npm - @wordpress/edit-site - Versions diffs - 6.2.0 → 6.4.0 - Mend

@wordpress/edit-site 6.2.0 → 6.4.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 (368) hide show

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","_moreMenu","_siteIcon","_useEditorIframeProps","_useEditorTitle","_jsxRuntime","Editor","BackButton","unlock","editorPrivateApis","useHistory","routerPrivateApis","BlockKeyboardShortcuts","blockLibraryPrivateApis","EditSiteEditor","isLoading","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","forceDisableBlockTools","extraSidebarPanels","Slot","length","Button"],"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 SiteEditorMoreMenu from '../more-menu';\nimport SiteIcon from '../site-icon';\nimport useEditorIframeProps from '../block-editor/use-editor-iframe-props';\nimport useEditorTitle from './use-editor-title';\n\nconst { Editor, BackButton } = unlock( editorPrivateApis );\nconst { useHistory } = unlock( routerPrivateApis );\nconst { BlockKeyboardShortcuts } = unlock( blockLibraryPrivateApis );\n\nexport default function EditSiteEditor( { isLoading } ) {\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\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}\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","_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":[]}

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

@@ -46,17 +46,12 @@ function BackgroundPanel() {
   });
   const _links = useGlobalStyleLinks();
   const [settings] = useGlobalSetting('');
