@wordpress/edit-site 5.26.0 → 5.27.0

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalUseNavigator","useNavigator","__experimentalVStack","VStack","isRTL","__","sprintf","chevronRight","chevronLeft","store","coreStore","useSelect","privateApis","routerPrivateApis","editSiteStore","unlock","SidebarButton","isPreviewingTheme","currentlyPreviewingTheme","useLocation","SidebarNavigationScreen","isRoot","title","actions","meta","content","footer","description","backPath","backPathProp","dashboardLink","dashboardLinkText","select","getSettings","__experimentalDashboardLink","__experimentalDashboardLinkText","getTheme","location","navigator","theme","icon","createElement","Fragment","className","spacing","justify","alignment","onClick","state","goTo","isBack","goToParent","label","showTooltip","href","color","level","size","name","rendered"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { isRTL, __, sprintf } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport SidebarButton from '../sidebar-button';\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from '../../utils/is-previewing-theme';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreen( {\n\tisRoot,\n\ttitle,\n\tactions,\n\tmeta,\n\tcontent,\n\tfooter,\n\tdescription,\n\tbackPath: backPathProp,\n} ) {\n\tconst { dashboardLink, dashboardLinkText } = useSelect( ( select ) => {\n\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\treturn {\n\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\tdashboardLinkText: getSettings().__experimentalDashboardLinkText,\n\t\t};\n\t}, [] );\n\tconst { getTheme } = useSelect( coreStore );\n\tconst location = useLocation();\n\tconst navigator = useNavigator();\n\tconst theme = getTheme( currentlyPreviewingTheme() );\n\tconst icon = isRTL() ? chevronRight : chevronLeft;\n\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-sidebar-navigation-screen__main',\n\t\t\t\t\t{\n\t\t\t\t\t\t'has-footer': !! footer,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tspacing={ 0 }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tspacing={ 4 }\n\t\t\t\t\talignment=\"flex-start\"\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title-icon\"\n\t\t\t\t>\n\t\t\t\t\t{ ! isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst backPath =\n\t\t\t\t\t\t\t\t\tbackPathProp ?? location.state?.backPath;\n\t\t\t\t\t\t\t\tif ( backPath ) {\n\t\t\t\t\t\t\t\t\tnavigator.goTo( backPath, {\n\t\t\t\t\t\t\t\t\t\tisBack: true,\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tnavigator.goToParent();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\tshowTooltip={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tdashboardLinkText || __( 'Go to the Dashboard' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thref={ dashboardLink || 'index.php' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<Heading\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title\"\n\t\t\t\t\t\tcolor={ '#e0e0e0' /* $gray-200 */ }\n\t\t\t\t\t\tlevel={ 1 }\n\t\t\t\t\t\tsize={ 20 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isPreviewingTheme()\n\t\t\t\t\t\t\t? title\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t'Previewing %1$s: %2$s',\n\t\t\t\t\t\t\t\t\ttheme?.name?.rendered,\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{ actions && (\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__actions\">\n\t\t\t\t\t\t\t{ actions }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t{ meta && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__meta\">\n\t\t\t\t\t\t\t{ meta }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__content\">\n\t\t\t\t\t{ description && (\n\t\t\t\t\t\t<p className=\"edit-site-sidebar-navigation-screen__description\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ content }\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t\t{ footer && (\n\t\t\t\t<footer className=\"edit-site-sidebar-navigation-screen__footer\">\n\t\t\t\t\t{ footer }\n\t\t\t\t</footer>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["classnames","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalUseNavigator","useNavigator","__experimentalVStack","VStack","isRTL","__","sprintf","chevronRight","chevronLeft","store","coreStore","useSelect","privateApis","routerPrivateApis","editSiteStore","unlock","SidebarButton","isPreviewingTheme","currentlyPreviewingTheme","useLocation","SidebarNavigationScreen","isRoot","title","actions","meta","content","footer","description","backPath","backPathProp","dashboardLink","dashboardLinkText","previewingThemeName","select","getSettings","currentlyPreviewingThemeId","__experimentalDashboardLink","__experimentalDashboardLinkText","getTheme","name","rendered","undefined","location","navigator","icon","createElement","Fragment","className","spacing","justify","alignment","onClick","state","goTo","isBack","goToParent","label","showTooltip","href","color","level","size"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { isRTL, __, sprintf } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport SidebarButton from '../sidebar-button';\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from '../../utils/is-previewing-theme';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreen( {\n\tisRoot,\n\ttitle,\n\tactions,\n\tmeta,\n\tcontent,\n\tfooter,\n\tdescription,\n\tbackPath: backPathProp,\n} ) {\n\tconst { dashboardLink, dashboardLinkText, previewingThemeName } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst currentlyPreviewingThemeId = currentlyPreviewingTheme();\n\t\t\treturn {\n\t\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\t\tdashboardLinkText:\n\t\t\t\t\tgetSettings().__experimentalDashboardLinkText,\n\t\t\t\t// Do not call `getTheme` with null, it will cause a request to\n\t\t\t\t// the server.\n\t\t\t\tpreviewingThemeName: currentlyPreviewingThemeId\n\t\t\t\t\t? select( coreStore ).getTheme( currentlyPreviewingThemeId )\n\t\t\t\t\t\t\t?.name?.rendered\n\t\t\t\t\t: undefined,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst location = useLocation();\n\tconst navigator = useNavigator();\n\tconst icon = isRTL() ? chevronRight : chevronLeft;\n\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'edit-site-sidebar-navigation-screen__main',\n\t\t\t\t\t{\n\t\t\t\t\t\t'has-footer': !! footer,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tspacing={ 0 }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tspacing={ 4 }\n\t\t\t\t\talignment=\"flex-start\"\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title-icon\"\n\t\t\t\t>\n\t\t\t\t\t{ ! isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst backPath =\n\t\t\t\t\t\t\t\t\tbackPathProp ?? location.state?.backPath;\n\t\t\t\t\t\t\t\tif ( backPath ) {\n\t\t\t\t\t\t\t\t\tnavigator.goTo( backPath, {\n\t\t\t\t\t\t\t\t\t\tisBack: true,\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tnavigator.goToParent();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\tshowTooltip={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tdashboardLinkText || __( 'Go to the Dashboard' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thref={ dashboardLink || 'index.php' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<Heading\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title\"\n\t\t\t\t\t\tcolor={ '#e0e0e0' /* $gray-200 */ }\n\t\t\t\t\t\tlevel={ 1 }\n\t\t\t\t\t\tsize={ 20 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isPreviewingTheme()\n\t\t\t\t\t\t\t? title\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t'Previewing %1$s: %2$s',\n\t\t\t\t\t\t\t\t\tpreviewingThemeName,\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{ actions && (\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__actions\">\n\t\t\t\t\t\t\t{ actions }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t{ meta && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__meta\">\n\t\t\t\t\t\t\t{ meta }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__content\">\n\t\t\t\t\t{ description && (\n\t\t\t\t\t\t<p className=\"edit-site-sidebar-navigation-screen__description\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ content }\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t\t{ footer && (\n\t\t\t\t<footer className=\"edit-site-sidebar-navigation-screen__footer\">\n\t\t\t\t\t{ footer }\n\t\t\t\t</footer>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

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

