@wordpress/edit-site 6.3.0 → 6.5.0

package/build-module/components/editor/index.js

@@ -7,8 +7,8 @@ import clsx from 'clsx';
  * WordPress dependencies
  */
 import { useDispatch, useSelect } from '@wordpress/data';
-import { Button } from '@wordpress/components';
-import { useInstanceId } from '@wordpress/compose';
+import { Button, __unstableMotion as motion } from '@wordpress/components';
+import { useInstanceId, useReducedMotion } from '@wordpress/compose';
 import { EditorKeyboardShortcutsRegister, privateApis as editorPrivateApis, store as editorStore } from '@wordpress/editor';
 import { __, sprintf } from '@wordpress/i18n';
 import { store as coreDataStore } from '@wordpress/core-data';
@@ -18,6 +18,7 @@ import { store as noticesStore } from '@wordpress/notices';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { store as preferencesStore } from '@wordpress/preferences';
 import { decodeEntities } from '@wordpress/html-entities';
+import { Icon, homeButton } from '@wordpress/icons';
 
 /**
  * Internal dependencies
@@ -53,9 +54,32 @@ const {
 const {
   BlockKeyboardShortcuts
 } = unlock(blockLibraryPrivateApis);
+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)'
+  }
+};
 export default function EditSiteEditor({
   isPostsList = false
 }) {
+  const disableMotion = useReducedMotion();
   const {
     params
   } = useLocation();
@@ -70,7 +94,8 @@ export default function EditSiteEditor({
     supportsGlobalStyles,
     showIconLabels,
     editorCanvasView,
-    currentPostIsTrashed
+    currentPostIsTrashed,
+    hasSiteIcon
   } = useSelect(select => {
     const {
       getEditorCanvasContainerView,
@@ -84,9 +109,11 @@ export default function EditSiteEditor({
       get
     } = select(preferencesStore);
     const {
-      getCurrentTheme
+      getCurrentTheme,
+      getEntityRecord
     } = select(coreDataStore);
     const _context = getEditedPostContext();
+    const siteData = getEntityRecord('root', '__unstableBase', undefined);
 
     // The currently selected entity to display.
     // Typically template or template part in the site editor.
@@ -100,7 +127,8 @@ export default function EditSiteEditor({
       supportsGlobalStyles: getCurrentTheme()?.is_block_theme,
       showIconLabels: get('core', 'showIconLabels'),
       editorCanvasView: getEditorCanvasContainerView(),
-      currentPostIsTrashed: select(editorStore).getCurrentPostAttribute('status') === 'trash'
+      currentPostIsTrashed: select(editorStore).getCurrentPostAttribute('status') === 'trash',
+      hasSiteIcon: !!siteData?.site_icon_url
     };
   }, []);
   useEditorTitle();
@@ -164,6 +192,9 @@ export default function EditSiteEditor({
     icon
   } = getEditorCanvasContainerTitleAndIcon(editorCanvasView);
   const isReady = !isLoading;
+  const transition = {
+    duration: disableMotion ? 0 : 0.2
+  };
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(GlobalStylesRenderer, {}), /*#__PURE__*/_jsx(EditorKeyboardShortcutsRegister, {}), isEditMode && /*#__PURE__*/_jsx(BlockKeyboardShortcuts, {}), !isReady ? /*#__PURE__*/_jsx(CanvasLoader, {
       id: loadingProgressId
@@ -190,23 +221,43 @@ export default function EditSiteEditor({
       children: [isEditMode && /*#__PURE__*/_jsx(BackButton, {
         children: ({
           length
-        }) => length <= 1 && /*#__PURE__*/_jsx(Button, {
-          label: __('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__*/_jsx(SiteIcon, {
-            className: "edit-site-layout__view-mode-toggle-icon"
-          })
+        }) => length <= 1 && /*#__PURE__*/_jsxs(motion.div, {
+          className: "edit-site-editor__view-mode-toggle",
+          transition: transition,
+          animate: "edit",
+          initial: "edit",
+          whileHover: "hover",
+          whileTap: "tap",
+          children: [/*#__PURE__*/_jsx(Button, {
+            label: __('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__*/_jsx(motion.div, {
+              variants: siteIconVariants,
+              children: /*#__PURE__*/_jsx(SiteIcon, {
+                className: "edit-site-editor__view-mode-toggle-icon"
+              })
+            })
+          }), /*#__PURE__*/_jsx(motion.div, {
+            className: clsx('edit-site-editor__back-icon', {
+              'has-site-icon': hasSiteIcon
+            }),
+            variants: toggleHomeIconVariants,
+            children: /*#__PURE__*/_jsx(Icon, {
+              icon: homeButton
+            })
+          })]
         })
       }), /*#__PURE__*/_jsx(SiteEditorMoreMenu, {}), supportsGlobalStyles && /*#__PURE__*/_jsx(GlobalStylesSidebar, {})]
     })]