-  const defaultControls = {
-    backgroundImage: true,
-    backgroundSize: hasBackgroundImageValue(style) || hasBackgroundImageValue(inheritedStyle)
-  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(StylesBackgroundPanel, {
     inheritedValue: inheritedStyle,
     value: style,
     onChange: setStyle,
     settings: settings,
     defaultValues: BACKGROUND_DEFAULT_VALUES,
-    defaultControls: defaultControls,
     themeFileURIs: _links?.['wp:theme-file']
   });
 }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_blockEditor","require","_lockUnlock","_jsxRuntime","BACKGROUND_DEFAULT_VALUES","backgroundSize","useGlobalStyle","useGlobalSetting","useGlobalStyleLinks","BackgroundPanel","StylesBackgroundPanel","unlock","blockEditorPrivateApis","hasBackgroundImageValue","style","background","backgroundImage","id","url","undefined","shouldDecodeEncode","inheritedStyle","setStyle","_links","settings","~~defaultControls","~~jsx","inheritedValue","value","onChange","defaultValues","themeFileURIs"],"sources":["@wordpress/edit-site/src/components/global-styles/background-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\n\n// Initial control values where no block style is set.\nconst BACKGROUND_DEFAULT_VALUES = {\n\tbackgroundSize: 'auto',\n};\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseGlobalStyleLinks,\n\tBackgroundPanel: StylesBackgroundPanel,\n} = unlock( blockEditorPrivateApis );\n\n/\n Checks if there is a current value in the background image block support\n * attributes.\n \n @param {Object} style Style attribute.\n * @return {boolean} Whether the block has a background image value set.\n */\nexport function hasBackgroundImageValue( style ) {\n\treturn (\n\t\t!! style?.background?.backgroundImage?.id \|\|\n\t\t!! style?.background?.backgroundImage?.url \|\|\n\t\ttypeof style?.background?.backgroundImage === 'string'\n\t);\n}\n\nexport default function BackgroundPanel() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst _links = useGlobalStyleLinks();\n\tconst [ settings ] = useGlobalSetting( '' );\n\n\~~tconst defaultControls = {\n\t\tbackgroundImage: true,\n\t\tbackgroundSize:\n\t\t\thasBackgroundImageValue( style ) \|\|\n\t\t\thasBackgroundImageValue( inheritedStyle ),\n\t};\n\n\~~treturn (\n\t\t<StylesBackgroundPanel\n\t\t\tinheritedValue={ inheritedStyle }\n\t\t\tvalue={ style }\n\t\t\tonChange={ setStyle }\n\t\t\tsettings={ settings }\n\t\t\tdefaultValues={ BACKGROUND_DEFAULT_VALUES }\n\t\t\~~tdefaultControls={ defaultControls }\n\t\t\~~tthemeFileURIs={ _links?.[ 'wp:theme-file' ] }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAA2C,IAAAE,WAAA,GAAAF,OAAA;AAR3C;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA,MAAMG,yBAAyB,GAAG;EACjCC,cAAc,EAAE;AACjB,CAAC;AAED,MAAM;EACLC,cAAc;EACdC,gBAAgB;EAChBC,mBAAmB;EACnBC,eAAe,EAAEC;AAClB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,uBAAuBA,CAAEC,KAAK,EAAG;EAChD,OACC,CAAC,CAAEA,KAAK,EAAEC,UAAU,EAAEC,eAAe,EAAEC,EAAE,IACzC,CAAC,CAAEH,KAAK,EAAEC,UAAU,EAAEC,eAAe,EAAEE,GAAG,IAC1C,OAAOJ,KAAK,EAAEC,UAAU,EAAEC,eAAe,KAAK,QAAQ;AAExD;AAEe,SAASP,eAAeA,CAAA,EAAG;EACzC,MAAM,CAAEK,KAAK,CAAE,GAAGR,cAAc,CAAE,EAAE,EAAEa,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGhB,cAAc,CAAE,EAAE,EAAEa,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAMG,MAAM,GAAGf,mBAAmB,CAAC,CAAC;EACpC,MAAM,CAAEgB,QAAQ,CAAE,GAAGjB,gBAAgB,CAAE,EAAG,CAAC;EAE3C,~~MAAMkB,eAAe,GAAG;IACvBT,eAAe,EAAE,IAAI;IACrBX,cAAc,EACbQ,uBAAuB,CAAEC,KAAM,CAAC,IAChCD,uBAAuB,CAAEQ,cAAe;EAC1C,CAAC;EAED,~~oBACC,~~IAAAlB~~,WAAA,~~CAAAuB~~,GAAA,~~EAAChB~~,qBAAqB;~~IACrBiB~~,cAAc,~~EAAGN~~,cAAgB;~~IACjCO~~,KAAK,~~EAAGd~~,KAAO;~~IACfe~~,QAAQ,~~EAAGP~~,QAAU;IACrBE,QAAQ,EAAGA,QAAU;~~IACrBM~~,aAAa,~~EAAG1B~~,yBAA2B;~~IAC3CqB~~,~~eAAe,EAAGA,eAAiB;IACnCM,~~aAAa,~~EAAGR~~,MAAM,GAAI,eAAe;EAAI,CAC7C,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["_blockEditor","require","_lockUnlock","_jsxRuntime","BACKGROUND_DEFAULT_VALUES","backgroundSize","useGlobalStyle","useGlobalSetting","useGlobalStyleLinks","BackgroundPanel","StylesBackgroundPanel","unlock","blockEditorPrivateApis","hasBackgroundImageValue","style","background","backgroundImage","id","url","undefined","shouldDecodeEncode","inheritedStyle","setStyle","_links","settings","jsx","inheritedValue","value","onChange","defaultValues","themeFileURIs"],"sources":["@wordpress/edit-site/src/components/global-styles/background-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\n\n// Initial control values where no block style is set.\nconst BACKGROUND_DEFAULT_VALUES = {\n\tbackgroundSize: 'auto',\n};\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseGlobalStyleLinks,\n\tBackgroundPanel: StylesBackgroundPanel,\n} = unlock( blockEditorPrivateApis );\n\n/\n Checks if there is a current value in the background image block support\n * attributes.\n \n @param {Object} style Style attribute.\n * @return {boolean} Whether the block has a background image value set.\n */\nexport function hasBackgroundImageValue( style ) {\n\treturn (\n\t\t!! style?.background?.backgroundImage?.id \|\|\n\t\t!! style?.background?.backgroundImage?.url \|\|\n\t\ttypeof style?.background?.backgroundImage === 'string'\n\t);\n}\n\nexport default function BackgroundPanel() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst _links = useGlobalStyleLinks();\n\tconst [ settings ] = useGlobalSetting( '' );\n\n\treturn (\n\t\t<StylesBackgroundPanel\n\t\t\tinheritedValue={ inheritedStyle }\n\t\t\tvalue={ style }\n\t\t\tonChange={ setStyle }\n\t\t\tsettings={ settings }\n\t\t\tdefaultValues={ BACKGROUND_DEFAULT_VALUES }\n\t\t\tthemeFileURIs={ _links?.[ 'wp:theme-file' ] }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAA2C,IAAAE,WAAA,GAAAF,OAAA;AAR3C;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA,MAAMG,yBAAyB,GAAG;EACjCC,cAAc,EAAE;AACjB,CAAC;AAED,MAAM;EACLC,cAAc;EACdC,gBAAgB;EAChBC,mBAAmB;EACnBC,eAAe,EAAEC;AAClB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,uBAAuBA,CAAEC,KAAK,EAAG;EAChD,OACC,CAAC,CAAEA,KAAK,EAAEC,UAAU,EAAEC,eAAe,EAAEC,EAAE,IACzC,CAAC,CAAEH,KAAK,EAAEC,UAAU,EAAEC,eAAe,EAAEE,GAAG,IAC1C,OAAOJ,KAAK,EAAEC,UAAU,EAAEC,eAAe,KAAK,QAAQ;AAExD;AAEe,SAASP,eAAeA,CAAA,EAAG;EACzC,MAAM,CAAEK,KAAK,CAAE,GAAGR,cAAc,CAAE,EAAE,EAAEa,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGhB,cAAc,CAAE,EAAE,EAAEa,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAMG,MAAM,GAAGf,mBAAmB,CAAC,CAAC;EACpC,MAAM,CAAEgB,QAAQ,CAAE,GAAGjB,gBAAgB,CAAE,EAAG,CAAC;EAE3C,oBACC,IAAAJ,WAAA,CAAAsB,GAAA,EAACf,qBAAqB;IACrBgB,cAAc,EAAGL,cAAgB;IACjCM,KAAK,EAAGb,KAAO;IACfc,QAAQ,EAAGN,QAAU;IACrBE,QAAQ,EAAGA,QAAU;IACrBK,aAAa,EAAGzB,yBAA2B;IAC3C0B,aAAa,EAAGP,MAAM,GAAI,eAAe;EAAI,CAC7C,CAAC;AAEJ","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,13 @@ const {
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 function FontFamilies() {
   const {
+    baseCustomFonts,
     modalTabOpen,
-    setModalTabOpen
+    setModalTabOpen,
+    setNotice
   } = (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 +45,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, {
           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, {
+          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: () => {
+          // Reset notice when opening the modal.
+          setNotice(null);
+          setModalTabOpen(hasInstalledFonts ? 'installed-fonts' : 'upload-fonts');
+        },
+        children: hasInstalledFonts ? (0, _i18n.__)('Manage fonts') : (0, _i18n.__)('Add fonts')
       })]
     })]
   });

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_blockEditor","_element","_context","_interopRequireWildcard","_fontLibraryModal","_interopRequireDefault","_fontFamilyItem","_subtitle","_utils","_lockUnlock","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useGlobalSetting","unlock","blockEditorPrivateApis","FontFamilies","modalTabOpen","setModalTabOpen","useContext","FontLibraryContext","fontFamilies","themeFonts","theme","map","f","setUIValuesNeeded","source","sort","b","name","localeCompare","customFonts","custom","hasFonts","length","jsxs","Fragment","children","jsx","onRequestClose","defaultTabId","__experimentalVStack","spacing","level","__","__experimentalItemGroup","isBordered","isSeparated","font","slug","Button","className","variant","__next40pxDefaultSize","onClick","_default","props","exports"],"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":"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","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_components","_blockEditor","_element","_context","_interopRequireWildcard","_fontLibraryModal","_interopRequireDefault","_fontFamilyItem","_subtitle","_utils","_lockUnlock","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useGlobalSetting","unlock","blockEditorPrivateApis","FontFamilies","baseCustomFonts","modalTabOpen","setModalTabOpen","setNotice","useContext","FontLibraryContext","fontFamilies","baseFontFamilies","undefined","themeFonts","theme","map","f","setUIValuesNeeded","source","sort","b","name","localeCompare","customFonts","custom","hasFonts","length","hasInstalledFonts","jsxs","Fragment","children","jsx","onRequestClose","defaultTabId","__experimentalVStack","spacing","level","_x","__experimentalItemGroup","isBordered","isSeparated","font","slug","__","__experimentalText","as","Button","className","variant","__next40pxDefaultSize","onClick","_default","props","exports"],"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, setNotice } =\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 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 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\t// Reset notice when opening the modal.\n\t\t\t\t\t\tsetNotice( null );\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/components/global-styles/font-library-modal/font-collection.js CHANGED Viewed

@@ -321,40 +321,33 @@ function FontCollection({
         })]
       }), selectedFont && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Flex, {
         justify: "flex-end",
-        className: "font-library-modal__tabpanel-layout__footer",
+        className: "font-library-modal__footer",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
           variant: "primary",
           onClick: handleInstall,
           isBusy: isInstalling,
           disabled: fontsToInstall.length === 0 || isInstalling,
-          __experimentalIsFocusable: true,
+          accessibleWhenDisabled: true,
           children: (0, _i18n.__)('Install')
         })
-      }), !selectedFont && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
+      }), !selectedFont && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        spacing: 4,
         justify: "center",