@@ -117,20 +117,12 @@ export default function SidebarNavigationScreenPages() {
   const pagesLink = useLink({
     path: '/pages'
   });
-  const manageAllPagesProps = window?.__experimentalAdminViews ? {
-    ...pagesLink
-  } : {
-    href: 'edit.php?post_type=page',
-    onClick: () => {
-      document.location = 'edit.php?post_type=page';
-    }
-  };
   return createElement(Fragment, null, showAddPage && createElement(AddNewPageModal, {
     onSave: handleNewPage,
     onClose: () => setShowAddPage(false)
   }), createElement(SidebarNavigationScreen, {
     title: __('Pages'),
-    description: __('Browse and edit pages on your site.'),
+    description: __('Browse and manage pages.'),
     actions: createElement(SidebarButton, {
       icon: plus,
       label: __('Draft a new page'),
@@ -166,7 +158,7 @@ export default function SidebarNavigationScreenPages() {
       numberOfLines: 1
     }, decodeEntities(item.title?.rendered || __('(no title)'))))), createElement(SidebarNavigationItem, {
       className: "edit-site-sidebar-navigation-screen-pages__see-all",
-      ...manageAllPagesProps
+      ...pagesLink
     }, __('Manage all pages')))
   }));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["__experimentalItemGroup","ItemGroup","__experimentalItem","Item","__experimentalTruncate","Truncate","__experimentalVStack","VStack","useState","__","useEntityRecords","store","coreStore","decodeEntities","privateApis","routerPrivateApis","layout","page","home","verse","plus","useSelect","SidebarNavigationScreen","useLink","SidebarNavigationItem","SidebarButton","AddNewPageModal","unlock","TEMPLATE_POST_TYPE","useHistory","PageItem","postType","postId","props","linkInfo","backPath","createElement","SidebarNavigationScreenPages","records","pages","isResolving","isLoadingPages","status","per_page","templates","isLoadingTemplates","dynamicPageTemplates","filter","slug","includes","homeTemplate","find","template","getPostsPageTemplate","pagesAndTemplates","concat","frontPage","postsPage","select","getEntityRecord","siteSettings","page_on_front","page_for_posts","isHomePageBlog","reorderedPages","length","homePageIndex","findIndex","item","id","homePage","splice","postsPageIndex","blogPage","showAddPage","setShowAddPage","history","handleNewPage","type","push","canvas","getPageProps","itemIcon","postsPageTemplateId","icon","pagesLink","path","manageAllPagesProps","window","__experimentalAdminViews","href","onClick","document","location","Fragment","onSave","onClose","title","description","actions","label","content","key","withChevron","numberOfLines","rendered","map","footer","spacing","className"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pages/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalTruncate as Truncate,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { layout, page, home, verse, plus } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport SidebarButton from '../sidebar-button';\nimport AddNewPageModal from '../add-new-page';\nimport { unlock } from '../../lock-unlock';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nconst PageItem = ( { postType = 'page', postId, ...props } ) => {\n\tconst linkInfo = useLink(\n\t\t{\n\t\t\tpostType,\n\t\t\tpostId,\n\t\t},\n\t\t{\n\t\t\tbackPath: '/page',\n\t\t}\n\t);\n\treturn <SidebarNavigationItem { ...linkInfo } { ...props } />;\n};\n\nexport default function SidebarNavigationScreenPages() {\n\tconst { records: pages, isResolving: isLoadingPages } = useEntityRecords(\n\t\t'postType',\n\t\t'page',\n\t\t{\n\t\t\tstatus: 'any',\n\t\t\tper_page: -1,\n\t\t}\n\t);\n\tconst { records: templates, isResolving: isLoadingTemplates } =\n\t\tuseEntityRecords( 'postType', TEMPLATE_POST_TYPE, {\n\t\t\tper_page: -1,\n\t\t} );\n\n\tconst dynamicPageTemplates = templates?.filter( ( { slug } ) =>\n\t\t[ '404', 'search' ].includes( slug )\n\t);\n\n\tconst homeTemplate =\n\t\ttemplates?.find( ( template ) => template.slug === 'front-page' ) ||\n\t\ttemplates?.find( ( template ) => template.slug === 'home' ) ||\n\t\ttemplates?.find( ( template ) => template.slug === 'index' );\n\n\tconst getPostsPageTemplate = () =>\n\t\ttemplates?.find( ( template ) => template.slug === 'home' ) ||\n\t\ttemplates?.find( ( template ) => template.slug === 'index' );\n\n\tconst pagesAndTemplates = pages?.concat( dynamicPageTemplates, [\n\t\thomeTemplate,\n\t] );\n\n\tconst { frontPage, postsPage } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\t\treturn {\n\t\t\tfrontPage: siteSettings?.page_on_front,\n\t\t\tpostsPage: siteSettings?.page_for_posts,\n\t\t};\n\t}, [] );\n\n\tconst isHomePageBlog = frontPage === postsPage;\n\n\tconst reorderedPages = pages && [ ...pages ];\n\n\tif ( ! isHomePageBlog && reorderedPages?.length ) {\n\t\tconst homePageIndex = reorderedPages.findIndex(\n\t\t\t( item ) => item.id === frontPage\n\t\t);\n\t\tconst homePage = reorderedPages.splice( homePageIndex, 1 );\n\t\treorderedPages?.splice( 0, 0, ...homePage );\n\n\t\tconst postsPageIndex = reorderedPages.findIndex(\n\t\t\t( item ) => item.id === postsPage\n\t\t);\n\n\t\tconst blogPage = reorderedPages.splice( postsPageIndex, 1 );\n\n\t\treorderedPages.splice( 1, 0, ...blogPage );\n\t}\n\n\tconst [ showAddPage, setShowAddPage ] = useState( false );\n\n\tconst history = useHistory();\n\n\tconst handleNewPage = ( { type, id } ) => {\n\t\t// Navigate to the created template editor.\n\t\thistory.push( {\n\t\t\tpostId: id,\n\t\t\tpostType: type,\n\t\t\tcanvas: 'edit',\n\t\t} );\n\t\tsetShowAddPage( false );\n\t};\n\n\tconst getPageProps = ( id ) => {\n\t\tlet itemIcon = page;\n\t\tconst postsPageTemplateId =\n\t\t\tpostsPage && postsPage === id ? getPostsPageTemplate()?.id : null;\n\n\t\tswitch ( id ) {\n\t\t\tcase frontPage:\n\t\t\t\titemIcon = home;\n\t\t\t\tbreak;\n\t\t\tcase postsPage:\n\t\t\t\titemIcon = verse;\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn {\n\t\t\ticon: itemIcon,\n\t\t\tpostType: postsPageTemplateId ? TEMPLATE_POST_TYPE : 'page',\n\t\t\tpostId: postsPageTemplateId || id,\n\t\t};\n\t};\n\n\tconst pagesLink = useLink( { path: '/pages' } );\n\tconst manageAllPagesProps = window?.__experimentalAdminViews\n\t\t? { ...pagesLink }\n\t\t: {\n\t\t\t\thref: 'edit.php?post_type=page',\n\t\t\t\tonClick: () => {\n\t\t\t\t\tdocument.location = 'edit.php?post_type=page';\n\t\t\t\t},\n\t\t  };\n\n\treturn (\n\t\t<>\n\t\t\t{ showAddPage && (\n\t\t\t\t<AddNewPageModal\n\t\t\t\t\tonSave={ handleNewPage }\n\t\t\t\t\tonClose={ () => setShowAddPage( false ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Pages' ) }\n\t\t\t\tdescription={ __( 'Browse and edit pages on your site.' ) }\n\t\t\t\tactions={\n\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tlabel={ __( 'Draft a new page' ) }\n\t\t\t\t\t\tonClick={ () => setShowAddPage( true ) }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tcontent={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ( isLoadingPages || isLoadingTemplates ) && (\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t<Item>{ __( 'Loading pages…' ) }</Item>\n\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ! ( isLoadingPages || isLoadingTemplates ) && (\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t{ ! pagesAndTemplates?.length && (\n\t\t\t\t\t\t\t\t\t<Item>{ __( 'No page found' ) }</Item>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ isHomePageBlog && homeTemplate && (\n\t\t\t\t\t\t\t\t\t<PageItem\n\t\t\t\t\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t\t\t\t\t\tpostId={ homeTemplate.id }\n\t\t\t\t\t\t\t\t\t\tkey={ homeTemplate.id }\n\t\t\t\t\t\t\t\t\t\ticon={ home }\n\t\t\t\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\t\t\thomeTemplate.title?.rendered ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t__( '(no title)' )\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t</PageItem>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ reorderedPages?.map( ( { id, title } ) => (\n\t\t\t\t\t\t\t\t\t<PageItem\n\t\t\t\t\t\t\t\t\t\t{ ...getPageProps( id ) }\n\t\t\t\t\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\t\t\ttitle?.rendered ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t__( '(no title)' )\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t</PageItem>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t\tfooter={\n\t\t\t\t\t<VStack spacing={ 0 }>\n\t\t\t\t\t\t{ dynamicPageTemplates?.map( ( item ) => (\n\t\t\t\t\t\t\t<PageItem\n\t\t\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t\t\t\tpostId={ item.id }\n\t\t\t\t\t\t\t\tkey={ item.id }\n\t\t\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\titem.title?.rendered ||\n\t\t\t\t\t\t\t\t\t\t\t__( '(no title)' )\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t</PageItem>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-pages__see-all\"\n\t\t\t\t\t\t\t{ ...manageAllPagesProps }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Manage all pages' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t</VStack>\n\t\t\t\t}\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["__experimentalItemGroup","ItemGroup","__experimentalItem","Item","__experimentalTruncate","Truncate","__experimentalVStack","VStack","useState","__","useEntityRecords","store","coreStore","decodeEntities","privateApis","routerPrivateApis","layout","page","home","verse","plus","useSelect","SidebarNavigationScreen","useLink","SidebarNavigationItem","SidebarButton","AddNewPageModal","unlock","TEMPLATE_POST_TYPE","useHistory","PageItem","postType","postId","props","linkInfo","backPath","createElement","SidebarNavigationScreenPages","records","pages","isResolving","isLoadingPages","status","per_page","templates","isLoadingTemplates","dynamicPageTemplates","filter","slug","includes","homeTemplate","find","template","getPostsPageTemplate","pagesAndTemplates","concat","frontPage","postsPage","select","getEntityRecord","siteSettings","page_on_front","page_for_posts","isHomePageBlog","reorderedPages","length","homePageIndex","findIndex","item","id","homePage","splice","postsPageIndex","blogPage","showAddPage","setShowAddPage","history","handleNewPage","type","push","canvas","getPageProps","itemIcon","postsPageTemplateId","icon","pagesLink","path","Fragment","onSave","onClose","title","description","actions","label","onClick","content","key","withChevron","numberOfLines","rendered","map","footer","spacing","className"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pages/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalTruncate as Truncate,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { layout, page, home, verse, plus } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport SidebarButton from '../sidebar-button';\nimport AddNewPageModal from '../add-new-page';\nimport { unlock } from '../../lock-unlock';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nconst PageItem = ( { postType = 'page', postId, ...props } ) => {\n\tconst linkInfo = useLink(\n\t\t{\n\t\t\tpostType,\n\t\t\tpostId,\n\t\t},\n\t\t{\n\t\t\tbackPath: '/page',\n\t\t}\n\t);\n\treturn <SidebarNavigationItem { ...linkInfo } { ...props } />;\n};\n\nexport default function SidebarNavigationScreenPages() {\n\tconst { records: pages, isResolving: isLoadingPages } = useEntityRecords(\n\t\t'postType',\n\t\t'page',\n\t\t{\n\t\t\tstatus: 'any',\n\t\t\tper_page: -1,\n\t\t}\n\t);\n\tconst { records: templates, isResolving: isLoadingTemplates } =\n\t\tuseEntityRecords( 'postType', TEMPLATE_POST_TYPE, {\n\t\t\tper_page: -1,\n\t\t} );\n\n\tconst dynamicPageTemplates = templates?.filter( ( { slug } ) =>\n\t\t[ '404', 'search' ].includes( slug )\n\t);\n\n\tconst homeTemplate =\n\t\ttemplates?.find( ( template ) => template.slug === 'front-page' ) ||\n\t\ttemplates?.find( ( template ) => template.slug === 'home' ) ||\n\t\ttemplates?.find( ( template ) => template.slug === 'index' );\n\n\tconst getPostsPageTemplate = () =>\n\t\ttemplates?.find( ( template ) => template.slug === 'home' ) ||\n\t\ttemplates?.find( ( template ) => template.slug === 'index' );\n\n\tconst pagesAndTemplates = pages?.concat( dynamicPageTemplates, [\n\t\thomeTemplate,\n\t] );\n\n\tconst { frontPage, postsPage } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\t\treturn {\n\t\t\tfrontPage: siteSettings?.page_on_front,\n\t\t\tpostsPage: siteSettings?.page_for_posts,\n\t\t};\n\t}, [] );\n\n\tconst isHomePageBlog = frontPage === postsPage;\n\n\tconst reorderedPages = pages && [ ...pages ];\n\n\tif ( ! isHomePageBlog && reorderedPages?.length ) {\n\t\tconst homePageIndex = reorderedPages.findIndex(\n\t\t\t( item ) => item.id === frontPage\n\t\t);\n\t\tconst homePage = reorderedPages.splice( homePageIndex, 1 );\n\t\treorderedPages?.splice( 0, 0, ...homePage );\n\n\t\tconst postsPageIndex = reorderedPages.findIndex(\n\t\t\t( item ) => item.id === postsPage\n\t\t);\n\n\t\tconst blogPage = reorderedPages.splice( postsPageIndex, 1 );\n\n\t\treorderedPages.splice( 1, 0, ...blogPage );\n\t}\n\n\tconst [ showAddPage, setShowAddPage ] = useState( false );\n\n\tconst history = useHistory();\n\n\tconst handleNewPage = ( { type, id } ) => {\n\t\t// Navigate to the created template editor.\n\t\thistory.push( {\n\t\t\tpostId: id,\n\t\t\tpostType: type,\n\t\t\tcanvas: 'edit',\n\t\t} );\n\t\tsetShowAddPage( false );\n\t};\n\n\tconst getPageProps = ( id ) => {\n\t\tlet itemIcon = page;\n\t\tconst postsPageTemplateId =\n\t\t\tpostsPage && postsPage === id ? getPostsPageTemplate()?.id : null;\n\n\t\tswitch ( id ) {\n\t\t\tcase frontPage:\n\t\t\t\titemIcon = home;\n\t\t\t\tbreak;\n\t\t\tcase postsPage:\n\t\t\t\titemIcon = verse;\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn {\n\t\t\ticon: itemIcon,\n\t\t\tpostType: postsPageTemplateId ? TEMPLATE_POST_TYPE : 'page',\n\t\t\tpostId: postsPageTemplateId || id,\n\t\t};\n\t};\n\n\tconst pagesLink = useLink( { path: '/pages' } );\n\n\treturn (\n\t\t<>\n\t\t\t{ showAddPage && (\n\t\t\t\t<AddNewPageModal\n\t\t\t\t\tonSave={ handleNewPage }\n\t\t\t\t\tonClose={ () => setShowAddPage( false ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<SidebarNavigationScreen\n\t\t\t\ttitle={ __( 'Pages' ) }\n\t\t\t\tdescription={ __( 'Browse and manage pages.' ) }\n\t\t\t\tactions={\n\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tlabel={ __( 'Draft a new page' ) }\n\t\t\t\t\t\tonClick={ () => setShowAddPage( true ) }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tcontent={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ( isLoadingPages || isLoadingTemplates ) && (\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t<Item>{ __( 'Loading pages…' ) }</Item>\n\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ! ( isLoadingPages || isLoadingTemplates ) && (\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t{ ! pagesAndTemplates?.length && (\n\t\t\t\t\t\t\t\t\t<Item>{ __( 'No page found' ) }</Item>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ isHomePageBlog && homeTemplate && (\n\t\t\t\t\t\t\t\t\t<PageItem\n\t\t\t\t\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t\t\t\t\t\tpostId={ homeTemplate.id }\n\t\t\t\t\t\t\t\t\t\tkey={ homeTemplate.id }\n\t\t\t\t\t\t\t\t\t\ticon={ home }\n\t\t\t\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\t\t\thomeTemplate.title?.rendered ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t__( '(no title)' )\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t</PageItem>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ reorderedPages?.map( ( { id, title } ) => (\n\t\t\t\t\t\t\t\t\t<PageItem\n\t\t\t\t\t\t\t\t\t\t{ ...getPageProps( id ) }\n\t\t\t\t\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\t\t\ttitle?.rendered ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t__( '(no title)' )\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t</PageItem>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t\tfooter={\n\t\t\t\t\t<VStack spacing={ 0 }>\n\t\t\t\t\t\t{ dynamicPageTemplates?.map( ( item ) => (\n\t\t\t\t\t\t\t<PageItem\n\t\t\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t\t\t\tpostId={ item.id }\n\t\t\t\t\t\t\t\tkey={ item.id }\n\t\t\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\titem.title?.rendered ||\n\t\t\t\t\t\t\t\t\t\t\t__( '(no title)' )\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t</PageItem>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-pages__see-all\"\n\t\t\t\t\t\t\t{ ...pagesLink }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Manage all pages' ) }\n\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t</VStack>\n\t\t\t\t}\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

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

@@ -5,9 +5,10 @@ import { createElement } from "react";
 import { __experimentalTruncate as Truncate, __experimentalVStack as VStack } from '@wordpress/components';
 import { layout } from '@wordpress/icons';
 import { useMemo } from '@wordpress/element';
-import { useEntityRecords } from '@wordpress/core-data';
+import { useEntityRecords, store as coreStore } from '@wordpress/core-data';
 import { decodeEntities } from '@wordpress/html-entities';
 import { __ } from '@wordpress/i18n';
+import { useSelect } from '@wordpress/data';
 
 /**
  * Internal dependencies
@@ -39,12 +40,34 @@ export default function SidebarNavigationScreenPagesDataViews() {
   } = useEntityRecords('postType', TEMPLATE_POST_TYPE, {
     per_page: -1
   });
-  const templates = useMemo(() => templateRecords?.filter(({
-    slug
-  }) => ['404', 'search'].includes(slug)), [templateRecords]);
+  const {
+    frontPage,
+    postsPage
+  } = useSelect(select => {
+    const {
+      getEntityRecord
+    } = select(coreStore);
+    const siteSettings = getEntityRecord('root', 'site');
+    return {
+      frontPage: siteSettings?.page_on_front,
+      postsPage: siteSettings?.page_for_posts
+    };
+  }, []);
+  const templates = useMemo(() => {
+    if (!templateRecords) {
+      return [];
+    }
+    const isHomePageBlog = frontPage === postsPage;
+    const homeTemplate = templateRecords?.find(template => template.slug === 'front-page') || templateRecords?.find(template => template.slug === 'home') || templateRecords?.find(template => template.slug === 'index');
+    return [isHomePageBlog ? homeTemplate : null, ...templateRecords?.filter(({
+      slug
+    }) => ['404', 'search'].includes(slug))].filter(Boolean);
+  }, [templateRecords, frontPage, postsPage]);
   return createElement(SidebarNavigationScreen, {
     title: __('Pages'),
+    description: __('Browse and manage pages.'),
     content: createElement(DataViewsSidebarContent, null),
+    backPath: "/page",
     footer: createElement(VStack, {
       spacing: 0
     }, templates?.map(item => createElement(PageItem, {

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

@@ -1 +1 @@
-{"version":3,"names":["__experimentalTruncate","Truncate","__experimentalVStack","VStack","layout","useMemo","useEntityRecords","decodeEntities","__","useLink","TEMPLATE_POST_TYPE","SidebarNavigationItem","SidebarNavigationScreen","DataViewsSidebarContent","PageItem","postType","postId","props","linkInfo","backPath","createElement","SidebarNavigationScreenPagesDataViews","records","templateRecords","per_page","templates","filter","slug","includes","title","content","footer","spacing","map","item","id","key","icon","withChevron","numberOfLines","rendered"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pages-dataviews/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalTruncate as Truncate,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { layout } from '@wordpress/icons';\nimport { useMemo } from '@wordpress/element';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useLink } from '../routes/link';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\n\nconst PageItem = ( { postType = 'page', postId, ...props } ) => {\n\tconst linkInfo = useLink(\n\t\t{\n\t\t\tpostType,\n\t\t\tpostId,\n\t\t},\n\t\t{\n\t\t\tbackPath: '/page',\n\t\t}\n\t);\n\treturn <SidebarNavigationItem { ...linkInfo } { ...props } />;\n};\n\nexport default function SidebarNavigationScreenPagesDataViews() {\n\tconst { records: templateRecords } = useEntityRecords(\n\t\t'postType',\n\t\tTEMPLATE_POST_TYPE,\n\t\t{\n\t\t\tper_page: -1,\n\t\t}\n\t);\n\tconst templates = useMemo(\n\t\t() =>\n\t\t\ttemplateRecords?.filter( ( { slug } ) =>\n\t\t\t\t[ '404', 'search' ].includes( slug )\n\t\t\t),\n\t\t[ templateRecords ]\n\t);\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ __( 'Pages' ) }\n\t\t\tcontent={ <DataViewsSidebarContent /> }\n\t\t\tfooter={\n\t\t\t\t<VStack spacing={ 0 }>\n\t\t\t\t\t{ templates?.map( ( item ) => (\n\t\t\t\t\t\t<PageItem\n\t\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t\t\tpostId={ item.id }\n\t\t\t\t\t\t\tkey={ item.id }\n\t\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\titem.title?.rendered || __( '(no title)' )\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t</PageItem>\n\t\t\t\t\t) ) }\n\t\t\t\t</VStack>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,sBAAsB,IAAIC,QAAQ,EAClCC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,OAAOC,uBAAuB,MAAM,sBAAsB;AAE1D,MAAMC,QAAQ,GAAGA,CAAE;EAAEC,QAAQ,GAAG,MAAM;EAAEC,MAAM;EAAE,GAAGC;AAAM,CAAC,KAAM;EAC/D,MAAMC,QAAQ,GAAGT,OAAO,CACvB;IACCM,QAAQ;IACRC;EACD,CAAC,EACD;IACCG,QAAQ,EAAE;EACX,CACD,CAAC;EACD,OAAOC,aAAA,CAACT,qBAAqB;IAAA,GAAMO,QAAQ;IAAA,GAAQD;EAAK,CAAI,CAAC;AAC9D,CAAC;AAED,eAAe,SAASI,qCAAqCA,CAAA,EAAG;EAC/D,MAAM;IAAEC,OAAO,EAAEC;EAAgB,CAAC,GAAGjB,gBAAgB,CACpD,UAAU,EACVI,kBAAkB,EAClB;IACCc,QAAQ,EAAE,CAAC;EACZ,CACD,CAAC;EACD,MAAMC,SAAS,GAAGpB,OAAO,CACxB,MACCkB,eAAe,EAAEG,MAAM,CAAE,CAAE;IAAEC;EAAK,CAAC,KAClC,CAAE,KAAK,EAAE,QAAQ,CAAE,CAACC,QAAQ,CAAED,IAAK,CACpC,CAAC,EACF,CAAEJ,eAAe,CAClB,CAAC;EAED,OACCH,aAAA,CAACR,uBAAuB;IACvBiB,KAAK,EAAGrB,EAAE,CAAE,OAAQ,CAAG;IACvBsB,OAAO,EAAGV,aAAA,CAACP,uBAAuB,MAAE,CAAG;IACvCkB,MAAM,EACLX,aAAA,CAACjB,MAAM;MAAC6B,OAAO,EAAG;IAAG,GAClBP,SAAS,EAAEQ,GAAG,CAAIC,IAAI,IACvBd,aAAA,CAACN,QAAQ;MACRC,QAAQ,EAAGL,kBAAoB;MAC/BM,MAAM,EAAGkB,IAAI,CAACC,EAAI;MAClBC,GAAG,EAAGF,IAAI,CAACC,EAAI;MACfE,IAAI,EAAGjC,MAAQ;MACfkC,WAAW;IAAA,GAEXlB,aAAA,CAACnB,QAAQ;MAACsC,aAAa,EAAG;IAAG,GAC1BhC,cAAc,CACf2B,IAAI,CAACL,KAAK,EAAEW,QAAQ,IAAIhC,EAAE,CAAE,YAAa,CAC1C,CACS,CACD,CACT,CACK;EACR,CACD,CAAC;AAEJ"}
+{"version":3,"names":["__experimentalTruncate","Truncate","__experimentalVStack","VStack","layout","useMemo","useEntityRecords","store","coreStore","decodeEntities","__","useSelect","useLink","TEMPLATE_POST_TYPE","SidebarNavigationItem","SidebarNavigationScreen","DataViewsSidebarContent","PageItem","postType","postId","props","linkInfo","backPath","createElement","SidebarNavigationScreenPagesDataViews","records","templateRecords","per_page","frontPage","postsPage","select","getEntityRecord","siteSettings","page_on_front","page_for_posts","templates","isHomePageBlog","homeTemplate","find","template","slug","filter","includes","Boolean","title","description","content","footer","spacing","map","item","id","key","icon","withChevron","numberOfLines","rendered"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-pages-dataviews/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalTruncate as Truncate,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { layout } from '@wordpress/icons';\nimport { useMemo } from '@wordpress/element';\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useLink } from '../routes/link';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\n\nconst PageItem = ( { postType = 'page', postId, ...props } ) => {\n\tconst linkInfo = useLink(\n\t\t{\n\t\t\tpostType,\n\t\t\tpostId,\n\t\t},\n\t\t{\n\t\t\tbackPath: '/page',\n\t\t}\n\t);\n\treturn <SidebarNavigationItem { ...linkInfo } { ...props } />;\n};\n\nexport default function SidebarNavigationScreenPagesDataViews() {\n\tconst { records: templateRecords } = useEntityRecords(\n\t\t'postType',\n\t\tTEMPLATE_POST_TYPE,\n\t\t{\n\t\t\tper_page: -1,\n\t\t}\n\t);\n\n\tconst { frontPage, postsPage } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord } = select( coreStore );\n\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\t\treturn {\n\t\t\tfrontPage: siteSettings?.page_on_front,\n\t\t\tpostsPage: siteSettings?.page_for_posts,\n\t\t};\n\t}, [] );\n\n\tconst templates = useMemo( () => {\n\t\tif ( ! templateRecords ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst isHomePageBlog = frontPage === postsPage;\n\t\tconst homeTemplate =\n\t\t\ttemplateRecords?.find(\n\t\t\t\t( template ) => template.slug === 'front-page'\n\t\t\t) ||\n\t\t\ttemplateRecords?.find( ( template ) => template.slug === 'home' ) ||\n\t\t\ttemplateRecords?.find( ( template ) => template.slug === 'index' );\n\n\t\treturn [\n\t\t\tisHomePageBlog ? homeTemplate : null,\n\t\t\t...templateRecords?.filter( ( { slug } ) =>\n\t\t\t\t[ '404', 'search' ].includes( slug )\n\t\t\t),\n\t\t].filter( Boolean );\n\t}, [ templateRecords, frontPage, postsPage ] );\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ __( 'Pages' ) }\n\t\t\tdescription={ __( 'Browse and manage pages.' ) }\n\t\t\tcontent={ <DataViewsSidebarContent /> }\n\t\t\tbackPath=\"/page\"\n\t\t\tfooter={\n\t\t\t\t<VStack spacing={ 0 }>\n\t\t\t\t\t{ templates?.map( ( item ) => (\n\t\t\t\t\t\t<PageItem\n\t\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t\t\tpostId={ item.id }\n\t\t\t\t\t\t\tkey={ item.id }\n\t\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Truncate numberOfLines={ 1 }>\n\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\titem.title?.rendered || __( '(no title)' )\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t</PageItem>\n\t\t\t\t\t) ) }\n\t\t\t\t</VStack>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
-import { __experimentalItemGroup as ItemGroup, __experimentalItem as Item } from '@wordpress/components';
+import { __experimentalItemGroup as ItemGroup, __experimentalItem as Item, __experimentalVStack as VStack } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useEntityRecords } from '@wordpress/core-data';
 import { decodeEntities } from '@wordpress/html-entities';
@@ -39,8 +39,6 @@ export default function SidebarNavigationScreenTemplates() {
   } = useEntityRecords('postType', TEMPLATE_POST_TYPE, {
     per_page: -1
   });
-  const sortedTemplates = templates ? [...templates] : [];
-  sortedTemplates.sort((a, b) => a.title.rendered.localeCompare(b.title.rendered));
   const browseAllLink = useLink({
     path: '/wp_template/all'
   });
@@ -54,16 +52,73 @@ export default function SidebarNavigationScreenTemplates() {
         as: SidebarButton
       }
     }),
-    content: createElement(Fragment, null, isLoading && __('Loading templates…'), !isLoading && createElement(ItemGroup, null, !templates?.length && createElement(Item, null, __('No templates found')), sortedTemplates.map(template => createElement(TemplateItem, {
-      postType: TEMPLATE_POST_TYPE,
-      postId: template.id,
-      key: template.id,
-      withChevron: true
-    }, decodeEntities(template.title?.rendered || template.slug))))),
+    content: createElement(Fragment, null, isLoading && __('Loading templates…'), !isLoading && createElement(SidebarTemplatesList, {
+      templates: templates
+    })),
     footer: !isMobileViewport && createElement(SidebarNavigationItem, {
       withChevron: true,
       ...browseAllLink
     }, __('Manage all templates'))
   });
 }
+function TemplatesGroup({
+  title,
+  templates
+}) {
+  return createElement(ItemGroup, null, !!title && createElement(Item, {
+    className: "edit-site-sidebar-navigation-screen-templates__templates-group-title"
+  }, title), templates.map(template => createElement(TemplateItem, {
+    postType: TEMPLATE_POST_TYPE,
+    postId: template.id,
+    key: template.id,
+    withChevron: true
+  }, decodeEntities(template.title?.rendered || template.slug))));
+}
+function SidebarTemplatesList({
+  templates
+}) {
+  if (!templates?.length) {
+    return createElement(ItemGroup, null, createElement(Item, null, __('No templates found')));
+  }
+  const sortedTemplates = templates ? [...templates] : [];
+  sortedTemplates.sort((a, b) => a.title.rendered.localeCompare(b.title.rendered));
+  const {
+    hierarchyTemplates,
+    customTemplates,
+    ...plugins
+  } = sortedTemplates.reduce((accumulator, template) => {
+    const {
+      original_source: originalSource,
+      author_text: authorText
+    } = template;
+    if (originalSource === 'plugin') {
+      if (!accumulator[authorText]) {
+        accumulator[authorText] = [];
+      }
+      accumulator[authorText].push(template);
+    } else if (template.is_custom) {
+      accumulator.customTemplates.push(template);
+    } else {
+      accumulator.hierarchyTemplates.push(template);
+    }
+    return accumulator;
+  }, {
+    hierarchyTemplates: [],
+    customTemplates: []
+  });
+  return createElement(VStack, {
+    spacing: 3
+  }, !!hierarchyTemplates.length && createElement(TemplatesGroup, {
+    templates: hierarchyTemplates
+  }), !!customTemplates.length && createElement(TemplatesGroup, {
+    title: __('Custom'),
+    templates: customTemplates
+  }), Object.entries(plugins).map(([plugin, pluginTemplates]) => {
+    return createElement(TemplatesGroup, {
+      key: plugin,
+      title: plugin,
+      templates: pluginTemplates
+    });
+  }));
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__experimentalItemGroup","ItemGroup","__experimentalItem","Item","__","useEntityRecords","decodeEntities","useViewportMatch","SidebarNavigationScreen","useLink","SidebarNavigationItem","AddNewTemplate","SidebarButton","TEMPLATE_POST_TYPE","TemplateItem","postType","postId","props","linkInfo","createElement","SidebarNavigationScreenTemplates","isMobileViewport","records","templates","isResolving","isLoading","per_page","sortedTemplates","sort","a","b","title","rendered","localeCompare","browseAllLink","path","canCreate","description","actions","templateType","toggleProps","as","content","Fragment","length","map","template","id","key","withChevron","slug","footer"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-templates/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport AddNewTemplate from '../add-new-template';\nimport SidebarButton from '../sidebar-button';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nconst TemplateItem = ( { postType, postId, ...props } ) => {\n\tconst linkInfo = useLink( {\n\t\tpostType,\n\t\tpostId,\n\t} );\n\treturn <SidebarNavigationItem { ...linkInfo } { ...props } />;\n};\n\nexport default function SidebarNavigationScreenTemplates() {\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tconst { records: templates, isResolving: isLoading } = useEntityRecords(\n\t\t'postType',\n\t\tTEMPLATE_POST_TYPE,\n\t\t{\n\t\t\tper_page: -1,\n\t\t}\n\t);\n\n\tconst sortedTemplates = templates ? [ ...templates ] : [];\n\tsortedTemplates.sort( ( a, b ) =>\n\t\ta.title.rendered.localeCompare( b.title.rendered )\n\t);\n\n\tconst browseAllLink = useLink( { path: '/wp_template/all' } );\n\tconst canCreate = ! isMobileViewport;\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ __( 'Templates' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Express the layout of your site with templates.'\n\t\t\t) }\n\t\t\tactions={\n\t\t\t\tcanCreate && (\n\t\t\t\t\t<AddNewTemplate\n\t\t\t\t\t\ttemplateType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\tas: SidebarButton,\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t}\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ isLoading && __( 'Loading templates…' ) }\n\t\t\t\t\t{ ! isLoading && (\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t{ ! templates?.length && (\n\t\t\t\t\t\t\t\t<Item>{ __( 'No templates found' ) }</Item>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ sortedTemplates.map( ( template ) => (\n\t\t\t\t\t\t\t\t<TemplateItem\n\t\t\t\t\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t\t\t\t\tpostId={ template.id }\n\t\t\t\t\t\t\t\t\tkey={ template.id }\n\t\t\t\t\t\t\t\t\twithChevron\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\ttemplate.title?.rendered ||\n\t\t\t\t\t\t\t\t\t\t\ttemplate.slug\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</TemplateItem>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\t! isMobileViewport && (\n\t\t\t\t\t<SidebarNavigationItem withChevron { ...browseAllLink }>\n\t\t\t\t\t\t{ __( 'Manage all templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t)\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,uBAAuB,IAAIC,SAAS,EACpCC,kBAAkB,IAAIC,IAAI,QACpB,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,gBAAgB,QAAQ,oBAAoB;;AAErD;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,OAAOC,cAAc,MAAM,qBAAqB;AAChD,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,MAAMC,YAAY,GAAGA,CAAE;EAAEC,QAAQ;EAAEC,MAAM;EAAE,GAAGC;AAAM,CAAC,KAAM;EAC1D,MAAMC,QAAQ,GAAGT,OAAO,CAAE;IACzBM,QAAQ;IACRC;EACD,CAAE,CAAC;EACH,OAAOG,aAAA,CAACT,qBAAqB;IAAA,GAAMQ,QAAQ;IAAA,GAAQD;EAAK,CAAI,CAAC;AAC9D,CAAC;AAED,eAAe,SAASG,gCAAgCA,CAAA,EAAG;EAC1D,MAAMC,gBAAgB,GAAGd,gBAAgB,CAAE,QAAQ,EAAE,GAAI,CAAC;EAE1D,MAAM;IAAEe,OAAO,EAAEC,SAAS;IAAEC,WAAW,EAAEC;EAAU,CAAC,GAAGpB,gBAAgB,CACtE,UAAU,EACVQ,kBAAkB,EAClB;IACCa,QAAQ,EAAE,CAAC;EACZ,CACD,CAAC;EAED,MAAMC,eAAe,GAAGJ,SAAS,GAAG,CAAE,GAAGA,SAAS,CAAE,GAAG,EAAE;EACzDI,eAAe,CAACC,IAAI,CAAE,CAAEC,CAAC,EAAEC,CAAC,KAC3BD,CAAC,CAACE,KAAK,CAACC,QAAQ,CAACC,aAAa,CAAEH,CAAC,CAACC,KAAK,CAACC,QAAS,CAClD,CAAC;EAED,MAAME,aAAa,GAAGzB,OAAO,CAAE;IAAE0B,IAAI,EAAE;EAAmB,CAAE,CAAC;EAC7D,MAAMC,SAAS,GAAG,CAAEf,gBAAgB;EACpC,OACCF,aAAA,CAACX,uBAAuB;IACvBuB,KAAK,EAAG3B,EAAE,CAAE,WAAY,CAAG;IAC3BiC,WAAW,EAAGjC,EAAE,CACf,iDACD,CAAG;IACHkC,OAAO,EACNF,SAAS,IACRjB,aAAA,CAACR,cAAc;MACd4B,YAAY,EAAG1B,kBAAoB;MACnC2B,WAAW,EAAG;QACbC,EAAE,EAAE7B;MACL;IAAG,CACH,CAEF;IACD8B,OAAO,EACNvB,aAAA,CAAAwB,QAAA,QACGlB,SAAS,IAAIrB,EAAE,CAAE,oBAAqB,CAAC,EACvC,CAAEqB,SAAS,IACZN,aAAA,CAAClB,SAAS,QACP,CAAEsB,SAAS,EAAEqB,MAAM,IACpBzB,aAAA,CAAChB,IAAI,QAAGC,EAAE,CAAE,oBAAqB,CAAS,CAC1C,EACCuB,eAAe,CAACkB,GAAG,CAAIC,QAAQ,IAChC3B,aAAA,CAACL,YAAY;MACZC,QAAQ,EAAGF,kBAAoB;MAC/BG,MAAM,EAAG8B,QAAQ,CAACC,EAAI;MACtBC,GAAG,EAAGF,QAAQ,CAACC,EAAI;MACnBE,WAAW;IAAA,GAET3C,cAAc,CACfwC,QAAQ,CAACf,KAAK,EAAEC,QAAQ,IACvBc,QAAQ,CAACI,IACX,CACa,CACb,CACQ,CAEX,CACF;IACDC,MAAM,EACL,CAAE9B,gBAAgB,IACjBF,aAAA,CAACT,qBAAqB;MAACuC,WAAW;MAAA,GAAMf;IAAa,GAClD9B,EAAE,CAAE,sBAAuB,CACP;EAExB,CACD,CAAC;AAEJ"}
+{"version":3,"names":["__experimentalItemGroup","ItemGroup","__experimentalItem","Item","__experimentalVStack","VStack","__","useEntityRecords","decodeEntities","useViewportMatch","SidebarNavigationScreen","useLink","SidebarNavigationItem","AddNewTemplate","SidebarButton","TEMPLATE_POST_TYPE","TemplateItem","postType","postId","props","linkInfo","createElement","SidebarNavigationScreenTemplates","isMobileViewport","records","templates","isResolving","isLoading","per_page","browseAllLink","path","canCreate","title","description","actions","templateType","toggleProps","as","content","Fragment","SidebarTemplatesList","footer","withChevron","TemplatesGroup","className","map","template","id","key","rendered","slug","length","sortedTemplates","sort","a","b","localeCompare","hierarchyTemplates","customTemplates","plugins","reduce","accumulator","original_source","originalSource","author_text","authorText","push","is_custom","spacing","Object","entries","plugin","pluginTemplates"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-templates/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport AddNewTemplate from '../add-new-template';\nimport SidebarButton from '../sidebar-button';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nconst TemplateItem = ( { postType, postId, ...props } ) => {\n\tconst linkInfo = useLink( {\n\t\tpostType,\n\t\tpostId,\n\t} );\n\treturn <SidebarNavigationItem { ...linkInfo } { ...props } />;\n};\n\nexport default function SidebarNavigationScreenTemplates() {\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { records: templates, isResolving: isLoading } = useEntityRecords(\n\t\t'postType',\n\t\tTEMPLATE_POST_TYPE,\n\t\t{ per_page: -1 }\n\t);\n\tconst browseAllLink = useLink( { path: '/wp_template/all' } );\n\tconst canCreate = ! isMobileViewport;\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\ttitle={ __( 'Templates' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Express the layout of your site with templates.'\n\t\t\t) }\n\t\t\tactions={\n\t\t\t\tcanCreate && (\n\t\t\t\t\t<AddNewTemplate\n\t\t\t\t\t\ttemplateType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\tas: SidebarButton,\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t}\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ isLoading && __( 'Loading templates…' ) }\n\t\t\t\t\t{ ! isLoading && (\n\t\t\t\t\t\t<SidebarTemplatesList templates={ templates } />\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\t! isMobileViewport && (\n\t\t\t\t\t<SidebarNavigationItem withChevron { ...browseAllLink }>\n\t\t\t\t\t\t{ __( 'Manage all templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t)\n\t\t\t}\n\t\t/>\n\t);\n}\n\nfunction TemplatesGroup( { title, templates } ) {\n\treturn (\n\t\t<ItemGroup>\n\t\t\t{ !! title && (\n\t\t\t\t<Item className=\"edit-site-sidebar-navigation-screen-templates__templates-group-title\">\n\t\t\t\t\t{ title }\n\t\t\t\t</Item>\n\t\t\t) }\n\t\t\t{ templates.map( ( template ) => (\n\t\t\t\t<TemplateItem\n\t\t\t\t\tpostType={ TEMPLATE_POST_TYPE }\n\t\t\t\t\tpostId={ template.id }\n\t\t\t\t\tkey={ template.id }\n\t\t\t\t\twithChevron\n\t\t\t\t>\n\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\ttemplate.title?.rendered || template.slug\n\t\t\t\t\t) }\n\t\t\t\t</TemplateItem>\n\t\t\t) ) }\n\t\t</ItemGroup>\n\t);\n}\nfunction SidebarTemplatesList( { templates } ) {\n\tif ( ! templates?.length ) {\n\t\treturn (\n\t\t\t<ItemGroup>\n\t\t\t\t<Item>{ __( 'No templates found' ) }</Item>\n\t\t\t</ItemGroup>\n\t\t);\n\t}\n\tconst sortedTemplates = templates ? [ ...templates ] : [];\n\tsortedTemplates.sort( ( a, b ) =>\n\t\ta.title.rendered.localeCompare( b.title.rendered )\n\t);\n\tconst { hierarchyTemplates, customTemplates, ...plugins } =\n\t\tsortedTemplates.reduce(\n\t\t\t( accumulator, template ) => {\n\t\t\t\tconst {\n\t\t\t\t\toriginal_source: originalSource,\n\t\t\t\t\tauthor_text: authorText,\n\t\t\t\t} = template;\n\t\t\t\tif ( originalSource === 'plugin' ) {\n\t\t\t\t\tif ( ! accumulator[ authorText ] ) {\n\t\t\t\t\t\taccumulator[ authorText ] = [];\n\t\t\t\t\t}\n\t\t\t\t\taccumulator[ authorText ].push( template );\n\t\t\t\t} else if ( template.is_custom ) {\n\t\t\t\t\taccumulator.customTemplates.push( template );\n\t\t\t\t} else {\n\t\t\t\t\taccumulator.hierarchyTemplates.push( template );\n\t\t\t\t}\n\t\t\t\treturn accumulator;\n\t\t\t},\n\t\t\t{ hierarchyTemplates: [], customTemplates: [] }\n\t\t);\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ !! hierarchyTemplates.length && (\n\t\t\t\t<TemplatesGroup templates={ hierarchyTemplates } />\n\t\t\t) }\n\t\t\t{ !! customTemplates.length && (\n\t\t\t\t<TemplatesGroup\n\t\t\t\t\ttitle={ __( 'Custom' ) }\n\t\t\t\t\ttemplates={ customTemplates }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ Object.entries( plugins ).map(\n\t\t\t\t( [ plugin, pluginTemplates ] ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<TemplatesGroup\n\t\t\t\t\t\t\tkey={ plugin }\n\t\t\t\t\t\t\ttitle={ plugin }\n\t\t\t\t\t\t\ttemplates={ pluginTemplates }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/sidebar-navigation-screen-templates-browse/content.js

@@ -0,0 +1,68 @@
+import { createElement } from "react";
+/**
+ * WordPress dependencies
+ */
+import { useEntityRecords } from '@wordpress/core-data';
+import { useMemo } from '@wordpress/element';
+import { __experimentalItemGroup as ItemGroup } from '@wordpress/components';
+
+/**
+ * Internal dependencies
+ */
+import DataViewItem from '../sidebar-dataviews/dataview-item';
+import { useAddedBy } from '../list/added-by';
+import { layout } from '@wordpress/icons';
+const EMPTY_ARRAY = [];
+function TemplateDataviewItem({
+  template,
+  isActive
+}) {
+  const {
+    text,
+    icon
+  } = useAddedBy(template.type, template.id);
+  return createElement(DataViewItem, {
+    key: text,
+    slug: text,
+    title: text,
+    icon: icon,
+    isActive: isActive,
+    isCustom: "false"
+  });
+}
+export default function DataviewsTemplatesSidebarContent({
+  activeView,
+  postType,
+  config
+}) {
+  const {
+    records
+  } = useEntityRecords('postType', postType, {
+    per_page: -1
+  });
+  const firstItemPerAuthorText = useMemo(() => {
+    var _ref;
+    const firstItemPerAuthor = records?.reduce((acc, template) => {
+      const author = template.author_text;
+      if (author && !acc[author]) {
+        acc[author] = template;
+      }
+      return acc;
+    }, {});
+    return (_ref = firstItemPerAuthor && Object.values(firstItemPerAuthor)) !== null && _ref !== void 0 ? _ref : EMPTY_ARRAY;
+  }, [records]);
+  return createElement(ItemGroup, null, createElement(DataViewItem, {
+    slug: 'all',
+    title: config[postType].title,
+    icon: layout,
+    isActive: activeView === 'all',
+    isCustom: "false"
+  }), firstItemPerAuthorText.map(template => {
+    return createElement(TemplateDataviewItem, {
+      key: template.author_text,
+      template: template,
+      isActive: activeView === template.author_text
+    });
+  }));
+}
+//# sourceMappingURL=content.js.map

package/build-module/components/sidebar-navigation-screen-templates-browse/content.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEntityRecords","useMemo","__experimentalItemGroup","ItemGroup","DataViewItem","useAddedBy","layout","EMPTY_ARRAY","TemplateDataviewItem","template","isActive","text","icon","type","id","createElement","key","slug","title","isCustom","DataviewsTemplatesSidebarContent","activeView","postType","config","records","per_page","firstItemPerAuthorText","_ref","firstItemPerAuthor","reduce","acc","author","author_text","Object","values","map"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-templates-browse/content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport DataViewItem from '../sidebar-dataviews/dataview-item';\nimport { useAddedBy } from '../list/added-by';\nimport { layout } from '@wordpress/icons';\n\nconst EMPTY_ARRAY = [];\n\nfunction TemplateDataviewItem( { template, isActive } ) {\n\tconst { text, icon } = useAddedBy( template.type, template.id );\n\treturn (\n\t\t<DataViewItem\n\t\t\tkey={ text }\n\t\t\tslug={ text }\n\t\t\ttitle={ text }\n\t\t\ticon={ icon }\n\t\t\tisActive={ isActive }\n\t\t\tisCustom=\"false\"\n\t\t/>\n\t);\n}\n\nexport default function DataviewsTemplatesSidebarContent( {\n\tactiveView,\n\tpostType,\n\tconfig,\n} ) {\n\tconst { records } = useEntityRecords( 'postType', postType, {\n\t\tper_page: -1,\n\t} );\n\tconst firstItemPerAuthorText = useMemo( () => {\n\t\tconst firstItemPerAuthor = records?.reduce( ( acc, template ) => {\n\t\t\tconst author = template.author_text;\n\t\t\tif ( author && ! acc[ author ] ) {\n\t\t\t\tacc[ author ] = template;\n\t\t\t}\n\t\t\treturn acc;\n\t\t}, {} );\n\t\treturn (\n\t\t\t( firstItemPerAuthor && Object.values( firstItemPerAuthor ) ) ??\n\t\t\tEMPTY_ARRAY\n\t\t);\n\t}, [ records ] );\n\n\treturn (\n\t\t<ItemGroup>\n\t\t\t<DataViewItem\n\t\t\t\tslug={ 'all' }\n\t\t\t\ttitle={ config[ postType ].title }\n\t\t\t\ticon={ layout }\n\t\t\t\tisActive={ activeView === 'all' }\n\t\t\t\tisCustom=\"false\"\n\t\t\t/>\n\t\t\t{ firstItemPerAuthorText.map( ( template ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<TemplateDataviewItem\n\t\t\t\t\t\tkey={ template.author_text }\n\t\t\t\t\t\ttemplate={ template }\n\t\t\t\t\t\tisActive={ activeView === template.author_text }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,uBAAuB,IAAIC,SAAS,QAAQ,uBAAuB;;AAE5E;AACA;AACA;AACA,OAAOC,YAAY,MAAM,oCAAoC;AAC7D,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,MAAMC,WAAW,GAAG,EAAE;AAEtB,SAASC,oBAAoBA,CAAE;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAG;EACvD,MAAM;IAAEC,IAAI;IAAEC;EAAK,CAAC,GAAGP,UAAU,CAAEI,QAAQ,CAACI,IAAI,EAAEJ,QAAQ,CAACK,EAAG,CAAC;EAC/D,OACCC,aAAA,CAACX,YAAY;IACZY,GAAG,EAAGL,IAAM;IACZM,IAAI,EAAGN,IAAM;IACbO,KAAK,EAAGP,IAAM;IACdC,IAAI,EAAGA,IAAM;IACbF,QAAQ,EAAGA,QAAU;IACrBS,QAAQ,EAAC;EAAO,CAChB,CAAC;AAEJ;AAEA,eAAe,SAASC,gCAAgCA,CAAE;EACzDC,UAAU;EACVC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAQ,CAAC,GAAGxB,gBAAgB,CAAE,UAAU,EAAEsB,QAAQ,EAAE;IAC3DG,QAAQ,EAAE,CAAC;EACZ,CAAE,CAAC;EACH,MAAMC,sBAAsB,GAAGzB,OAAO,CAAE,MAAM;IAAA,IAAA0B,IAAA;IAC7C,MAAMC,kBAAkB,GAAGJ,OAAO,EAAEK,MAAM,CAAE,CAAEC,GAAG,EAAErB,QAAQ,KAAM;MAChE,MAAMsB,MAAM,GAAGtB,QAAQ,CAACuB,WAAW;MACnC,IAAKD,MAAM,IAAI,CAAED,GAAG,CAAEC,MAAM,CAAE,EAAG;QAChCD,GAAG,CAAEC,MAAM,CAAE,GAAGtB,QAAQ;MACzB;MACA,OAAOqB,GAAG;IACX,CAAC,EAAE,CAAC,CAAE,CAAC;IACP,QAAAH,IAAA,GACGC,kBAAkB,IAAIK,MAAM,CAACC,MAAM,CAAEN,kBAAmB,CAAC,cAAAD,IAAA,cAAAA,IAAA,GAC3DpB,WAAW;EAEb,CAAC,EAAE,CAAEiB,OAAO,CAAG,CAAC;EAEhB,OACCT,aAAA,CAACZ,SAAS,QACTY,aAAA,CAACX,YAAY;IACZa,IAAI,EAAG,KAAO;IACdC,KAAK,EAAGK,MAAM,CAAED,QAAQ,CAAE,CAACJ,KAAO;IAClCN,IAAI,EAAGN,MAAQ;IACfI,QAAQ,EAAGW,UAAU,KAAK,KAAO;IACjCF,QAAQ,EAAC;EAAO,CAChB,CAAC,EACAO,sBAAsB,CAACS,GAAG,CAAI1B,QAAQ,IAAM;IAC7C,OACCM,aAAA,CAACP,oBAAoB;MACpBQ,GAAG,EAAGP,QAAQ,CAACuB,WAAa;MAC5BvB,QAAQ,EAAGA,QAAU;MACrBC,QAAQ,EAAGW,UAAU,KAAKZ,QAAQ,CAACuB;IAAa,CAChD,CAAC;EAEJ,CAAE,CACQ,CAAC;AAEd"}

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

