@wordpress/edit-site 5.28.2 → 5.28.3

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

@@ -10,6 +10,7 @@ import { decodeEntities } from '@wordpress/html-entities';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { layout, page, home, verse, plus } from '@wordpress/icons';
 import { useSelect } from '@wordpress/data';
+import { useViewportMatch } from '@wordpress/compose';
 
 /**
  * Internal dependencies
@@ -41,6 +42,7 @@ const PageItem = ({
   });
 };
 export default function SidebarNavigationScreenPages() {
+  const isMobileViewport = useViewportMatch('medium', '<');
   const {
     records: pages,
     isResolving: isLoadingPages
@@ -156,7 +158,7 @@ export default function SidebarNavigationScreenPages() {
       withChevron: true
     }, createElement(Truncate, {
       numberOfLines: 1
-    }, decodeEntities(item.title?.rendered || __('(no title)'))))), createElement(SidebarNavigationItem, {
+    }, decodeEntities(item.title?.rendered || __('(no title)'))))), !isMobileViewport && createElement(SidebarNavigationItem, {
       className: "edit-site-sidebar-navigation-screen-pages__see-all",
       ...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","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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"}
+{"version":3,"names":["__experimentalItemGroup","ItemGroup","__experimentalItem","Item","__experimentalTruncate","Truncate","__experimentalVStack","VStack","useState","__","useEntityRecords","store","coreStore","decodeEntities","privateApis","routerPrivateApis","layout","page","home","verse","plus","useSelect","useViewportMatch","SidebarNavigationScreen","useLink","SidebarNavigationItem","SidebarButton","AddNewPageModal","unlock","TEMPLATE_POST_TYPE","useHistory","PageItem","postType","postId","props","linkInfo","backPath","createElement","SidebarNavigationScreenPages","isMobileViewport","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';\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 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 isMobileViewport = useViewportMatch( 'medium', '<' );\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{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen-pages__see-all\"\n\t\t\t\t\t\t\t\t{ ...pagesLink }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Manage all pages' ) }\n\t\t\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t\t) }\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/store/private-actions.js

@@ -23,6 +23,7 @@ export const setCanvasMode = mode => ({
   registry,
   dispatch
 }) => {
+  const isMediumOrBigger = window.matchMedia('(min-width: 782px)').matches;
   registry.dispatch(blockEditorStore).__unstableSetEditorMode('edit');
   dispatch({
     type: 'SET_CANVAS_MODE',
@@ -30,7 +31,8 @@ export const setCanvasMode = mode => ({
   });
   // Check if the block list view should be open by default.
   // If `distractionFree` mode is enabled, the block list view should not be open.
-  if (mode === 'edit' && registry.select(preferencesStore).get('core', 'showListViewByDefault') && !registry.select(preferencesStore).get('core', 'distractionFree')) {
+  // This behavior is disabled for small viewports.
+  if (isMediumOrBigger && mode === 'edit' && registry.select(preferencesStore).get('core', 'showListViewByDefault') && !registry.select(preferencesStore).get('core', 'distractionFree')) {
     registry.dispatch(editorStore).setIsListViewOpened(true);
   } else {
     registry.dispatch(editorStore).setIsListViewOpened(false);

package/build-module/store/private-actions.js.map

@@ -1 +1 @@
-{"version":3,"names":["store","blockEditorStore","preferencesStore","editorStore","coreStore","noticesStore","__","sprintf","decodeEntities","TEMPLATE_POST_TYPE","setCanvasMode","mode","registry","dispatch","__unstableSetEditorMode","type","select","get","setIsListViewOpened","setIsInserterOpened","setEditorCanvasContainerView","view","removeTemplates","items","isTemplate","promiseResult","Promise","allSettled","map","item","deleteEntityRecord","id","force","throwOnError","every","status","successMessage","length","title","rendered","createSuccessNotice","errorMessage","reason","message","errorMessages","Set","failedPromises","filter","failedPromise","add","size","join","createErrorNotice"],"sources":["@wordpress/edit-site/src/store/private-actions.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { TEMPLATE_POST_TYPE } from '../utils/constants';\n\n/**\n * Action that switches the canvas mode.\n *\n * @param {?string} mode Canvas mode.\n */\nexport const setCanvasMode =\n\t( mode ) =>\n\t( { registry, dispatch } ) => {\n\t\tregistry.dispatch( blockEditorStore ).__unstableSetEditorMode( 'edit' );\n\t\tdispatch( {\n\t\t\ttype: 'SET_CANVAS_MODE',\n\t\t\tmode,\n\t\t} );\n\t\t// Check if the block list view should be open by default.\n\t\t// If `distractionFree` mode is enabled, the block list view should not be open.\n\t\tif (\n\t\t\tmode === 'edit' &&\n\t\t\tregistry\n\t\t\t\t.select( preferencesStore )\n\t\t\t\t.get( 'core', 'showListViewByDefault' ) &&\n\t\t\t! registry\n\t\t\t\t.select( preferencesStore )\n\t\t\t\t.get( 'core', 'distractionFree' )\n\t\t) {\n\t\t\tregistry.dispatch( editorStore ).setIsListViewOpened( true );\n\t\t} else {\n\t\t\tregistry.dispatch( editorStore ).setIsListViewOpened( false );\n\t\t}\n\t\tregistry.dispatch( editorStore ).setIsInserterOpened( false );\n\t};\n\n/**\n * Action that switches the editor canvas container view.\n *\n * @param {?string} view Editor canvas container view.\n */\nexport const setEditorCanvasContainerView =\n\t( view ) =>\n\t( { dispatch } ) => {\n\t\tdispatch( {\n\t\t\ttype: 'SET_EDITOR_CANVAS_CONTAINER_VIEW',\n\t\t\tview,\n\t\t} );\n\t};\n\n/**\n * Action that removes an array of templates.\n *\n * @param {Array} items An array of template or template part objects to remove.\n */\nexport const removeTemplates =\n\t( items ) =>\n\tasync ( { registry } ) => {\n\t\tconst isTemplate = items[ 0 ].type === TEMPLATE_POST_TYPE;\n\t\tconst promiseResult = await Promise.allSettled(\n\t\t\titems.map( ( item ) => {\n\t\t\t\treturn registry\n\t\t\t\t\t.dispatch( coreStore )\n\t\t\t\t\t.deleteEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\titem.type,\n\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t{ force: true },\n\t\t\t\t\t\t{ throwOnError: true }\n\t\t\t\t\t);\n\t\t\t} )\n\t\t);\n\n\t\t// If all the promises were fulfilled with sucess.\n\t\tif ( promiseResult.every( ( { status } ) => status === 'fulfilled' ) ) {\n\t\t\tlet successMessage;\n\n\t\t\tif ( items.length === 1 ) {\n\t\t\t\t// Depending on how the entity was retrieved its title might be\n\t\t\t\t// an object or simple string.\n\t\t\t\tconst title =\n\t\t\t\t\ttypeof items[ 0 ].title === 'string'\n\t\t\t\t\t\t? items[ 0 ].title\n\t\t\t\t\t\t: items[ 0 ].title?.rendered;\n\t\t\t\tsuccessMessage = sprintf(\n\t\t\t\t\t/* translators: The template/part's name. */\n\t\t\t\t\t__( '\"%s\" deleted.' ),\n\t\t\t\t\tdecodeEntities( title )\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tsuccessMessage = isTemplate\n\t\t\t\t\t? __( 'Templates deleted.' )\n\t\t\t\t\t: __( 'Template parts deleted.' );\n\t\t\t}\n\n\t\t\tregistry\n\t\t\t\t.dispatch( noticesStore )\n\t\t\t\t.createSuccessNotice( successMessage, {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'site-editor-template-deleted-success',\n\t\t\t\t} );\n\t\t} else {\n\t\t\t// If there was at lease one failure.\n\t\t\tlet errorMessage;\n\t\t\t// If we were trying to delete a single template.\n\t\t\tif ( promiseResult.length === 1 ) {\n\t\t\t\tif ( promiseResult[ 0 ].reason?.message ) {\n\t\t\t\t\terrorMessage = promiseResult[ 0 ].reason.message;\n\t\t\t\t} else {\n\t\t\t\t\terrorMessage = isTemplate\n\t\t\t\t\t\t? __( 'An error occurred while deleting the template.' )\n\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t'An error occurred while deleting the template part.'\n\t\t\t\t\t\t  );\n\t\t\t\t}\n\t\t\t\t// If we were trying to delete a multiple templates\n\t\t\t} else {\n\t\t\t\tconst errorMessages = new Set();\n\t\t\t\tconst failedPromises = promiseResult.filter(\n\t\t\t\t\t( { status } ) => status === 'rejected'\n\t\t\t\t);\n\t\t\t\tfor ( const failedPromise of failedPromises ) {\n\t\t\t\t\tif ( failedPromise.reason?.message ) {\n\t\t\t\t\t\terrorMessages.add( failedPromise.reason.message );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif ( errorMessages.size === 0 ) {\n\t\t\t\t\terrorMessage = isTemplate\n\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t'An error occurred while deleting the templates.'\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t'An error occurred while deleting the template parts.'\n\t\t\t\t\t\t  );\n\t\t\t\t} else if ( errorMessages.size === 1 ) {\n\t\t\t\t\terrorMessage = isTemplate\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: an error message */\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'An error occurred while deleting the templates: %s'\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t[ ...errorMessages ][ 0 ]\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: an error message */\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'An error occurred while deleting the template parts: %s'\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t[ ...errorMessages ][ 0 ]\n\t\t\t\t\t\t  );\n\t\t\t\t} else {\n\t\t\t\t\terrorMessage = isTemplate\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: a list of comma separated error messages */\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Some errors occurred while deleting the templates: %s'\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t[ ...errorMessages ].join( ',' )\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: a list of comma separated error messages */\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Some errors occurred while deleting the template parts: %s'\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t[ ...errorMessages ].join( ',' )\n\t\t\t\t\t\t  );\n\t\t\t\t}\n\t\t\t}\n\t\t\tregistry\n\t\t\t\t.dispatch( noticesStore )\n\t\t\t\t.createErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t};\n"],"mappings":"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"}
+{"version":3,"names":["store","blockEditorStore","preferencesStore","editorStore","coreStore","noticesStore","__","sprintf","decodeEntities","TEMPLATE_POST_TYPE","setCanvasMode","mode","registry","dispatch","isMediumOrBigger","window","matchMedia","matches","__unstableSetEditorMode","type","select","get","setIsListViewOpened","setIsInserterOpened","setEditorCanvasContainerView","view","removeTemplates","items","isTemplate","promiseResult","Promise","allSettled","map","item","deleteEntityRecord","id","force","throwOnError","every","status","successMessage","length","title","rendered","createSuccessNotice","errorMessage","reason","message","errorMessages","Set","failedPromises","filter","failedPromise","add","size","join","createErrorNotice"],"sources":["@wordpress/edit-site/src/store/private-actions.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { TEMPLATE_POST_TYPE } from '../utils/constants';\n\n/**\n * Action that switches the canvas mode.\n *\n * @param {?string} mode Canvas mode.\n */\nexport const setCanvasMode =\n\t( mode ) =>\n\t( { registry, dispatch } ) => {\n\t\tconst isMediumOrBigger =\n\t\t\twindow.matchMedia( '(min-width: 782px)' ).matches;\n\t\tregistry.dispatch( blockEditorStore ).__unstableSetEditorMode( 'edit' );\n\t\tdispatch( {\n\t\t\ttype: 'SET_CANVAS_MODE',\n\t\t\tmode,\n\t\t} );\n\t\t// Check if the block list view should be open by default.\n\t\t// If `distractionFree` mode is enabled, the block list view should not be open.\n\t\t// This behavior is disabled for small viewports.\n\t\tif (\n\t\t\tisMediumOrBigger &&\n\t\t\tmode === 'edit' &&\n\t\t\tregistry\n\t\t\t\t.select( preferencesStore )\n\t\t\t\t.get( 'core', 'showListViewByDefault' ) &&\n\t\t\t! registry\n\t\t\t\t.select( preferencesStore )\n\t\t\t\t.get( 'core', 'distractionFree' )\n\t\t) {\n\t\t\tregistry.dispatch( editorStore ).setIsListViewOpened( true );\n\t\t} else {\n\t\t\tregistry.dispatch( editorStore ).setIsListViewOpened( false );\n\t\t}\n\t\tregistry.dispatch( editorStore ).setIsInserterOpened( false );\n\t};\n\n/**\n * Action that switches the editor canvas container view.\n *\n * @param {?string} view Editor canvas container view.\n */\nexport const setEditorCanvasContainerView =\n\t( view ) =>\n\t( { dispatch } ) => {\n\t\tdispatch( {\n\t\t\ttype: 'SET_EDITOR_CANVAS_CONTAINER_VIEW',\n\t\t\tview,\n\t\t} );\n\t};\n\n/**\n * Action that removes an array of templates.\n *\n * @param {Array} items An array of template or template part objects to remove.\n */\nexport const removeTemplates =\n\t( items ) =>\n\tasync ( { registry } ) => {\n\t\tconst isTemplate = items[ 0 ].type === TEMPLATE_POST_TYPE;\n\t\tconst promiseResult = await Promise.allSettled(\n\t\t\titems.map( ( item ) => {\n\t\t\t\treturn registry\n\t\t\t\t\t.dispatch( coreStore )\n\t\t\t\t\t.deleteEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\titem.type,\n\t\t\t\t\t\titem.id,\n\t\t\t\t\t\t{ force: true },\n\t\t\t\t\t\t{ throwOnError: true }\n\t\t\t\t\t);\n\t\t\t} )\n\t\t);\n\n\t\t// If all the promises were fulfilled with sucess.\n\t\tif ( promiseResult.every( ( { status } ) => status === 'fulfilled' ) ) {\n\t\t\tlet successMessage;\n\n\t\t\tif ( items.length === 1 ) {\n\t\t\t\t// Depending on how the entity was retrieved its title might be\n\t\t\t\t// an object or simple string.\n\t\t\t\tconst title =\n\t\t\t\t\ttypeof items[ 0 ].title === 'string'\n\t\t\t\t\t\t? items[ 0 ].title\n\t\t\t\t\t\t: items[ 0 ].title?.rendered;\n\t\t\t\tsuccessMessage = sprintf(\n\t\t\t\t\t/* translators: The template/part's name. */\n\t\t\t\t\t__( '\"%s\" deleted.' ),\n\t\t\t\t\tdecodeEntities( title )\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tsuccessMessage = isTemplate\n\t\t\t\t\t? __( 'Templates deleted.' )\n\t\t\t\t\t: __( 'Template parts deleted.' );\n\t\t\t}\n\n\t\t\tregistry\n\t\t\t\t.dispatch( noticesStore )\n\t\t\t\t.createSuccessNotice( successMessage, {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'site-editor-template-deleted-success',\n\t\t\t\t} );\n\t\t} else {\n\t\t\t// If there was at lease one failure.\n\t\t\tlet errorMessage;\n\t\t\t// If we were trying to delete a single template.\n\t\t\tif ( promiseResult.length === 1 ) {\n\t\t\t\tif ( promiseResult[ 0 ].reason?.message ) {\n\t\t\t\t\terrorMessage = promiseResult[ 0 ].reason.message;\n\t\t\t\t} else {\n\t\t\t\t\terrorMessage = isTemplate\n\t\t\t\t\t\t? __( 'An error occurred while deleting the template.' )\n\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t'An error occurred while deleting the template part.'\n\t\t\t\t\t\t  );\n\t\t\t\t}\n\t\t\t\t// If we were trying to delete a multiple templates\n\t\t\t} else {\n\t\t\t\tconst errorMessages = new Set();\n\t\t\t\tconst failedPromises = promiseResult.filter(\n\t\t\t\t\t( { status } ) => status === 'rejected'\n\t\t\t\t);\n\t\t\t\tfor ( const failedPromise of failedPromises ) {\n\t\t\t\t\tif ( failedPromise.reason?.message ) {\n\t\t\t\t\t\terrorMessages.add( failedPromise.reason.message );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif ( errorMessages.size === 0 ) {\n\t\t\t\t\terrorMessage = isTemplate\n\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t'An error occurred while deleting the templates.'\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t'An error occurred while deleting the template parts.'\n\t\t\t\t\t\t  );\n\t\t\t\t} else if ( errorMessages.size === 1 ) {\n\t\t\t\t\terrorMessage = isTemplate\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: an error message */\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'An error occurred while deleting the templates: %s'\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t[ ...errorMessages ][ 0 ]\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: an error message */\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'An error occurred while deleting the template parts: %s'\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t[ ...errorMessages ][ 0 ]\n\t\t\t\t\t\t  );\n\t\t\t\t} else {\n\t\t\t\t\terrorMessage = isTemplate\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: a list of comma separated error messages */\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Some errors occurred while deleting the templates: %s'\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t[ ...errorMessages ].join( ',' )\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: a list of comma separated error messages */\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t'Some errors occurred while deleting the template parts: %s'\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t[ ...errorMessages ].join( ',' )\n\t\t\t\t\t\t  );\n\t\t\t\t}\n\t\t\t}\n\t\t\tregistry\n\t\t\t\t.dispatch( noticesStore )\n\t\t\t\t.createErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t};\n"],"mappings":"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"}

package/build-style/style-rtl.css

@@ -2589,6 +2589,14 @@ body.is-fullscreen-mode .edit-site-list-header {
  * DataViews patterns styles.
  * TODO: when this becomes stable, consolidate styles with the above.
  */
+.edit-site-page-patterns-dataviews {
+  margin-top: 60px;
+}
+@media (min-width: 782px) {
+  .edit-site-page-patterns-dataviews {
+    margin-top: 0;
+  }
+}
 .edit-site-page-patterns-dataviews .page-patterns-preview-field {
   display: flex;
   flex-direction: column;
@@ -2637,6 +2645,9 @@ body.is-fullscreen-mode .edit-site-list-header {
   text-overflow: ellipsis;
   color: inherit;
 }
+.edit-site-page-patterns-dataviews .dataviews-pagination {
+  z-index: 2;
+}
 
 .dataviews-action-modal__duplicate-pattern [role=dialog] > [role=document] {
   width: 350px;
@@ -2714,6 +2725,10 @@ body.is-fullscreen-mode .edit-site-list-header {
   white-space: normal;
 }
 
+.edit-site-page-template-template-parts-dataviews .dataviews-pagination {
+  z-index: 2;
+}
+
 .edit-site-table-wrapper {
   width: 100%;
   padding: 32px;
@@ -3309,6 +3324,12 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   flex-direction: column;
 }
 
+.edit-site-layout__mobile {
+  position: relative;
+  width: 100%;
+  z-index: 2;
+}
+
 .edit-site-layout__canvas-container {
   position: relative;
   flex-grow: 1;
@@ -3362,6 +3383,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   border-radius: 0;
 }
 
+.edit-site-layout__mobile .interface-interface-skeleton,
 .edit-site-layout__canvas .interface-interface-skeleton,
 .edit-site-template-pages-preview .interface-interface-skeleton {
   position: relative !important;
@@ -4290,9 +4312,8 @@ body:has(.edit-site-resizable-frame__inner.is-resizing) {
   background-color: #fff;
 }
 
-.font-library-modal__fonts-grid .font-library-modal__fonts-grid__main {
-  display: flex;
-  flex-direction: column;
+.font-library-modal__tabpanel-layout .components-base-control__field {
+  margin-bottom: 0;
 }
 
 .font-library-modal__font-card {

package/build-style/style.css

@@ -2590,6 +2590,14 @@ body.is-fullscreen-mode .edit-site-list-header {
  * DataViews patterns styles.
  * TODO: when this becomes stable, consolidate styles with the above.
  */
+.edit-site-page-patterns-dataviews {
+  margin-top: 60px;
+}
+@media (min-width: 782px) {
+  .edit-site-page-patterns-dataviews {
+    margin-top: 0;
+  }
+}
 .edit-site-page-patterns-dataviews .page-patterns-preview-field {
   display: flex;
   flex-direction: column;
@@ -2638,6 +2646,9 @@ body.is-fullscreen-mode .edit-site-list-header {
   text-overflow: ellipsis;
   color: inherit;
 }
+.edit-site-page-patterns-dataviews .dataviews-pagination {
+  z-index: 2;
+}
 
 .dataviews-action-modal__duplicate-pattern [role=dialog] > [role=document] {
   width: 350px;
@@ -2715,6 +2726,10 @@ body.is-fullscreen-mode .edit-site-list-header {
   white-space: normal;
 }
 
+.edit-site-page-template-template-parts-dataviews .dataviews-pagination {
+  z-index: 2;
+}
+
 .edit-site-table-wrapper {
   width: 100%;
   padding: 32px;
@@ -3310,6 +3325,12 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   flex-direction: column;
 }
 
+.edit-site-layout__mobile {
+  position: relative;
+  width: 100%;
+  z-index: 2;
+}
+
 .edit-site-layout__canvas-container {
   position: relative;
   flex-grow: 1;
@@ -3363,6 +3384,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   border-radius: 0;
 }
 
+.edit-site-layout__mobile .interface-interface-skeleton,
 .edit-site-layout__canvas .interface-interface-skeleton,
 .edit-site-template-pages-preview .interface-interface-skeleton {
   position: relative !important;
@@ -4291,9 +4313,8 @@ body:has(.edit-site-resizable-frame__inner.is-resizing) {
   background-color: #fff;
 }
 
-.font-library-modal__fonts-grid .font-library-modal__fonts-grid__main {
-  display: flex;
-  flex-direction: column;
+.font-library-modal__tabpanel-layout .components-base-control__field {
+  margin-bottom: 0;
 }
 
 .font-library-modal__font-card {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "5.28.2",
+	"version": "5.28.3",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -30,20 +30,20 @@
 		"@wordpress/a11y": "^3.51.1",
 		"@wordpress/api-fetch": "^6.48.1",
 		"@wordpress/blob": "^3.51.1",
-		"@wordpress/block-editor": "^12.19.2",
-		"@wordpress/block-library": "^8.28.2",
-		"@wordpress/blocks": "^12.28.2",
+		"@wordpress/block-editor": "^12.19.3",
+		"@wordpress/block-library": "^8.28.3",
+		"@wordpress/blocks": "^12.28.3",
 		"@wordpress/commands": "^0.22.2",
 		"@wordpress/components": "^26.0.2",
 		"@wordpress/compose": "^6.28.1",
-		"@wordpress/core-commands": "^0.20.2",
-		"@wordpress/core-data": "^6.28.2",
+		"@wordpress/core-commands": "^0.20.3",
+		"@wordpress/core-data": "^6.28.3",
 		"@wordpress/data": "^9.21.1",
-		"@wordpress/dataviews": "^0.5.2",
+		"@wordpress/dataviews": "^0.5.3",
 		"@wordpress/date": "^4.51.1",
 		"@wordpress/deprecated": "^3.51.1",
 		"@wordpress/dom": "^3.51.1",
-		"@wordpress/editor": "^13.28.2",
+		"@wordpress/editor": "^13.28.3",
 		"@wordpress/element": "^5.28.1",
 		"@wordpress/escape-html": "^2.51.1",
 		"@wordpress/hooks": "^3.51.1",
@@ -55,17 +55,17 @@
 		"@wordpress/keycodes": "^3.51.1",
 		"@wordpress/media-utils": "^4.42.1",
 		"@wordpress/notices": "^4.19.1",
-		"@wordpress/patterns": "^1.12.2",
+		"@wordpress/patterns": "^1.12.3",
 		"@wordpress/plugins": "^6.19.2",
 		"@wordpress/preferences": "^3.28.2",
 		"@wordpress/primitives": "^3.49.1",
 		"@wordpress/private-apis": "^0.33.1",
-		"@wordpress/reusable-blocks": "^4.28.2",
+		"@wordpress/reusable-blocks": "^4.28.3",
 		"@wordpress/router": "^0.20.1",
 		"@wordpress/style-engine": "^1.34.1",
 		"@wordpress/url": "^3.52.1",
 		"@wordpress/viewport": "^5.28.1",
-		"@wordpress/widgets": "^3.28.2",
+		"@wordpress/widgets": "^3.28.3",
 		"@wordpress/wordcount": "^3.51.1",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
@@ -85,5 +85,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "730beb7fd33d3382d6032c3f33e451625a0fcf36"
+	"gitHead": "b12d75c5c5256fda2a0509bb432e20ddd3354d5e"
 }

package/src/components/add-new-pattern/index.js

@@ -25,10 +25,11 @@ import {
 	PATTERN_DEFAULT_CATEGORY,
 	TEMPLATE_PART_POST_TYPE,
 } from '../../utils/constants';
-import usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';
 
 const { useHistory, useLocation } = unlock( routerPrivateApis );
-const { CreatePatternModal } = unlock( editPatternsPrivateApis );
+const { CreatePatternModal, useAddPatternCategory } = unlock(
+	editPatternsPrivateApis
+);
 
 export default function AddNewPattern() {
 	const history = useHistory();
@@ -43,7 +44,6 @@ export default function AddNewPattern() {
 	const { createSuccessNotice, createErrorNotice } =
 		useDispatch( noticesStore );
 	const patternUploadInputRef = useRef();
-	const { patternCategories } = usePatternCategories();
 
 	function handleCreatePattern( { pattern, categoryId } ) {
 		setShowPatternModal( false );
@@ -97,6 +97,7 @@ export default function AddNewPattern() {
 		title: __( 'Import pattern from JSON' ),
 	} );
 
+	const { categoryMap, findOrCreateTerm } = useAddPatternCategory();
 	return (
 		<>
 			<DropdownMenu
@@ -132,12 +133,23 @@ export default function AddNewPattern() {
 					const file = event.target.files?.[ 0 ];
 					if ( ! file ) return;
 					try {
-						const currentCategoryId =
-							params.categoryType !== TEMPLATE_PART_POST_TYPE &&
-							patternCategories.find(
-								( category ) =>
-									category.name === params.categoryId
-							)?.id;
+						let currentCategoryId;
+						// When we're not handling template parts, we should
+						// add or create the proper pattern category.
+						if ( params.categoryType !== TEMPLATE_PART_POST_TYPE ) {
+							const currentCategory = categoryMap
+								.values()
+								.find(
+									( term ) => term.name === params.categoryId
+								);
+							if ( !! currentCategory ) {
+								currentCategoryId =
+									currentCategory.id ||
+									( await findOrCreateTerm(
+										currentCategory.label
+									) );
+							}
+						}
 						const pattern = await createPatternFromFile(
 							file,
 							currentCategoryId
@@ -146,8 +158,12 @@ export default function AddNewPattern() {
 						);
 
 						// Navigate to the All patterns category for the newly created pattern
-						// if we're not on that page already.
-						if ( ! currentCategoryId ) {
+						// if we're not on that page already and if we're not in the `my-patterns`
+						// category.
+						if (
+							! currentCategoryId &&
+							params.categoryId !== 'my-patterns'
+						) {
 							history.push( {
 								path: `/patterns`,
 								categoryType: PATTERN_TYPES.theme,

package/src/components/editor/index.js

@@ -263,6 +263,7 @@ export default function Editor( { isLoading } ) {
 								( shouldShowListView && <ListViewSidebar /> ) )
 						}
 						sidebar={
+							! isDistractionFree &&
 							isEditMode &&
 							isRightSidebarOpen && (
 								<>

package/src/components/global-styles/block-preview-panel.js

@@ -28,7 +28,7 @@ const BlockPreviewPanel = ( { name, variation = '' } ) => {
 	}, [ name, blockExample, variation ] );
 
 	const viewportWidth = blockExample?.viewportWidth ?? null;
-	const previewHeight = '150px';
+	const previewHeight = 150;
 
 	if ( ! blockExample ) {
 		return null;
@@ -48,7 +48,7 @@ const BlockPreviewPanel = ( { name, variation = '' } ) => {
 						{
 							css: `
 								body{
-									min-height:${ previewHeight };
+									min-height:${ previewHeight }px;
 									display:flex;align-items:center;justify-content:center;
 								}
 							`,

package/src/components/global-styles/font-library-modal/collection-font-details.js

@@ -48,7 +48,7 @@ function CollectionFontDetails( {
 					/>
 				) ) }
 			</VStack>
-			<Spacer margin={ 8 } />
+			<Spacer margin={ 16 } />
 		</>
 	);
 }