-        className: "font-library-modal__tabpanel-layout__footer",
+        className: "font-library-modal__footer",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          label: (0, _i18n.__)('First page'),
-          size: "compact",
-          onClick: () => setPage(1),
-          disabled: page === 1,
-          __experimentalIsFocusable: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            children: "\xAB"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
           label: (0, _i18n.__)('Previous page'),
           size: "compact",
           onClick: () => setPage(page - 1),
           disabled: page === 1,
-          __experimentalIsFocusable: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            children: "\u2039"
-          })
+          showTooltip: true,
+          accessibleWhenDisabled: true,
+          icon: _icons.chevronLeft,
+          tooltipPosition: "top"
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
           justify: "flex-start",
           expanded: false,
           spacing: 2,
+          className: "font-library-modal__page-selection",
           children: (0, _element.createInterpolateElement)((0, _i18n.sprintf)(
           // translators: %s: Total number of pages.
           (0, _i18n._x)('Page <CurrentPageControl /> of %s', 'paging'), totalPages), {
@@ -377,19 +370,9 @@ function FontCollection({
           size: "compact",
           onClick: () => setPage(page + 1),
           disabled: page === totalPages,
-          __experimentalIsFocusable: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            children: "\u203A"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          label: (0, _i18n.__)('Last page'),
-          size: "compact",
-          onClick: () => setPage(totalPages),
-          disabled: page === totalPages,
-          __experimentalIsFocusable: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            children: "\xBB"
-          })
+          accessibleWhenDisabled: true,
+          icon: _icons.chevronRight,
+          tooltipPosition: "top"
         })]
       })]
     })]