package/build-module/components/editor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","useDispatch","useSelect","Button","useInstanceId","EditorKeyboardShortcutsRegister","privateApis","editorPrivateApis","store","editorStore","__","sprintf","coreDataStore","blockLibraryPrivateApis","useCallback","useMemo","noticesStore","routerPrivateApis","preferencesStore","decodeEntities","WelcomeGuide","editSiteStore","GlobalStylesRenderer","CanvasLoader","unlock","useSpecificEditorSettings","PluginTemplateSettingPanel","GlobalStylesSidebar","isPreviewingTheme","getEditorCanvasContainerTitleAndIcon","useHasEditorCanvasContainer","SaveButton","SavePanel","SiteEditorMoreMenu","SiteIcon","useEditorIframeProps","useEditorTitle","useIsSiteEditorLoading","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Editor","BackButton","useHistory","useLocation","BlockKeyboardShortcuts","EditSiteEditor","isPostsList","params","isLoading","editedPostType","editedPostId","contextPostType","contextPostId","canvasMode","isEditingPage","supportsGlobalStyles","showIconLabels","editorCanvasView","currentPostIsTrashed","select","getEditorCanvasContainerView","getEditedPostContext","getCanvasMode","isPage","getEditedPostType","getEditedPostId","get","getCurrentTheme","_context","postId","postType","undefined","is_block_theme","getCurrentPostAttribute","_isPreviewingTheme","hasDefaultEditorCanvasView","iframeProps","isEditMode","postWithTemplate","loadingProgressId","settings","styles","css","setCanvasMode","createSuccessNotice","history","onActionPerformed","actionId","items","push","type","newItem","_title","title","rendered","id","actions","label","onClick","canvas","icon","isReady","children","templateId","className","enableRegionNavigation","customSaveButton","size","customSavePanel","forceDisableBlockTools","extraSidebarPanels","Slot","length","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":[]}
+{"version":3,"names":["clsx","useDispatch","useSelect","Button","__unstableMotion","motion","useInstanceId","useReducedMotion","EditorKeyboardShortcutsRegister","privateApis","editorPrivateApis","store","editorStore","__","sprintf","coreDataStore","blockLibraryPrivateApis","useCallback","useMemo","noticesStore","routerPrivateApis","preferencesStore","decodeEntities","Icon","homeButton","WelcomeGuide","editSiteStore","GlobalStylesRenderer","CanvasLoader","unlock","useSpecificEditorSettings","PluginTemplateSettingPanel","GlobalStylesSidebar","isPreviewingTheme","getEditorCanvasContainerTitleAndIcon","useHasEditorCanvasContainer","SaveButton","SavePanel","SiteEditorMoreMenu","SiteIcon","useEditorIframeProps","useEditorTitle","useIsSiteEditorLoading","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Editor","BackButton","useHistory","useLocation","BlockKeyboardShortcuts","toggleHomeIconVariants","edit","opacity","scale","hover","clipPath","siteIconVariants","tap","EditSiteEditor","isPostsList","disableMotion","params","isLoading","editedPostType","editedPostId","contextPostType","contextPostId","canvasMode","isEditingPage","supportsGlobalStyles","showIconLabels","editorCanvasView","currentPostIsTrashed","hasSiteIcon","select","getEditorCanvasContainerView","getEditedPostContext","getCanvasMode","isPage","getEditedPostType","getEditedPostId","get","getCurrentTheme","getEntityRecord","_context","siteData","undefined","postId","postType","is_block_theme","getCurrentPostAttribute","site_icon_url","_isPreviewingTheme","hasDefaultEditorCanvasView","iframeProps","isEditMode","postWithTemplate","loadingProgressId","settings","styles","css","setCanvasMode","createSuccessNotice","history","onActionPerformed","actionId","items","push","type","newItem","_title","title","rendered","id","actions","label","onClick","canvas","icon","isReady","transition","duration","children","templateId","className","enableRegionNavigation","customSaveButton","size","customSavePanel","forceDisableBlockTools","extraSidebarPanels","Slot","length","div","animate","initial","whileHover","whileTap","showTooltip","tooltipPosition","focusMode","page","variants"],"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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,MAAM,EAAEC,gBAAgB,IAAIC,MAAM,QAAQ,uBAAuB;AAC1E,SAASC,aAAa,EAAEC,gBAAgB,QAAQ,oBAAoB;AACpE,SACCC,+BAA+B,EAC/BC,WAAW,IAAIC,iBAAiB,EAChCC,KAAK,IAAIC,WAAW,QACd,mBAAmB;AAC1B,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASH,KAAK,IAAII,aAAa,QAAQ,sBAAsB;AAC7D,SAASN,WAAW,IAAIO,uBAAuB,QAAQ,0BAA0B;AACjF,SAASC,WAAW,EAAEC,OAAO,QAAQ,oBAAoB;AACzD,SAASP,KAAK,IAAIQ,YAAY,QAAQ,oBAAoB;AAC1D,SAASV,WAAW,IAAIW,iBAAiB,QAAQ,mBAAmB;AACpE,SAAST,KAAK,IAAIU,gBAAgB,QAAQ,wBAAwB;AAClE,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,IAAI,EAAEC,UAAU,QAAQ,kBAAkB;;AAEnD;AACA;AACA;AACA,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,SAASd,KAAK,IAAIe,aAAa,QAAQ,aAAa;AACpD,SAASC,oBAAoB,QAAQ,2BAA2B;AAChE,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,yBAAyB,QAAQ,0CAA0C;AACpF,OAAOC,0BAA0B,MAAM,kCAAkC;AACzE,OAAOC,mBAAmB,MAAM,0BAA0B;AAC1D,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SACCC,oCAAoC,EACpCC,2BAA2B,QACrB,4BAA4B;AACnC,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,kBAAkB,MAAM,cAAc;AAC7C,OAAOC,QAAQ,MAAM,cAAc;AACnC,OAAOC,oBAAoB,MAAM,yCAAyC;AAC1E,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,SAASC,sBAAsB,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEzD,MAAM;EAAEC,MAAM;EAAEC;AAAW,CAAC,GAAGrB,MAAM,CAAEnB,iBAAkB,CAAC;AAC1D,MAAM;EAAEyC,UAAU;EAAEC;AAAY,CAAC,GAAGvB,MAAM,CAAET,iBAAkB,CAAC;AAC/D,MAAM;EAAEiC;AAAuB,CAAC,GAAGxB,MAAM,CAAEb,uBAAwB,CAAC;AAEpE,MAAMsC,sBAAsB,GAAG;EAC9BC,IAAI,EAAE;IACLC,OAAO,EAAE,CAAC;IACVC,KAAK,EAAE;EACR,CAAC;EACDC,KAAK,EAAE;IACNF,OAAO,EAAE,CAAC;IACVC,KAAK,EAAE,CAAC;IACRE,QAAQ,EAAE;EACX;AACD,CAAC;AAED,MAAMC,gBAAgB,GAAG;EACxBL,IAAI,EAAE;IACLI,QAAQ,EAAE;EACX,CAAC;EACDD,KAAK,EAAE;IACNC,QAAQ,EAAE;EACX,CAAC;EACDE,GAAG,EAAE;IACJF,QAAQ,EAAE;EACX;AACD,CAAC;AAED,eAAe,SAASG,cAAcA,CAAE;EAAEC,WAAW,GAAG;AAAM,CAAC,EAAG;EACjE,MAAMC,aAAa,GAAGzD,gBAAgB,CAAC,CAAC;EACxC,MAAM;IAAE0D;EAAO,CAAC,GAAGb,WAAW,CAAC,CAAC;EAChC,MAAMc,SAAS,GAAGxB,sBAAsB,CAAC,CAAC;EAC1C,MAAM;IACLyB,cAAc;IACdC,YAAY;IACZC,eAAe;IACfC,aAAa;IACbC,UAAU;IACVC,aAAa;IACbC,oBAAoB;IACpBC,cAAc;IACdC,gBAAgB;IAChBC,oBAAoB;IACpBC;EACD,CAAC,GAAG3E,SAAS,CAAI4E,MAAM,IAAM;IAC5B,MAAM;MACLC,4BAA4B;MAC5BC,oBAAoB;MACpBC,aAAa;MACbC,MAAM;MACNC,iBAAiB;MACjBC;IACD,CAAC,GAAGvD,MAAM,CAAEiD,MAAM,CAAEpD,aAAc,CAAE,CAAC;IACrC,MAAM;MAAE2D;IAAI,CAAC,GAAGP,MAAM,CAAEzD,gBAAiB,CAAC;IAC1C,MAAM;MAAEiE,eAAe;MAAEC;IAAgB,CAAC,GAAGT,MAAM,CAAE/D,aAAc,CAAC;IACpE,MAAMyE,QAAQ,GAAGR,oBAAoB,CAAC,CAAC;IACvC,MAAMS,QAAQ,GAAGF,eAAe,CAAE,MAAM,EAAE,gBAAgB,EAAEG,SAAU,CAAC;;IAEvE;IACA;IACA,OAAO;MACNvB,cAAc,EAAEgB,iBAAiB,CAAC,CAAC;MACnCf,YAAY,EAAEgB,eAAe,CAAC,CAAC;MAC/Bf,eAAe,EAAEmB,QAAQ,EAAEG,MAAM,GAAGH,QAAQ,CAACI,QAAQ,GAAGF,SAAS;MACjEpB,aAAa,EAAEkB,QAAQ,EAAEG,MAAM,GAAGH,QAAQ,CAACG,MAAM,GAAGD,SAAS;MAC7DnB,UAAU,EAAEU,aAAa,CAAC,CAAC;MAC3BT,aAAa,EAAEU,MAAM,CAAC,CAAC;MACvBT,oBAAoB,EAAEa,eAAe,CAAC,CAAC,EAAEO,cAAc;MACvDnB,cAAc,EAAEW,GAAG,CAAE,MAAM,EAAE,gBAAiB,CAAC;MAC/CV,gBAAgB,EAAEI,4BAA4B,CAAC,CAAC;MAChDH,oBAAoB,EACnBE,MAAM,CAAElE,WAAY,CAAC,CAACkF,uBAAuB,CAAE,QAAS,CAAC,KACzD,OAAO;MACRjB,WAAW,EAAE,CAAC,CAAEY,QAAQ,EAAEM;IAC3B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACPtD,cAAc,CAAC,CAAC;EAChB,MAAMuD,kBAAkB,GAAG/D,iBAAiB,CAAC,CAAC;EAC9C,MAAMgE,0BAA0B,GAAG,CAAE9D,2BAA2B,CAAC,CAAC;EAClE,MAAM+D,WAAW,GAAG1D,oBAAoB,CAAC,CAAC;EAC1C,MAAM2D,UAAU,GAAG5B,UAAU,KAAK,MAAM;EACxC,MAAM6B,gBAAgB,GAAG,CAAC,CAAE9B,aAAa;EACzC,MAAM+B,iBAAiB,GAAG/F,aAAa,CACtCsB,YAAY,EACZ,oCACD,CAAC;EAED,MAAM0E,QAAQ,GAAGxE,yBAAyB,CAAC,CAAC;EAC5C,MAAMyE,MAAM,GAAGrF,OAAO,CACrB,MAAM,CACL,GAAGoF,QAAQ,CAACC,MAAM,EAClB;IACC;IACA;IACAC,GAAG,EACFjC,UAAU,KAAK,MAAM,GACjB,2BACDK,oBAAoB,GAAG,EAAE,GAAG,kBAC3B,GAAE,GACHc;EACL,CAAC,CACD,EACD,CAAEY,QAAQ,CAACC,MAAM,EAAEhC,UAAU,EAAEK,oBAAoB,CACpD,CAAC;EACD,MAAM;IAAE6B;EAAc,CAAC,GAAG5E,MAAM,CAAE5B,WAAW,CAAEyB,aAAc,CAAE,CAAC;EAChE,MAAM;IAAEgF;EAAoB,CAAC,GAAGzG,WAAW,CAAEkB,YAAa,CAAC;EAC3D,MAAMwF,OAAO,GAAGxD,UAAU,CAAC,CAAC;EAC5B,MAAMyD,iBAAiB,GAAG3F,WAAW,CACpC,CAAE4F,QAAQ,EAAEC,KAAK,KAAM;IACtB,QAASD,QAAQ;MAChB,KAAK,eAAe;MACpB,KAAK,aAAa;QACjB;UACCF,OAAO,CAACI,IAAI,CAAE;YACbnB,QAAQ,EAAEkB,KAAK,CAAE,CAAC,CAAE,CAACE;UACtB,CAAE,CAAC;QACJ;QACA;MACD,KAAK,gBAAgB;QACpB;UACC,MAAMC,OAAO,GAAGH,KAAK,CAAE,CAAC,CAAE;UAC1B,MAAMI,MAAM,GACX,OAAOD,OAAO,CAACE,KAAK,KAAK,QAAQ,GAC9BF,OAAO,CAACE,KAAK,GACbF,OAAO,CAACE,KAAK,EAAEC,QAAQ;UAC3BV,mBAAmB,CAClB5F,OAAO;UACN;UACAD,EAAE,CAAE,4BAA6B,CAAC,EAClCS,cAAc,CAAE4F,MAAO,CACxB,CAAC,EACD;YACCF,IAAI,EAAE,UAAU;YAChBK,EAAE,EAAE,uBAAuB;YAC3BC,OAAO,EAAE,CACR;cACCC,KAAK,EAAE1G,EAAE,CAAE,MAAO,CAAC;cACnB2G,OAAO,EAAEA,CAAA,KAAM;gBACdb,OAAO,CAACI,IAAI,CAAE;kBACbpB,MAAM,EAAEsB,OAAO,CAACI,EAAE;kBAClBzB,QAAQ,EAAEqB,OAAO,CAACD,IAAI;kBACtBS,MAAM,EAAE;gBACT,CAAE,CAAC;cACJ;YACD,CAAC;UAEH,CACD,CAAC;QACF;QACA;IACF;EACD,CAAC,EACD,CAAEd,OAAO,EAAED,mBAAmB,CAC/B,CAAC;;EAED;EACA,MAAM;IAAES,KAAK;IAAEO;EAAK,CAAC,GACpBxF,oCAAoC,CAAEyC,gBAAiB,CAAC;EAEzD,MAAMgD,OAAO,GAAG,CAAEzD,SAAS;EAC3B,MAAM0D,UAAU,GAAG;IAClBC,QAAQ,EAAE7D,aAAa,GAAG,CAAC,GAAG;EAC/B,CAAC;EAED,oBACClB,KAAA,CAAAE,SAAA;IAAA8E,QAAA,gBACClF,IAAA,CAACjB,oBAAoB,IAAE,CAAC,eACxBiB,IAAA,CAACpC,+BAA+B,IAAE,CAAC,EACjC2F,UAAU,iBAAIvD,IAAA,CAACS,sBAAsB,IAAE,CAAC,EACxC,CAAEsE,OAAO,gBAAG/E,IAAA,CAAChB,YAAY;MAACyF,EAAE,EAAGhB;IAAmB,CAAE,CAAC,GAAG,IAAI,EAC5DF,UAAU,iBAAIvD,IAAA,CAACnB,YAAY,IAAE,CAAC,EAC9BkG,OAAO,iBACR7E,KAAA,CAACG,MAAM;MACN2C,QAAQ,EACPQ,gBAAgB,GAAG/B,eAAe,GAAGF,cACrC;MACDwB,MAAM,EAAGS,gBAAgB,GAAG9B,aAAa,GAAGF,YAAc;MAC1D2D,UAAU,EAAG3B,gBAAgB,GAAGhC,YAAY,GAAGsB,SAAW;MAC1DY,QAAQ,EAAGA,QAAU;MACrB0B,SAAS,EAAGhI,IAAI,CAAE,oCAAoC,EAAE;QACvD,kBAAkB,EAAE0E;MACrB,CAAE,CAAG;MACL6B,MAAM,EAAGA,MAAQ;MACjB0B,sBAAsB,EAAG,KAAO;MAChCC,gBAAgB,EACflC,kBAAkB,iBAAIpD,IAAA,CAACR,UAAU;QAAC+F,IAAI,EAAC;MAAS,CAAE,CAClD;MACDC,eAAe,EAAGpC,kBAAkB,iBAAIpD,IAAA,CAACP,SAAS,IAAE,CAAG;MACvDgG,sBAAsB,EAAG,CAAEpC,0BAA4B;MACvDkB,KAAK,EAAGA,KAAO;MACfO,IAAI,EAAGA,IAAM;MACbxB,WAAW,EAAGA,WAAa;MAC3BU,iBAAiB,EAAGA,iBAAmB;MACvC0B,kBAAkB,EACjB,CAAE9D,aAAa,iBAAI5B,IAAA,CAACb,0BAA0B,CAACwG,IAAI,IAAE,CACrD;MAAAT,QAAA,GAEC3B,UAAU,iBACXvD,IAAA,CAACM,UAAU;QAAA4E,QAAA,EACRA,CAAE;UAAEU;QAAO,CAAC,KACbA,MAAM,IAAI,CAAC,iBACV1F,KAAA,CAACzC,MAAM,CAACoI,GAAG;UACVT,SAAS,EAAC,oCAAoC;UAC9CJ,UAAU,EAAGA,UAAY;UACzBc,OAAO,EAAC,MAAM;UACdC,OAAO,EAAC,MAAM;UACdC,UAAU,EAAC,OAAO;UAClBC,QAAQ,EAAC,KAAK;UAAAf,QAAA,gBAEdlF,IAAA,CAACzC,MAAM;YACNoH,KAAK,EAAG1G,EAAE,CAAE,iBAAkB,CAAG;YACjCiI,WAAW;YACXC,eAAe,EAAC,cAAc;YAC9BvB,OAAO,EAAGA,CAAA,KAAM;cACff,aAAa,CAAE,MAAO,CAAC;cACvB;cACA;cACA,IACC1C,WAAW,IACXE,MAAM,EAAE+E,SAAS,EAChB;gBACDrC,OAAO,CAACI,IAAI,CAAE;kBACbkC,IAAI,EAAE,2BAA2B;kBACjCrD,QAAQ,EAAE;gBACX,CAAE,CAAC;cACJ;YACD,CAAG;YAAAkC,QAAA,eAEHlF,IAAA,CAACvC,MAAM,CAACoI,GAAG;cACVS,QAAQ,EAAGtF,gBAAkB;cAAAkE,QAAA,eAE7BlF,IAAA,CAACL,QAAQ;gBAACyF,SAAS,EAAC;cAAyC,CAAE;YAAC,CACrD;UAAC,CACN,CAAC,eACTpF,IAAA,CAACvC,MAAM,CAACoI,GAAG;YACVT,SAAS,EAAGhI,IAAI,CACf,6BAA6B,EAC7B;cACC,eAAe,EACd6E;YACF,CACD,CAAG;YACHqE,QAAQ,EAAG5F,sBAAwB;YAAAwE,QAAA,eAEnClF,IAAA,CAACrB,IAAI;cAACmG,IAAI,EAAGlG;YAAY,CAAE;UAAC,CACjB,CAAC;QAAA,CACF;MACZ,CAES,CACZ,eACDoB,IAAA,CAACN,kBAAkB,IAAE,CAAC,EACpBmC,oBAAoB,iBAAI7B,IAAA,CAACZ,mBAAmB,IAAE,CAAC;IAAA,CAC1C,CACR;EAAA,CACA,CAAC;AAEL","ignoreList":[]}

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

