@wordpress/edit-site 6.19.0 → 6.19.2

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

@@ -123,25 +123,56 @@ export const SiteHubMobile = memo(forwardRef(({
   const {
     dashboardLink,
     homeUrl,
-    siteTitle
+    siteTitle,
+    isBlockTheme,
+    isClassicThemeWithStyleBookSupport
   } = useSelect(select => {
     const {
       getSettings
     } = unlock(select(editSiteStore));
     const {
-      getEntityRecord
+      getEntityRecord,
+      getCurrentTheme
     } = select(coreStore);
     const _site = getEntityRecord('root', 'site');
+    const currentTheme = getCurrentTheme();
+    const settings = getSettings();
+    const supportsEditorStyles = currentTheme.theme_supports['editor-styles'];
+    // This is a temp solution until the has_theme_json value is available for the current theme.
+    const hasThemeJson = settings.supportsLayout;
     return {
-      dashboardLink: getSettings().__experimentalDashboardLink,
+      dashboardLink: settings.__experimentalDashboardLink,
       homeUrl: getEntityRecord('root', '__unstableBase')?.home,
-      siteTitle: !_site?.title && !!_site?.url ? filterURLForDisplay(_site?.url) : _site?.title
+      siteTitle: !_site?.title && !!_site?.url ? filterURLForDisplay(_site?.url) : _site?.title,
+      isBlockTheme: currentTheme?.is_block_theme,
+      isClassicThemeWithStyleBookSupport: !currentTheme?.is_block_theme && (supportsEditorStyles || hasThemeJson)
     };
   }, []);
   const {
     open: openCommandCenter
   } = useDispatch(commandsStore);
-  const isRoot = path === '/';
+  let backPath;
+
+  // If the current path is not the root page, find a page to back to.
+  if (path !== '/') {
+    if (isBlockTheme || isClassicThemeWithStyleBookSupport) {
+      // If the current theme is a block theme or a classic theme that supports StyleBook,
+      // back to the Design screen.
+      backPath = '/';
+    } else if (path !== '/pattern') {
+      // If the current theme is a classic theme that does not support StyleBook,
+      // back to the Patterns page.
+      backPath = '/pattern';
+    }
+  }
+  const backButtonProps = {
+    href: !!backPath ? undefined : dashboardLink,
+    label: !!backPath ? __('Go to Site Editor') : __('Go to the Dashboard'),
+    onClick: !!backPath ? () => {
+      history.navigate(backPath);
+      navigate('back');
+    } : undefined
+  };
   return /*#__PURE__*/_jsx("div", {
     className: "edit-site-site-hub",
     children: /*#__PURE__*/_jsxs(HStack, {
@@ -159,16 +190,7 @@ export const SiteHubMobile = memo(forwardRef(({
             transform: 'scale(0.5)',
             borderRadius: 4
           },
-          ...(isRoot ? {
-            href: dashboardLink,
-            label: __('Go to the Dashboard')
-          } : {
-            onClick: () => {
-              history.navigate('/');
-              navigate('back');
-            },
-            label: __('Go to Site Editor')
-          }),
+          ...backButtonProps,
           children: /*#__PURE__*/_jsx(SiteIcon, {
             className: "edit-site-layout__view-mode-toggle-icon"
           })

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

@@ -1 +1 @@
-{"version":3,"names":["clsx","useSelect","useDispatch","Button","__experimentalHStack","HStack","VisuallyHidden","__","store","coreStore","decodeEntities","memo","forwardRef","useContext","search","commandsStore","displayShortcut","filterURLForDisplay","privateApis","routerPrivateApis","editSiteStore","SiteIcon","unlock","SidebarNavigationContext","jsx","_jsx","jsxs","_jsxs","useLocation","useHistory","SiteHub","isTransparent","ref","dashboardLink","homeUrl","siteTitle","select","getSettings","getEntityRecord","_site","__experimentalDashboardLink","home","title","url","open","openCommandCenter","className","children","justify","spacing","__next40pxDefaultSize","href","label","style","transform","borderRadius","variant","target","as","expanded","size","icon","onClick","shortcut","primary","SiteHubMobile","path","history","navigate","isRoot"],"sources":["@wordpress/edit-site/src/components/site-hub/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { memo, forwardRef, useContext } from '@wordpress/element';\nimport { search } from '@wordpress/icons';\nimport { store as commandsStore } from '@wordpress/commands';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { filterURLForDisplay } from '@wordpress/url';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport SiteIcon from '../site-icon';\nimport { unlock } from '../../lock-unlock';\nimport { SidebarNavigationContext } from '../sidebar';\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst SiteHub = memo(\n\tforwardRef( ( { isTransparent }, ref ) => {\n\t\tconst { dashboardLink, homeUrl, siteTitle } = useSelect( ( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\t\t\tconst _site = getEntityRecord( 'root', 'site' );\n\t\t\treturn {\n\t\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\t\thomeUrl: getEntityRecord( 'root', '__unstableBase' )?.home,\n\t\t\t\tsiteTitle:\n\t\t\t\t\t! _site?.title && !! _site?.url\n\t\t\t\t\t\t? filterURLForDisplay( _site?.url )\n\t\t\t\t\t\t: _site?.title,\n\t\t\t};\n\t\t}, [] );\n\t\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\t\treturn (\n\t\t\t<div className=\"edit-site-site-hub\">\n\t\t\t\t<HStack justify=\"flex-start\" spacing=\"0\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx(\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>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\thref={ dashboardLink }\n\t\t\t\t\t\t\tlabel={ __( 'Go to the Dashboard' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\ttransform: 'scale(0.5333) translateX(-4px)', // Offset to position the icon 12px from viewport edge\n\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<HStack>\n\t\t\t\t\t\t<div className=\"edit-site-site-hub__title\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__actions\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub_toggle-command-center\"\n\t\t\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t</div>\n\t\t);\n\t} )\n);\n\nexport default SiteHub;\n\nexport const SiteHubMobile = memo(\n\tforwardRef( ( { isTransparent }, ref ) => {\n\t\tconst { path } = useLocation();\n\t\tconst history = useHistory();\n\t\tconst { navigate } = useContext( SidebarNavigationContext );\n\n\t\tconst { dashboardLink, homeUrl, siteTitle } = useSelect( ( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\t\t\tconst _site = getEntityRecord( 'root', 'site' );\n\t\t\treturn {\n\t\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\t\thomeUrl: getEntityRecord( 'root', '__unstableBase' )?.home,\n\t\t\t\tsiteTitle:\n\t\t\t\t\t! _site?.title && !! _site?.url\n\t\t\t\t\t\t? filterURLForDisplay( _site?.url )\n\t\t\t\t\t\t: _site?.title,\n\t\t\t};\n\t\t}, [] );\n\t\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\t\tconst isRoot = path === '/';\n\n\t\treturn (\n\t\t\t<div className=\"edit-site-site-hub\">\n\t\t\t\t<HStack justify=\"flex-start\" spacing=\"0\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx(\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>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\ttransform: 'scale(0.5)',\n\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t{ ...( isRoot\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\thref: dashboardLink,\n\t\t\t\t\t\t\t\t\t\tlabel: __( 'Go to the Dashboard' ),\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\t\t\t\thistory.navigate( '/' );\n\t\t\t\t\t\t\t\t\t\t\tnavigate( 'back' );\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\tlabel: __( 'Go to Site Editor' ),\n\t\t\t\t\t\t\t\t  } ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<HStack>\n\t\t\t\t\t\t<div className=\"edit-site-site-hub__title\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\tlabel={ __( 'View site (opens in a new tab)' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__actions\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub_toggle-command-center\"\n\t\t\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t</div>\n\t\t);\n\t} )\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","useSelect","useDispatch","Button","__experimentalHStack","HStack","VisuallyHidden","__","store","coreStore","decodeEntities","memo","forwardRef","useContext","search","commandsStore","displayShortcut","filterURLForDisplay","privateApis","routerPrivateApis","editSiteStore","SiteIcon","unlock","SidebarNavigationContext","jsx","_jsx","jsxs","_jsxs","useLocation","useHistory","SiteHub","isTransparent","ref","dashboardLink","homeUrl","siteTitle","select","getSettings","getEntityRecord","_site","__experimentalDashboardLink","home","title","url","open","openCommandCenter","className","children","justify","spacing","__next40pxDefaultSize","href","label","style","transform","borderRadius","variant","target","as","expanded","size","icon","onClick","shortcut","primary","SiteHubMobile","path","history","navigate","isBlockTheme","isClassicThemeWithStyleBookSupport","getCurrentTheme","currentTheme","settings","supportsEditorStyles","theme_supports","hasThemeJson","supportsLayout","is_block_theme","backPath","backButtonProps","undefined"],"sources":["@wordpress/edit-site/src/components/site-hub/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { memo, forwardRef, useContext } from '@wordpress/element';\nimport { search } from '@wordpress/icons';\nimport { store as commandsStore } from '@wordpress/commands';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { filterURLForDisplay } from '@wordpress/url';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport SiteIcon from '../site-icon';\nimport { unlock } from '../../lock-unlock';\nimport { SidebarNavigationContext } from '../sidebar';\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst SiteHub = memo(\n\tforwardRef( ( { isTransparent }, ref ) => {\n\t\tconst { dashboardLink, homeUrl, siteTitle } = useSelect( ( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\t\t\tconst _site = getEntityRecord( 'root', 'site' );\n\t\t\treturn {\n\t\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\t\thomeUrl: getEntityRecord( 'root', '__unstableBase' )?.home,\n\t\t\t\tsiteTitle:\n\t\t\t\t\t! _site?.title && !! _site?.url\n\t\t\t\t\t\t? filterURLForDisplay( _site?.url )\n\t\t\t\t\t\t: _site?.title,\n\t\t\t};\n\t\t}, [] );\n\t\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\t\treturn (\n\t\t\t<div className=\"edit-site-site-hub\">\n\t\t\t\t<HStack justify=\"flex-start\" spacing=\"0\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx(\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>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\thref={ dashboardLink }\n\t\t\t\t\t\t\tlabel={ __( 'Go to the Dashboard' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\ttransform: 'scale(0.5333) translateX(-4px)', // Offset to position the icon 12px from viewport edge\n\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<HStack>\n\t\t\t\t\t\t<div className=\"edit-site-site-hub__title\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__actions\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub_toggle-command-center\"\n\t\t\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t</div>\n\t\t);\n\t} )\n);\n\nexport default SiteHub;\n\nexport const SiteHubMobile = memo(\n\tforwardRef( ( { isTransparent }, ref ) => {\n\t\tconst { path } = useLocation();\n\t\tconst history = useHistory();\n\t\tconst { navigate } = useContext( SidebarNavigationContext );\n\n\t\tconst {\n\t\t\tdashboardLink,\n\t\t\thomeUrl,\n\t\t\tsiteTitle,\n\t\t\tisBlockTheme,\n\t\t\tisClassicThemeWithStyleBookSupport,\n\t\t} = useSelect( ( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst { getEntityRecord, getCurrentTheme } = select( coreStore );\n\t\t\tconst _site = getEntityRecord( 'root', 'site' );\n\t\t\tconst currentTheme = getCurrentTheme();\n\t\t\tconst settings = getSettings();\n\t\t\tconst supportsEditorStyles =\n\t\t\t\tcurrentTheme.theme_supports[ 'editor-styles' ];\n\t\t\t// This is a temp solution until the has_theme_json value is available for the current theme.\n\t\t\tconst hasThemeJson = settings.supportsLayout;\n\n\t\t\treturn {\n\t\t\t\tdashboardLink: settings.__experimentalDashboardLink,\n\t\t\t\thomeUrl: getEntityRecord( 'root', '__unstableBase' )?.home,\n\t\t\t\tsiteTitle:\n\t\t\t\t\t! _site?.title && !! _site?.url\n\t\t\t\t\t\t? filterURLForDisplay( _site?.url )\n\t\t\t\t\t\t: _site?.title,\n\t\t\t\tisBlockTheme: currentTheme?.is_block_theme,\n\t\t\t\tisClassicThemeWithStyleBookSupport:\n\t\t\t\t\t! currentTheme?.is_block_theme &&\n\t\t\t\t\t( supportsEditorStyles || hasThemeJson ),\n\t\t\t};\n\t\t}, [] );\n\t\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\t\tlet backPath;\n\n\t\t// If the current path is not the root page, find a page to back to.\n\t\tif ( path !== '/' ) {\n\t\t\tif ( isBlockTheme || isClassicThemeWithStyleBookSupport ) {\n\t\t\t\t// If the current theme is a block theme or a classic theme that supports StyleBook,\n\t\t\t\t// back to the Design screen.\n\t\t\t\tbackPath = '/';\n\t\t\t} else if ( path !== '/pattern' ) {\n\t\t\t\t// If the current theme is a classic theme that does not support StyleBook,\n\t\t\t\t// back to the Patterns page.\n\t\t\t\tbackPath = '/pattern';\n\t\t\t}\n\t\t}\n\n\t\tconst backButtonProps = {\n\t\t\thref: !! backPath ? undefined : dashboardLink,\n\t\t\tlabel: !! backPath\n\t\t\t\t? __( 'Go to Site Editor' )\n\t\t\t\t: __( 'Go to the Dashboard' ),\n\t\t\tonClick: !! backPath\n\t\t\t\t? () => {\n\t\t\t\t\t\thistory.navigate( backPath );\n\t\t\t\t\t\tnavigate( 'back' );\n\t\t\t\t  }\n\t\t\t\t: undefined,\n\t\t};\n\n\t\treturn (\n\t\t\t<div className=\"edit-site-site-hub\">\n\t\t\t\t<HStack justify=\"flex-start\" spacing=\"0\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx(\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>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\ttransform: 'scale(0.5)',\n\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t{ ...backButtonProps }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<HStack>\n\t\t\t\t\t\t<div className=\"edit-site-site-hub__title\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\tlabel={ __( 'View site (opens in a new tab)' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__actions\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub_toggle-command-center\"\n\t\t\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t</div>\n\t\t);\n\t} )\n);\n"],"mappings":"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","ignoreList":[]}

package/build-style/posts-rtl.css

@@ -1289,6 +1289,8 @@ div.dataviews-view-list {
   position: relative;
   width: 100%;
   z-index: 2;
+  display: flex;
+  flex-direction: column;
   /*
    * The SiteHubMobile component is displayed
    * for pages that do not have a sidebar,
@@ -1493,7 +1495,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 .edit-site-page {
   color: #2f2f2f;
   background: #fff;
-  height: calc(100% - 60px);
+  height: 100%;
   /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
   container: edit-site-page/inline-size;
 }
@@ -1502,11 +1504,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     transition: width ease-out 0.2s;
   }
 }
-@media (min-width: 782px) {
-  .edit-site-page {
-    height: 100%;
-  }
-}
 
 .edit-site-page-header {
   padding: 16px 48px;
@@ -1585,7 +1582,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _gddau_slide-from-right {
+@keyframes _fwjws_slide-from-right {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -1595,7 +1592,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _gddau_slide-from-left {
+@keyframes _fwjws_slide-from-left {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -1651,10 +1648,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _gddau_slide-from-left;
+  animation-name: _fwjws_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _gddau_slide-from-right;
+  animation-name: _fwjws_slide-from-right;
 }
 
 .edit-site-site-hub {

package/build-style/posts.css

@@ -1289,6 +1289,8 @@ div.dataviews-view-list {
   position: relative;
   width: 100%;
   z-index: 2;
+  display: flex;
+  flex-direction: column;
   /*
    * The SiteHubMobile component is displayed
    * for pages that do not have a sidebar,
@@ -1493,7 +1495,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 .edit-site-page {
   color: #2f2f2f;
   background: #fff;
-  height: calc(100% - 60px);
+  height: 100%;
   /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
   container: edit-site-page/inline-size;
 }
@@ -1502,11 +1504,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     transition: width ease-out 0.2s;
   }
 }
-@media (min-width: 782px) {
-  .edit-site-page {
-    height: 100%;
-  }
-}
 
 .edit-site-page-header {
   padding: 16px 48px;
@@ -1585,7 +1582,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _gddau_slide-from-right {
+@keyframes _fwjws_slide-from-right {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -1595,7 +1592,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _gddau_slide-from-left {
+@keyframes _fwjws_slide-from-left {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -1651,10 +1648,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _gddau_slide-from-left;
+  animation-name: _fwjws_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _gddau_slide-from-right;
+  animation-name: _fwjws_slide-from-right;
 }
 
 .edit-site-site-hub {

package/build-style/style-rtl.css

@@ -2114,7 +2114,7 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
 .edit-site-page {
   color: #2f2f2f;
   background: #fff;
-  height: calc(100% - 60px);
+  height: 100%;
   /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
   container: edit-site-page/inline-size;
 }
@@ -2123,11 +2123,6 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
     transition: width ease-out 0.2s;
   }
 }
-@media (min-width: 782px) {
-  .edit-site-page {
-    height: 100%;
-  }
-}
 
 .edit-site-page-header {
   padding: 16px 48px;
@@ -2533,6 +2528,8 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   position: relative;
   width: 100%;
   z-index: 2;
+  display: flex;
+  flex-direction: column;
   /*
    * The SiteHubMobile component is displayed
    * for pages that do not have a sidebar,
@@ -2770,7 +2767,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _xk1qy_slide-from-right {
+@keyframes _x51ri_slide-from-right {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -2780,7 +2777,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _xk1qy_slide-from-left {
+@keyframes _x51ri_slide-from-left {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -2836,10 +2833,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _xk1qy_slide-from-left;
+  animation-name: _x51ri_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _xk1qy_slide-from-right;
+  animation-name: _x51ri_slide-from-right;
 }
 
 .edit-site-sidebar-button {

package/build-style/style.css

@@ -2115,7 +2115,7 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
 .edit-site-page {
   color: #2f2f2f;
   background: #fff;
-  height: calc(100% - 60px);
+  height: 100%;
   /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
   container: edit-site-page/inline-size;
 }
@@ -2124,11 +2124,6 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
     transition: width ease-out 0.2s;
   }
 }
-@media (min-width: 782px) {
-  .edit-site-page {
-    height: 100%;
-  }
-}
 
 .edit-site-page-header {
   padding: 16px 48px;
@@ -2534,6 +2529,8 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   position: relative;
   width: 100%;
   z-index: 2;
+  display: flex;
+  flex-direction: column;
   /*
    * The SiteHubMobile component is displayed
    * for pages that do not have a sidebar,
@@ -2771,7 +2768,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
 
-@keyframes _xk1qy_slide-from-right {
+@keyframes _x51ri_slide-from-right {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -2781,7 +2778,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _xk1qy_slide-from-left {
+@keyframes _x51ri_slide-from-left {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -2837,10 +2834,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _xk1qy_slide-from-left;
+  animation-name: _x51ri_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _xk1qy_slide-from-right;
+  animation-name: _x51ri_slide-from-right;
 }
 
 .edit-site-sidebar-button {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "6.19.0",
+	"version": "6.19.2",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -30,46 +30,46 @@
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.19.0",
-		"@wordpress/api-fetch": "^7.19.0",
-		"@wordpress/blob": "^4.19.0",
-		"@wordpress/block-editor": "^14.14.0",
-		"@wordpress/block-library": "^9.19.0",
-		"@wordpress/blocks": "^14.8.0",
-		"@wordpress/commands": "^1.19.0",
-		"@wordpress/components": "^29.5.0",
-		"@wordpress/compose": "^7.19.0",
-		"@wordpress/core-commands": "^1.19.0",
-		"@wordpress/core-data": "^7.19.0",
-		"@wordpress/data": "^10.19.0",
-		"@wordpress/dataviews": "^4.15.0",
-		"@wordpress/date": "^5.19.0",
-		"@wordpress/deprecated": "^4.19.0",
-		"@wordpress/dom": "^4.19.0",
-		"@wordpress/editor": "^14.19.0",
-		"@wordpress/element": "^6.19.0",
-		"@wordpress/escape-html": "^3.19.0",
-		"@wordpress/fields": "^0.11.0",
-		"@wordpress/hooks": "^4.19.0",
-		"@wordpress/html-entities": "^4.19.0",
-		"@wordpress/i18n": "^5.19.0",
-		"@wordpress/icons": "^10.19.0",
-		"@wordpress/keyboard-shortcuts": "^5.19.0",
-		"@wordpress/keycodes": "^4.19.0",
-		"@wordpress/media-utils": "^5.19.0",
-		"@wordpress/notices": "^5.19.0",
-		"@wordpress/patterns": "^2.19.0",
-		"@wordpress/plugins": "^7.19.0",
-		"@wordpress/preferences": "^4.19.0",
-		"@wordpress/primitives": "^4.19.0",
-		"@wordpress/private-apis": "^1.19.0",
-		"@wordpress/reusable-blocks": "^5.19.0",
-		"@wordpress/router": "^1.19.0",
-		"@wordpress/style-engine": "^2.19.0",
-		"@wordpress/url": "^4.19.0",
-		"@wordpress/viewport": "^6.19.0",
-		"@wordpress/widgets": "^4.19.0",
-		"@wordpress/wordcount": "^4.19.0",
+		"@wordpress/a11y": "^4.19.1",
+		"@wordpress/api-fetch": "^7.19.1",
+		"@wordpress/blob": "^4.19.1",
+		"@wordpress/block-editor": "^14.14.1",
+		"@wordpress/block-library": "^9.19.1",
+		"@wordpress/blocks": "^14.8.1",
+		"@wordpress/commands": "^1.19.1",
+		"@wordpress/components": "^29.5.1",
+		"@wordpress/compose": "^7.19.1",
+		"@wordpress/core-commands": "^1.19.1",
+		"@wordpress/core-data": "^7.19.1",
+		"@wordpress/data": "^10.19.1",
+		"@wordpress/dataviews": "^4.15.1",
+		"@wordpress/date": "^5.19.1",
+		"@wordpress/deprecated": "^4.19.1",
+		"@wordpress/dom": "^4.19.1",
+		"@wordpress/editor": "^14.19.2",
+		"@wordpress/element": "^6.19.1",
+		"@wordpress/escape-html": "^3.19.1",
+		"@wordpress/fields": "^0.11.1",
+		"@wordpress/hooks": "^4.19.1",
+		"@wordpress/html-entities": "^4.19.1",
+		"@wordpress/i18n": "^5.19.1",
+		"@wordpress/icons": "^10.19.1",
+		"@wordpress/keyboard-shortcuts": "^5.19.1",
+		"@wordpress/keycodes": "^4.19.1",
+		"@wordpress/media-utils": "^5.19.1",
+		"@wordpress/notices": "^5.19.1",
+		"@wordpress/patterns": "^2.19.1",
+		"@wordpress/plugins": "^7.19.1",
+		"@wordpress/preferences": "^4.19.1",
+		"@wordpress/primitives": "^4.19.1",
+		"@wordpress/private-apis": "^1.19.1",
+		"@wordpress/reusable-blocks": "^5.19.1",
+		"@wordpress/router": "^1.19.1",
+		"@wordpress/style-engine": "^2.19.1",
+		"@wordpress/url": "^4.19.1",
+		"@wordpress/viewport": "^6.19.1",
+		"@wordpress/widgets": "^4.19.1",
+		"@wordpress/wordcount": "^4.19.1",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.2",
@@ -84,5 +84,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "d6b0b20fa927b110140dc7fdd906a7e0bf662004"
+	"gitHead": "3fbb8643c9b90c73434804e2f7b49c94325f459f"
 }

package/src/components/add-new-template/utils.js

@@ -68,8 +68,7 @@ export const useExistingTemplates = () => {
 export const useDefaultTemplateTypes = () => {
 	return useSelect(
 		( select ) =>
-			select( coreStore ).getEntityRecord( 'root', '__unstableBase' )
-				?.default_template_types || [],
+			select( coreStore ).getCurrentTheme()?.default_template_types || [],
 		[]
 	);
 };

package/src/components/app/index.js

@@ -3,7 +3,8 @@
  */
 import { useSelect } from '@wordpress/data';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { useCallback } from '@wordpress/element';
+import { useCallback, useMemo } from '@wordpress/element';
+import { store as coreStore } from '@wordpress/core-data';
 
 /**
  * Internal dependencies
@@ -30,9 +31,15 @@ function AppLayout() {
 
 export default function App() {
 	useRegisterSiteEditorRoutes();
-	const routes = useSelect( ( select ) => {
-		return unlock( select( editSiteStore ) ).getRoutes();
+	const { routes, currentTheme, editorSettings } = useSelect( ( select ) => {
+		return {
+			routes: unlock( select( editSiteStore ) ).getRoutes(),
+			currentTheme: select( coreStore ).getCurrentTheme(),
+			// This is a temp solution until the has_theme_json value is available for the current theme.
+			editorSettings: select( editSiteStore ).getSettings(),
+		};
 	}, [] );
+
 	const beforeNavigate = useCallback( ( { path, query } ) => {
 		if ( ! isPreviewingTheme() ) {
 			return { path, query };
@@ -50,11 +57,19 @@ export default function App() {
 		};
 	}, [] );
 
+	const matchResolverArgsValue = useMemo(
+		() => ( {
+			siteData: { currentTheme, editorSettings },
+		} ),
+		[ currentTheme, editorSettings ]
+	);
+
 	return (
 		<RouterProvider
 			routes={ routes }
 			pathArg="p"
 			beforeNavigate={ beforeNavigate }
+			matchResolverArgs={ matchResolverArgsValue }
 		>
 			<AppLayout />
 		</RouterProvider>

package/src/components/editor/site-preview.js

@@ -4,6 +4,8 @@
 import { __ } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
+import { focus } from '@wordpress/dom';
+import { addQueryArgs } from '@wordpress/url';
 
 export default function SitePreview() {
 	const siteUrl = useSelect( ( select ) => {
@@ -15,7 +17,10 @@ export default function SitePreview() {
 	// If theme is block based, return the Editor, otherwise return the site preview.
 	return (
 		<iframe
-			src={ siteUrl }
+			src={ addQueryArgs( siteUrl, {
+				// Parameter for hiding the admin bar.
+				wp_site_preview: 1,
+			} ) }
 			title={ __( 'Site Preview' ) }
 			style={ {
 				display: 'block',
@@ -24,20 +29,10 @@ export default function SitePreview() {
 				backgroundColor: '#fff',
 			} }
 			onLoad={ ( event ) => {
-				// Hide the admin bar in the front-end preview.
-				const document = event.target.contentDocument;
-				document.getElementById( 'wpadminbar' ).remove();
-				document
-					.getElementsByTagName( 'html' )[ 0 ]
-					.setAttribute( 'style', 'margin-top: 0 !important;' );
-				document
-					.getElementsByTagName( 'body' )[ 0 ]
-					.classList.remove( 'admin-bar' );
 				// Make interactive elements unclickable.
-				const interactiveElements = document.querySelectorAll(
-					'a, button, input, details, audio'
-				);
-				interactiveElements.forEach( ( element ) => {
+				const document = event.target.contentDocument;
+				const focusableElements = focus.focusable.find( document );
+				focusableElements.forEach( ( element ) => {
 					element.style.pointerEvents = 'none';
 					element.tabIndex = -1;
 					element.setAttribute( 'aria-hidden', 'true' );

package/src/components/editor/use-editor-title.js

@@ -19,8 +19,11 @@ const { getTemplateInfo } = unlock( editorPrivateApis );
 function useEditorTitle( postType, postId ) {
 	const { title, isLoaded } = useSelect(
 		( select ) => {
-			const { getEditedEntityRecord, hasFinishedResolution } =
-				select( coreStore );
+			const {
+				getEditedEntityRecord,
+				getCurrentTheme,
+				hasFinishedResolution,
+			} = select( coreStore );
 
 			if ( ! postId ) {
 				return { isLoaded: false };
@@ -33,10 +36,7 @@ function useEditorTitle( postType, postId ) {
 			);
 
 			const { default_template_types: templateTypes = [] } =
-				select( coreStore ).getEntityRecord(
-					'root',
-					'__unstableBase'
-				) ?? {};
+				getCurrentTheme() ?? {};
 
 			const templateInfo = getTemplateInfo( {
 				template: _record,