package/build/components/global-styles/font-library-modal/font-collection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_components","_compose","_i18n","_icons","_context","_fontCard","_interopRequireDefault","_filterFonts","_toggleFont","_fontsOutline","_googleFontsConfirmDialog","_utils","_sortFontFaces","_collectionFontVariant","_jsxRuntime","DEFAULT_CATEGORY","slug","name","_x","LOCAL_STORAGE_ITEM","MIN_WINDOW_HEIGHT","FontCollection","_selectedCollection$c","requiresPermission","getGoogleFontsPermissionFromStorage","window","localStorage","getItem","selectedFont","setSelectedFont","useState","fontsToInstall","setFontsToInstall","page","setPage","filters","setFilters","renderConfirmDialog","setRenderConfirmDialog","collections","getFontCollection","installFonts","isInstalling","notice","setNotice","useContext","FontLibraryContext","selectedCollection","find","collection","useEffect","handleStorage","addEventListener","removeEventListener","revokeAccess","setItem","dispatchEvent","Event","fetchFontCollection","resetFilters","e","type","message","collectionFonts","useMemo","_selectedCollection$f","font_families","collectionCategories","categories","fonts","filterFonts","isLoading","windowHeight","Math","max","innerHeight","pageSize","floor","totalPages","ceil","length","itemsStart","itemsLimit","items","slice","handleCategoryFilter","category","handleUpdateSearchInput","value","search","debouncedUpdateSearchInput","debounce","handleToggleVariant","font","face","newFontsToInstall","toggleFont","fontToInstallOutline","getFontsOutline","resetFontsToInstall","handleInstall","fontFamily","fontFace","Promise","all","map","src","file","downloadFontFaceAssets","error","__","getSortedFontFaces","fontStyle","fontWeight","sortFontFaces","jsx","default","ActionsComponent","DropdownMenu","icon","moreVertical","label","popoverProps","position","controls","title","onClick","jsxs","className","children","ProgressBar","Fragment","__experimentalNavigatorProvider","initialPath","__experimentalNavigatorScreen","path","__experimentalHStack","justify","__experimentalVStack","__experimentalHeading","level","size","__experimentalText","description","__experimentalSpacer","margin","Flex","FlexItem","SearchControl","placeholder","onChange","__nextHasNoMarginBottom","hideLabelFromVision","SelectControl","role","font_family_settings","navigatorPath","__experimentalNavigatorToParentButton","chevronLeft","Notice","status","onRemove","spacing","i","selected","isFontFontFaceInOutline","Button","variant","isBusy","disabled","__experimentalIsFocusable","expanded","createInterpolateElement","sprintf","CurrentPageControl","options","Array","newPage","parseInt","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/font-collection.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tuseContext,\n\tuseEffect,\n\tuseState,\n\tuseMemo,\n\tcreateInterpolateElement,\n} from '@wordpress/element';\nimport {\n\t__experimentalSpacer as Spacer,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalNavigatorToParentButton as NavigatorToParentButton,\n\t__experimentalHeading as Heading,\n\tNotice,\n\tSelectControl,\n\tFlexItem,\n\tFlex,\n\tButton,\n\tDropdownMenu,\n\tSearchControl,\n\tProgressBar,\n} from '@wordpress/components';\nimport { debounce } from '@wordpress/compose';\nimport { sprintf, __, _x } from '@wordpress/i18n';\nimport { moreVertical, chevronLeft } from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport { FontLibraryContext } from './context';\nimport FontCard from './font-card';\nimport filterFonts from './utils/filter-fonts';\nimport { toggleFont } from './utils/toggleFont';\nimport {\n\tgetFontsOutline,\n\tisFontFontFaceInOutline,\n} from './utils/fonts-outline';\nimport GoogleFontsConfirmDialog from './google-fonts-confirm-dialog';\nimport { downloadFontFaceAssets } from './utils';\nimport { sortFontFaces } from './utils/sort-font-faces';\nimport CollectionFontVariant from './collection-font-variant';\n\nconst DEFAULT_CATEGORY = {\n\tslug: 'all',\n\tname: _x( 'All', 'font categories' ),\n};\n\nconst LOCAL_STORAGE_ITEM = 'wp-font-library-google-fonts-permission';\nconst MIN_WINDOW_HEIGHT = 500;\n\nfunction FontCollection( { slug } ) {\n\tconst requiresPermission = slug === 'google-fonts';\n\n\tconst getGoogleFontsPermissionFromStorage = () => {\n\t\treturn window.localStorage.getItem( LOCAL_STORAGE_ITEM ) === 'true';\n\t};\n\n\tconst [ selectedFont, setSelectedFont ] = useState( null );\n\tconst [ fontsToInstall, setFontsToInstall ] = useState( [] );\n\tconst [ page, setPage ] = useState( 1 );\n\tconst [ filters, setFilters ] = useState( {} );\n\tconst [ renderConfirmDialog, setRenderConfirmDialog ] = useState(\n\t\trequiresPermission && ! getGoogleFontsPermissionFromStorage()\n\t);\n\tconst {\n\t\tcollections,\n\t\tgetFontCollection,\n\t\tinstallFonts,\n\t\tisInstalling,\n\t\tnotice,\n\t\tsetNotice,\n\t} = useContext( FontLibraryContext );\n\tconst selectedCollection = collections.find(\n\t\t( collection ) => collection.slug === slug\n\t);\n\n\tuseEffect( () => {\n\t\tconst handleStorage = () => {\n\t\t\tsetRenderConfirmDialog(\n\t\t\t\trequiresPermission && ! getGoogleFontsPermissionFromStorage()\n\t\t\t);\n\t\t};\n\t\thandleStorage();\n\t\twindow.addEventListener( 'storage', handleStorage );\n\t\treturn () => window.removeEventListener( 'storage', handleStorage );\n\t}, [ slug, requiresPermission ] );\n\n\tconst revokeAccess = () => {\n\t\twindow.localStorage.setItem( LOCAL_STORAGE_ITEM, 'false' );\n\t\twindow.dispatchEvent( new Event( 'storage' ) );\n\t};\n\n\tuseEffect( () => {\n\t\tconst fetchFontCollection = async () => {\n\t\t\ttry {\n\t\t\t\tawait getFontCollection( slug );\n\t\t\t\tresetFilters();\n\t\t\t} catch ( e ) {\n\t\t\t\tif ( ! notice ) {\n\t\t\t\t\tsetNotice( {\n\t\t\t\t\t\ttype: 'error',\n\t\t\t\t\t\tmessage: e?.message,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t\tfetchFontCollection();\n\t}, [ slug, getFontCollection, setNotice, notice ] );\n\n\tuseEffect( () => {\n\t\tsetSelectedFont( null );\n\t\tsetNotice( null );\n\t}, [ slug, setNotice ] );\n\n\tuseEffect( () => {\n\t\t// If the selected fonts change, reset the selected fonts to install\n\t\tsetFontsToInstall( [] );\n\t}, [ selectedFont ] );\n\n\tconst collectionFonts = useMemo(\n\t\t() => selectedCollection?.font_families ?? [],\n\t\t[ selectedCollection ]\n\t);\n\tconst collectionCategories = selectedCollection?.categories ?? [];\n\n\tconst categories = [ DEFAULT_CATEGORY, ...collectionCategories ];\n\n\tconst fonts = useMemo(\n\t\t() => filterFonts( collectionFonts, filters ),\n\t\t[ collectionFonts, filters ]\n\t);\n\n\tconst isLoading = ! selectedCollection?.font_families && ! notice;\n\n\t// NOTE: The height of the font library modal unavailable to use for rendering font family items is roughly 417px\n\t// The height of each font family item is 61px.\n\tconst windowHeight = Math.max( window.innerHeight, MIN_WINDOW_HEIGHT );\n\tconst pageSize = Math.floor( ( windowHeight - 417 ) / 61 );\n\tconst totalPages = Math.ceil( fonts.length / pageSize );\n\tconst itemsStart = ( page - 1 ) pageSize;\n\tconst itemsLimit = page * pageSize;\n\tconst items = fonts.slice( itemsStart, itemsLimit );\n\n\tconst handleCategoryFilter = ( category ) => {\n\t\tsetFilters( { ...filters, category } );\n\t\tsetPage( 1 );\n\t};\n\n\tconst handleUpdateSearchInput = ( value ) => {\n\t\tsetFilters( { ...filters, search: value } );\n\t\tsetPage( 1 );\n\t};\n\n\tconst debouncedUpdateSearchInput = debounce( handleUpdateSearchInput, 300 );\n\n\tconst resetFilters = () => {\n\t\tsetFilters( {} );\n\t\tsetPage( 1 );\n\t};\n\n\tconst handleToggleVariant = ( font, face ) => {\n\t\tconst newFontsToInstall = toggleFont( font, face, fontsToInstall );\n\t\tsetFontsToInstall( newFontsToInstall );\n\t};\n\n\tconst fontToInstallOutline = getFontsOutline( fontsToInstall );\n\n\tconst resetFontsToInstall = () => {\n\t\tsetFontsToInstall( [] );\n\t};\n\n\tconst handleInstall = async () => {\n\t\tsetNotice( null );\n\n\t\tconst fontFamily = fontsToInstall[ 0 ];\n\n\t\ttry {\n\t\t\tif ( fontFamily?.fontFace ) {\n\t\t\t\tawait Promise.all(\n\t\t\t\t\tfontFamily.fontFace.map( async ( fontFace ) => {\n\t\t\t\t\t\tif ( fontFace.src ) {\n\t\t\t\t\t\t\tfontFace.file = await downloadFontFaceAssets(\n\t\t\t\t\t\t\t\tfontFace.src\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}\n\t\t} catch ( error ) {\n\t\t\t// If any of the fonts fail to download,\n\t\t\t// show an error notice and stop the request from being sent.\n\t\t\tsetNotice( {\n\t\t\t\ttype: 'error',\n\t\t\t\tmessage: __(\n\t\t\t\t\t'Error installing the fonts, could not be downloaded.'\n\t\t\t\t),\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tawait installFonts( [ fontFamily ] );\n\t\t\tsetNotice( {\n\t\t\t\ttype: 'success',\n\t\t\t\tmessage: __( 'Fonts were installed successfully.' ),\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tsetNotice( {\n\t\t\t\ttype: 'error',\n\t\t\t\tmessage: error.message,\n\t\t\t} );\n\t\t}\n\t\tresetFontsToInstall();\n\t};\n\n\tconst getSortedFontFaces = ( fontFamily ) => {\n\t\tif ( ! fontFamily ) {\n\t\t\treturn [];\n\t\t}\n\t\tif ( ! fontFamily.fontFace \|\| ! fontFamily.fontFace.length ) {\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tfontFamily: fontFamily.fontFamily,\n\t\t\t\t\tfontStyle: 'normal',\n\t\t\t\t\tfontWeight: '400',\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\t\treturn sortFontFaces( fontFamily.fontFace );\n\t};\n\n\tif ( renderConfirmDialog ) {\n\t\treturn <GoogleFontsConfirmDialog />;\n\t}\n\n\tconst ActionsComponent = () => {\n\t\tif ( slug !== 'google-fonts' \|\| renderConfirmDialog \|\| selectedFont ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tposition: 'bottom left',\n\t\t\t\t} }\n\t\t\t\tcontrols={ [\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: __( 'Revoke access to Google Fonts' ),\n\t\t\t\t\t\tonClick: revokeAccess,\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t/>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div className=\"font-library-modal__tabpanel-layout\">\n\t\t\t{ isLoading && (\n\t\t\t\t<div className=\"font-library-modal__loading\">\n\t\t\t\t\t<ProgressBar />\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t{ ! isLoading && (\n\t\t\t\t<>\n\t\t\t\t\t<NavigatorProvider\n\t\t\t\t\t\tinitialPath=\"/\"\n\t\t\t\t\t\tclassName=\"font-library-modal__tabpanel-layout\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<NavigatorScreen path=\"/\">\n\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t<VStack>\n\t\t\t\t\t\t\t\t\t<Heading level={ 2 } size={ 13 }>\n\t\t\t\t\t\t\t\t\t\t{ selectedCollection.name }\n\t\t\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t\t\t{ selectedCollection.description }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t\t<ActionsComponent />\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t<Spacer margin={ 4 } />\n\t\t\t\t\t\t\t<Flex>\n\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t<SearchControl\n\t\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__search\"\n\t\t\t\t\t\t\t\t\t\tvalue={ filters.search }\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Font name…' ) }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Search' ) }\n\t\t\t\t\t\t\t\t\t\tonChange={ debouncedUpdateSearchInput }\n\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\thideLabelFromVision={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ filters.category }\n\t\t\t\t\t\t\t\t\t\tonChange={ handleCategoryFilter }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ categories &&\n\t\t\t\t\t\t\t\t\t\t\tcategories.map( ( category ) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={ category.slug }\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ category.slug }\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{ category.name }\n\t\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t\t</SelectControl>\n\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t</Flex>\n\n\t\t\t\t\t\t\t<Spacer margin={ 4 } />\n\n\t\t\t\t\t\t\t{ !! selectedCollection?.font_families?.length &&\n\t\t\t\t\t\t\t\t! fonts.length && (\n\t\t\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'No fonts found. Try with a different search term'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t\t<div className=\"font-library-modal__fonts-grid__main\">\n\t\t\t\t\t\t\t\t{ /\n\t\t\t\t\t\t\t\t Disable reason: The `list` ARIA role is redundant but\n\t\t\t\t\t\t\t\t * Safari+VoiceOver won't announce the list otherwise.\n\t\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\t\t/ eslint-disable jsx-a11y/no-redundant-roles / }\n\t\t\t\t\t\t\t\t<ul\n\t\t\t\t\t\t\t\t\trole=\"list\"\n\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__fonts-list\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ items.map( ( font ) => (\n\t\t\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\t\t\tkey={\n\t\t\t\t\t\t\t\t\t\t\t\tfont.font_family_settings.slug\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__fonts-list-item\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<FontCard\n\t\t\t\t\t\t\t\t\t\t\t\tfont={\n\t\t\t\t\t\t\t\t\t\t\t\t\tfont.font_family_settings\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\tnavigatorPath=\"/fontFamily\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedFont(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont.font_family_settings\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</li>\n\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t{ / eslint-enable jsx-a11y/no-redundant-roles */ }{ ' ' }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</NavigatorScreen>\n\n\t\t\t\t\t\t<NavigatorScreen path=\"/fontFamily\">\n\t\t\t\t\t\t\t<Flex justify=\"flex-start\">\n\t\t\t\t\t\t\t\t<NavigatorToParentButton\n\t\t\t\t\t\t\t\t\ticon={ chevronLeft }\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetSelectedFont( null );\n\t\t\t\t\t\t\t\t\t\tsetNotice( null );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\t\t\t\t\tsize={ 13 }\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-header\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ selectedFont?.name }\n\t\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t</Flex>\n\t\t\t\t\t\t\t{ notice && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<Spacer margin={ 1 } />\n\t\t\t\t\t\t\t\t\t<Notice\n\t\t\t\t\t\t\t\t\t\tstatus={ notice.type }\n\t\t\t\t\t\t\t\t\t\tonRemove={ () => setNotice( null ) }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ notice.message }\n\t\t\t\t\t\t\t\t\t</Notice>\n\t\t\t\t\t\t\t\t\t<Spacer margin={ 1 } />\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<Spacer margin={ 4 } />\n\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t{ __( 'Select font variants to install.' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Spacer margin={ 4 } />\n\t\t\t\t\t\t\t<VStack spacing={ 0 }>\n\t\t\t\t\t\t\t\t<Spacer margin={ 8 } />\n\t\t\t\t\t\t\t\t{ getSortedFontFaces( selectedFont ).map(\n\t\t\t\t\t\t\t\t\t( face, i ) => (\n\t\t\t\t\t\t\t\t\t\t<CollectionFontVariant\n\t\t\t\t\t\t\t\t\t\t\tfont={ selectedFont }\n\t\t\t\t\t\t\t\t\t\t\tface={ face }\n\t\t\t\t\t\t\t\t\t\t\tkey={ `face${ i }` }\n\t\t\t\t\t\t\t\t\t\t\thandleToggleVariant={\n\t\t\t\t\t\t\t\t\t\t\t\thandleToggleVariant\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tselected={ isFontFontFaceInOutline(\n\t\t\t\t\t\t\t\t\t\t\t\tselectedFont.slug,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedFont.fontFace\n\t\t\t\t\t\t\t\t\t\t\t\t\t? face\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null, // If the font has no fontFace, we want to check if the font is in the outline\n\t\t\t\t\t\t\t\t\t\t\t\tfontToInstallOutline\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</VStack>\n\t\t\t\t\t\t\t<Spacer margin={ 16 } />\n\t\t\t\t\t\t</NavigatorScreen>\n\t\t\t\t\t</NavigatorProvider>\n\n\t\t\t\t\t{ selectedFont && (\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\tclassName=\"font-library-modal__tabpanel-layout__footer\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tonClick={ handleInstall }\n\t\t\t\t\t\t\t\tisBusy={ isInstalling }\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\tfontsToInstall.length === 0 \|\| isInstalling\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Install' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! selectedFont && (\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\t\tclassName=\"font-library-modal__tabpanel-layout__footer\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'First page' ) }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tonClick={ () => setPage( 1 ) }\n\t\t\t\t\t\t\t\tdisabled={ page === 1 }\n\t\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span>«</span>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Previous page' ) }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tonClick={ () => setPage( page - 1 ) }\n\t\t\t\t\t\t\t\tdisabled={ page === 1 }\n\t\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span>‹</span>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t\t// translators: %s: Total number of pages.\n\t\t\t\t\t\t\t\t\t\t_x(\n\t\t\t\t\t\t\t\t\t\t\t'Page <CurrentPageControl /> of %s',\n\t\t\t\t\t\t\t\t\t\t\t'paging'\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\ttotalPages\n\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\tCurrentPageControl: (\n\t\t\t\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Current page'\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\tvalue={ page }\n\t\t\t\t\t\t\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t\t\t\t\t\t\t...Array( totalPages ),\n\t\t\t\t\t\t\t\t\t\t\t\t].map( ( e, i ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: i + 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: i + 1,\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\tonChange={ ( newPage ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetPage(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseInt( newPage )\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\tsize=\"compact\"\n\t\t\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\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</HStack>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Next page' ) }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tonClick={ () => setPage( page + 1 ) }\n\t\t\t\t\t\t\t\tdisabled={ page === totalPages }\n\t\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span>›</span>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Last page' ) }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tonClick={ () => setPage( totalPages ) }\n\t\t\t\t\t\t\t\tdisabled={ page === totalPages }\n\t\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span>»</span>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default FontCollection;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_element","require","_components","_compose","_i18n","_icons","_context","_fontCard","_interopRequireDefault","_filterFonts","_toggleFont","_fontsOutline","_googleFontsConfirmDialog","_utils","_sortFontFaces","_collectionFontVariant","_jsxRuntime","DEFAULT_CATEGORY","slug","name","_x","LOCAL_STORAGE_ITEM","MIN_WINDOW_HEIGHT","FontCollection","_selectedCollection$c","requiresPermission","getGoogleFontsPermissionFromStorage","window","localStorage","getItem","selectedFont","setSelectedFont","useState","fontsToInstall","setFontsToInstall","page","setPage","filters","setFilters","renderConfirmDialog","setRenderConfirmDialog","collections","getFontCollection","installFonts","isInstalling","notice","setNotice","useContext","FontLibraryContext","selectedCollection","find","collection","useEffect","handleStorage","addEventListener","removeEventListener","revokeAccess","setItem","dispatchEvent","Event","fetchFontCollection","resetFilters","e","type","message","collectionFonts","useMemo","_selectedCollection$f","font_families","collectionCategories","categories","fonts","filterFonts","isLoading","windowHeight","Math","max","innerHeight","pageSize","floor","totalPages","ceil","length","itemsStart","itemsLimit","items","slice","handleCategoryFilter","category","handleUpdateSearchInput","value","search","debouncedUpdateSearchInput","debounce","handleToggleVariant","font","face","newFontsToInstall","toggleFont","fontToInstallOutline","getFontsOutline","resetFontsToInstall","handleInstall","fontFamily","fontFace","Promise","all","map","src","file","downloadFontFaceAssets","error","__","getSortedFontFaces","fontStyle","fontWeight","sortFontFaces","jsx","default","ActionsComponent","DropdownMenu","icon","moreVertical","label","popoverProps","position","controls","title","onClick","jsxs","className","children","ProgressBar","Fragment","__experimentalNavigatorProvider","initialPath","__experimentalNavigatorScreen","path","__experimentalHStack","justify","__experimentalVStack","__experimentalHeading","level","size","__experimentalText","description","__experimentalSpacer","margin","Flex","FlexItem","SearchControl","placeholder","onChange","__nextHasNoMarginBottom","hideLabelFromVision","SelectControl","role","font_family_settings","navigatorPath","__experimentalNavigatorToParentButton","chevronLeft","Notice","status","onRemove","spacing","i","selected","isFontFontFaceInOutline","Button","variant","isBusy","disabled","accessibleWhenDisabled","showTooltip","tooltipPosition","expanded","createInterpolateElement","sprintf","CurrentPageControl","options","Array","newPage","parseInt","chevronRight","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/font-collection.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tuseContext,\n\tuseEffect,\n\tuseState,\n\tuseMemo,\n\tcreateInterpolateElement,\n} from '@wordpress/element';\nimport {\n\t__experimentalSpacer as Spacer,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalNavigatorToParentButton as NavigatorToParentButton,\n\t__experimentalHeading as Heading,\n\tNotice,\n\tSelectControl,\n\tFlexItem,\n\tFlex,\n\tButton,\n\tDropdownMenu,\n\tSearchControl,\n\tProgressBar,\n} from '@wordpress/components';\nimport { debounce } from '@wordpress/compose';\nimport { sprintf, __, _x } from '@wordpress/i18n';\nimport { moreVertical, chevronLeft, chevronRight } from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport { FontLibraryContext } from './context';\nimport FontCard from './font-card';\nimport filterFonts from './utils/filter-fonts';\nimport { toggleFont } from './utils/toggleFont';\nimport {\n\tgetFontsOutline,\n\tisFontFontFaceInOutline,\n} from './utils/fonts-outline';\nimport GoogleFontsConfirmDialog from './google-fonts-confirm-dialog';\nimport { downloadFontFaceAssets } from './utils';\nimport { sortFontFaces } from './utils/sort-font-faces';\nimport CollectionFontVariant from './collection-font-variant';\n\nconst DEFAULT_CATEGORY = {\n\tslug: 'all',\n\tname: _x( 'All', 'font categories' ),\n};\n\nconst LOCAL_STORAGE_ITEM = 'wp-font-library-google-fonts-permission';\nconst MIN_WINDOW_HEIGHT = 500;\n\nfunction FontCollection( { slug } ) {\n\tconst requiresPermission = slug === 'google-fonts';\n\n\tconst getGoogleFontsPermissionFromStorage = () => {\n\t\treturn window.localStorage.getItem( LOCAL_STORAGE_ITEM ) === 'true';\n\t};\n\n\tconst [ selectedFont, setSelectedFont ] = useState( null );\n\tconst [ fontsToInstall, setFontsToInstall ] = useState( [] );\n\tconst [ page, setPage ] = useState( 1 );\n\tconst [ filters, setFilters ] = useState( {} );\n\tconst [ renderConfirmDialog, setRenderConfirmDialog ] = useState(\n\t\trequiresPermission && ! getGoogleFontsPermissionFromStorage()\n\t);\n\tconst {\n\t\tcollections,\n\t\tgetFontCollection,\n\t\tinstallFonts,\n\t\tisInstalling,\n\t\tnotice,\n\t\tsetNotice,\n\t} = useContext( FontLibraryContext );\n\tconst selectedCollection = collections.find(\n\t\t( collection ) => collection.slug === slug\n\t);\n\n\tuseEffect( () => {\n\t\tconst handleStorage = () => {\n\t\t\tsetRenderConfirmDialog(\n\t\t\t\trequiresPermission && ! getGoogleFontsPermissionFromStorage()\n\t\t\t);\n\t\t};\n\t\thandleStorage();\n\t\twindow.addEventListener( 'storage', handleStorage );\n\t\treturn () => window.removeEventListener( 'storage', handleStorage );\n\t}, [ slug, requiresPermission ] );\n\n\tconst revokeAccess = () => {\n\t\twindow.localStorage.setItem( LOCAL_STORAGE_ITEM, 'false' );\n\t\twindow.dispatchEvent( new Event( 'storage' ) );\n\t};\n\n\tuseEffect( () => {\n\t\tconst fetchFontCollection = async () => {\n\t\t\ttry {\n\t\t\t\tawait getFontCollection( slug );\n\t\t\t\tresetFilters();\n\t\t\t} catch ( e ) {\n\t\t\t\tif ( ! notice ) {\n\t\t\t\t\tsetNotice( {\n\t\t\t\t\t\ttype: 'error',\n\t\t\t\t\t\tmessage: e?.message,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t\tfetchFontCollection();\n\t}, [ slug, getFontCollection, setNotice, notice ] );\n\n\tuseEffect( () => {\n\t\tsetSelectedFont( null );\n\t\tsetNotice( null );\n\t}, [ slug, setNotice ] );\n\n\tuseEffect( () => {\n\t\t// If the selected fonts change, reset the selected fonts to install\n\t\tsetFontsToInstall( [] );\n\t}, [ selectedFont ] );\n\n\tconst collectionFonts = useMemo(\n\t\t() => selectedCollection?.font_families ?? [],\n\t\t[ selectedCollection ]\n\t);\n\tconst collectionCategories = selectedCollection?.categories ?? [];\n\n\tconst categories = [ DEFAULT_CATEGORY, ...collectionCategories ];\n\n\tconst fonts = useMemo(\n\t\t() => filterFonts( collectionFonts, filters ),\n\t\t[ collectionFonts, filters ]\n\t);\n\n\tconst isLoading = ! selectedCollection?.font_families && ! notice;\n\n\t// NOTE: The height of the font library modal unavailable to use for rendering font family items is roughly 417px\n\t// The height of each font family item is 61px.\n\tconst windowHeight = Math.max( window.innerHeight, MIN_WINDOW_HEIGHT );\n\tconst pageSize = Math.floor( ( windowHeight - 417 ) / 61 );\n\tconst totalPages = Math.ceil( fonts.length / pageSize );\n\tconst itemsStart = ( page - 1 ) pageSize;\n\tconst itemsLimit = page * pageSize;\n\tconst items = fonts.slice( itemsStart, itemsLimit );\n\n\tconst handleCategoryFilter = ( category ) => {\n\t\tsetFilters( { ...filters, category } );\n\t\tsetPage( 1 );\n\t};\n\n\tconst handleUpdateSearchInput = ( value ) => {\n\t\tsetFilters( { ...filters, search: value } );\n\t\tsetPage( 1 );\n\t};\n\n\tconst debouncedUpdateSearchInput = debounce( handleUpdateSearchInput, 300 );\n\n\tconst resetFilters = () => {\n\t\tsetFilters( {} );\n\t\tsetPage( 1 );\n\t};\n\n\tconst handleToggleVariant = ( font, face ) => {\n\t\tconst newFontsToInstall = toggleFont( font, face, fontsToInstall );\n\t\tsetFontsToInstall( newFontsToInstall );\n\t};\n\n\tconst fontToInstallOutline = getFontsOutline( fontsToInstall );\n\n\tconst resetFontsToInstall = () => {\n\t\tsetFontsToInstall( [] );\n\t};\n\n\tconst handleInstall = async () => {\n\t\tsetNotice( null );\n\n\t\tconst fontFamily = fontsToInstall[ 0 ];\n\n\t\ttry {\n\t\t\tif ( fontFamily?.fontFace ) {\n\t\t\t\tawait Promise.all(\n\t\t\t\t\tfontFamily.fontFace.map( async ( fontFace ) => {\n\t\t\t\t\t\tif ( fontFace.src ) {\n\t\t\t\t\t\t\tfontFace.file = await downloadFontFaceAssets(\n\t\t\t\t\t\t\t\tfontFace.src\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}\n\t\t} catch ( error ) {\n\t\t\t// If any of the fonts fail to download,\n\t\t\t// show an error notice and stop the request from being sent.\n\t\t\tsetNotice( {\n\t\t\t\ttype: 'error',\n\t\t\t\tmessage: __(\n\t\t\t\t\t'Error installing the fonts, could not be downloaded.'\n\t\t\t\t),\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tawait installFonts( [ fontFamily ] );\n\t\t\tsetNotice( {\n\t\t\t\ttype: 'success',\n\t\t\t\tmessage: __( 'Fonts were installed successfully.' ),\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tsetNotice( {\n\t\t\t\ttype: 'error',\n\t\t\t\tmessage: error.message,\n\t\t\t} );\n\t\t}\n\t\tresetFontsToInstall();\n\t};\n\n\tconst getSortedFontFaces = ( fontFamily ) => {\n\t\tif ( ! fontFamily ) {\n\t\t\treturn [];\n\t\t}\n\t\tif ( ! fontFamily.fontFace \|\| ! fontFamily.fontFace.length ) {\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tfontFamily: fontFamily.fontFamily,\n\t\t\t\t\tfontStyle: 'normal',\n\t\t\t\t\tfontWeight: '400',\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\t\treturn sortFontFaces( fontFamily.fontFace );\n\t};\n\n\tif ( renderConfirmDialog ) {\n\t\treturn <GoogleFontsConfirmDialog />;\n\t}\n\n\tconst ActionsComponent = () => {\n\t\tif ( slug !== 'google-fonts' \|\| renderConfirmDialog \|\| selectedFont ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tposition: 'bottom left',\n\t\t\t\t} }\n\t\t\t\tcontrols={ [\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: __( 'Revoke access to Google Fonts' ),\n\t\t\t\t\t\tonClick: revokeAccess,\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t/>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div className=\"font-library-modal__tabpanel-layout\">\n\t\t\t{ isLoading && (\n\t\t\t\t<div className=\"font-library-modal__loading\">\n\t\t\t\t\t<ProgressBar />\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t{ ! isLoading && (\n\t\t\t\t<>\n\t\t\t\t\t<NavigatorProvider\n\t\t\t\t\t\tinitialPath=\"/\"\n\t\t\t\t\t\tclassName=\"font-library-modal__tabpanel-layout\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<NavigatorScreen path=\"/\">\n\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t<VStack>\n\t\t\t\t\t\t\t\t\t<Heading level={ 2 } size={ 13 }>\n\t\t\t\t\t\t\t\t\t\t{ selectedCollection.name }\n\t\t\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t\t\t{ selectedCollection.description }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t\t<ActionsComponent />\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t<Spacer margin={ 4 } />\n\t\t\t\t\t\t\t<Flex>\n\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t<SearchControl\n\t\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__search\"\n\t\t\t\t\t\t\t\t\t\tvalue={ filters.search }\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Font name…' ) }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Search' ) }\n\t\t\t\t\t\t\t\t\t\tonChange={ debouncedUpdateSearchInput }\n\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\thideLabelFromVision={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ filters.category }\n\t\t\t\t\t\t\t\t\t\tonChange={ handleCategoryFilter }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ categories &&\n\t\t\t\t\t\t\t\t\t\t\tcategories.map( ( category ) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={ category.slug }\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ category.slug }\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{ category.name }\n\t\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t\t</SelectControl>\n\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t</Flex>\n\n\t\t\t\t\t\t\t<Spacer margin={ 4 } />\n\n\t\t\t\t\t\t\t{ !! selectedCollection?.font_families?.length &&\n\t\t\t\t\t\t\t\t! fonts.length && (\n\t\t\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'No fonts found. Try with a different search term'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t\t<div className=\"font-library-modal__fonts-grid__main\">\n\t\t\t\t\t\t\t\t{ /\n\t\t\t\t\t\t\t\t Disable reason: The `list` ARIA role is redundant but\n\t\t\t\t\t\t\t\t * Safari+VoiceOver won't announce the list otherwise.\n\t\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\t\t/ eslint-disable jsx-a11y/no-redundant-roles / }\n\t\t\t\t\t\t\t\t<ul\n\t\t\t\t\t\t\t\t\trole=\"list\"\n\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__fonts-list\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ items.map( ( font ) => (\n\t\t\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\t\t\tkey={\n\t\t\t\t\t\t\t\t\t\t\t\tfont.font_family_settings.slug\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__fonts-list-item\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<FontCard\n\t\t\t\t\t\t\t\t\t\t\t\tfont={\n\t\t\t\t\t\t\t\t\t\t\t\t\tfont.font_family_settings\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\tnavigatorPath=\"/fontFamily\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedFont(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont.font_family_settings\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</li>\n\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t{ / eslint-enable jsx-a11y/no-redundant-roles */ }{ ' ' }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</NavigatorScreen>\n\n\t\t\t\t\t\t<NavigatorScreen path=\"/fontFamily\">\n\t\t\t\t\t\t\t<Flex justify=\"flex-start\">\n\t\t\t\t\t\t\t\t<NavigatorToParentButton\n\t\t\t\t\t\t\t\t\ticon={ chevronLeft }\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetSelectedFont( null );\n\t\t\t\t\t\t\t\t\t\tsetNotice( null );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\t\t\t\t\tsize={ 13 }\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-header\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ selectedFont?.name }\n\t\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t</Flex>\n\t\t\t\t\t\t\t{ notice && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<Spacer margin={ 1 } />\n\t\t\t\t\t\t\t\t\t<Notice\n\t\t\t\t\t\t\t\t\t\tstatus={ notice.type }\n\t\t\t\t\t\t\t\t\t\tonRemove={ () => setNotice( null ) }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ notice.message }\n\t\t\t\t\t\t\t\t\t</Notice>\n\t\t\t\t\t\t\t\t\t<Spacer margin={ 1 } />\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<Spacer margin={ 4 } />\n\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t{ __( 'Select font variants to install.' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Spacer margin={ 4 } />\n\t\t\t\t\t\t\t<VStack spacing={ 0 }>\n\t\t\t\t\t\t\t\t<Spacer margin={ 8 } />\n\t\t\t\t\t\t\t\t{ getSortedFontFaces( selectedFont ).map(\n\t\t\t\t\t\t\t\t\t( face, i ) => (\n\t\t\t\t\t\t\t\t\t\t<CollectionFontVariant\n\t\t\t\t\t\t\t\t\t\t\tfont={ selectedFont }\n\t\t\t\t\t\t\t\t\t\t\tface={ face }\n\t\t\t\t\t\t\t\t\t\t\tkey={ `face${ i }` }\n\t\t\t\t\t\t\t\t\t\t\thandleToggleVariant={\n\t\t\t\t\t\t\t\t\t\t\t\thandleToggleVariant\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tselected={ isFontFontFaceInOutline(\n\t\t\t\t\t\t\t\t\t\t\t\tselectedFont.slug,\n\t\t\t\t\t\t\t\t\t\t\t\tselectedFont.fontFace\n\t\t\t\t\t\t\t\t\t\t\t\t\t? face\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null, // If the font has no fontFace, we want to check if the font is in the outline\n\t\t\t\t\t\t\t\t\t\t\t\tfontToInstallOutline\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</VStack>\n\t\t\t\t\t\t\t<Spacer margin={ 16 } />\n\t\t\t\t\t\t</NavigatorScreen>\n\t\t\t\t\t</NavigatorProvider>\n\n\t\t\t\t\t{ selectedFont && (\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\tclassName=\"font-library-modal__footer\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tonClick={ handleInstall }\n\t\t\t\t\t\t\t\tisBusy={ isInstalling }\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\tfontsToInstall.length === 0 \|\| isInstalling\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Install' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! selectedFont && (\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tspacing={ 4 }\n\t\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\t\tclassName=\"font-library-modal__footer\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Previous page' ) }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tonClick={ () => setPage( page - 1 ) }\n\t\t\t\t\t\t\t\tdisabled={ page === 1 }\n\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\ticon={ chevronLeft }\n\t\t\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\t\t\t\tclassName=\"font-library-modal__page-selection\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t\t// translators: %s: Total number of pages.\n\t\t\t\t\t\t\t\t\t\t_x(\n\t\t\t\t\t\t\t\t\t\t\t'Page <CurrentPageControl /> of %s',\n\t\t\t\t\t\t\t\t\t\t\t'paging'\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\ttotalPages\n\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\tCurrentPageControl: (\n\t\t\t\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Current page'\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\tvalue={ page }\n\t\t\t\t\t\t\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t\t\t\t\t\t\t...Array( totalPages ),\n\t\t\t\t\t\t\t\t\t\t\t\t].map( ( e, i ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: i + 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: i + 1,\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\tonChange={ ( newPage ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetPage(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseInt( newPage )\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\tsize=\"compact\"\n\t\t\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\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</HStack>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Next page' ) }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tonClick={ () => setPage( page + 1 ) }\n\t\t\t\t\t\t\t\tdisabled={ page === totalPages }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\ticon={ chevronRight }\n\t\t\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default FontCollection;\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/font-library-modal/index.js CHANGED Viewed

@@ -51,10 +51,10 @@ function FontLibraryModal({
     setNotice
   } = (0, _element.useContext)(_context.FontLibraryContext);
   const canUserCreate = (0, _data.useSelect)(select => {
-    const {
-      canUser
-    } = select(_coreData.store);
-    return canUser('create', 'font-families');
+    return select(_coreData.store).canUser('create', {
+      kind: 'postType',
+      name: 'wp_font_family'
+    });
   }, []);
   const tabs = [DEFAULT_TAB];
   if (canUserCreate) {