@@ -14,6 +14,7 @@ import SidebarNavigationScreen from '../sidebar-navigation-screen';
 import { store as editSiteStore } from '../../store';
 import { TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE } from '../../utils/constants';
 import { unlock } from '../../lock-unlock';
+import DataviewsTemplatesSidebarContent from './content';
 const config = {
   [TEMPLATE_POST_TYPE]: {
     title: __('All templates'),
@@ -36,7 +37,8 @@ export default function SidebarNavigationScreenTemplatesBrowse() {
   } = useNavigator();
   const {
     params: {
-      didAccessPatternsPage
+      didAccessPatternsPage,
+      activeView = 'all'
     }
   } = useLocation();
   const isTemplatePartsMode = useSelect(select => {
@@ -49,7 +51,12 @@ export default function SidebarNavigationScreenTemplatesBrowse() {
     isRoot: isTemplatePartsMode && !didAccessPatternsPage,
     title: config[postType].title,
     description: config[postType].description,
-    backPath: config[postType].backPath
+    backPath: config[postType].backPath,
+    content: createElement(DataviewsTemplatesSidebarContent, {
+      activeView: activeView,
+      postType: postType,
+      config: config
+    })
   });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__","useSelect","__experimentalUseNavigator","useNavigator","privateApis","routerPrivateApis","SidebarNavigationScreen","store","editSiteStore","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","unlock","config","title","description","backPath","useLocation","SidebarNavigationScreenTemplatesBrowse","params","postType","didAccessPatternsPage","isTemplatePartsMode","select","getSettings","supportsTemplatePartsMode","createElement","isRoot"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-templates-browse/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { __experimentalUseNavigator as useNavigator } from '@wordpress/components';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\n\nconst config = {\n\t[ TEMPLATE_POST_TYPE ]: {\n\t\ttitle: __( 'All templates' ),\n\t\tdescription: __(\n\t\t\t'Create new templates, or reset any customizations made to the templates supplied by your theme.'\n\t\t),\n\t},\n\t[ TEMPLATE_PART_POST_TYPE ]: {\n\t\ttitle: __( 'All template parts' ),\n\t\tdescription: __(\n\t\t\t'Create new template parts, or reset any customizations made to the template parts supplied by your theme.'\n\t\t),\n\t\tbackPath: '/patterns',\n\t},\n};\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreenTemplatesBrowse() {\n\tconst {\n\t\tparams: { postType },\n\t} = useNavigator();\n\tconst {\n\t\tparams: { didAccessPatternsPage },\n\t} = useLocation();\n\n\tconst isTemplatePartsMode = useSelect( ( select ) => {\n\t\treturn !! select( editSiteStore ).getSettings()\n\t\t\t.supportsTemplatePartsMode;\n\t}, [] );\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\t// If a classic theme that supports template parts has never\n\t\t\t// accessed the Patterns page, return to the dashboard.\n\t\t\tisRoot={ isTemplatePartsMode && ! didAccessPatternsPage }\n\t\t\ttitle={ config[ postType ].title }\n\t\t\tdescription={ config[ postType ].description }\n\t\t\tbackPath={ config[ postType ].backPath }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,0BAA0B,IAAIC,YAAY,QAAQ,uBAAuB;AAClF,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,SAASC,KAAK,IAAIC,aAAa,QAAQ,aAAa;AACpD,SACCC,kBAAkB,EAClBC,uBAAuB,QACjB,uBAAuB;AAC9B,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAMC,MAAM,GAAG;EACd,CAAEH,kBAAkB,GAAI;IACvBI,KAAK,EAAEb,EAAE,CAAE,eAAgB,CAAC;IAC5Bc,WAAW,EAAEd,EAAE,CACd,iGACD;EACD,CAAC;EACD,CAAEU,uBAAuB,GAAI;IAC5BG,KAAK,EAAEb,EAAE,CAAE,oBAAqB,CAAC;IACjCc,WAAW,EAAEd,EAAE,CACd,2GACD,CAAC;IACDe,QAAQ,EAAE;EACX;AACD,CAAC;AAED,MAAM;EAAEC;AAAY,CAAC,GAAGL,MAAM,CAAEN,iBAAkB,CAAC;AAEnD,eAAe,SAASY,sCAAsCA,CAAA,EAAG;EAChE,MAAM;IACLC,MAAM,EAAE;MAAEC;IAAS;EACpB,CAAC,GAAGhB,YAAY,CAAC,CAAC;EAClB,MAAM;IACLe,MAAM,EAAE;MAAEE;IAAsB;EACjC,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAEjB,MAAMK,mBAAmB,GAAGpB,SAAS,CAAIqB,MAAM,IAAM;IACpD,OAAO,CAAC,CAAEA,MAAM,CAAEd,aAAc,CAAC,CAACe,WAAW,CAAC,CAAC,CAC7CC,yBAAyB;EAC5B,CAAC,EAAE,EAAG,CAAC;EAEP,OACCC,aAAA,CAACnB;EACA;EACA;EAAA;IACAoB,MAAM,EAAGL,mBAAmB,IAAI,CAAED,qBAAuB;IACzDP,KAAK,EAAGD,MAAM,CAAEO,QAAQ,CAAE,CAACN,KAAO;IAClCC,WAAW,EAAGF,MAAM,CAAEO,QAAQ,CAAE,CAACL,WAAa;IAC9CC,QAAQ,EAAGH,MAAM,CAAEO,QAAQ,CAAE,CAACJ;EAAU,CACxC,CAAC;AAEJ"}
+{"version":3,"names":["__","useSelect","__experimentalUseNavigator","useNavigator","privateApis","routerPrivateApis","SidebarNavigationScreen","store","editSiteStore","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","unlock","DataviewsTemplatesSidebarContent","config","title","description","backPath","useLocation","SidebarNavigationScreenTemplatesBrowse","params","postType","didAccessPatternsPage","activeView","isTemplatePartsMode","select","getSettings","supportsTemplatePartsMode","createElement","isRoot","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-templates-browse/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\nimport { __experimentalUseNavigator as useNavigator } from '@wordpress/components';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport DataviewsTemplatesSidebarContent from './content';\n\nconst config = {\n\t[ TEMPLATE_POST_TYPE ]: {\n\t\ttitle: __( 'All templates' ),\n\t\tdescription: __(\n\t\t\t'Create new templates, or reset any customizations made to the templates supplied by your theme.'\n\t\t),\n\t},\n\t[ TEMPLATE_PART_POST_TYPE ]: {\n\t\ttitle: __( 'All template parts' ),\n\t\tdescription: __(\n\t\t\t'Create new template parts, or reset any customizations made to the template parts supplied by your theme.'\n\t\t),\n\t\tbackPath: '/patterns',\n\t},\n};\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreenTemplatesBrowse() {\n\tconst {\n\t\tparams: { postType },\n\t} = useNavigator();\n\tconst {\n\t\tparams: { didAccessPatternsPage, activeView = 'all' },\n\t} = useLocation();\n\n\tconst isTemplatePartsMode = useSelect( ( select ) => {\n\t\treturn !! select( editSiteStore ).getSettings()\n\t\t\t.supportsTemplatePartsMode;\n\t}, [] );\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\t// If a classic theme that supports template parts has never\n\t\t\t// accessed the Patterns page, return to the dashboard.\n\t\t\tisRoot={ isTemplatePartsMode && ! didAccessPatternsPage }\n\t\t\ttitle={ config[ postType ].title }\n\t\t\tdescription={ config[ postType ].description }\n\t\t\tbackPath={ config[ postType ].backPath }\n\t\t\tcontent={\n\t\t\t\t<DataviewsTemplatesSidebarContent\n\t\t\t\t\tactiveView={ activeView }\n\t\t\t\t\tpostType={ postType }\n\t\t\t\t\tconfig={ config }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,SAASC,0BAA0B,IAAIC,YAAY,QAAQ,uBAAuB;AAClF,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,SAASC,KAAK,IAAIC,aAAa,QAAQ,aAAa;AACpD,SACCC,kBAAkB,EAClBC,uBAAuB,QACjB,uBAAuB;AAC9B,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,gCAAgC,MAAM,WAAW;AAExD,MAAMC,MAAM,GAAG;EACd,CAAEJ,kBAAkB,GAAI;IACvBK,KAAK,EAAEd,EAAE,CAAE,eAAgB,CAAC;IAC5Be,WAAW,EAAEf,EAAE,CACd,iGACD;EACD,CAAC;EACD,CAAEU,uBAAuB,GAAI;IAC5BI,KAAK,EAAEd,EAAE,CAAE,oBAAqB,CAAC;IACjCe,WAAW,EAAEf,EAAE,CACd,2GACD,CAAC;IACDgB,QAAQ,EAAE;EACX;AACD,CAAC;AAED,MAAM;EAAEC;AAAY,CAAC,GAAGN,MAAM,CAAEN,iBAAkB,CAAC;AAEnD,eAAe,SAASa,sCAAsCA,CAAA,EAAG;EAChE,MAAM;IACLC,MAAM,EAAE;MAAEC;IAAS;EACpB,CAAC,GAAGjB,YAAY,CAAC,CAAC;EAClB,MAAM;IACLgB,MAAM,EAAE;MAAEE,qBAAqB;MAAEC,UAAU,GAAG;IAAM;EACrD,CAAC,GAAGL,WAAW,CAAC,CAAC;EAEjB,MAAMM,mBAAmB,GAAGtB,SAAS,CAAIuB,MAAM,IAAM;IACpD,OAAO,CAAC,CAAEA,MAAM,CAAEhB,aAAc,CAAC,CAACiB,WAAW,CAAC,CAAC,CAC7CC,yBAAyB;EAC5B,CAAC,EAAE,EAAG,CAAC;EAEP,OACCC,aAAA,CAACrB;EACA;EACA;EAAA;IACAsB,MAAM,EAAGL,mBAAmB,IAAI,CAAEF,qBAAuB;IACzDP,KAAK,EAAGD,MAAM,CAAEO,QAAQ,CAAE,CAACN,KAAO;IAClCC,WAAW,EAAGF,MAAM,CAAEO,QAAQ,CAAE,CAACL,WAAa;IAC9CC,QAAQ,EAAGH,MAAM,CAAEO,QAAQ,CAAE,CAACJ,QAAU;IACxCa,OAAO,EACNF,aAAA,CAACf,gCAAgC;MAChCU,UAAU,EAAGA,UAAY;MACzBF,QAAQ,EAAGA,QAAU;MACrBP,MAAM,EAAGA;IAAQ,CACjB;EACD,CACD,CAAC;AAEJ"}

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

@@ -164,7 +164,9 @@ const SiteHub = memo(({
     label: __('View site (opens in a new tab)'),
     "aria-label": __('View site (opens in a new tab)'),
     icon: external,
-    className: "edit-site-site-hub__site-view-link"
+    className: classnames('edit-site-site-hub__site-view-link', {
+      'is-transparent': isTransparent
+    })
   })), canvasMode === 'view' && createElement(Button, {
     className: classnames('edit-site-site-hub_toggle-command-center', {
       'is-transparent': isTransparent

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","useSelect","useDispatch","Button","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__experimentalHStack","HStack","useReducedMotion","__","store","blockEditorStore","coreStore","editorStore","decodeEntities","memo","search","external","commandsStore","displayShortcut","editSiteStore","SiteIcon","unlock","HUB_ANIMATION_DURATION","SiteHub","isTransparent","className","canvasMode","dashboardLink","homeUrl","siteTitle","select","getCanvasMode","getSettings","getSite","getUnstableBase","__experimentalDashboardLink","home","title","open","openCommandCenter","disableMotion","setCanvasMode","clearSelectedBlock","setDeviceType","isBackToDashboardButton","siteIconButtonProps","href","label","role","onClick","event","preventDefault","createElement","div","variants","isDistractionFree","x","isDistractionFreeHovering","view","edit","initial","transition","type","duration","ease","justify","alignment","spacing","layout","animate","scale","whileHover","opacity","exit","delay","target","icon","shortcut","primary"],"sources":["@wordpress/edit-site/src/components/site-hub/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useReducedMotion } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { memo } from '@wordpress/element';\nimport { search, external } from '@wordpress/icons';\nimport { store as commandsStore } from '@wordpress/commands';\nimport { displayShortcut } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport SiteIcon from '../site-icon';\nimport { unlock } from '../../lock-unlock';\n\nconst HUB_ANIMATION_DURATION = 0.3;\n\nconst SiteHub = memo( ( { isTransparent, className } ) => {\n\tconst { canvasMode, dashboardLink, homeUrl, siteTitle } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCanvasMode, getSettings } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\n\t\t\tconst {\n\t\t\t\tgetSite,\n\t\t\t\tgetUnstableBase, // Site index.\n\t\t\t} = select( coreStore );\n\n\t\t\treturn {\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tdashboardLink:\n\t\t\t\t\tgetSettings().__experimentalDashboardLink || 'index.php',\n\t\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\t\tsiteTitle: getSite()?.title,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\tconst disableMotion = useReducedMotion();\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tconst isBackToDashboardButton = canvasMode === 'view';\n\tconst siteIconButtonProps = isBackToDashboardButton\n\t\t? {\n\t\t\t\thref: dashboardLink,\n\t\t\t\tlabel: __( 'Go to the Dashboard' ),\n\t\t  }\n\t\t: {\n\t\t\t\thref: dashboardLink, // We need to keep the `href` here so the component doesn't remount as a `<button>` and break the animation.\n\t\t\t\trole: 'button',\n\t\t\t\tlabel: __( 'Open Navigation' ),\n\t\t\t\tonClick: ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tif ( canvasMode === 'edit' ) {\n\t\t\t\t\t\tclearSelectedBlock();\n\t\t\t\t\t\tsetDeviceType( 'Desktop' );\n\t\t\t\t\t\tsetCanvasMode( 'view' );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t  };\n\n\treturn (\n\t\t<motion.div\n\t\t\tclassName={ classnames( 'edit-site-site-hub', className ) }\n\t\t\tvariants={ {\n\t\t\t\tisDistractionFree: { x: '-100%' },\n\t\t\t\tisDistractionFreeHovering: { x: 0 },\n\t\t\t\tview: { x: 0 },\n\t\t\t\tedit: { x: 0 },\n\t\t\t} }\n\t\t\tinitial={ false }\n\t\t\ttransition={ {\n\t\t\t\ttype: 'tween',\n\t\t\t\tduration: disableMotion ? 0 : HUB_ANIMATION_DURATION,\n\t\t\t\tease: 'easeOut',\n\t\t\t} }\n\t\t>\n\t\t\t<HStack\n\t\t\t\tjustify=\"space-between\"\n\t\t\t\talignment=\"center\"\n\t\t\t\tclassName=\"edit-site-site-hub__container\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\tclassName=\"edit-site-site-hub__text-content\"\n\t\t\t\t\tspacing=\"0\"\n\t\t\t\t>\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'edit-site-site-hub__view-mode-toggle-container',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'has-transparent-background': isTransparent,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlayout\n\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\tduration: disableMotion\n\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t: HUB_ANIMATION_DURATION,\n\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{ ...siteIconButtonProps }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\t\tscale: canvasMode === 'view' ? 0.5 : 1,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\twhileHover={ {\n\t\t\t\t\t\t\t\t\tscale: canvasMode === 'view' ? 0.5 : 0.96,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\tduration: disableMotion\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: HUB_ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\tease: 'easeOut',\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<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</motion.div>\n\n\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tlayout={ canvasMode === 'edit' }\n\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\topacity: canvasMode === 'view' ? 1 : 0,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\texit={ {\n\t\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'edit-site-site-hub__site-title',\n\t\t\t\t\t\t\t\t{ 'is-transparent': isTransparent }\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.2,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\tdelay: canvasMode === 'view' ? 0.1 : 0,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\tlabel={ __( 'View site (opens in a new tab)' ) }\n\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t'View site (opens in a new tab)'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__site-view-link\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'edit-site-site-hub_toggle-command-center',\n\t\t\t\t\t\t\t{ 'is-transparent': isTransparent }\n\t\t\t\t\t\t) }\n\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t</motion.div>\n\t);\n} );\n\nexport default SiteHub;\n"],"mappings":"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"}
+{"version":3,"names":["classnames","useSelect","useDispatch","Button","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__experimentalHStack","HStack","useReducedMotion","__","store","blockEditorStore","coreStore","editorStore","decodeEntities","memo","search","external","commandsStore","displayShortcut","editSiteStore","SiteIcon","unlock","HUB_ANIMATION_DURATION","SiteHub","isTransparent","className","canvasMode","dashboardLink","homeUrl","siteTitle","select","getCanvasMode","getSettings","getSite","getUnstableBase","__experimentalDashboardLink","home","title","open","openCommandCenter","disableMotion","setCanvasMode","clearSelectedBlock","setDeviceType","isBackToDashboardButton","siteIconButtonProps","href","label","role","onClick","event","preventDefault","createElement","div","variants","isDistractionFree","x","isDistractionFreeHovering","view","edit","initial","transition","type","duration","ease","justify","alignment","spacing","layout","animate","scale","whileHover","opacity","exit","delay","target","icon","shortcut","primary"],"sources":["@wordpress/edit-site/src/components/site-hub/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useReducedMotion } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { memo } from '@wordpress/element';\nimport { search, external } from '@wordpress/icons';\nimport { store as commandsStore } from '@wordpress/commands';\nimport { displayShortcut } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport SiteIcon from '../site-icon';\nimport { unlock } from '../../lock-unlock';\n\nconst HUB_ANIMATION_DURATION = 0.3;\n\nconst SiteHub = memo( ( { isTransparent, className } ) => {\n\tconst { canvasMode, dashboardLink, homeUrl, siteTitle } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCanvasMode, getSettings } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\n\t\t\tconst {\n\t\t\t\tgetSite,\n\t\t\t\tgetUnstableBase, // Site index.\n\t\t\t} = select( coreStore );\n\n\t\t\treturn {\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tdashboardLink:\n\t\t\t\t\tgetSettings().__experimentalDashboardLink || 'index.php',\n\t\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\t\tsiteTitle: getSite()?.title,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\tconst disableMotion = useReducedMotion();\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tconst isBackToDashboardButton = canvasMode === 'view';\n\tconst siteIconButtonProps = isBackToDashboardButton\n\t\t? {\n\t\t\t\thref: dashboardLink,\n\t\t\t\tlabel: __( 'Go to the Dashboard' ),\n\t\t  }\n\t\t: {\n\t\t\t\thref: dashboardLink, // We need to keep the `href` here so the component doesn't remount as a `<button>` and break the animation.\n\t\t\t\trole: 'button',\n\t\t\t\tlabel: __( 'Open Navigation' ),\n\t\t\t\tonClick: ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tif ( canvasMode === 'edit' ) {\n\t\t\t\t\t\tclearSelectedBlock();\n\t\t\t\t\t\tsetDeviceType( 'Desktop' );\n\t\t\t\t\t\tsetCanvasMode( 'view' );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t  };\n\n\treturn (\n\t\t<motion.div\n\t\t\tclassName={ classnames( 'edit-site-site-hub', className ) }\n\t\t\tvariants={ {\n\t\t\t\tisDistractionFree: { x: '-100%' },\n\t\t\t\tisDistractionFreeHovering: { x: 0 },\n\t\t\t\tview: { x: 0 },\n\t\t\t\tedit: { x: 0 },\n\t\t\t} }\n\t\t\tinitial={ false }\n\t\t\ttransition={ {\n\t\t\t\ttype: 'tween',\n\t\t\t\tduration: disableMotion ? 0 : HUB_ANIMATION_DURATION,\n\t\t\t\tease: 'easeOut',\n\t\t\t} }\n\t\t>\n\t\t\t<HStack\n\t\t\t\tjustify=\"space-between\"\n\t\t\t\talignment=\"center\"\n\t\t\t\tclassName=\"edit-site-site-hub__container\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\tclassName=\"edit-site-site-hub__text-content\"\n\t\t\t\t\tspacing=\"0\"\n\t\t\t\t>\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'edit-site-site-hub__view-mode-toggle-container',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'has-transparent-background': isTransparent,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlayout\n\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\tduration: disableMotion\n\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t: HUB_ANIMATION_DURATION,\n\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{ ...siteIconButtonProps }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\t\tscale: canvasMode === 'view' ? 0.5 : 1,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\twhileHover={ {\n\t\t\t\t\t\t\t\t\tscale: canvasMode === 'view' ? 0.5 : 0.96,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\tduration: disableMotion\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: HUB_ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\tease: 'easeOut',\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<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</motion.div>\n\n\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tlayout={ canvasMode === 'edit' }\n\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\topacity: canvasMode === 'view' ? 1 : 0,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\texit={ {\n\t\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'edit-site-site-hub__site-title',\n\t\t\t\t\t\t\t\t{ 'is-transparent': isTransparent }\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tduration: disableMotion ? 0 : 0.2,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\tdelay: canvasMode === 'view' ? 0.1 : 0,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\tlabel={ __( 'View site (opens in a new tab)' ) }\n\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t'View site (opens in a new tab)'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'edit-site-site-hub__site-view-link',\n\t\t\t\t\t\t\t\t{ 'is-transparent': isTransparent }\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'edit-site-site-hub_toggle-command-center',\n\t\t\t\t\t\t\t{ 'is-transparent': isTransparent }\n\t\t\t\t\t\t) }\n\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t</motion.div>\n\t);\n} );\n\nexport default SiteHub;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SACCC,MAAM,EACNC,gBAAgB,IAAIC,MAAM,EAC1BC,yBAAyB,IAAIC,eAAe,EAC5CC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASD,KAAK,IAAIE,SAAS,QAAQ,sBAAsB;AACzD,SAASF,KAAK,IAAIG,WAAW,QAAQ,mBAAmB;AACxD,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,MAAM,EAAEC,QAAQ,QAAQ,kBAAkB;AACnD,SAASP,KAAK,IAAIQ,aAAa,QAAQ,qBAAqB;AAC5D,SAASC,eAAe,QAAQ,qBAAqB;;AAErD;AACA;AACA;AACA,SAAST,KAAK,IAAIU,aAAa,QAAQ,aAAa;AACpD,OAAOC,QAAQ,MAAM,cAAc;AACnC,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAMC,sBAAsB,GAAG,GAAG;AAElC,MAAMC,OAAO,GAAGT,IAAI,CAAE,CAAE;EAAEU,aAAa;EAAEC;AAAU,CAAC,KAAM;EACzD,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAG/B,SAAS,CAChEgC,MAAM,IAAM;IACb,MAAM;MAAEC,aAAa;MAAEC;IAAY,CAAC,GAAGX,MAAM,CAC5CS,MAAM,CAAEX,aAAc,CACvB,CAAC;IAED,MAAM;MACLc,OAAO;MACPC,eAAe,CAAE;IAClB,CAAC,GAAGJ,MAAM,CAAEnB,SAAU,CAAC;IAEvB,OAAO;MACNe,UAAU,EAAEK,aAAa,CAAC,CAAC;MAC3BJ,aAAa,EACZK,WAAW,CAAC,CAAC,CAACG,2BAA2B,IAAI,WAAW;MACzDP,OAAO,EAAEM,eAAe,CAAC,CAAC,EAAEE,IAAI;MAChCP,SAAS,EAAEI,OAAO,CAAC,CAAC,EAAEI;IACvB,CAAC;EACF,CAAC,EACD,EACD,CAAC;EACD,MAAM;IAAEC,IAAI,EAAEC;EAAkB,CAAC,GAAGxC,WAAW,CAAEkB,aAAc,CAAC;EAEhE,MAAMuB,aAAa,GAAGjC,gBAAgB,CAAC,CAAC;EACxC,MAAM;IAAEkC;EAAc,CAAC,GAAGpB,MAAM,CAAEtB,WAAW,CAAEoB,aAAc,CAAE,CAAC;EAChE,MAAM;IAAEuB;EAAmB,CAAC,GAAG3C,WAAW,CAAEW,gBAAiB,CAAC;EAC9D,MAAM;IAAEiC;EAAc,CAAC,GAAG5C,WAAW,CAAEa,WAAY,CAAC;EACpD,MAAMgC,uBAAuB,GAAGlB,UAAU,KAAK,MAAM;EACrD,MAAMmB,mBAAmB,GAAGD,uBAAuB,GAChD;IACAE,IAAI,EAAEnB,aAAa;IACnBoB,KAAK,EAAEvC,EAAE,CAAE,qBAAsB;EACjC,CAAC,GACD;IACAsC,IAAI,EAAEnB,aAAa;IAAE;IACrBqB,IAAI,EAAE,QAAQ;IACdD,KAAK,EAAEvC,EAAE,CAAE,iBAAkB,CAAC;IAC9ByC,OAAO,EAAIC,KAAK,IAAM;MACrBA,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB,IAAKzB,UAAU,KAAK,MAAM,EAAG;QAC5BgB,kBAAkB,CAAC,CAAC;QACpBC,aAAa,CAAE,SAAU,CAAC;QAC1BF,aAAa,CAAE,MAAO,CAAC;MACxB;IACD;EACA,CAAC;EAEJ,OACCW,aAAA,CAAClD,MAAM,CAACmD,GAAG;IACV5B,SAAS,EAAG5B,UAAU,CAAE,oBAAoB,EAAE4B,SAAU,CAAG;IAC3D6B,QAAQ,EAAG;MACVC,iBAAiB,EAAE;QAAEC,CAAC,EAAE;MAAQ,CAAC;MACjCC,yBAAyB,EAAE;QAAED,CAAC,EAAE;MAAE,CAAC;MACnCE,IAAI,EAAE;QAAEF,CAAC,EAAE;MAAE,CAAC;MACdG,IAAI,EAAE;QAAEH,CAAC,EAAE;MAAE;IACd,CAAG;IACHI,OAAO,EAAG,KAAO;IACjBC,UAAU,EAAG;MACZC,IAAI,EAAE,OAAO;MACbC,QAAQ,EAAEvB,aAAa,GAAG,CAAC,GAAGlB,sBAAsB;MACpD0C,IAAI,EAAE;IACP;EAAG,GAEHZ,aAAA,CAAC9C,MAAM;IACN2D,OAAO,EAAC,eAAe;IACvBC,SAAS,EAAC,QAAQ;IAClBzC,SAAS,EAAC;EAA+B,GAEzC2B,aAAA,CAAC9C,MAAM;IACN2D,OAAO,EAAC,YAAY;IACpBxC,SAAS,EAAC,kCAAkC;IAC5C0C,OAAO,EAAC;EAAG,GAEXf,aAAA,CAAClD,MAAM,CAACmD,GAAG;IACV5B,SAAS,EAAG5B,UAAU,CACrB,gDAAgD,EAChD;MACC,4BAA4B,EAAE2B;IAC/B,CACD,CAAG;IACH4C,MAAM;IACNP,UAAU,EAAG;MACZC,IAAI,EAAE,OAAO;MACbC,QAAQ,EAAEvB,aAAa,GACpB,CAAC,GACDlB,sBAAsB;MACzB0C,IAAI,EAAE;IACP;EAAG,GAEHZ,aAAA,CAACpD,MAAM;IAAA,GACD6C,mBAAmB;IACxBpB,SAAS,EAAC;EAAoC,GAE9C2B,aAAA,CAAClD,MAAM,CAACmD,GAAG;IACVO,OAAO,EAAG,KAAO;IACjBS,OAAO,EAAG;MACTC,KAAK,EAAE5C,UAAU,KAAK,MAAM,GAAG,GAAG,GAAG;IACtC,CAAG;IACH6C,UAAU,EAAG;MACZD,KAAK,EAAE5C,UAAU,KAAK,MAAM,GAAG,GAAG,GAAG;IACtC,CAAG;IACHmC,UAAU,EAAG;MACZC,IAAI,EAAE,OAAO;MACbC,QAAQ,EAAEvB,aAAa,GACpB,CAAC,GACDlB,sBAAsB;MACzB0C,IAAI,EAAE;IACP;EAAG,GAEHZ,aAAA,CAAChC,QAAQ;IAACK,SAAS,EAAC;EAAyC,CAAE,CACpD,CACL,CACG,CAAC,EAEb2B,aAAA,CAAChD,eAAe,QACfgD,aAAA,CAAClD,MAAM,CAACmD,GAAG;IACVe,MAAM,EAAG1C,UAAU,KAAK,MAAQ;IAChC2C,OAAO,EAAG;MACTG,OAAO,EAAE9C,UAAU,KAAK,MAAM,GAAG,CAAC,GAAG;IACtC,CAAG;IACH+C,IAAI,EAAG;MACND,OAAO,EAAE;IACV,CAAG;IACH/C,SAAS,EAAG5B,UAAU,CACrB,gCAAgC,EAChC;MAAE,gBAAgB,EAAE2B;IAAc,CACnC,CAAG;IACHqC,UAAU,EAAG;MACZC,IAAI,EAAE,OAAO;MACbC,QAAQ,EAAEvB,aAAa,GAAG,CAAC,GAAG,GAAG;MACjCwB,IAAI,EAAE,SAAS;MACfU,KAAK,EAAEhD,UAAU,KAAK,MAAM,GAAG,GAAG,GAAG;IACtC;EAAG,GAEDb,cAAc,CAAEgB,SAAU,CACjB,CACI,CAAC,EAChBH,UAAU,KAAK,MAAM,IACtB0B,aAAA,CAACpD,MAAM;IACN8C,IAAI,EAAGlB,OAAS;IAChB+C,MAAM,EAAC,QAAQ;IACf5B,KAAK,EAAGvC,EAAE,CAAE,gCAAiC,CAAG;IAChD,cAAaA,EAAE,CACd,gCACD,CAAG;IACHoE,IAAI,EAAG5D,QAAU;IACjBS,SAAS,EAAG5B,UAAU,CACrB,oCAAoC,EACpC;MAAE,gBAAgB,EAAE2B;IAAc,CACnC;EAAG,CACH,CAEK,CAAC,EACPE,UAAU,KAAK,MAAM,IACtB0B,aAAA,CAACpD,MAAM;IACNyB,SAAS,EAAG5B,UAAU,CACrB,0CAA0C,EAC1C;MAAE,gBAAgB,EAAE2B;IAAc,CACnC,CAAG;IACHoD,IAAI,EAAG7D,MAAQ;IACfkC,OAAO,EAAGA,CAAA,KAAMV,iBAAiB,CAAC,CAAG;IACrCQ,KAAK,EAAGvC,EAAE,CAAE,sBAAuB,CAAG;IACtCqE,QAAQ,EAAG3D,eAAe,CAAC4D,OAAO,CAAE,GAAI;EAAG,CAC3C,CAEK,CACG,CAAC;AAEf,CAAE,CAAC;AAEH,eAAevD,OAAO"}