@@ -33,8 +33,12 @@ const BlockPreviewPanel = ({
     }
     return 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;
   }
@@ -51,12 +55,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-module/components/global-styles/block-preview-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["BlockPreview","getBlockType","getBlockFromExample","__experimentalSpacer","Spacer","useMemo","getVariationClassName","jsx","_jsx","BlockPreviewPanel","name","variation","_blockExample$viewpor","blockExample","example","blocks","attributes","className","viewportWidth","previewHeight","marginX","marginBottom","children","style","maxHeight","boxSizing","minHeight","additionalStyles","css"],"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":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,YAAY,EAAEC,mBAAmB,QAAQ,mBAAmB;AACrE,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,SAASC,qBAAqB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,iBAAiB,GAAGA,CAAE;EAAEC,IAAI;EAAEC,SAAS,GAAG;AAAG,CAAC,KAAM;EAAA,IAAAC,qBAAA;EACzD,MAAMC,YAAY,GAAGZ,YAAY,CAAES,IAAK,CAAC,EAAEI,OAAO;EAClD,MAAMC,MAAM,GAAGV,OAAO,CAAE,MAAM;IAC7B,IAAK,CAAEQ,YAAY,EAAG;MACrB,OAAO,IAAI;IACZ;IAEA,IAAIC,OAAO,GAAGD,YAAY;IAC1B,IAAKF,SAAS,EAAG;MAChBG,OAAO,GAAG;QACT,GAAGA,OAAO;QACVE,UAAU,EAAE;UACX,GAAGF,OAAO,CAACE,UAAU;UACrBC,SAAS,EAAEX,qBAAqB,CAAEK,SAAU;QAC7C;MACD,CAAC;IACF;IAEA,OAAOT,mBAAmB,CAAEQ,IAAI,EAAEI,OAAQ,CAAC;EAC5C,CAAC,EAAE,CAAEJ,IAAI,EAAEG,YAAY,EAAEF,SAAS,CAAG,CAAC;EAEtC,MAAMO,aAAa,IAAAN,qBAAA,GAAGC,YAAY,EAAEK,aAAa,cAAAN,qBAAA,cAAAA,qBAAA,GAAI,IAAI;EACzD,MAAMO,aAAa,GAAG,GAAG;EAEzB,IAAK,CAAEN,YAAY,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,oBACCL,IAAA,CAACJ,MAAM;IAACgB,OAAO,EAAG,CAAG;IAACC,YAAY,EAAG,CAAG;IAAAC,QAAA,eACvCd,IAAA;MACCS,SAAS,EAAC,8CAA8C;MACxDM,KAAK,EAAG;QAAEC,SAAS,EAAEL,aAAa;QAAEM,SAAS,EAAE;MAAU,CAAG;MAAAH,QAAA,eAE5Dd,IAAA,CAACR,YAAY;QACZe,MAAM,EAAGA,MAAQ;QACjBG,aAAa,EAAGA,aAAe;QAC/BQ,SAAS,EAAGP,aAAe;QAC3BQ,gBAAgB,EAAG,CAClB;UACCC,GAAG,EAAG;AACb;AACA,sBAAuBT,aAAe;AACtC;AACA;AACA;QACM,CAAC;MACC,CACH;IAAC,CACE;EAAC,CACC,CAAC;AAEX,CAAC;AAED,eAAeV,iBAAiB","ignoreList":[]}
+{"version":3,"names":["BlockPreview","getBlockType","getBlockFromExample","__experimentalSpacer","Spacer","useMemo","getVariationClassName","jsx","_jsx","BlockPreviewPanel","name","variation","_blockExample$viewpor","blockExample","example","blocks","attributes","className","viewportWidth","previewHeight","sidebarWidth","scale","minHeight","marginX","marginBottom","children","style","maxHeight","boxSizing","additionalStyles","css","Math","round"],"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":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,YAAY,EAAEC,mBAAmB,QAAQ,mBAAmB;AACrE,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,SAASC,qBAAqB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,iBAAiB,GAAGA,CAAE;EAAEC,IAAI;EAAEC,SAAS,GAAG;AAAG,CAAC,KAAM;EAAA,IAAAC,qBAAA;EACzD,MAAMC,YAAY,GAAGZ,YAAY,CAAES,IAAK,CAAC,EAAEI,OAAO;EAClD,MAAMC,MAAM,GAAGV,OAAO,CAAE,MAAM;IAC7B,IAAK,CAAEQ,YAAY,EAAG;MACrB,OAAO,IAAI;IACZ;IAEA,IAAIC,OAAO,GAAGD,YAAY;IAC1B,IAAKF,SAAS,EAAG;MAChBG,OAAO,GAAG;QACT,GAAGA,OAAO;QACVE,UAAU,EAAE;UACX,GAAGF,OAAO,CAACE,UAAU;UACrBC,SAAS,EAAEX,qBAAqB,CAAEK,SAAU;QAC7C;MACD,CAAC;IACF;IAEA,OAAOT,mBAAmB,CAAEQ,IAAI,EAAEI,OAAQ,CAAC;EAC5C,CAAC,EAAE,CAAEJ,IAAI,EAAEG,YAAY,EAAEF,SAAS,CAAG,CAAC;EAEtC,MAAMO,aAAa,IAAAN,qBAAA,GAAGC,YAAY,EAAEK,aAAa,cAAAN,qBAAA,cAAAA,qBAAA,GAAI,GAAG;EACxD;EACA,MAAMO,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,CAAEN,YAAY,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,oBACCL,IAAA,CAACJ,MAAM;IAACmB,OAAO,EAAG,CAAG;IAACC,YAAY,EAAG,CAAG;IAAAC,QAAA,eACvCjB,IAAA;MACCS,SAAS,EAAC,8CAA8C;MACxDS,KAAK,EAAG;QAAEC,SAAS,EAAER,aAAa;QAAES,SAAS,EAAE;MAAU,CAAG;MAAAH,QAAA,eAE5DjB,IAAA,CAACR,YAAY;QACZe,MAAM,EAAGA,MAAQ;QACjBG,aAAa,EAAGA,aAAe;QAC/BI,SAAS,EAAGH,aAAe;QAC3BU,gBAAgB;QACf;QACA,CACC;UACCC,GAAG,EAAG;AACd;AACA;AACA,sBAAuBC,IAAI,CAACC,KAAK,CAAEV,SAAU,CAAG;AAChD;AACA;AACA;AACA;AACA;QACO,CAAC;MAEF,CACD;IAAC,CACE;EAAC,CACC,CAAC;AAEX,CAAC;AAED,eAAeb,iBAAiB","ignoreList":[]}

package/build-module/components/global-styles/font-families.js

@@ -1,8 +1,8 @@
 /**
  * WordPress dependencies
  */
-import { __ } from '@wordpress/i18n';
-import { __experimentalItemGroup as ItemGroup, __experimentalVStack as VStack, Button } from '@wordpress/components';
+import { __, _x } from '@wordpress/i18n';
+import { __experimentalText as Text, __experimentalItemGroup as ItemGroup, __experimentalVStack as VStack, Button } from '@wordpress/components';
 import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { useContext } from '@wordpress/element';
 
@@ -23,10 +23,12 @@ const {
 } = unlock(blockEditorPrivateApis);
 function FontFamilies() {
   const {
+    baseCustomFonts,
     modalTabOpen,
     setModalTabOpen
   } = useContext(FontLibraryContext);
   const [fontFamilies] = useGlobalSetting('typography.fontFamilies');
+  const [baseFontFamilies] = useGlobalSetting('typography.fontFamilies', undefined, 'base');
   const themeFonts = fontFamilies?.theme ? fontFamilies.theme.map(f => setUIValuesNeeded(f, {
     source: 'theme'
   })).sort((a, b) => a.name.localeCompare(b.name)) : [];
@@ -34,39 +36,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__*/_jsxs(_Fragment, {
     children: [!!modalTabOpen && /*#__PURE__*/_jsx(FontLibraryModal, {
       onRequestClose: () => setModalTabOpen(null),
       defaultTabId: modalTabOpen
     }), /*#__PURE__*/_jsxs(VStack, {
-      spacing: 2,
-      children: [/*#__PURE__*/_jsx(Subtitle, {
-        level: 3,
-        children: __('Fonts')
-      }), hasFonts ? /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsxs(ItemGroup, {
+      spacing: 4,
+      children: [themeFonts.length > 0 && /*#__PURE__*/_jsxs(VStack, {
+        children: [/*#__PURE__*/_jsx(Subtitle, {
+          level: 3,
+          children: /* translators: Heading for a list of fonts provided by the theme. */
+          _x('Theme', 'font source')
+        }), /*#__PURE__*/_jsx(ItemGroup, {
+          size: "large",
           isBordered: true,
           isSeparated: true,
-          children: [customFonts.map(font => /*#__PURE__*/_jsx(FontFamilyItem, {
+          children: themeFonts.map(font => /*#__PURE__*/_jsx(FontFamilyItem, {
             font: font
-          }, font.slug)), themeFonts.map(font => /*#__PURE__*/_jsx(FontFamilyItem, {
+          }, font.slug))
+        })]
+      }), customFonts.length > 0 && /*#__PURE__*/_jsxs(VStack, {
+        children: [/*#__PURE__*/_jsx(Subtitle, {
+          level: 3,
+          children: /* translators: Heading for a list of fonts installed by the user. */
+          _x('Custom', 'font source')
+        }), /*#__PURE__*/_jsx(ItemGroup, {
+          size: "large",
+          isBordered: true,
+          isSeparated: true,
+          children: customFonts.map(font => /*#__PURE__*/_jsx(FontFamilyItem, {
             font: font
-          }, font.slug))]
-        }), /*#__PURE__*/_jsx(Button, {
-          className: "edit-site-global-styles-font-families__manage-fonts",
-          variant: "secondary",
-          __next40pxDefaultSize: true,
-          onClick: () => setModalTabOpen('installed-fonts'),
-          children: __('Manage fonts')
+          }, font.slug))
         })]
-      }) : /*#__PURE__*/_jsxs(_Fragment, {
-        children: [__('No fonts installed.'), /*#__PURE__*/_jsx(Button, {
-          className: "edit-site-global-styles-font-families__add-fonts",
-          variant: "secondary",
-          __next40pxDefaultSize: true,
-          onClick: () => setModalTabOpen('upload-fonts'),
-          children: __('Add fonts')
+      }), !hasFonts && /*#__PURE__*/_jsxs(VStack, {
+        children: [/*#__PURE__*/_jsx(Subtitle, {
+          level: 3,
+          children: __('Fonts')
+        }), /*#__PURE__*/_jsx(Text, {
+          as: "p",
+          children: hasInstalledFonts ? __('No fonts activated.') : __('No fonts installed.')
         })]
+      }), /*#__PURE__*/_jsx(Button, {
+        className: "edit-site-global-styles-font-families__manage-fonts",
+        variant: "secondary",
+        __next40pxDefaultSize: true,
+        onClick: () => {
+          setModalTabOpen(hasInstalledFonts ? 'installed-fonts' : 'upload-fonts');
+        },
+        children: hasInstalledFonts ? __('Manage fonts') : __('Add fonts')
       })]
     })]
   });

package/build-module/components/global-styles/font-families.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","__experimentalItemGroup","ItemGroup","__experimentalVStack","VStack","Button","privateApis","blockEditorPrivateApis","useContext","FontLibraryProvider","FontLibraryContext","FontLibraryModal","FontFamilyItem","Subtitle","setUIValuesNeeded","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","FontFamilies","modalTabOpen","setModalTabOpen","fontFamilies","themeFonts","theme","map","f","source","sort","a","b","name","localeCompare","customFonts","custom","hasFonts","length","children","onRequestClose","defaultTabId","spacing","level","isBordered","isSeparated","font","slug","className","variant","__next40pxDefaultSize","onClick","props"],"sources":["@wordpress/edit-site/src/components/global-styles/font-families.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport FontLibraryProvider, {\n\tFontLibraryContext,\n} from './font-library-modal/context';\nimport FontLibraryModal from './font-library-modal';\nimport FontFamilyItem from './font-family-item';\nimport Subtitle from './subtitle';\nimport { setUIValuesNeeded } from './font-library-modal/utils';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nfunction FontFamilies() {\n\tconst { modalTabOpen, setModalTabOpen } = useContext( FontLibraryContext );\n\tconst [ fontFamilies ] = useGlobalSetting( 'typography.fontFamilies' );\n\tconst themeFonts = fontFamilies?.theme\n\t\t? fontFamilies.theme\n\t\t\t\t.map( ( f ) => setUIValuesNeeded( f, { source: 'theme' } ) )\n\t\t\t\t.sort( ( a, b ) => a.name.localeCompare( b.name ) )\n\t\t: [];\n\tconst customFonts = fontFamilies?.custom\n\t\t? fontFamilies.custom\n\t\t\t\t.map( ( f ) => setUIValuesNeeded( f, { source: 'custom' } ) )\n\t\t\t\t.sort( ( a, b ) => a.name.localeCompare( b.name ) )\n\t\t: [];\n\tconst hasFonts = 0 < customFonts.length || 0 < themeFonts.length;\n\n\treturn (\n\t\t<>\n\t\t\t{ !! modalTabOpen && (\n\t\t\t\t<FontLibraryModal\n\t\t\t\t\tonRequestClose={ () => setModalTabOpen( null ) }\n\t\t\t\t\tdefaultTabId={ modalTabOpen }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<Subtitle level={ 3 }>{ __( 'Fonts' ) }</Subtitle>\n\t\t\t\t{ hasFonts ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t\t{ customFonts.map( ( font ) => (\n\t\t\t\t\t\t\t\t<FontFamilyItem\n\t\t\t\t\t\t\t\t\tkey={ font.slug }\n\t\t\t\t\t\t\t\t\tfont={ font }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t{ themeFonts.map( ( font ) => (\n\t\t\t\t\t\t\t\t<FontFamilyItem\n\t\t\t\t\t\t\t\t\tkey={ font.slug }\n\t\t\t\t\t\t\t\t\tfont={ font }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-font-families__manage-fonts\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetModalTabOpen( 'installed-fonts' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Manage fonts' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ __( 'No fonts installed.' ) }\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-font-families__add-fonts\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tonClick={ () => setModalTabOpen( 'upload-fonts' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Add fonts' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<FontFamilies { ...props } />\n\t</FontLibraryProvider>\n);\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,uBAAuB,IAAIC,SAAS,EACpCC,oBAAoB,IAAIC,MAAM,EAC9BC,MAAM,QACA,uBAAuB;AAC9B,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,mBAAmB,IACzBC,kBAAkB,QACZ,8BAA8B;AACrC,OAAOC,gBAAgB,MAAM,sBAAsB;AACnD,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,iBAAiB,QAAQ,4BAA4B;AAC9D,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAE3C,MAAM;EAAEC;AAAiB,CAAC,GAAGP,MAAM,CAAER,sBAAuB,CAAC;AAE7D,SAASgB,YAAYA,CAAA,EAAG;EACvB,MAAM;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGjB,UAAU,CAAEE,kBAAmB,CAAC;EAC1E,MAAM,CAAEgB,YAAY,CAAE,GAAGJ,gBAAgB,CAAE,yBAA0B,CAAC;EACtE,MAAMK,UAAU,GAAGD,YAAY,EAAEE,KAAK,GACnCF,YAAY,CAACE,KAAK,CACjBC,GAAG,CAAIC,CAAC,IAAMhB,iBAAiB,CAAEgB,CAAC,EAAE;IAAEC,MAAM,EAAE;EAAQ,CAAE,CAAE,CAAC,CAC3DC,IAAI,CAAE,CAAEC,CAAC,EAAEC,CAAC,KAAMD,CAAC,CAACE,IAAI,CAACC,aAAa,CAAEF,CAAC,CAACC,IAAK,CAAE,CAAC,GACnD,EAAE;EACL,MAAME,WAAW,GAAGX,YAAY,EAAEY,MAAM,GACrCZ,YAAY,CAACY,MAAM,CAClBT,GAAG,CAAIC,CAAC,IAAMhB,iBAAiB,CAAEgB,CAAC,EAAE;IAAEC,MAAM,EAAE;EAAS,CAAE,CAAE,CAAC,CAC5DC,IAAI,CAAE,CAAEC,CAAC,EAAEC,CAAC,KAAMD,CAAC,CAACE,IAAI,CAACC,aAAa,CAAEF,CAAC,CAACC,IAAK,CAAE,CAAC,GACnD,EAAE;EACL,MAAMI,QAAQ,GAAG,CAAC,GAAGF,WAAW,CAACG,MAAM,IAAI,CAAC,GAAGb,UAAU,CAACa,MAAM;EAEhE,oBACCrB,KAAA,CAAAE,SAAA;IAAAoB,QAAA,GACG,CAAC,CAAEjB,YAAY,iBAChBP,IAAA,CAACN,gBAAgB;MAChB+B,cAAc,EAAGA,CAAA,KAAMjB,eAAe,CAAE,IAAK,CAAG;MAChDkB,YAAY,EAAGnB;IAAc,CAC7B,CACD,eAEDL,KAAA,CAACf,MAAM;MAACwC,OAAO,EAAG,CAAG;MAAAH,QAAA,gBACpBxB,IAAA,CAACJ,QAAQ;QAACgC,KAAK,EAAG,CAAG;QAAAJ,QAAA,EAAGzC,EAAE,CAAE,OAAQ;MAAC,CAAY,CAAC,EAChDuC,QAAQ,gBACTpB,KAAA,CAAAE,SAAA;QAAAoB,QAAA,gBACCtB,KAAA,CAACjB,SAAS;UAAC4C,UAAU;UAACC,WAAW;UAAAN,QAAA,GAC9BJ,WAAW,CAACR,GAAG,CAAImB,IAAI,iBACxB/B,IAAA,CAACL,cAAc;YAEdoC,IAAI,EAAGA;UAAM,GADPA,IAAI,CAACC,IAEX,CACA,CAAC,EACDtB,UAAU,CAACE,GAAG,CAAImB,IAAI,iBACvB/B,IAAA,CAACL,cAAc;YAEdoC,IAAI,EAAGA;UAAM,GADPA,IAAI,CAACC,IAEX,CACA,CAAC;QAAA,CACO,CAAC,eACZhC,IAAA,CAACZ,MAAM;UACN6C,SAAS,EAAC,qDAAqD;UAC/DC,OAAO,EAAC,WAAW;UACnBC,qBAAqB;UACrBC,OAAO,EAAGA,CAAA,KACT5B,eAAe,CAAE,iBAAkB,CACnC;UAAAgB,QAAA,EAECzC,EAAE,CAAE,cAAe;QAAC,CACf,CAAC;MAAA,CACR,CAAC,gBAEHmB,KAAA,CAAAE,SAAA;QAAAoB,QAAA,GACGzC,EAAE,CAAE,qBAAsB,CAAC,eAC7BiB,IAAA,CAACZ,MAAM;UACN6C,SAAS,EAAC,kDAAkD;UAC5DC,OAAO,EAAC,WAAW;UACnBC,qBAAqB;UACrBC,OAAO,EAAGA,CAAA,KAAM5B,eAAe,CAAE,cAAe,CAAG;UAAAgB,QAAA,EAEjDzC,EAAE,CAAE,WAAY;QAAC,CACZ,CAAC;MAAA,CACR,CACF;IAAA,CACM,CAAC;EAAA,CACR,CAAC;AAEL;AAEA,gBAAe,CAAE;EAAE,GAAGsD;AAAM,CAAC,kBAC5BrC,IAAA,CAACR,mBAAmB;EAAAgC,QAAA,eACnBxB,IAAA,CAACM,YAAY;IAAA,GAAM+B;EAAK,CAAI;AAAC,CACT,CACrB","ignoreList":[]}
+{"version":3,"names":["__","_x","__experimentalText","Text","__experimentalItemGroup","ItemGroup","__experimentalVStack","VStack","Button","privateApis","blockEditorPrivateApis","useContext","FontLibraryProvider","FontLibraryContext","FontLibraryModal","FontFamilyItem","Subtitle","setUIValuesNeeded","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","FontFamilies","baseCustomFonts","modalTabOpen","setModalTabOpen","fontFamilies","baseFontFamilies","undefined","themeFonts","theme","map","f","source","sort","a","b","name","localeCompare","customFonts","custom","hasFonts","length","hasInstalledFonts","children","onRequestClose","defaultTabId","spacing","level","size","isBordered","isSeparated","font","slug","as","className","variant","__next40pxDefaultSize","onClick","props"],"sources":["@wordpress/edit-site/src/components/global-styles/font-families.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\t__experimentalText as Text,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport FontLibraryProvider, {\n\tFontLibraryContext,\n} from './font-library-modal/context';\nimport FontLibraryModal from './font-library-modal';\nimport FontFamilyItem from './font-family-item';\nimport Subtitle from './subtitle';\nimport { setUIValuesNeeded } from './font-library-modal/utils';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nfunction FontFamilies() {\n\tconst { baseCustomFonts, modalTabOpen, setModalTabOpen } =\n\t\tuseContext( FontLibraryContext );\n\tconst [ fontFamilies ] = useGlobalSetting( 'typography.fontFamilies' );\n\tconst [ baseFontFamilies ] = useGlobalSetting(\n\t\t'typography.fontFamilies',\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst themeFonts = fontFamilies?.theme\n\t\t? fontFamilies.theme\n\t\t\t\t.map( ( f ) => setUIValuesNeeded( f, { source: 'theme' } ) )\n\t\t\t\t.sort( ( a, b ) => a.name.localeCompare( b.name ) )\n\t\t: [];\n\tconst customFonts = fontFamilies?.custom\n\t\t? fontFamilies.custom\n\t\t\t\t.map( ( f ) => setUIValuesNeeded( f, { source: 'custom' } ) )\n\t\t\t\t.sort( ( a, b ) => a.name.localeCompare( b.name ) )\n\t\t: [];\n\tconst hasFonts = 0 < customFonts.length || 0 < themeFonts.length;\n\n\tconst hasInstalledFonts =\n\t\thasFonts ||\n\t\tbaseFontFamilies?.theme?.length > 0 ||\n\t\tbaseCustomFonts?.length > 0;\n\n\treturn (\n\t\t<>\n\t\t\t{ !! modalTabOpen && (\n\t\t\t\t<FontLibraryModal\n\t\t\t\t\tonRequestClose={ () => setModalTabOpen( null ) }\n\t\t\t\t\tdefaultTabId={ modalTabOpen }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ themeFonts.length > 0 && (\n\t\t\t\t\t<VStack>\n\t\t\t\t\t\t<Subtitle level={ 3 }>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t/* translators: Heading for a list of fonts provided by the theme. */\n\t\t\t\t\t\t\t\t_x( 'Theme', 'font source' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</Subtitle>\n\t\t\t\t\t\t<ItemGroup size=\"large\" isBordered isSeparated>\n\t\t\t\t\t\t\t{ themeFonts.map( ( font ) => (\n\t\t\t\t\t\t\t\t<FontFamilyItem\n\t\t\t\t\t\t\t\t\tkey={ font.slug }\n\t\t\t\t\t\t\t\t\tfont={ font }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</VStack>\n\t\t\t\t) }\n\t\t\t\t{ customFonts.length > 0 && (\n\t\t\t\t\t<VStack>\n\t\t\t\t\t\t<Subtitle level={ 3 }>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t/* translators: Heading for a list of fonts installed by the user. */\n\t\t\t\t\t\t\t\t_x( 'Custom', 'font source' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</Subtitle>\n\t\t\t\t\t\t<ItemGroup size=\"large\" isBordered isSeparated>\n\t\t\t\t\t\t\t{ customFonts.map( ( font ) => (\n\t\t\t\t\t\t\t\t<FontFamilyItem\n\t\t\t\t\t\t\t\t\tkey={ font.slug }\n\t\t\t\t\t\t\t\t\tfont={ font }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</VStack>\n\t\t\t\t) }\n\t\t\t\t{ ! hasFonts && (\n\t\t\t\t\t<VStack>\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Fonts' ) }</Subtitle>\n\t\t\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t\t\t{ hasInstalledFonts\n\t\t\t\t\t\t\t\t? __( 'No fonts activated.' )\n\t\t\t\t\t\t\t\t: __( 'No fonts installed.' ) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</VStack>\n\t\t\t\t) }\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"edit-site-global-styles-font-families__manage-fonts\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetModalTabOpen(\n\t\t\t\t\t\t\thasInstalledFonts\n\t\t\t\t\t\t\t\t? 'installed-fonts'\n\t\t\t\t\t\t\t\t: 'upload-fonts'\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ hasInstalledFonts\n\t\t\t\t\t\t? __( 'Manage fonts' )\n\t\t\t\t\t\t: __( 'Add fonts' ) }\n\t\t\t\t</Button>\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<FontFamilies { ...props } />\n\t</FontLibraryProvider>\n);\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/global-styles/font-library-modal/context.js

@@ -39,7 +39,6 @@ function FontLibraryProvider({
   const globalStyles = useEntityRecord('root', 'globalStyles', globalStylesId);
   const [isInstalling, setIsInstalling] = useState(false);
   const [refreshKey, setRefreshKey] = useState(0);
-  const [notice, setNotice] = useState(null);
   const refreshLibrary = () => {
     setRefreshKey(Date.now());
   };
@@ -102,8 +101,6 @@ function FontLibraryProvider({
     }
   }, [modalTabOpen]);
   const handleSetLibraryFontSelected = font => {
-    setNotice(null);
-
     // If font is null, reset the selected font
     if (!font) {
       setLibraryFontSelected(null);
@@ -382,8 +379,6 @@ function FontLibraryProvider({
       modalTabOpen,
       setModalTabOpen,
       refreshLibrary,
-      notice,
-      setNotice,
       saveFontFamilies,
       isResolvingLibrary,
       isInstalling,