npm - @wordpress/edit-site - Versions diffs - 6.3.0 → 6.5.0 - Mend

@wordpress/edit-site 6.3.0 → 6.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (334) hide show

package/build/components/block-editor/use-site-editor-settings.js CHANGED Viewed

@@ -8,7 +8,6 @@ exports.default = useSiteEditorSettings;
 exports.useSpecificEditorSettings = useSpecificEditorSettings;
 var _data = require("@wordpress/data");
 var _element = require("@wordpress/element");
-var _coreData = require("@wordpress/core-data");
 var _editor = require("@wordpress/editor");
 var _router = require("@wordpress/router");
 var _compose = require("@wordpress/compose");
@@ -31,72 +30,6 @@ const {
   useLocation,
   useHistory
 } = (0, _lockUnlock.unlock)(_router.privateApis);
-function useArchiveLabel(templateSlug) {
-  const taxonomyMatches = templateSlug?.match(/^(category|tag|taxonomy-([^-]+))$|^(((category|tag)|taxonomy-([^-]+))-(.+))$/);
-  let taxonomy;
-  let term;
-  let isAuthor = false;
-  let authorSlug;
-  if (taxonomyMatches) {
-    // If is for a all taxonomies of a type
-    if (taxonomyMatches[1]) {
-      taxonomy = taxonomyMatches[2] ? taxonomyMatches[2] : taxonomyMatches[1];
-    }
-    // If is for a all taxonomies of a type
-    else if (taxonomyMatches[3]) {
-      taxonomy = taxonomyMatches[6] ? taxonomyMatches[6] : taxonomyMatches[4];
-      term = taxonomyMatches[7];
-    }
-    taxonomy = taxonomy === 'tag' ? 'post_tag' : taxonomy;
-    //getTaxonomy( 'category' );
-    //wp.data.select('core').getEntityRecords( 'taxonomy', 'category', {slug: 'newcat'} );
-  } else {
-    const authorMatches = templateSlug?.match(/^(author)$|^author-(.+)$/);
-    if (authorMatches) {
-      isAuthor = true;
-      if (authorMatches[2]) {
-        authorSlug = authorMatches[2];
-      }
-    }
-  }
-  return (0, _data.useSelect)(select => {
-    const {
-      getEntityRecords,
-      getTaxonomy,
-      getAuthors
-    } = select(_coreData.store);
-    let archiveTypeLabel;
-    let archiveNameLabel;
-    if (taxonomy) {
-      archiveTypeLabel = getTaxonomy(taxonomy)?.labels?.singular_name;
-    }
-    if (term) {
-      const records = getEntityRecords('taxonomy', taxonomy, {
-        slug: term,
-        per_page: 1
-      });
-      if (records && records[0]) {
-        archiveNameLabel = records[0].name;
-      }
-    }
-    if (isAuthor) {
-      archiveTypeLabel = 'Author';
-      if (authorSlug) {
-        const authorRecords = getAuthors({
-          slug: authorSlug
-        });
-        if (authorRecords && authorRecords[0]) {
-          archiveNameLabel = authorRecords[0].name;
-        }
-      }
-    }
-    return {
-      archiveTypeLabel,
-      archiveNameLabel
-    };
-  }, [authorSlug, isAuthor, taxonomy, term]);
-}
 function useNavigateToPreviousEntityRecord() {
   const location = useLocation();
   const previousLocation = (0, _compose.usePrevious)(location);
@@ -116,27 +49,17 @@ function useNavigateToPreviousEntityRecord() {
 function useSpecificEditorSettings() {
   const onNavigateToEntityRecord = (0, _useNavigateToEntityRecord.default)();
   const {
-    templateSlug,
     canvasMode,
     settings,
     shouldUseTemplateAsDefaultRenderingMode
   } = (0, _data.useSelect)(select => {
     const {
-      getEditedPostType,
-      getEditedPostId,
       getEditedPostContext,
       getCanvasMode,
       getSettings
     } = (0, _lockUnlock.unlock)(select(_store.store));
-    const {
-      getEditedEntityRecord
-    } = select(_coreData.store);
-    const usedPostType = getEditedPostType();
-    const usedPostId = getEditedPostId();
-    const _record = getEditedEntityRecord('postType', usedPostType, usedPostId);
     const _context = getEditedPostContext();
     return {
-      templateSlug: _record.slug,
       canvasMode: getCanvasMode(),
       settings: getSettings(),
       // TODO: The `postType` check should be removed when the default rendering mode per post type is merged.
@@ -144,7 +67,6 @@ function useSpecificEditorSettings() {
       shouldUseTemplateAsDefaultRenderingMode: _context?.postId && _context?.postType !== 'post'
     };
   }, []);
-  const archiveLabels = useArchiveLabel(templateSlug);
   const defaultRenderingMode = shouldUseTemplateAsDefaultRenderingMode ? 'template-locked' : 'post-only';
   const onNavigateToPreviousEntityRecord = useNavigateToPreviousEntityRecord();
   const defaultEditorSettings = (0, _element.useMemo)(() => {
@@ -156,12 +78,9 @@ function useSpecificEditorSettings() {
       defaultRenderingMode,
       onNavigateToEntityRecord,
       onNavigateToPreviousEntityRecord,
-      // I wonder if they should be set in the post editor too
-      __experimentalArchiveTitleTypeLabel: archiveLabels.archiveTypeLabel,
-      __experimentalArchiveTitleNameLabel: archiveLabels.archiveNameLabel,
       __unstableIsPreviewMode: canvasMode === 'view'
     };
-  }, [settings, canvasMode, defaultRenderingMode, onNavigateToEntityRecord, onNavigateToPreviousEntityRecord, archiveLabels.archiveTypeLabel, archiveLabels.archiveNameLabel]);
+  }, [settings, canvasMode, defaultRenderingMode, onNavigateToEntityRecord, onNavigateToPreviousEntityRecord]);
   return defaultEditorSettings;
 }
 function useSiteEditorSettings() {

package/build/components/block-editor/use-site-editor-settings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_data","require","_element","_coreData","_editor","_router","_compose","_store","_lockUnlock","_useNavigateToEntityRecord","_interopRequireDefault","_constants","useBlockEditorSettings","unlock","editorPrivateApis","useLocation","useHistory","routerPrivateApis","useArchiveLabel","templateSlug","taxonomyMatches","match","taxonomy","term","isAuthor","authorSlug","authorMatches","useSelect","select","getEntityRecords","getTaxonomy","getAuthors","coreStore","archiveTypeLabel","archiveNameLabel","labels","singular_name","records","slug","per_page","name","authorRecords","useNavigateToPreviousEntityRecord","location","previousLocation","usePrevious","history","goBack","useMemo","isFocusMode","params","focusMode","postId","FOCUSABLE_ENTITIES","includes","postType","didComeFromEditorCanvas","canvas","showBackButton","back","undefined","useSpecificEditorSettings","onNavigateToEntityRecord","useNavigateToEntityRecord","canvasMode","settings","shouldUseTemplateAsDefaultRenderingMode","getEditedPostType","getEditedPostId","getEditedPostContext","getCanvasMode","getSettings","editSiteStore","getEditedEntityRecord","usedPostType","usedPostId","_record","_context","archiveLabels","defaultRenderingMode","onNavigateToPreviousEntityRecord","defaultEditorSettings","richEditingEnabled","supportsTemplateMode","__experimentalArchiveTitleTypeLabel","__experimentalArchiveTitleNameLabel","__unstableIsPreviewMode","useSiteEditorSettings"],"sources":["@wordpress/edit-site/src/components/block-editor/use-site-editor-settings.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { usePrevious } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport useNavigateToEntityRecord from './use-navigate-to-entity-record';\nimport { FOCUSABLE_ENTITIES } from '../../utils/constants';\n\nconst { useBlockEditorSettings } = unlock( editorPrivateApis );\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nfunction useArchiveLabel( templateSlug ) {\n\tconst taxonomyMatches = templateSlug?.match(\n\t\t/^(category\|tag\|taxonomy-([^-]+))$\|^(((category\|tag)\|taxonomy-([^-]+))-(.+))$/\n\t);\n\tlet taxonomy;\n\tlet term;\n\tlet isAuthor = false;\n\tlet authorSlug;\n\tif ( taxonomyMatches ) {\n\t\t// If is for a all taxonomies of a type\n\t\tif ( taxonomyMatches[ 1 ] ) {\n\t\t\ttaxonomy = taxonomyMatches[ 2 ]\n\t\t\t\t? taxonomyMatches[ 2 ]\n\t\t\t\t: taxonomyMatches[ 1 ];\n\t\t}\n\t\t// If is for a all taxonomies of a type\n\t\telse if ( taxonomyMatches[ 3 ] ) {\n\t\t\ttaxonomy = taxonomyMatches[ 6 ]\n\t\t\t\t? taxonomyMatches[ 6 ]\n\t\t\t\t: taxonomyMatches[ 4 ];\n\t\t\tterm = taxonomyMatches[ 7 ];\n\t\t}\n\t\ttaxonomy = taxonomy === 'tag' ? 'post_tag' : taxonomy;\n\n\t\t//getTaxonomy( 'category' );\n\t\t//wp.data.select('core').getEntityRecords( 'taxonomy', 'category', {slug: 'newcat'} );\n\t} else {\n\t\tconst authorMatches = templateSlug?.match( /^(author)$\|^author-(.+)$/ );\n\t\tif ( authorMatches ) {\n\t\t\tisAuthor = true;\n\t\t\tif ( authorMatches[ 2 ] ) {\n\t\t\t\tauthorSlug = authorMatches[ 2 ];\n\t\t\t}\n\t\t}\n\t}\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecords, getTaxonomy, getAuthors } =\n\t\t\t\tselect( coreStore );\n\t\t\tlet archiveTypeLabel;\n\t\t\tlet archiveNameLabel;\n\t\t\tif ( taxonomy ) {\n\t\t\t\tarchiveTypeLabel =\n\t\t\t\t\tgetTaxonomy( taxonomy )?.labels?.singular_name;\n\t\t\t}\n\t\t\tif ( term ) {\n\t\t\t\tconst records = getEntityRecords( 'taxonomy', taxonomy, {\n\t\t\t\t\tslug: term,\n\t\t\t\t\tper_page: 1,\n\t\t\t\t} );\n\t\t\t\tif ( records && records[ 0 ] ) {\n\t\t\t\t\tarchiveNameLabel = records[ 0 ].name;\n\t\t\t\t}\n\t\t\t}\n\t\t\tif ( isAuthor ) {\n\t\t\t\tarchiveTypeLabel = 'Author';\n\t\t\t\tif ( authorSlug ) {\n\t\t\t\t\tconst authorRecords = getAuthors( { slug: authorSlug } );\n\t\t\t\t\tif ( authorRecords && authorRecords[ 0 ] ) {\n\t\t\t\t\t\tarchiveNameLabel = authorRecords[ 0 ].name;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tarchiveTypeLabel,\n\t\t\t\tarchiveNameLabel,\n\t\t\t};\n\t\t},\n\t\t[ authorSlug, isAuthor, taxonomy, term ]\n\t);\n}\n\nfunction useNavigateToPreviousEntityRecord() {\n\tconst location = useLocation();\n\tconst previousLocation = usePrevious( location );\n\tconst history = useHistory();\n\tconst goBack = useMemo( () => {\n\t\tconst isFocusMode =\n\t\t\tlocation.params.focusMode \|\|\n\t\t\t( location.params.postId &&\n\t\t\t\tFOCUSABLE_ENTITIES.includes( location.params.postType ) );\n\t\tconst didComeFromEditorCanvas =\n\t\t\tpreviousLocation?.params.canvas === 'edit';\n\t\tconst showBackButton = isFocusMode && didComeFromEditorCanvas;\n\t\treturn showBackButton ? () => history.back() : undefined;\n\t\t// Disable reason: previousLocation changes when the component updates for any reason, not\n\t\t// just when location changes. Until this is fixed we can't add it to deps. See\n\t\t// https://github.com/WordPress/gutenberg/pull/58710#discussion_r1479219465.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ location, history ] );\n\treturn goBack;\n}\n\nexport function useSpecificEditorSettings() {\n\tconst onNavigateToEntityRecord = useNavigateToEntityRecord();\n\tconst {\n\t\ttemplateSlug,\n\t\tcanvasMode,\n\t\tsettings,\n\t\tshouldUseTemplateAsDefaultRenderingMode,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetEditedPostType,\n\t\t\tgetEditedPostId,\n\t\t\tgetEditedPostContext,\n\t\t\tgetCanvasMode,\n\t\t\tgetSettings,\n\t\t} = unlock( select( editSiteStore ) );\n\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\tconst usedPostType = getEditedPostType();\n\t\tconst usedPostId = getEditedPostId();\n\t\tconst _record = getEditedEntityRecord(\n\t\t\t'postType',\n\t\t\tusedPostType,\n\t\t\tusedPostId\n\t\t);\n\t\tconst _context = getEditedPostContext();\n\t\treturn {\n\t\t\ttemplateSlug: _record.slug,\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tsettings: getSettings(),\n\t\t\t// TODO: The `postType` check should be removed when the default rendering mode per post type is merged.\n\t\t\t// @see https://github.com/WordPress/gutenberg/pull/62304/\n\t\t\tshouldUseTemplateAsDefaultRenderingMode:\n\t\t\t\t_context?.postId && _context?.postType !== 'post',\n\t\t};\n\t}, [] );\n\tconst archiveLabels = useArchiveLabel( templateSlug );\n\tconst defaultRenderingMode = shouldUseTemplateAsDefaultRenderingMode\n\t\t? 'template-locked'\n\t\t: 'post-only';\n\tconst onNavigateToPreviousEntityRecord =\n\t\tuseNavigateToPreviousEntityRecord();\n\tconst defaultEditorSettings = useMemo( () => {\n\t\treturn {\n\t\t\t...settings,\n\n\t\t\trichEditingEnabled: true,\n\t\t\tsupportsTemplateMode: true,\n\t\t\tfocusMode: canvasMode !== 'view',\n\t\t\tdefaultRenderingMode,\n\t\t\tonNavigateToEntityRecord,\n\t\t\tonNavigateToPreviousEntityRecord,\n\t\t\t// I wonder if they should be set in the post editor too\n\t\t\t__experimentalArchiveTitleTypeLabel: archiveLabels.archiveTypeLabel,\n\t\t\t__experimentalArchiveTitleNameLabel: archiveLabels.archiveNameLabel,\n\t\t\t__unstableIsPreviewMode: canvasMode === 'view',\n\t\t};\n\t}, [\n\t\tsettings,\n\t\tcanvasMode,\n\t\tdefaultRenderingMode,\n\t\tonNavigateToEntityRecord,\n\t\tonNavigateToPreviousEntityRecord,\n\t\tarchiveLabels.archiveTypeLabel,\n\t\tarchiveLabels.archiveNameLabel,\n\t] );\n\n\treturn defaultEditorSettings;\n}\n\nexport default function useSiteEditorSettings() {\n\tconst defaultEditorSettings = useSpecificEditorSettings();\n\tconst { postType, postId } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType, getEditedPostId } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst usedPostType = getEditedPostType();\n\t\tconst usedPostId = getEditedPostId();\n\t\treturn {\n\t\t\tpostType: usedPostType,\n\t\t\tpostId: usedPostId,\n\t\t};\n\t}, [] );\n\treturn useBlockEditorSettings( defaultEditorSettings, postType, postId );\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_data","require","_element","_editor","_router","_compose","_store","_lockUnlock","_useNavigateToEntityRecord","_interopRequireDefault","_constants","useBlockEditorSettings","unlock","editorPrivateApis","useLocation","useHistory","routerPrivateApis","useNavigateToPreviousEntityRecord","location","previousLocation","usePrevious","history","goBack","useMemo","isFocusMode","params","focusMode","postId","FOCUSABLE_ENTITIES","includes","postType","didComeFromEditorCanvas","canvas","showBackButton","back","undefined","useSpecificEditorSettings","onNavigateToEntityRecord","useNavigateToEntityRecord","canvasMode","settings","shouldUseTemplateAsDefaultRenderingMode","useSelect","select","getEditedPostContext","getCanvasMode","getSettings","editSiteStore","_context","defaultRenderingMode","onNavigateToPreviousEntityRecord","defaultEditorSettings","richEditingEnabled","supportsTemplateMode","__unstableIsPreviewMode","useSiteEditorSettings","getEditedPostType","getEditedPostId","usedPostType","usedPostId"],"sources":["@wordpress/edit-site/src/components/block-editor/use-site-editor-settings.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { usePrevious } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport useNavigateToEntityRecord from './use-navigate-to-entity-record';\nimport { FOCUSABLE_ENTITIES } from '../../utils/constants';\n\nconst { useBlockEditorSettings } = unlock( editorPrivateApis );\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nfunction useNavigateToPreviousEntityRecord() {\n\tconst location = useLocation();\n\tconst previousLocation = usePrevious( location );\n\tconst history = useHistory();\n\tconst goBack = useMemo( () => {\n\t\tconst isFocusMode =\n\t\t\tlocation.params.focusMode \|\|\n\t\t\t( location.params.postId &&\n\t\t\t\tFOCUSABLE_ENTITIES.includes( location.params.postType ) );\n\t\tconst didComeFromEditorCanvas =\n\t\t\tpreviousLocation?.params.canvas === 'edit';\n\t\tconst showBackButton = isFocusMode && didComeFromEditorCanvas;\n\t\treturn showBackButton ? () => history.back() : undefined;\n\t\t// Disable reason: previousLocation changes when the component updates for any reason, not\n\t\t// just when location changes. Until this is fixed we can't add it to deps. See\n\t\t// https://github.com/WordPress/gutenberg/pull/58710#discussion_r1479219465.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ location, history ] );\n\treturn goBack;\n}\n\nexport function useSpecificEditorSettings() {\n\tconst onNavigateToEntityRecord = useNavigateToEntityRecord();\n\tconst { canvasMode, settings, shouldUseTemplateAsDefaultRenderingMode } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getEditedPostContext, getCanvasMode, getSettings } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst _context = getEditedPostContext();\n\t\t\treturn {\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tsettings: getSettings(),\n\t\t\t\t// TODO: The `postType` check should be removed when the default rendering mode per post type is merged.\n\t\t\t\t// @see https://github.com/WordPress/gutenberg/pull/62304/\n\t\t\t\tshouldUseTemplateAsDefaultRenderingMode:\n\t\t\t\t\t_context?.postId && _context?.postType !== 'post',\n\t\t\t};\n\t\t}, [] );\n\tconst defaultRenderingMode = shouldUseTemplateAsDefaultRenderingMode\n\t\t? 'template-locked'\n\t\t: 'post-only';\n\tconst onNavigateToPreviousEntityRecord =\n\t\tuseNavigateToPreviousEntityRecord();\n\tconst defaultEditorSettings = useMemo( () => {\n\t\treturn {\n\t\t\t...settings,\n\n\t\t\trichEditingEnabled: true,\n\t\t\tsupportsTemplateMode: true,\n\t\t\tfocusMode: canvasMode !== 'view',\n\t\t\tdefaultRenderingMode,\n\t\t\tonNavigateToEntityRecord,\n\t\t\tonNavigateToPreviousEntityRecord,\n\t\t\t__unstableIsPreviewMode: canvasMode === 'view',\n\t\t};\n\t}, [\n\t\tsettings,\n\t\tcanvasMode,\n\t\tdefaultRenderingMode,\n\t\tonNavigateToEntityRecord,\n\t\tonNavigateToPreviousEntityRecord,\n\t] );\n\n\treturn defaultEditorSettings;\n}\n\nexport default function useSiteEditorSettings() {\n\tconst defaultEditorSettings = useSpecificEditorSettings();\n\tconst { postType, postId } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType, getEditedPostId } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst usedPostType = getEditedPostType();\n\t\tconst usedPostId = getEditedPostId();\n\t\treturn {\n\t\t\tpostType: usedPostType,\n\t\t\tpostId: usedPostId,\n\t\t};\n\t}, [] );\n\treturn useBlockEditorSettings( defaultEditorSettings, postType, postId );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/editor/index.js CHANGED Viewed

@@ -18,6 +18,7 @@ var _notices = require("@wordpress/notices");
 var _router = require("@wordpress/router");
 var _preferences = require("@wordpress/preferences");
 var _htmlEntities = require("@wordpress/html-entities");
+var _icons = require("@wordpress/icons");
 var _welcomeGuide = _interopRequireDefault(require("../welcome-guide"));
 var _store = require("../../store");
 var _globalStylesRenderer = require("../global-styles-renderer");
@@ -59,9 +60,32 @@ const {
 const {
   BlockKeyboardShortcuts
 } = (0, _lockUnlock.unlock)(_blockLibrary.privateApis);
+const toggleHomeIconVariants = {
+  edit: {
+    opacity: 0,
+    scale: 0.2
+  },
+  hover: {
+    opacity: 1,
+    scale: 1,
+    clipPath: 'inset( 22% round 2px )'
+  }
+};
+const siteIconVariants = {
+  edit: {
+    clipPath: 'inset(0% round 0)'
+  },
+  hover: {
+    clipPath: 'inset( 22% round 2px )'
+  },
+  tap: {
+    clipPath: 'inset(0% round 0)'
+  }
+};
 function EditSiteEditor({
   isPostsList = false
 }) {
+  const disableMotion = (0, _compose.useReducedMotion)();
   const {
     params
   } = useLocation();
@@ -76,7 +100,8 @@ function EditSiteEditor({
     supportsGlobalStyles,
     showIconLabels,
     editorCanvasView,
-    currentPostIsTrashed
+    currentPostIsTrashed,
+    hasSiteIcon
   } = (0, _data.useSelect)(select => {
     const {
       getEditorCanvasContainerView,
@@ -90,9 +115,11 @@ function EditSiteEditor({
       get
     } = select(_preferences.store);
     const {
-      getCurrentTheme
+      getCurrentTheme,
+      getEntityRecord
     } = select(_coreData.store);
     const _context = getEditedPostContext();
+    const siteData = getEntityRecord('root', '__unstableBase', undefined);
     // The currently selected entity to display.
     // Typically template or template part in the site editor.
@@ -106,7 +133,8 @@ function EditSiteEditor({
       supportsGlobalStyles: getCurrentTheme()?.is_block_theme,
       showIconLabels: get('core', 'showIconLabels'),
       editorCanvasView: getEditorCanvasContainerView(),
-      currentPostIsTrashed: select(_editor.store).getCurrentPostAttribute('status') === 'trash'
+      currentPostIsTrashed: select(_editor.store).getCurrentPostAttribute('status') === 'trash',
+      hasSiteIcon: !!siteData?.site_icon_url
     };
   }, []);
   (0, _useEditorTitle.default)();
@@ -170,6 +198,9 @@ function EditSiteEditor({
     icon
   } = (0, _editorCanvasContainer.getEditorCanvasContainerTitleAndIcon)(editorCanvasView);
   const isReady = !isLoading;
+  const transition = {
+    duration: disableMotion ? 0 : 0.2
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_globalStylesRenderer.GlobalStylesRenderer, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.EditorKeyboardShortcutsRegister, {}), isEditMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockKeyboardShortcuts, {}), !isReady ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_canvasLoader.default, {
       id: loadingProgressId
@@ -196,23 +227,43 @@ function EditSiteEditor({
       children: [isEditMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(BackButton, {
         children: ({
           length
-        }) => length <= 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          label: (0, _i18n.__)('Open Navigation'),
-          className: "edit-site-layout__view-mode-toggle",
-          onClick: () => {
-            setCanvasMode('view');
-            // TODO: this is a temporary solution to navigate to the posts list if we are
-            // come here through `posts list` and are in focus mode editing a template, template part etc..
-            if (isPostsList && params?.focusMode) {
-              history.push({
-                page: 'gutenberg-posts-dashboard',
-                postType: 'post'
-              });
-            }
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_siteIcon.default, {
-            className: "edit-site-layout__view-mode-toggle-icon"
-          })
+        }) => length <= 1 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__unstableMotion.div, {
+          className: "edit-site-editor__view-mode-toggle",
+          transition: transition,
+          animate: "edit",
+          initial: "edit",
+          whileHover: "hover",
+          whileTap: "tap",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            label: (0, _i18n.__)('Open Navigation'),
+            showTooltip: true,
+            tooltipPosition: "middle right",
+            onClick: () => {
+              setCanvasMode('view');
+              // TODO: this is a temporary solution to navigate to the posts list if we are
+              // come here through `posts list` and are in focus mode editing a template, template part etc..
+              if (isPostsList && params?.focusMode) {
+                history.push({
+                  page: 'gutenberg-posts-dashboard',
+                  postType: 'post'
+                });
+              }
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__unstableMotion.div, {
+              variants: siteIconVariants,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_siteIcon.default, {
+                className: "edit-site-editor__view-mode-toggle-icon"
+              })
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__unstableMotion.div, {
+            className: (0, _clsx.default)('edit-site-editor__back-icon', {
+              'has-site-icon': hasSiteIcon
+            }),
+            variants: toggleHomeIconVariants,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+              icon: _icons.homeButton
+            })
+          })]
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_moreMenu.default, {}), supportsGlobalStyles && /*#__PURE__*/(0, _jsxRuntime.jsx)(_globalStylesSidebar.default, {})]
     })]

package/build/components/editor/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_components","_compose","_editor","_i18n","_coreData","_blockLibrary","_element","_notices","_router","_preferences","_htmlEntities","_welcomeGuide","_store","_globalStylesRenderer","_canvasLoader","_lockUnlock","_useSiteEditorSettings","_pluginTemplateSettingPanel","_globalStylesSidebar","_isPreviewingTheme2","_editorCanvasContainer","_saveButton","_savePanel","_moreMenu","_siteIcon","_useEditorIframeProps","_useEditorTitle","_hooks","_jsxRuntime","Editor","BackButton","unlock","editorPrivateApis","useHistory","useLocation","routerPrivateApis","BlockKeyboardShortcuts","blockLibraryPrivateApis","EditSiteEditor","isPostsList","params","isLoading","useIsSiteEditorLoading","editedPostType","editedPostId","contextPostType","contextPostId","canvasMode","isEditingPage","supportsGlobalStyles","showIconLabels","editorCanvasView","currentPostIsTrashed","useSelect","select","getEditorCanvasContainerView","getEditedPostContext","getCanvasMode","isPage","getEditedPostType","getEditedPostId","editSiteStore","get","preferencesStore","getCurrentTheme","coreDataStore","_context","postId","postType","undefined","is_block_theme","editorStore","getCurrentPostAttribute","useEditorTitle","_isPreviewingTheme","isPreviewingTheme","hasDefaultEditorCanvasView","useHasEditorCanvasContainer","iframeProps","useEditorIframeProps","isEditMode","postWithTemplate","loadingProgressId","useInstanceId","CanvasLoader","settings","useSpecificEditorSettings","styles","useMemo","css","setCanvasMode","useDispatch","createSuccessNotice","noticesStore","history","onActionPerformed","useCallback","actionId","items","push","type","newItem","_title","title","rendered","sprintf","__","decodeEntities","id","actions","label","onClick","canvas","icon","getEditorCanvasContainerTitleAndIcon","isReady","jsxs","Fragment","children","jsx","GlobalStylesRenderer","EditorKeyboardShortcutsRegister","default","templateId","className","clsx","enableRegionNavigation","customSaveButton","size","customSavePanel","forceDisableBlockTools","extraSidebarPanels","Slot","length","Button","focusMode","page"],"sources":["@wordpress/edit-site/src/components/editor/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Button } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport {\n\tEditorKeyboardShortcutsRegister,\n\tprivateApis as editorPrivateApis,\n\tstore as editorStore,\n} from '@wordpress/editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { privateApis as blockLibraryPrivateApis } from '@wordpress/block-library';\nimport { useCallback, useMemo } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/\n Internal dependencies\n */\nimport WelcomeGuide from '../welcome-guide';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesRenderer } from '../global-styles-renderer';\nimport CanvasLoader from '../canvas-loader';\nimport { unlock } from '../../lock-unlock';\nimport { useSpecificEditorSettings } from '../block-editor/use-site-editor-settings';\nimport PluginTemplateSettingPanel from '../plugin-template-setting-panel';\nimport GlobalStylesSidebar from '../global-styles-sidebar';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\nimport {\n\tgetEditorCanvasContainerTitleAndIcon,\n\tuseHasEditorCanvasContainer,\n} from '../editor-canvas-container';\nimport SaveButton from '../save-button';\nimport SavePanel from '../save-panel';\nimport SiteEditorMoreMenu from '../more-menu';\nimport SiteIcon from '../site-icon';\nimport useEditorIframeProps from '../block-editor/use-editor-iframe-props';\nimport useEditorTitle from './use-editor-title';\nimport { useIsSiteEditorLoading } from '../layout/hooks';\n\nconst { Editor, BackButton } = unlock( editorPrivateApis );\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\nconst { BlockKeyboardShortcuts } = unlock( blockLibraryPrivateApis );\n\nexport default function EditSiteEditor( { isPostsList = false } ) {\n\tconst { params } = useLocation();\n\tconst isLoading = useIsSiteEditorLoading();\n\tconst {\n\t\teditedPostType,\n\t\teditedPostId,\n\t\tcontextPostType,\n\t\tcontextPostId,\n\t\tcanvasMode,\n\t\tisEditingPage,\n\t\tsupportsGlobalStyles,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t\tcurrentPostIsTrashed,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetEditorCanvasContainerView,\n\t\t\tgetEditedPostContext,\n\t\t\tgetCanvasMode,\n\t\t\tisPage,\n\t\t\tgetEditedPostType,\n\t\t\tgetEditedPostId,\n\t\t} = unlock( select( editSiteStore ) );\n\t\tconst { get } = select( preferencesStore );\n\t\tconst { getCurrentTheme } = select( coreDataStore );\n\t\tconst _context = getEditedPostContext();\n\n\t\t// The currently selected entity to display.\n\t\t// Typically template or template part in the site editor.\n\t\treturn {\n\t\t\teditedPostType: getEditedPostType(),\n\t\t\teditedPostId: getEditedPostId(),\n\t\t\tcontextPostType: _context?.postId ? _context.postType : undefined,\n\t\t\tcontextPostId: _context?.postId ? _context.postId : undefined,\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tisEditingPage: isPage(),\n\t\t\tsupportsGlobalStyles: getCurrentTheme()?.is_block_theme,\n\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t\teditorCanvasView: getEditorCanvasContainerView(),\n\t\t\tcurrentPostIsTrashed:\n\t\t\t\tselect( editorStore ).getCurrentPostAttribute( 'status' ) ===\n\t\t\t\t'trash',\n\t\t};\n\t}, [] );\n\tuseEditorTitle();\n\tconst _isPreviewingTheme = isPreviewingTheme();\n\tconst hasDefaultEditorCanvasView = ! useHasEditorCanvasContainer();\n\tconst iframeProps = useEditorIframeProps();\n\tconst isEditMode = canvasMode === 'edit';\n\tconst postWithTemplate = !! contextPostId;\n\tconst loadingProgressId = useInstanceId(\n\t\tCanvasLoader,\n\t\t'edit-site-editor__loading-progress'\n\t);\n\n\tconst settings = useSpecificEditorSettings();\n\tconst styles = useMemo(\n\t\t() => [\n\t\t\t...settings.styles,\n\t\t\t{\n\t\t\t\t// Forming a \"block formatting context\" to prevent margin collapsing.\n\t\t\t\t// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n\t\t\t\tcss:\n\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t? `body{min-height: 100vh; ${\n\t\t\t\t\t\t\t\tcurrentPostIsTrashed ? '' : 'cursor: pointer;'\n\t\t\t\t\t\t }}`\n\t\t\t\t\t\t: undefined,\n\t\t\t},\n\t\t],\n\t\t[ settings.styles, canvasMode, currentPostIsTrashed ]\n\t);\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst history = useHistory();\n\tconst onActionPerformed = useCallback(\n\t\t( actionId, items ) => {\n\t\t\tswitch ( actionId ) {\n\t\t\t\tcase 'move-to-trash':\n\t\t\t\tcase 'delete-post':\n\t\t\t\t\t{\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpostType: items[ 0 ].type,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'duplicate-post':\n\t\t\t\t\t{\n\t\t\t\t\t\tconst newItem = items[ 0 ];\n\t\t\t\t\t\tconst _title =\n\t\t\t\t\t\t\ttypeof newItem.title === 'string'\n\t\t\t\t\t\t\t\t? newItem.title\n\t\t\t\t\t\t\t\t: newItem.title?.rendered;\n\t\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t// translators: %s: Title of the created post e.g: \"Post 1\".\n\t\t\t\t\t\t\t\t__( '\"%s\" successfully created.' ),\n\t\t\t\t\t\t\t\tdecodeEntities( _title )\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t\t\tid: 'duplicate-post-action',\n\t\t\t\t\t\t\t\tactions: [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tlabel: __( 'Edit' ),\n\t\t\t\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\t\t\t\t\t\tpostId: newItem.id,\n\t\t\t\t\t\t\t\t\t\t\t\tpostType: newItem.type,\n\t\t\t\t\t\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t},\n\t\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}\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\t[ history, createSuccessNotice ]\n\t);\n\n\t// Replace the title and icon displayed in the DocumentBar when there's an overlay visible.\n\tconst { title, icon } =\n\t\tgetEditorCanvasContainerTitleAndIcon( editorCanvasView );\n\n\tconst isReady = ! isLoading;\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesRenderer />\n\t\t\t<EditorKeyboardShortcutsRegister />\n\t\t\t{ isEditMode && <BlockKeyboardShortcuts /> }\n\t\t\t{ ! isReady ? <CanvasLoader id={ loadingProgressId } /> : null }\n\t\t\t{ isEditMode && <WelcomeGuide /> }\n\t\t\t{ isReady && (\n\t\t\t\t<Editor\n\t\t\t\t\tpostType={\n\t\t\t\t\t\tpostWithTemplate ? contextPostType : editedPostType\n\t\t\t\t\t}\n\t\t\t\t\tpostId={ postWithTemplate ? contextPostId : editedPostId }\n\t\t\t\t\ttemplateId={ postWithTemplate ? editedPostId : undefined }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tclassName={ clsx( 'edit-site-editor__editor-interface', {\n\t\t\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t\t} ) }\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tenableRegionNavigation={ false }\n\t\t\t\t\tcustomSaveButton={\n\t\t\t\t\t\t_isPreviewingTheme && <SaveButton size=\"compact\" />\n\t\t\t\t\t}\n\t\t\t\t\tcustomSavePanel={ _isPreviewingTheme && <SavePanel /> }\n\t\t\t\t\tforceDisableBlockTools={ ! hasDefaultEditorCanvasView }\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tiframeProps={ iframeProps }\n\t\t\t\t\tonActionPerformed={ onActionPerformed }\n\t\t\t\t\textraSidebarPanels={\n\t\t\t\t\t\t! isEditingPage && <PluginTemplateSettingPanel.Slot />\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ isEditMode && (\n\t\t\t\t\t\t<BackButton>\n\t\t\t\t\t\t\t{ ( { length } ) =>\n\t\t\t\t\t\t\t\tlength <= 1 && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Open Navigation' ) }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tsetCanvasMode( 'view' );\n\t\t\t\t\t\t\t\t\t\t\t// TODO: this is a temporary solution to navigate to the posts list if we are\n\t\t\t\t\t\t\t\t\t\t\t// come here through `posts list` and are in focus mode editing a template, template part etc..\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\tisPostsList &&\n\t\t\t\t\t\t\t\t\t\t\t\tparams?.focusMode\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\t\t\t\t\t\t\tpage: 'gutenberg-posts-dashboard',\n\t\t\t\t\t\t\t\t\t\t\t\t\tpostType: 'post',\n\t\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\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\t\t</Button>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</BackButton>\n\t\t\t\t\t) }\n\t\t\t\t\t<SiteEditorMoreMenu />\n\t\t\t\t\t{ supportsGlobalStyles && <GlobalStylesSidebar /> }\n\t\t\t\t</Editor>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_components","_compose","_editor","_i18n","_coreData","_blockLibrary","_element","_notices","_router","_preferences","_htmlEntities","_icons","_welcomeGuide","_store","_globalStylesRenderer","_canvasLoader","_lockUnlock","_useSiteEditorSettings","_pluginTemplateSettingPanel","_globalStylesSidebar","_isPreviewingTheme2","_editorCanvasContainer","_saveButton","_savePanel","_moreMenu","_siteIcon","_useEditorIframeProps","_useEditorTitle","_hooks","_jsxRuntime","Editor","BackButton","unlock","editorPrivateApis","useHistory","useLocation","routerPrivateApis","BlockKeyboardShortcuts","blockLibraryPrivateApis","toggleHomeIconVariants","edit","opacity","scale","hover","clipPath","siteIconVariants","tap","EditSiteEditor","isPostsList","disableMotion","useReducedMotion","params","isLoading","useIsSiteEditorLoading","editedPostType","editedPostId","contextPostType","contextPostId","canvasMode","isEditingPage","supportsGlobalStyles","showIconLabels","editorCanvasView","currentPostIsTrashed","hasSiteIcon","useSelect","select","getEditorCanvasContainerView","getEditedPostContext","getCanvasMode","isPage","getEditedPostType","getEditedPostId","editSiteStore","get","preferencesStore","getCurrentTheme","getEntityRecord","coreDataStore","_context","siteData","undefined","postId","postType","is_block_theme","editorStore","getCurrentPostAttribute","site_icon_url","useEditorTitle","_isPreviewingTheme","isPreviewingTheme","hasDefaultEditorCanvasView","useHasEditorCanvasContainer","iframeProps","useEditorIframeProps","isEditMode","postWithTemplate","loadingProgressId","useInstanceId","CanvasLoader","settings","useSpecificEditorSettings","styles","useMemo","css","setCanvasMode","useDispatch","createSuccessNotice","noticesStore","history","onActionPerformed","useCallback","actionId","items","push","type","newItem","_title","title","rendered","sprintf","__","decodeEntities","id","actions","label","onClick","canvas","icon","getEditorCanvasContainerTitleAndIcon","isReady","transition","duration","jsxs","Fragment","children","jsx","GlobalStylesRenderer","EditorKeyboardShortcutsRegister","default","templateId","className","clsx","enableRegionNavigation","customSaveButton","size","customSavePanel","forceDisableBlockTools","extraSidebarPanels","Slot","length","__unstableMotion","div","animate","initial","whileHover","whileTap","Button","showTooltip","tooltipPosition","focusMode","page","variants","Icon","homeButton"],"sources":["@wordpress/edit-site/src/components/editor/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Button, __unstableMotion as motion } from '@wordpress/components';\nimport { useInstanceId, useReducedMotion } from '@wordpress/compose';\nimport {\n\tEditorKeyboardShortcutsRegister,\n\tprivateApis as editorPrivateApis,\n\tstore as editorStore,\n} from '@wordpress/editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { privateApis as blockLibraryPrivateApis } from '@wordpress/block-library';\nimport { useCallback, useMemo } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { Icon, homeButton } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport WelcomeGuide from '../welcome-guide';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesRenderer } from '../global-styles-renderer';\nimport CanvasLoader from '../canvas-loader';\nimport { unlock } from '../../lock-unlock';\nimport { useSpecificEditorSettings } from '../block-editor/use-site-editor-settings';\nimport PluginTemplateSettingPanel from '../plugin-template-setting-panel';\nimport GlobalStylesSidebar from '../global-styles-sidebar';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\nimport {\n\tgetEditorCanvasContainerTitleAndIcon,\n\tuseHasEditorCanvasContainer,\n} from '../editor-canvas-container';\nimport SaveButton from '../save-button';\nimport SavePanel from '../save-panel';\nimport SiteEditorMoreMenu from '../more-menu';\nimport SiteIcon from '../site-icon';\nimport useEditorIframeProps from '../block-editor/use-editor-iframe-props';\nimport useEditorTitle from './use-editor-title';\nimport { useIsSiteEditorLoading } from '../layout/hooks';\n\nconst { Editor, BackButton } = unlock( editorPrivateApis );\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\nconst { BlockKeyboardShortcuts } = unlock( blockLibraryPrivateApis );\n\nconst toggleHomeIconVariants = {\n\tedit: {\n\t\topacity: 0,\n\t\tscale: 0.2,\n\t},\n\thover: {\n\t\topacity: 1,\n\t\tscale: 1,\n\t\tclipPath: 'inset( 22% round 2px )',\n\t},\n};\n\nconst siteIconVariants = {\n\tedit: {\n\t\tclipPath: 'inset(0% round 0)',\n\t},\n\thover: {\n\t\tclipPath: 'inset( 22% round 2px )',\n\t},\n\ttap: {\n\t\tclipPath: 'inset(0% round 0)',\n\t},\n};\n\nexport default function EditSiteEditor( { isPostsList = false } ) {\n\tconst disableMotion = useReducedMotion();\n\tconst { params } = useLocation();\n\tconst isLoading = useIsSiteEditorLoading();\n\tconst {\n\t\teditedPostType,\n\t\teditedPostId,\n\t\tcontextPostType,\n\t\tcontextPostId,\n\t\tcanvasMode,\n\t\tisEditingPage,\n\t\tsupportsGlobalStyles,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t\tcurrentPostIsTrashed,\n\t\thasSiteIcon,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetEditorCanvasContainerView,\n\t\t\tgetEditedPostContext,\n\t\t\tgetCanvasMode,\n\t\t\tisPage,\n\t\t\tgetEditedPostType,\n\t\t\tgetEditedPostId,\n\t\t} = unlock( select( editSiteStore ) );\n\t\tconst { get } = select( preferencesStore );\n\t\tconst { getCurrentTheme, getEntityRecord } = select( coreDataStore );\n\t\tconst _context = getEditedPostContext();\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase', undefined );\n\n\t\t// The currently selected entity to display.\n\t\t// Typically template or template part in the site editor.\n\t\treturn {\n\t\t\teditedPostType: getEditedPostType(),\n\t\t\teditedPostId: getEditedPostId(),\n\t\t\tcontextPostType: _context?.postId ? _context.postType : undefined,\n\t\t\tcontextPostId: _context?.postId ? _context.postId : undefined,\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tisEditingPage: isPage(),\n\t\t\tsupportsGlobalStyles: getCurrentTheme()?.is_block_theme,\n\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t\teditorCanvasView: getEditorCanvasContainerView(),\n\t\t\tcurrentPostIsTrashed:\n\t\t\t\tselect( editorStore ).getCurrentPostAttribute( 'status' ) ===\n\t\t\t\t'trash',\n\t\t\thasSiteIcon: !! siteData?.site_icon_url,\n\t\t};\n\t}, [] );\n\tuseEditorTitle();\n\tconst _isPreviewingTheme = isPreviewingTheme();\n\tconst hasDefaultEditorCanvasView = ! useHasEditorCanvasContainer();\n\tconst iframeProps = useEditorIframeProps();\n\tconst isEditMode = canvasMode === 'edit';\n\tconst postWithTemplate = !! contextPostId;\n\tconst loadingProgressId = useInstanceId(\n\t\tCanvasLoader,\n\t\t'edit-site-editor__loading-progress'\n\t);\n\n\tconst settings = useSpecificEditorSettings();\n\tconst styles = useMemo(\n\t\t() => [\n\t\t\t...settings.styles,\n\t\t\t{\n\t\t\t\t// Forming a \"block formatting context\" to prevent margin collapsing.\n\t\t\t\t// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n\t\t\t\tcss:\n\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t? `body{min-height: 100vh; ${\n\t\t\t\t\t\t\t\tcurrentPostIsTrashed ? '' : 'cursor: pointer;'\n\t\t\t\t\t\t }}`\n\t\t\t\t\t\t: undefined,\n\t\t\t},\n\t\t],\n\t\t[ settings.styles, canvasMode, currentPostIsTrashed ]\n\t);\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst history = useHistory();\n\tconst onActionPerformed = useCallback(\n\t\t( actionId, items ) => {\n\t\t\tswitch ( actionId ) {\n\t\t\t\tcase 'move-to-trash':\n\t\t\t\tcase 'delete-post':\n\t\t\t\t\t{\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpostType: items[ 0 ].type,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'duplicate-post':\n\t\t\t\t\t{\n\t\t\t\t\t\tconst newItem = items[ 0 ];\n\t\t\t\t\t\tconst _title =\n\t\t\t\t\t\t\ttypeof newItem.title === 'string'\n\t\t\t\t\t\t\t\t? newItem.title\n\t\t\t\t\t\t\t\t: newItem.title?.rendered;\n\t\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t// translators: %s: Title of the created post e.g: \"Post 1\".\n\t\t\t\t\t\t\t\t__( '\"%s\" successfully created.' ),\n\t\t\t\t\t\t\t\tdecodeEntities( _title )\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t\t\tid: 'duplicate-post-action',\n\t\t\t\t\t\t\t\tactions: [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tlabel: __( 'Edit' ),\n\t\t\t\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\t\t\t\t\t\tpostId: newItem.id,\n\t\t\t\t\t\t\t\t\t\t\t\tpostType: newItem.type,\n\t\t\t\t\t\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t},\n\t\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}\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\t[ history, createSuccessNotice ]\n\t);\n\n\t// Replace the title and icon displayed in the DocumentBar when there's an overlay visible.\n\tconst { title, icon } =\n\t\tgetEditorCanvasContainerTitleAndIcon( editorCanvasView );\n\n\tconst isReady = ! isLoading;\n\tconst transition = {\n\t\tduration: disableMotion ? 0 : 0.2,\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesRenderer />\n\t\t\t<EditorKeyboardShortcutsRegister />\n\t\t\t{ isEditMode && <BlockKeyboardShortcuts /> }\n\t\t\t{ ! isReady ? <CanvasLoader id={ loadingProgressId } /> : null }\n\t\t\t{ isEditMode && <WelcomeGuide /> }\n\t\t\t{ isReady && (\n\t\t\t\t<Editor\n\t\t\t\t\tpostType={\n\t\t\t\t\t\tpostWithTemplate ? contextPostType : editedPostType\n\t\t\t\t\t}\n\t\t\t\t\tpostId={ postWithTemplate ? contextPostId : editedPostId }\n\t\t\t\t\ttemplateId={ postWithTemplate ? editedPostId : undefined }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tclassName={ clsx( 'edit-site-editor__editor-interface', {\n\t\t\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t\t} ) }\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tenableRegionNavigation={ false }\n\t\t\t\t\tcustomSaveButton={\n\t\t\t\t\t\t_isPreviewingTheme && <SaveButton size=\"compact\" />\n\t\t\t\t\t}\n\t\t\t\t\tcustomSavePanel={ _isPreviewingTheme && <SavePanel /> }\n\t\t\t\t\tforceDisableBlockTools={ ! hasDefaultEditorCanvasView }\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tiframeProps={ iframeProps }\n\t\t\t\t\tonActionPerformed={ onActionPerformed }\n\t\t\t\t\textraSidebarPanels={\n\t\t\t\t\t\t! isEditingPage && <PluginTemplateSettingPanel.Slot />\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ isEditMode && (\n\t\t\t\t\t\t<BackButton>\n\t\t\t\t\t\t\t{ ( { length } ) =>\n\t\t\t\t\t\t\t\tlength <= 1 && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-editor__view-mode-toggle\"\n\t\t\t\t\t\t\t\t\t\ttransition={ transition }\n\t\t\t\t\t\t\t\t\t\tanimate=\"edit\"\n\t\t\t\t\t\t\t\t\t\tinitial=\"edit\"\n\t\t\t\t\t\t\t\t\t\twhileHover=\"hover\"\n\t\t\t\t\t\t\t\t\t\twhileTap=\"tap\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Open Navigation' ) }\n\t\t\t\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"middle right\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetCanvasMode( 'view' );\n\t\t\t\t\t\t\t\t\t\t\t\t// TODO: this is a temporary solution to navigate to the posts list if we are\n\t\t\t\t\t\t\t\t\t\t\t\t// come here through `posts list` and are in focus mode editing a template, template part etc..\n\t\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\tisPostsList &&\n\t\t\t\t\t\t\t\t\t\t\t\t\tparams?.focusMode\n\t\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tpage: 'gutenberg-posts-dashboard',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tpostType: 'post',\n\t\t\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t\t\tvariants={ siteIconVariants }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-editor__view-mode-toggle-icon\" />\n\t\t\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t\t\t'edit-site-editor__back-icon',\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'has-site-icon':\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thasSiteIcon,\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\tvariants={ toggleHomeIconVariants }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ homeButton } />\n\t\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</BackButton>\n\t\t\t\t\t) }\n\t\t\t\t\t<SiteEditorMoreMenu />\n\t\t\t\t\t{ supportsGlobalStyles && <GlobalStylesSidebar /> }\n\t\t\t\t</Editor>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/block-preview-panel.js CHANGED Viewed

@@ -40,8 +40,12 @@ const BlockPreviewPanel = ({
     }
     return (0, _blocks.getBlockFromExample)(name, example);
   }, [name, blockExample, variation]);
-  const viewportWidth = (_blockExample$viewpor = blockExample?.viewportWidth) !== null && _blockExample$viewpor !== void 0 ? _blockExample$viewpor : null;
-  const previewHeight = 150;
+  const viewportWidth = (_blockExample$viewpor = blockExample?.viewportWidth) !== null && _blockExample$viewpor !== void 0 ? _blockExample$viewpor : 500;
+  // Same as height of InserterPreviewPanel.
+  const previewHeight = 144;
+  const sidebarWidth = 235;
+  const scale = sidebarWidth / viewportWidth;
+  const minHeight = scale !== 0 && scale < 1 && previewHeight ? previewHeight / scale : previewHeight;
   if (!blockExample) {
     return null;
   }
@@ -58,12 +62,17 @@ const BlockPreviewPanel = ({
         blocks: blocks,
         viewportWidth: viewportWidth,
         minHeight: previewHeight,
-        additionalStyles: [{
+        additionalStyles:
+        //We want this CSS to be in sync with the one in InserterPreviewPanel.
+        [{
           css: `
 								body{
-									min-height:${previewHeight}px;
-									display:flex;align-items:center;justify-content:center;
+									padding: 24px;
+									min-height:${Math.round(minHeight)}px;
+									display:flex;
+									align-items:center;
 								}
+								.is-root-container { width: 100%; }
 							`
         }]
       })

package/build/components/global-styles/block-preview-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_blockEditor","require","_blocks","_components","_element","_utils","_jsxRuntime","BlockPreviewPanel","name","variation","_blockExample$viewpor","blockExample","getBlockType","example","blocks","useMemo","attributes","className","getVariationClassName","getBlockFromExample","viewportWidth","previewHeight","jsx","__experimentalSpacer","marginX","marginBottom","children","style","maxHeight","boxSizing","BlockPreview","~~minHeight~~","~~additionalStyles~~","~~css~~","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/block-preview-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { BlockPreview } from '@wordpress/block-editor';\nimport { getBlockType, getBlockFromExample } from '@wordpress/blocks';\nimport { __experimentalSpacer as Spacer } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { getVariationClassName } from './utils';\n\nconst BlockPreviewPanel = ( { name, variation = '' } ) => {\n\tconst blockExample = getBlockType( name )?.example;\n\tconst blocks = useMemo( () => {\n\t\tif ( ! blockExample ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet example = blockExample;\n\t\tif ( variation ) {\n\t\t\texample = {\n\t\t\t\t...example,\n\t\t\t\tattributes: {\n\t\t\t\t\t...example.attributes,\n\t\t\t\t\tclassName: getVariationClassName( variation ),\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\n\t\treturn getBlockFromExample( name, example );\n\t}, [ name, blockExample, variation ] );\n\n\tconst viewportWidth = blockExample?.viewportWidth ?? ~~null~~;\n\tconst previewHeight = ~~150~~;\n\n\tif ( ! blockExample ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Spacer marginX={ 4 } marginBottom={ 4 }>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-global-styles__block-preview-panel\"\n\t\t\t\tstyle={ { maxHeight: previewHeight, boxSizing: 'initial' } }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\tminHeight={ previewHeight }\n\t\t\t\t\tadditionalStyles={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcss: `\n\t\t\t\t\t\t\t\tbody{\n\t\t\t\t\t\t\t\t\tmin-height:${ ~~previewHeight~~ }px;\n\t\t\t\t\t\t\t\t\tdisplay:flex~~;align~~-items:center~~;justify-content:center~~;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</Spacer>\n\t);\n};\n\nexport default BlockPreviewPanel;\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAAgD,IAAAK,WAAA,GAAAL,OAAA;AAXhD;AACA;AACA;;AAMA;AACA;AACA;;AAGA,MAAMM,iBAAiB,GAAGA,CAAE;EAAEC,IAAI;EAAEC,SAAS,GAAG;AAAG,CAAC,KAAM;EAAA,IAAAC,qBAAA;EACzD,MAAMC,YAAY,GAAG,IAAAC,oBAAY,EAAEJ,IAAK,CAAC,EAAEK,OAAO;EAClD,MAAMC,MAAM,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC7B,IAAK,CAAEJ,YAAY,EAAG;MACrB,OAAO,IAAI;IACZ;IAEA,IAAIE,OAAO,GAAGF,YAAY;IAC1B,IAAKF,SAAS,EAAG;MAChBI,OAAO,GAAG;QACT,GAAGA,OAAO;QACVG,UAAU,EAAE;UACX,GAAGH,OAAO,CAACG,UAAU;UACrBC,SAAS,EAAE,IAAAC,4BAAqB,EAAET,SAAU;QAC7C;MACD,CAAC;IACF;IAEA,OAAO,IAAAU,2BAAmB,EAAEX,IAAI,EAAEK,OAAQ,CAAC;EAC5C,CAAC,EAAE,CAAEL,IAAI,EAAEG,YAAY,EAAEF,SAAS,CAAG,CAAC;EAEtC,MAAMW,aAAa,IAAAV,qBAAA,GAAGC,YAAY,EAAES,aAAa,cAAAV,qBAAA,cAAAA,qBAAA,GAAI,~~IAAI~~;~~EACzD~~,MAAMW,aAAa,GAAG,GAAG;~~EAEzB~~,IAAK,CAAEV,YAAY,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAL,WAAA,~~CAAAgB~~,GAAA,~~EAACnB~~,WAAA,~~CAAAoB~~,oBAAM;IAACC,OAAO,EAAG,CAAG;IAACC,YAAY,EAAG,CAAG;IAAAC,QAAA,eACvC,~~IAAApB~~,WAAA,~~CAAAgB~~,GAAA;~~MACCL~~,SAAS,EAAC,8CAA8C;~~MACxDU~~,KAAK,EAAG;QAAEC,SAAS,~~EAAEP~~,aAAa;~~QAAEQ~~,SAAS,EAAE;MAAU,CAAG;MAAAH,QAAA,eAE5D,~~IAAApB~~,WAAA,~~CAAAgB~~,GAAA,~~EAACtB~~,YAAA,~~CAAA8B~~,YAAY;~~QACZhB~~,MAAM,EAAGA,MAAQ;QACjBM,aAAa,EAAGA,aAAe;QAC/BW,SAAS,~~EAAGV~~,aAAe;~~QAC3BW~~,gBAAgB,~~EAAG,CAClB~~;UACCC,GAAG,EAAG;~~AACb~~;AACA,~~sBAAuBZ~~,~~aAAe~~;~~AACtC~~;AACA;AACA;~~QACM~~,CAAC;~~MACC~~,~~CACH~~;IAAC,CACE;EAAC,CACC,CAAC;AAEX,CAAC;AAAC,~~IAAAa~~,QAAA,GAAAC,OAAA,CAAAC,OAAA,~~GAEa7B~~,iBAAiB","ignoreList":[]}
1	+ {"version":3,"names":["_blockEditor","require","_blocks","_components","_element","_utils","_jsxRuntime","BlockPreviewPanel","name","variation","_blockExample$viewpor","blockExample","getBlockType","example","blocks","useMemo","attributes","className","getVariationClassName","getBlockFromExample","viewportWidth","previewHeight","sidebarWidth","scale","minHeight","jsx","__experimentalSpacer","marginX","marginBottom","children","style","maxHeight","boxSizing","BlockPreview","additionalStyles","css","Math","round","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/block-preview-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { BlockPreview } from '@wordpress/block-editor';\nimport { getBlockType, getBlockFromExample } from '@wordpress/blocks';\nimport { __experimentalSpacer as Spacer } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { getVariationClassName } from './utils';\n\nconst BlockPreviewPanel = ( { name, variation = '' } ) => {\n\tconst blockExample = getBlockType( name )?.example;\n\tconst blocks = useMemo( () => {\n\t\tif ( ! blockExample ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet example = blockExample;\n\t\tif ( variation ) {\n\t\t\texample = {\n\t\t\t\t...example,\n\t\t\t\tattributes: {\n\t\t\t\t\t...example.attributes,\n\t\t\t\t\tclassName: getVariationClassName( variation ),\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\n\t\treturn getBlockFromExample( name, example );\n\t}, [ name, blockExample, variation ] );\n\n\tconst viewportWidth = blockExample?.viewportWidth ?? 500;\n\t// Same as height of InserterPreviewPanel.\n\tconst previewHeight = 144;\n\tconst sidebarWidth = 235;\n\tconst scale = sidebarWidth / viewportWidth;\n\tconst minHeight =\n\t\tscale !== 0 && scale < 1 && previewHeight\n\t\t\t? previewHeight / scale\n\t\t\t: previewHeight;\n\n\tif ( ! blockExample ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Spacer marginX={ 4 } marginBottom={ 4 }>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-global-styles__block-preview-panel\"\n\t\t\t\tstyle={ { maxHeight: previewHeight, boxSizing: 'initial' } }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\tminHeight={ previewHeight }\n\t\t\t\t\tadditionalStyles={\n\t\t\t\t\t\t//We want this CSS to be in sync with the one in InserterPreviewPanel.\n\t\t\t\t\t\t[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcss: `\n\t\t\t\t\t\t\t\tbody{\n\t\t\t\t\t\t\t\t\tpadding: 24px;\n\t\t\t\t\t\t\t\t\tmin-height:${ Math.round( minHeight ) }px;\n\t\t\t\t\t\t\t\t\tdisplay:flex;\n\t\t\t\t\t\t\t\t\talign-items:center;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.is-root-container { width: 100%; }\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</Spacer>\n\t);\n};\n\nexport default BlockPreviewPanel;\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAAgD,IAAAK,WAAA,GAAAL,OAAA;AAXhD;AACA;AACA;;AAMA;AACA;AACA;;AAGA,MAAMM,iBAAiB,GAAGA,CAAE;EAAEC,IAAI;EAAEC,SAAS,GAAG;AAAG,CAAC,KAAM;EAAA,IAAAC,qBAAA;EACzD,MAAMC,YAAY,GAAG,IAAAC,oBAAY,EAAEJ,IAAK,CAAC,EAAEK,OAAO;EAClD,MAAMC,MAAM,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC7B,IAAK,CAAEJ,YAAY,EAAG;MACrB,OAAO,IAAI;IACZ;IAEA,IAAIE,OAAO,GAAGF,YAAY;IAC1B,IAAKF,SAAS,EAAG;MAChBI,OAAO,GAAG;QACT,GAAGA,OAAO;QACVG,UAAU,EAAE;UACX,GAAGH,OAAO,CAACG,UAAU;UACrBC,SAAS,EAAE,IAAAC,4BAAqB,EAAET,SAAU;QAC7C;MACD,CAAC;IACF;IAEA,OAAO,IAAAU,2BAAmB,EAAEX,IAAI,EAAEK,OAAQ,CAAC;EAC5C,CAAC,EAAE,CAAEL,IAAI,EAAEG,YAAY,EAAEF,SAAS,CAAG,CAAC;EAEtC,MAAMW,aAAa,IAAAV,qBAAA,GAAGC,YAAY,EAAES,aAAa,cAAAV,qBAAA,cAAAA,qBAAA,GAAI,GAAG;EACxD;EACA,MAAMW,aAAa,GAAG,GAAG;EACzB,MAAMC,YAAY,GAAG,GAAG;EACxB,MAAMC,KAAK,GAAGD,YAAY,GAAGF,aAAa;EAC1C,MAAMI,SAAS,GACdD,KAAK,KAAK,CAAC,IAAIA,KAAK,GAAG,CAAC,IAAIF,aAAa,GACtCA,aAAa,GAAGE,KAAK,GACrBF,aAAa;EAEjB,IAAK,CAAEV,YAAY,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAL,WAAA,CAAAmB,GAAA,EAACtB,WAAA,CAAAuB,oBAAM;IAACC,OAAO,EAAG,CAAG;IAACC,YAAY,EAAG,CAAG;IAAAC,QAAA,eACvC,IAAAvB,WAAA,CAAAmB,GAAA;MACCR,SAAS,EAAC,8CAA8C;MACxDa,KAAK,EAAG;QAAEC,SAAS,EAAEV,aAAa;QAAEW,SAAS,EAAE;MAAU,CAAG;MAAAH,QAAA,eAE5D,IAAAvB,WAAA,CAAAmB,GAAA,EAACzB,YAAA,CAAAiC,YAAY;QACZnB,MAAM,EAAGA,MAAQ;QACjBM,aAAa,EAAGA,aAAe;QAC/BI,SAAS,EAAGH,aAAe;QAC3Ba,gBAAgB;QACf;QACA,CACC;UACCC,GAAG,EAAG;AACd;AACA;AACA,sBAAuBC,IAAI,CAACC,KAAK,CAAEb,SAAU,CAAG;AAChD;AACA;AACA;AACA;AACA;QACO,CAAC;MAEF,CACD;IAAC,CACE;EAAC,CACC,CAAC;AAEX,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEajC,iBAAiB","ignoreList":[]}

package/build/components/global-styles/font-families.js CHANGED Viewed

@@ -31,10 +31,12 @@ const {
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 function FontFamilies() {
   const {
+    baseCustomFonts,
     modalTabOpen,
     setModalTabOpen
   } = (0, _element.useContext)(_context.FontLibraryContext);
   const [fontFamilies] = useGlobalSetting('typography.fontFamilies');
+  const [baseFontFamilies] = useGlobalSetting('typography.fontFamilies', undefined, 'base');
   const themeFonts = fontFamilies?.theme ? fontFamilies.theme.map(f => (0, _utils.setUIValuesNeeded)(f, {
     source: 'theme'
   })).sort((a, b) => a.name.localeCompare(b.name)) : [];
@@ -42,39 +44,55 @@ function FontFamilies() {
     source: 'custom'
   })).sort((a, b) => a.name.localeCompare(b.name)) : [];
   const hasFonts = 0 < customFonts.length || 0 < themeFonts.length;
+  const hasInstalledFonts = hasFonts || baseFontFamilies?.theme?.length > 0 || baseCustomFonts?.length > 0;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [!!modalTabOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontLibraryModal.default, {
       onRequestClose: () => setModalTabOpen(null),
       defaultTabId: modalTabOpen
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-      spacing: 2,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
-        level: 3,
-        children: (0, _i18n.__)('Fonts')
-      }), hasFonts ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalItemGroup, {
+      spacing: 4,
+      children: [themeFonts.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
+          level: 3,
+          children: /* translators: Heading for a list of fonts provided by the theme. */
+          (0, _i18n._x)('Theme', 'font source')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
+          size: "large",
           isBordered: true,
           isSeparated: true,
-          children: [customFonts.map(font => /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontFamilyItem.default, {
+          children: themeFonts.map(font => /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontFamilyItem.default, {
             font: font
-          }, font.slug)), themeFonts.map(font => /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontFamilyItem.default, {
+          }, font.slug))
+        })]
+      }), customFonts.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
+          level: 3,
+          children: /* translators: Heading for a list of fonts installed by the user. */
+          (0, _i18n._x)('Custom', 'font source')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
+          size: "large",
+          isBordered: true,
+          isSeparated: true,
+          children: customFonts.map(font => /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontFamilyItem.default, {
             font: font
-          }, font.slug))]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          className: "edit-site-global-styles-font-families__manage-fonts",
-          variant: "secondary",
-          __next40pxDefaultSize: true,
-          onClick: () => setModalTabOpen('installed-fonts'),
-          children: (0, _i18n.__)('Manage fonts')
+          }, font.slug))
         })]
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [(0, _i18n.__)('No fonts installed.'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          className: "edit-site-global-styles-font-families__add-fonts",
-          variant: "secondary",
-          __next40pxDefaultSize: true,
-          onClick: () => setModalTabOpen('upload-fonts'),
-          children: (0, _i18n.__)('Add fonts')
+      }), !hasFonts && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
+          level: 3,
+          children: (0, _i18n.__)('Fonts')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+          as: "p",
+          children: hasInstalledFonts ? (0, _i18n.__)('No fonts activated.') : (0, _i18n.__)('No fonts installed.')
         })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        className: "edit-site-global-styles-font-families__manage-fonts",
+        variant: "secondary",
+        __next40pxDefaultSize: true,
+        onClick: () => {
+          setModalTabOpen(hasInstalledFonts ? 'installed-fonts' : 'upload-fonts');
+        },
+        children: hasInstalledFonts ? (0, _i18n.__)('Manage fonts') : (0, _i18n.__)('Add fonts')
       })]
     })]
   });