@wordpress/edit-site 6.9.0 → 6.11.0

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

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

package/build-module/components/editor/use-adapt-editor-to-canvas.js

@@ -0,0 +1,42 @@
+/**
+ * WordPress dependencies
+ */
+import { useDispatch, useSelect, useRegistry } from '@wordpress/data';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+import { store as editorStore } from '@wordpress/editor';
+import { useLayoutEffect } from '@wordpress/element';
+import { store as preferencesStore } from '@wordpress/preferences';
+export function useAdaptEditorToCanvas(canvas) {
+  const {
+    clearSelectedBlock
+  } = useDispatch(blockEditorStore);
+  const {
+    setDeviceType,
+    closePublishSidebar,
+    setIsListViewOpened,
+    setIsInserterOpened
+  } = useDispatch(editorStore);
+  const {
+    get: getPreference
+  } = useSelect(preferencesStore);
+  const registry = useRegistry();
+  useLayoutEffect(() => {
+    const isMediumOrBigger = window.matchMedia('(min-width: 782px)').matches;
+    registry.batch(() => {
+      clearSelectedBlock();
+      setDeviceType('Desktop');
+      closePublishSidebar();
+      setIsInserterOpened(false);
+
+      // Check if the block list view should be open by default.
+      // If `distractionFree` mode is enabled, the block list view should not be open.
+      // This behavior is disabled for small viewports.
+      if (isMediumOrBigger && canvas === 'edit' && getPreference('core', 'showListViewByDefault') && !getPreference('core', 'distractionFree')) {
+        setIsListViewOpened(true);
+      } else {
+        setIsListViewOpened(false);
+      }
+    });
+  }, [canvas, registry, clearSelectedBlock, setDeviceType, closePublishSidebar, setIsInserterOpened, setIsListViewOpened, getPreference]);
+}
+//# sourceMappingURL=use-adapt-editor-to-canvas.js.map

package/build-module/components/editor/use-adapt-editor-to-canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDispatch","useSelect","useRegistry","store","blockEditorStore","editorStore","useLayoutEffect","preferencesStore","useAdaptEditorToCanvas","canvas","clearSelectedBlock","setDeviceType","closePublishSidebar","setIsListViewOpened","setIsInserterOpened","get","getPreference","registry","isMediumOrBigger","window","matchMedia","matches","batch"],"sources":["@wordpress/edit-site/src/components/editor/use-adapt-editor-to-canvas.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect, useRegistry } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useLayoutEffect } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport function useAdaptEditorToCanvas( canvas ) {\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst {\n\t\tsetDeviceType,\n\t\tclosePublishSidebar,\n\t\tsetIsListViewOpened,\n\t\tsetIsInserterOpened,\n\t} = useDispatch( editorStore );\n\tconst { get: getPreference } = useSelect( preferencesStore );\n\tconst registry = useRegistry();\n\tuseLayoutEffect( () => {\n\t\tconst isMediumOrBigger =\n\t\t\twindow.matchMedia( '(min-width: 782px)' ).matches;\n\t\tregistry.batch( () => {\n\t\t\tclearSelectedBlock();\n\t\t\tsetDeviceType( 'Desktop' );\n\t\t\tclosePublishSidebar();\n\t\t\tsetIsInserterOpened( false );\n\n\t\t\t// Check if the block list view should be open by default.\n\t\t\t// If `distractionFree` mode is enabled, the block list view should not be open.\n\t\t\t// This behavior is disabled for small viewports.\n\t\t\tif (\n\t\t\t\tisMediumOrBigger &&\n\t\t\t\tcanvas === 'edit' &&\n\t\t\t\tgetPreference( 'core', 'showListViewByDefault' ) &&\n\t\t\t\t! getPreference( 'core', 'distractionFree' )\n\t\t\t) {\n\t\t\t\tsetIsListViewOpened( true );\n\t\t\t} else {\n\t\t\t\tsetIsListViewOpened( false );\n\t\t\t}\n\t\t} );\n\t}, [\n\t\tcanvas,\n\t\tregistry,\n\t\tclearSelectedBlock,\n\t\tsetDeviceType,\n\t\tclosePublishSidebar,\n\t\tsetIsInserterOpened,\n\t\tsetIsListViewOpened,\n\t\tgetPreference,\n\t] );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACrE,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASD,KAAK,IAAIE,WAAW,QAAQ,mBAAmB;AACxD,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASH,KAAK,IAAII,gBAAgB,QAAQ,wBAAwB;AAElE,OAAO,SAASC,sBAAsBA,CAAEC,MAAM,EAAG;EAChD,MAAM;IAAEC;EAAmB,CAAC,GAAGV,WAAW,CAAEI,gBAAiB,CAAC;EAC9D,MAAM;IACLO,aAAa;IACbC,mBAAmB;IACnBC,mBAAmB;IACnBC;EACD,CAAC,GAAGd,WAAW,CAAEK,WAAY,CAAC;EAC9B,MAAM;IAAEU,GAAG,EAAEC;EAAc,CAAC,GAAGf,SAAS,CAAEM,gBAAiB,CAAC;EAC5D,MAAMU,QAAQ,GAAGf,WAAW,CAAC,CAAC;EAC9BI,eAAe,CAAE,MAAM;IACtB,MAAMY,gBAAgB,GACrBC,MAAM,CAACC,UAAU,CAAE,oBAAqB,CAAC,CAACC,OAAO;IAClDJ,QAAQ,CAACK,KAAK,CAAE,MAAM;MACrBZ,kBAAkB,CAAC,CAAC;MACpBC,aAAa,CAAE,SAAU,CAAC;MAC1BC,mBAAmB,CAAC,CAAC;MACrBE,mBAAmB,CAAE,KAAM,CAAC;;MAE5B;MACA;MACA;MACA,IACCI,gBAAgB,IAChBT,MAAM,KAAK,MAAM,IACjBO,aAAa,CAAE,MAAM,EAAE,uBAAwB,CAAC,IAChD,CAAEA,aAAa,CAAE,MAAM,EAAE,iBAAkB,CAAC,EAC3C;QACDH,mBAAmB,CAAE,IAAK,CAAC;MAC5B,CAAC,MAAM;QACNA,mBAAmB,CAAE,KAAM,CAAC;MAC7B;IACD,CAAE,CAAC;EACJ,CAAC,EAAE,CACFJ,MAAM,EACNQ,QAAQ,EACRP,kBAAkB,EAClBC,aAAa,EACbC,mBAAmB,EACnBE,mBAAmB,EACnBD,mBAAmB,EACnBG,aAAa,CACZ,CAAC;AACJ","ignoreList":[]}

package/build-module/components/editor/use-editor-title.js

@@ -1,7 +1,7 @@
 /**
  * WordPress dependencies
  */
-import { __, sprintf } from '@wordpress/i18n';
+import { _x, sprintf } from '@wordpress/i18n';
 
 /**
  * Internal dependencies
@@ -19,8 +19,8 @@ function useEditorTitle() {
   if (hasLoadedPost) {
     var _POST_TYPE_LABELS$edi;
     title = sprintf(
-    // translators: A breadcrumb trail for the Admin document title. %1$s: title of template being edited, %2$s: type of template (Template or Template Part).
-    __('%1$s ‹ %2$s'), getTitle(), (_POST_TYPE_LABELS$edi = POST_TYPE_LABELS[editedPost.type]) !== null && _POST_TYPE_LABELS$edi !== void 0 ? _POST_TYPE_LABELS$edi : POST_TYPE_LABELS[TEMPLATE_POST_TYPE]);
+    // translators: A breadcrumb trail for the Admin document title. 1: title of template being edited, 2: type of template (Template or Template Part).
+    _x('%1$s ‹ %2$s', 'breadcrumb trail'), getTitle(), (_POST_TYPE_LABELS$edi = POST_TYPE_LABELS[editedPost.type]) !== null && _POST_TYPE_LABELS$edi !== void 0 ? _POST_TYPE_LABELS$edi : POST_TYPE_LABELS[TEMPLATE_POST_TYPE]);
   }
 
   // Only announce the title once the editor is ready to prevent "Replace"

package/build-module/components/editor/use-editor-title.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","sprintf","useEditedEntityRecord","useTitle","POST_TYPE_LABELS","TEMPLATE_POST_TYPE","useEditorTitle","record","editedPost","getTitle","isLoaded","hasLoadedPost","title","_POST_TYPE_LABELS$edi","type"],"sources":["@wordpress/edit-site/src/components/editor/use-editor-title.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useEditedEntityRecord from '../use-edited-entity-record';\nimport useTitle from '../routes/use-title';\nimport { POST_TYPE_LABELS, TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nfunction useEditorTitle() {\n\tconst {\n\t\trecord: editedPost,\n\t\tgetTitle,\n\t\tisLoaded: hasLoadedPost,\n\t} = useEditedEntityRecord();\n\tlet title;\n\tif ( hasLoadedPost ) {\n\t\ttitle = sprintf(\n\t\t\t// translators: A breadcrumb trail for the Admin document title. %1$s: title of template being edited, %2$s: type of template (Template or Template Part).\n\t\t\t__( '%1$s ‹ %2$s' ),\n\t\t\tgetTitle(),\n\t\t\tPOST_TYPE_LABELS[ editedPost.type ] ??\n\t\t\t\tPOST_TYPE_LABELS[ TEMPLATE_POST_TYPE ]\n\t\t);\n\t}\n\n\t// Only announce the title once the editor is ready to prevent \"Replace\"\n\t// action in <URLQueryController> from double-announcing.\n\tuseTitle( hasLoadedPost && title );\n}\n\nexport default useEditorTitle;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,OAAOC,qBAAqB,MAAM,6BAA6B;AAC/D,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,uBAAuB;AAE5E,SAASC,cAAcA,CAAA,EAAG;EACzB,MAAM;IACLC,MAAM,EAAEC,UAAU;IAClBC,QAAQ;IACRC,QAAQ,EAAEC;EACX,CAAC,GAAGT,qBAAqB,CAAC,CAAC;EAC3B,IAAIU,KAAK;EACT,IAAKD,aAAa,EAAG;IAAA,IAAAE,qBAAA;IACpBD,KAAK,GAAGX,OAAO;IACd;IACAD,EAAE,CAAE,aAAc,CAAC,EACnBS,QAAQ,CAAC,CAAC,GAAAI,qBAAA,GACVT,gBAAgB,CAAEI,UAAU,CAACM,IAAI,CAAE,cAAAD,qBAAA,cAAAA,qBAAA,GAClCT,gBAAgB,CAAEC,kBAAkB,CACtC,CAAC;EACF;;EAEA;EACA;EACAF,QAAQ,CAAEQ,aAAa,IAAIC,KAAM,CAAC;AACnC;AAEA,eAAeN,cAAc","ignoreList":[]}
+{"version":3,"names":["_x","sprintf","useEditedEntityRecord","useTitle","POST_TYPE_LABELS","TEMPLATE_POST_TYPE","useEditorTitle","record","editedPost","getTitle","isLoaded","hasLoadedPost","title","_POST_TYPE_LABELS$edi","type"],"sources":["@wordpress/edit-site/src/components/editor/use-editor-title.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _x, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useEditedEntityRecord from '../use-edited-entity-record';\nimport useTitle from '../routes/use-title';\nimport { POST_TYPE_LABELS, TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nfunction useEditorTitle() {\n\tconst {\n\t\trecord: editedPost,\n\t\tgetTitle,\n\t\tisLoaded: hasLoadedPost,\n\t} = useEditedEntityRecord();\n\tlet title;\n\tif ( hasLoadedPost ) {\n\t\ttitle = sprintf(\n\t\t\t// translators: A breadcrumb trail for the Admin document title. 1: title of template being edited, 2: type of template (Template or Template Part).\n\t\t\t_x( '%1$s ‹ %2$s', 'breadcrumb trail' ),\n\t\t\tgetTitle(),\n\t\t\tPOST_TYPE_LABELS[ editedPost.type ] ??\n\t\t\t\tPOST_TYPE_LABELS[ TEMPLATE_POST_TYPE ]\n\t\t);\n\t}\n\n\t// Only announce the title once the editor is ready to prevent \"Replace\"\n\t// action in <URLQueryController> from double-announcing.\n\tuseTitle( hasLoadedPost && title );\n}\n\nexport default useEditorTitle;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,OAAOC,qBAAqB,MAAM,6BAA6B;AAC/D,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,uBAAuB;AAE5E,SAASC,cAAcA,CAAA,EAAG;EACzB,MAAM;IACLC,MAAM,EAAEC,UAAU;IAClBC,QAAQ;IACRC,QAAQ,EAAEC;EACX,CAAC,GAAGT,qBAAqB,CAAC,CAAC;EAC3B,IAAIU,KAAK;EACT,IAAKD,aAAa,EAAG;IAAA,IAAAE,qBAAA;IACpBD,KAAK,GAAGX,OAAO;IACd;IACAD,EAAE,CAAE,aAAa,EAAE,kBAAmB,CAAC,EACvCS,QAAQ,CAAC,CAAC,GAAAI,qBAAA,GACVT,gBAAgB,CAAEI,UAAU,CAACM,IAAI,CAAE,cAAAD,qBAAA,cAAAA,qBAAA,GAClCT,gBAAgB,CAAEC,kBAAkB,CACtC,CAAC;EACF;;EAEA;EACA;EACAF,QAAQ,CAAEQ,aAAa,IAAIC,KAAM,CAAC;AACnC;AAEA,eAAeN,cAAc","ignoreList":[]}

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

@@ -16,8 +16,7 @@ import { store as editorStore, privateApis as editorPrivateApis } from '@wordpre
  */
 import { unlock } from '../../lock-unlock';
 import { store as editSiteStore } from '../../store';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   EditorContentSlotFill,
   ResizableEditor

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

@@ -1 +1 @@
-{"version":3,"names":["Children","cloneElement","useState","Button","__experimentalUseSlotFills","useSlotFills","ESCAPE","__","useDispatch","useSelect","closeSmall","useFocusOnMount","useFocusReturn","store","preferencesStore","editorStore","privateApis","editorPrivateApis","unlock","editSiteStore","jsx","_jsx","jsxs","_jsxs","EditorContentSlotFill","ResizableEditor","getEditorCanvasContainerTitle","view","EditorCanvasContainer","children","closeButtonLabel","onClose","enableResizing","editorCanvasContainerView","showListViewByDefault","select","_editorCanvasContainerView","getEditorCanvasContainerView","_showListViewByDefault","get","isClosed","setIsClosed","setEditorCanvasContainerView","setIsListViewOpened","focusOnMountRef","sectionFocusReturnRef","onCloseContainer","undefined","closeOnEscape","event","keyCode","defaultPrevented","preventDefault","childrenWithProps","Array","isArray","map","child","index","ref","title","shouldShowCloseButton","Fill","className","onKeyDown","size","icon","label","onClick","useHasEditorCanvasContainer","fills","privateKey","length"],"sources":["@wordpress/edit-site/src/components/editor-canvas-container/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Children, cloneElement, useState } from '@wordpress/element';\nimport {\n\tButton,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { closeSmall } from '@wordpress/icons';\nimport { useFocusOnMount, useFocusReturn } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst { EditorContentSlotFill, ResizableEditor } = unlock( editorPrivateApis );\n\n/**\n * Returns a translated string for the title of the editor canvas container.\n *\n * @param {string} view Editor canvas container view.\n *\n * @return {Object} Translated string for the view title and associated icon, both defaulting to ''.\n */\nfunction getEditorCanvasContainerTitle( view ) {\n\tswitch ( view ) {\n\t\tcase 'style-book':\n\t\t\treturn __( 'Style Book' );\n\t\tcase 'global-styles-revisions':\n\t\tcase 'global-styles-revisions:style-book':\n\t\t\treturn __( 'Style Revisions' );\n\t\tdefault:\n\t\t\treturn '';\n\t}\n}\n\nfunction EditorCanvasContainer( {\n\tchildren,\n\tcloseButtonLabel,\n\tonClose,\n\tenableResizing = false,\n} ) {\n\tconst { editorCanvasContainerView, showListViewByDefault } = useSelect(\n\t\t( select ) => {\n\t\t\tconst _editorCanvasContainerView = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView();\n\n\t\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showListViewByDefault'\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\teditorCanvasContainerView: _editorCanvasContainerView,\n\t\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst [ isClosed, setIsClosed ] = useState( false );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\tconst sectionFocusReturnRef = useFocusReturn();\n\n\tfunction onCloseContainer() {\n\t\tsetIsListViewOpened( showListViewByDefault );\n\t\tsetEditorCanvasContainerView( undefined );\n\t\tsetIsClosed( true );\n\t\tif ( typeof onClose === 'function' ) {\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tfunction closeOnEscape( event ) {\n\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\tevent.preventDefault();\n\t\t\tonCloseContainer();\n\t\t}\n\t}\n\n\tconst childrenWithProps = Array.isArray( children )\n\t\t? Children.map( children, ( child, index ) =>\n\t\t\t\tindex === 0\n\t\t\t\t\t? cloneElement( child, {\n\t\t\t\t\t\t\tref: sectionFocusReturnRef,\n\t\t\t\t\t  } )\n\t\t\t\t\t: child\n\t\t  )\n\t\t: cloneElement( children, {\n\t\t\t\tref: sectionFocusReturnRef,\n\t\t  } );\n\n\tif ( isClosed ) {\n\t\treturn null;\n\t}\n\n\tconst title = getEditorCanvasContainerTitle( editorCanvasContainerView );\n\tconst shouldShowCloseButton = onClose || closeButtonLabel;\n\n\treturn (\n\t\t<EditorContentSlotFill.Fill>\n\t\t\t<div className=\"edit-site-editor-canvas-container\">\n\t\t\t\t<ResizableEditor enableResizing={ enableResizing }>\n\t\t\t\t\t{ /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */ }\n\t\t\t\t\t<section\n\t\t\t\t\t\tclassName=\"edit-site-editor-canvas-container__section\"\n\t\t\t\t\t\tref={ shouldShowCloseButton ? focusOnMountRef : null }\n\t\t\t\t\t\tonKeyDown={ closeOnEscape }\n\t\t\t\t\t\taria-label={ title }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ shouldShowCloseButton && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-editor-canvas-container__close-button\"\n\t\t\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\t\t\tlabel={ closeButtonLabel || __( 'Close' ) }\n\t\t\t\t\t\t\t\tonClick={ onCloseContainer }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ childrenWithProps }\n\t\t\t\t\t</section>\n\t\t\t\t</ResizableEditor>\n\t\t\t</div>\n\t\t</EditorContentSlotFill.Fill>\n\t);\n}\n\nfunction useHasEditorCanvasContainer() {\n\tconst fills = useSlotFills( EditorContentSlotFill.privateKey );\n\treturn !! fills?.length;\n}\n\nexport default EditorCanvasContainer;\nexport { useHasEditorCanvasContainer, getEditorCanvasContainerTitle };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Children","cloneElement","useState","Button","__experimentalUseSlotFills","useSlotFills","ESCAPE","__","useDispatch","useSelect","closeSmall","useFocusOnMount","useFocusReturn","store","preferencesStore","editorStore","privateApis","editorPrivateApis","unlock","editSiteStore","jsx","_jsx","jsxs","_jsxs","EditorContentSlotFill","ResizableEditor","getEditorCanvasContainerTitle","view","EditorCanvasContainer","children","closeButtonLabel","onClose","enableResizing","editorCanvasContainerView","showListViewByDefault","select","_editorCanvasContainerView","getEditorCanvasContainerView","_showListViewByDefault","get","isClosed","setIsClosed","setEditorCanvasContainerView","setIsListViewOpened","focusOnMountRef","sectionFocusReturnRef","onCloseContainer","undefined","closeOnEscape","event","keyCode","defaultPrevented","preventDefault","childrenWithProps","Array","isArray","map","child","index","ref","title","shouldShowCloseButton","Fill","className","onKeyDown","size","icon","label","onClick","useHasEditorCanvasContainer","fills","privateKey","length"],"sources":["@wordpress/edit-site/src/components/editor-canvas-container/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Children, cloneElement, useState } from '@wordpress/element';\nimport {\n\tButton,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { closeSmall } from '@wordpress/icons';\nimport { useFocusOnMount, useFocusReturn } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst { EditorContentSlotFill, ResizableEditor } = unlock( editorPrivateApis );\n\n/**\n * Returns a translated string for the title of the editor canvas container.\n *\n * @param {string} view Editor canvas container view.\n *\n * @return {Object} Translated string for the view title and associated icon, both defaulting to ''.\n */\nfunction getEditorCanvasContainerTitle( view ) {\n\tswitch ( view ) {\n\t\tcase 'style-book':\n\t\t\treturn __( 'Style Book' );\n\t\tcase 'global-styles-revisions':\n\t\tcase 'global-styles-revisions:style-book':\n\t\t\treturn __( 'Style Revisions' );\n\t\tdefault:\n\t\t\treturn '';\n\t}\n}\n\nfunction EditorCanvasContainer( {\n\tchildren,\n\tcloseButtonLabel,\n\tonClose,\n\tenableResizing = false,\n} ) {\n\tconst { editorCanvasContainerView, showListViewByDefault } = useSelect(\n\t\t( select ) => {\n\t\t\tconst _editorCanvasContainerView = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView();\n\n\t\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showListViewByDefault'\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\teditorCanvasContainerView: _editorCanvasContainerView,\n\t\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst [ isClosed, setIsClosed ] = useState( false );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\tconst sectionFocusReturnRef = useFocusReturn();\n\n\tfunction onCloseContainer() {\n\t\tsetIsListViewOpened( showListViewByDefault );\n\t\tsetEditorCanvasContainerView( undefined );\n\t\tsetIsClosed( true );\n\t\tif ( typeof onClose === 'function' ) {\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tfunction closeOnEscape( event ) {\n\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\tevent.preventDefault();\n\t\t\tonCloseContainer();\n\t\t}\n\t}\n\n\tconst childrenWithProps = Array.isArray( children )\n\t\t? Children.map( children, ( child, index ) =>\n\t\t\t\tindex === 0\n\t\t\t\t\t? cloneElement( child, {\n\t\t\t\t\t\t\tref: sectionFocusReturnRef,\n\t\t\t\t\t  } )\n\t\t\t\t\t: child\n\t\t  )\n\t\t: cloneElement( children, {\n\t\t\t\tref: sectionFocusReturnRef,\n\t\t  } );\n\n\tif ( isClosed ) {\n\t\treturn null;\n\t}\n\n\tconst title = getEditorCanvasContainerTitle( editorCanvasContainerView );\n\tconst shouldShowCloseButton = onClose || closeButtonLabel;\n\n\treturn (\n\t\t<EditorContentSlotFill.Fill>\n\t\t\t<div className=\"edit-site-editor-canvas-container\">\n\t\t\t\t<ResizableEditor enableResizing={ enableResizing }>\n\t\t\t\t\t{ /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */ }\n\t\t\t\t\t<section\n\t\t\t\t\t\tclassName=\"edit-site-editor-canvas-container__section\"\n\t\t\t\t\t\tref={ shouldShowCloseButton ? focusOnMountRef : null }\n\t\t\t\t\t\tonKeyDown={ closeOnEscape }\n\t\t\t\t\t\taria-label={ title }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ shouldShowCloseButton && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-editor-canvas-container__close-button\"\n\t\t\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\t\t\tlabel={ closeButtonLabel || __( 'Close' ) }\n\t\t\t\t\t\t\t\tonClick={ onCloseContainer }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ childrenWithProps }\n\t\t\t\t\t</section>\n\t\t\t\t</ResizableEditor>\n\t\t\t</div>\n\t\t</EditorContentSlotFill.Fill>\n\t);\n}\n\nfunction useHasEditorCanvasContainer() {\n\tconst fills = useSlotFills( EditorContentSlotFill.privateKey );\n\treturn !! fills?.length;\n}\n\nexport default EditorCanvasContainer;\nexport { useHasEditorCanvasContainer, getEditorCanvasContainerTitle };\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,YAAY,EAAEC,QAAQ,QAAQ,oBAAoB;AACrE,SACCC,MAAM,EACNC,0BAA0B,IAAIC,YAAY,QACpC,uBAAuB;AAC9B,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,eAAe,EAAEC,cAAc,QAAQ,oBAAoB;AACpE,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAClE,SACCD,KAAK,IAAIE,WAAW,EACpBC,WAAW,IAAIC,iBAAiB,QAC1B,mBAAmB;;AAE1B;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASL,KAAK,IAAIM,aAAa,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErD,MAAM;EAAEC,qBAAqB;EAAEC;AAAgB,CAAC,GAAGP,MAAM,CAAED,iBAAkB,CAAC;;AAE9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASS,6BAA6BA,CAAEC,IAAI,EAAG;EAC9C,QAASA,IAAI;IACZ,KAAK,YAAY;MAChB,OAAOpB,EAAE,CAAE,YAAa,CAAC;IAC1B,KAAK,yBAAyB;IAC9B,KAAK,oCAAoC;MACxC,OAAOA,EAAE,CAAE,iBAAkB,CAAC;IAC/B;MACC,OAAO,EAAE;EACX;AACD;AAEA,SAASqB,qBAAqBA,CAAE;EAC/BC,QAAQ;EACRC,gBAAgB;EAChBC,OAAO;EACPC,cAAc,GAAG;AAClB,CAAC,EAAG;EACH,MAAM;IAAEC,yBAAyB;IAAEC;EAAsB,CAAC,GAAGzB,SAAS,CACnE0B,MAAM,IAAM;IACb,MAAMC,0BAA0B,GAAGlB,MAAM,CACxCiB,MAAM,CAAEhB,aAAc,CACvB,CAAC,CAACkB,4BAA4B,CAAC,CAAC;IAEhC,MAAMC,sBAAsB,GAAGH,MAAM,CAAErB,gBAAiB,CAAC,CAACyB,GAAG,CAC5D,MAAM,EACN,uBACD,CAAC;IAED,OAAO;MACNN,yBAAyB,EAAEG,0BAA0B;MACrDF,qBAAqB,EAAEI;IACxB,CAAC;EACF,CAAC,EACD,EACD,CAAC;EACD,MAAM,CAAEE,QAAQ,EAAEC,WAAW,CAAE,GAAGvC,QAAQ,CAAE,KAAM,CAAC;EACnD,MAAM;IAAEwC;EAA6B,CAAC,GAAGxB,MAAM,CAC9CV,WAAW,CAAEW,aAAc,CAC5B,CAAC;EACD,MAAM;IAAEwB;EAAoB,CAAC,GAAGnC,WAAW,CAAEO,WAAY,CAAC;EAE1D,MAAM6B,eAAe,GAAGjC,eAAe,CAAE,cAAe,CAAC;EACzD,MAAMkC,qBAAqB,GAAGjC,cAAc,CAAC,CAAC;EAE9C,SAASkC,gBAAgBA,CAAA,EAAG;IAC3BH,mBAAmB,CAAET,qBAAsB,CAAC;IAC5CQ,4BAA4B,CAAEK,SAAU,CAAC;IACzCN,WAAW,CAAE,IAAK,CAAC;IACnB,IAAK,OAAOV,OAAO,KAAK,UAAU,EAAG;MACpCA,OAAO,CAAC,CAAC;IACV;EACD;EAEA,SAASiB,aAAaA,CAAEC,KAAK,EAAG;IAC/B,IAAKA,KAAK,CAACC,OAAO,KAAK5C,MAAM,IAAI,CAAE2C,KAAK,CAACE,gBAAgB,EAAG;MAC3DF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBN,gBAAgB,CAAC,CAAC;IACnB;EACD;EAEA,MAAMO,iBAAiB,GAAGC,KAAK,CAACC,OAAO,CAAE1B,QAAS,CAAC,GAChD7B,QAAQ,CAACwD,GAAG,CAAE3B,QAAQ,EAAE,CAAE4B,KAAK,EAAEC,KAAK,KACtCA,KAAK,KAAK,CAAC,GACRzD,YAAY,CAAEwD,KAAK,EAAE;IACrBE,GAAG,EAAEd;EACL,CAAE,CAAC,GACHY,KACH,CAAC,GACDxD,YAAY,CAAE4B,QAAQ,EAAE;IACxB8B,GAAG,EAAEd;EACL,CAAE,CAAC;EAEN,IAAKL,QAAQ,EAAG;IACf,OAAO,IAAI;EACZ;EAEA,MAAMoB,KAAK,GAAGlC,6BAA6B,CAAEO,yBAA0B,CAAC;EACxE,MAAM4B,qBAAqB,GAAG9B,OAAO,IAAID,gBAAgB;EAEzD,oBACCT,IAAA,CAACG,qBAAqB,CAACsC,IAAI;IAAAjC,QAAA,eAC1BR,IAAA;MAAK0C,SAAS,EAAC,mCAAmC;MAAAlC,QAAA,eACjDR,IAAA,CAACI,eAAe;QAACO,cAAc,EAAGA,cAAgB;QAAAH,QAAA,eAEjDN,KAAA;UACCwC,SAAS,EAAC,4CAA4C;UACtDJ,GAAG,EAAGE,qBAAqB,GAAGjB,eAAe,GAAG,IAAM;UACtDoB,SAAS,EAAGhB,aAAe;UAC3B,cAAaY,KAAO;UAAA/B,QAAA,GAElBgC,qBAAqB,iBACtBxC,IAAA,CAAClB,MAAM;YACN8D,IAAI,EAAC,SAAS;YACdF,SAAS,EAAC,iDAAiD;YAC3DG,IAAI,EAAGxD,UAAY;YACnByD,KAAK,EAAGrC,gBAAgB,IAAIvB,EAAE,CAAE,OAAQ,CAAG;YAC3C6D,OAAO,EAAGtB;UAAkB,CAC5B,CACD,EACCO,iBAAiB;QAAA,CACX;MAAC,CACM;IAAC,CACd;EAAC,CACqB,CAAC;AAE/B;AAEA,SAASgB,2BAA2BA,CAAA,EAAG;EACtC,MAAMC,KAAK,GAAGjE,YAAY,CAAEmB,qBAAqB,CAAC+C,UAAW,CAAC;EAC9D,OAAO,CAAC,CAAED,KAAK,EAAEE,MAAM;AACxB;AAEA,eAAe5C,qBAAqB;AACpC,SAASyC,2BAA2B,EAAE3C,6BAA6B","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["BlockPreview","getBlockType","getBlockFromExample","__experimentalSpacer","Spacer","useMemo","getVariationClassName","jsx","_jsx","BlockPreviewPanel","name","variation","_blockExample$viewpor","blockExample","example","blocks","attributes","className","viewportWidth","previewHeight","sidebarWidth","scale","minHeight","marginX","marginBottom","children","style","maxHeight","boxSizing","additionalStyles","css","Math","round"],"sources":["@wordpress/edit-site/src/components/global-styles/block-preview-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockPreview } from '@wordpress/block-editor';\nimport { getBlockType, getBlockFromExample } from '@wordpress/blocks';\nimport { __experimentalSpacer as Spacer } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getVariationClassName } from './utils';\n\nconst BlockPreviewPanel = ( { name, variation = '' } ) => {\n\tconst blockExample = getBlockType( name )?.example;\n\tconst blocks = useMemo( () => {\n\t\tif ( ! blockExample ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet example = blockExample;\n\t\tif ( variation ) {\n\t\t\texample = {\n\t\t\t\t...example,\n\t\t\t\tattributes: {\n\t\t\t\t\t...example.attributes,\n\t\t\t\t\tclassName: getVariationClassName( variation ),\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\n\t\treturn getBlockFromExample( name, example );\n\t}, [ name, blockExample, variation ] );\n\n\tconst viewportWidth = blockExample?.viewportWidth ?? 500;\n\t// Same as height of InserterPreviewPanel.\n\tconst previewHeight = 144;\n\tconst sidebarWidth = 235;\n\tconst scale = sidebarWidth / viewportWidth;\n\tconst minHeight =\n\t\tscale !== 0 && scale < 1 && previewHeight\n\t\t\t? previewHeight / scale\n\t\t\t: previewHeight;\n\n\tif ( ! blockExample ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Spacer marginX={ 4 } marginBottom={ 4 }>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-global-styles__block-preview-panel\"\n\t\t\t\tstyle={ { maxHeight: previewHeight, boxSizing: 'initial' } }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\tminHeight={ previewHeight }\n\t\t\t\t\tadditionalStyles={\n\t\t\t\t\t\t//We want this CSS to be in sync with the one in InserterPreviewPanel.\n\t\t\t\t\t\t[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcss: `\n\t\t\t\t\t\t\t\tbody{\n\t\t\t\t\t\t\t\t\tpadding: 24px;\n\t\t\t\t\t\t\t\t\tmin-height:${ Math.round( minHeight ) }px;\n\t\t\t\t\t\t\t\t\tdisplay:flex;\n\t\t\t\t\t\t\t\t\talign-items:center;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.is-root-container { width: 100%; }\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</Spacer>\n\t);\n};\n\nexport default BlockPreviewPanel;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,YAAY,EAAEC,mBAAmB,QAAQ,mBAAmB;AACrE,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,SAASC,qBAAqB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,iBAAiB,GAAGA,CAAE;EAAEC,IAAI;EAAEC,SAAS,GAAG;AAAG,CAAC,KAAM;EAAA,IAAAC,qBAAA;EACzD,MAAMC,YAAY,GAAGZ,YAAY,CAAES,IAAK,CAAC,EAAEI,OAAO;EAClD,MAAMC,MAAM,GAAGV,OAAO,CAAE,MAAM;IAC7B,IAAK,CAAEQ,YAAY,EAAG;MACrB,OAAO,IAAI;IACZ;IAEA,IAAIC,OAAO,GAAGD,YAAY;IAC1B,IAAKF,SAAS,EAAG;MAChBG,OAAO,GAAG;QACT,GAAGA,OAAO;QACVE,UAAU,EAAE;UACX,GAAGF,OAAO,CAACE,UAAU;UACrBC,SAAS,EAAEX,qBAAqB,CAAEK,SAAU;QAC7C;MACD,CAAC;IACF;IAEA,OAAOT,mBAAmB,CAAEQ,IAAI,EAAEI,OAAQ,CAAC;EAC5C,CAAC,EAAE,CAAEJ,IAAI,EAAEG,YAAY,EAAEF,SAAS,CAAG,CAAC;EAEtC,MAAMO,aAAa,IAAAN,qBAAA,GAAGC,YAAY,EAAEK,aAAa,cAAAN,qBAAA,cAAAA,qBAAA,GAAI,GAAG;EACxD;EACA,MAAMO,aAAa,GAAG,GAAG;EACzB,MAAMC,YAAY,GAAG,GAAG;EACxB,MAAMC,KAAK,GAAGD,YAAY,GAAGF,aAAa;EAC1C,MAAMI,SAAS,GACdD,KAAK,KAAK,CAAC,IAAIA,KAAK,GAAG,CAAC,IAAIF,aAAa,GACtCA,aAAa,GAAGE,KAAK,GACrBF,aAAa;EAEjB,IAAK,CAAEN,YAAY,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,oBACCL,IAAA,CAACJ,MAAM;IAACmB,OAAO,EAAG,CAAG;IAACC,YAAY,EAAG,CAAG;IAAAC,QAAA,eACvCjB,IAAA;MACCS,SAAS,EAAC,8CAA8C;MACxDS,KAAK,EAAG;QAAEC,SAAS,EAAER,aAAa;QAAES,SAAS,EAAE;MAAU,CAAG;MAAAH,QAAA,eAE5DjB,IAAA,CAACR,YAAY;QACZe,MAAM,EAAGA,MAAQ;QACjBG,aAAa,EAAGA,aAAe;QAC/BI,SAAS,EAAGH,aAAe;QAC3BU,gBAAgB;QACf;QACA,CACC;UACCC,GAAG,EAAG;AACd;AACA;AACA,sBAAuBC,IAAI,CAACC,KAAK,CAAEV,SAAU,CAAG;AAChD;AACA;AACA;AACA;AACA;QACO,CAAC;MAEF,CACD;IAAC,CACE;EAAC,CACC,CAAC;AAEX,CAAC;AAED,eAAeb,iBAAiB","ignoreList":[]}
+{"version":3,"names":["BlockPreview","getBlockType","getBlockFromExample","__experimentalSpacer","Spacer","useMemo","getVariationClassName","jsx","_jsx","BlockPreviewPanel","name","variation","_blockExample$viewpor","blockExample","example","blocks","attributes","className","viewportWidth","previewHeight","sidebarWidth","scale","minHeight","marginX","marginBottom","children","style","maxHeight","boxSizing","additionalStyles","css","Math","round"],"sources":["@wordpress/edit-site/src/components/global-styles/block-preview-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockPreview } from '@wordpress/block-editor';\nimport { getBlockType, getBlockFromExample } from '@wordpress/blocks';\nimport { __experimentalSpacer as Spacer } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getVariationClassName } from './utils';\n\nconst BlockPreviewPanel = ( { name, variation = '' } ) => {\n\tconst blockExample = getBlockType( name )?.example;\n\tconst blocks = useMemo( () => {\n\t\tif ( ! blockExample ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet example = blockExample;\n\t\tif ( variation ) {\n\t\t\texample = {\n\t\t\t\t...example,\n\t\t\t\tattributes: {\n\t\t\t\t\t...example.attributes,\n\t\t\t\t\tclassName: getVariationClassName( variation ),\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\n\t\treturn getBlockFromExample( name, example );\n\t}, [ name, blockExample, variation ] );\n\n\tconst viewportWidth = blockExample?.viewportWidth ?? 500;\n\t// Same as height of InserterPreviewPanel.\n\tconst previewHeight = 144;\n\tconst sidebarWidth = 235;\n\tconst scale = sidebarWidth / viewportWidth;\n\tconst minHeight =\n\t\tscale !== 0 && scale < 1 && previewHeight\n\t\t\t? previewHeight / scale\n\t\t\t: previewHeight;\n\n\tif ( ! blockExample ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Spacer marginX={ 4 } marginBottom={ 4 }>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-global-styles__block-preview-panel\"\n\t\t\t\tstyle={ { maxHeight: previewHeight, boxSizing: 'initial' } }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\tminHeight={ previewHeight }\n\t\t\t\t\tadditionalStyles={\n\t\t\t\t\t\t//We want this CSS to be in sync with the one in InserterPreviewPanel.\n\t\t\t\t\t\t[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcss: `\n\t\t\t\t\t\t\t\tbody{\n\t\t\t\t\t\t\t\t\tpadding: 24px;\n\t\t\t\t\t\t\t\t\tmin-height:${ Math.round( minHeight ) }px;\n\t\t\t\t\t\t\t\t\tdisplay:flex;\n\t\t\t\t\t\t\t\t\talign-items:center;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.is-root-container { width: 100%; }\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</Spacer>\n\t);\n};\n\nexport default BlockPreviewPanel;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,YAAY,EAAEC,mBAAmB,QAAQ,mBAAmB;AACrE,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,SAASC,qBAAqB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,iBAAiB,GAAGA,CAAE;EAAEC,IAAI;EAAEC,SAAS,GAAG;AAAG,CAAC,KAAM;EAAA,IAAAC,qBAAA;EACzD,MAAMC,YAAY,GAAGZ,YAAY,CAAES,IAAK,CAAC,EAAEI,OAAO;EAClD,MAAMC,MAAM,GAAGV,OAAO,CAAE,MAAM;IAC7B,IAAK,CAAEQ,YAAY,EAAG;MACrB,OAAO,IAAI;IACZ;IAEA,IAAIC,OAAO,GAAGD,YAAY;IAC1B,IAAKF,SAAS,EAAG;MAChBG,OAAO,GAAG;QACT,GAAGA,OAAO;QACVE,UAAU,EAAE;UACX,GAAGF,OAAO,CAACE,UAAU;UACrBC,SAAS,EAAEX,qBAAqB,CAAEK,SAAU;QAC7C;MACD,CAAC;IACF;IAEA,OAAOT,mBAAmB,CAAEQ,IAAI,EAAEI,OAAQ,CAAC;EAC5C,CAAC,EAAE,CAAEJ,IAAI,EAAEG,YAAY,EAAEF,SAAS,CAAG,CAAC;EAEtC,MAAMO,aAAa,IAAAN,qBAAA,GAAGC,YAAY,EAAEK,aAAa,cAAAN,qBAAA,cAAAA,qBAAA,GAAI,GAAG;EACxD;EACA,MAAMO,aAAa,GAAG,GAAG;EACzB,MAAMC,YAAY,GAAG,GAAG;EACxB,MAAMC,KAAK,GAAGD,YAAY,GAAGF,aAAa;EAC1C,MAAMI,SAAS,GACdD,KAAK,KAAK,CAAC,IAAIA,KAAK,GAAG,CAAC,IAAIF,aAAa,GACtCA,aAAa,GAAGE,KAAK,GACrBF,aAAa;EAEjB,IAAK,CAAEN,YAAY,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,oBACCL,IAAA,CAACJ,MAAM;IAACmB,OAAO,EAAG,CAAG;IAACC,YAAY,EAAG,CAAG;IAAAC,QAAA,eACvCjB,IAAA;MACCS,SAAS,EAAC,8CAA8C;MACxDS,KAAK,EAAG;QAAEC,SAAS,EAAER,aAAa;QAAES,SAAS,EAAE;MAAU,CAAG;MAAAH,QAAA,eAE5DjB,IAAA,CAACR,YAAY;QACZe,MAAM,EAAGA,MAAQ;QACjBG,aAAa,EAAGA,aAAe;QAC/BI,SAAS,EAAGH,aAAe;QAC3BU,gBAAgB;QACf;QACA,CACC;UACCC,GAAG,EAAE;AACb;AACA;AACA,sBAAuBC,IAAI,CAACC,KAAK,CAAEV,SAAU,CAAC;AAC9C;AACA;AACA;AACA;AACA;QACO,CAAC;MAEF,CACD;IAAC,CACE;EAAC,CACC,CAAC;AAEX,CAAC;AAED,eAAeb,iBAAiB","ignoreList":[]}

package/build-module/components/global-styles/color-palette-panel.js

@@ -11,8 +11,7 @@ import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
  */
 import { unlock } from '../../lock-unlock';
 import ColorVariations from './variations/variations-color';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   useGlobalSetting
 } = unlock(blockEditorPrivateApis);

package/build-module/components/global-styles/color-palette-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["useViewportMatch","__experimentalPaletteEdit","PaletteEdit","__experimentalVStack","VStack","__","privateApis","blockEditorPrivateApis","unlock","ColorVariations","jsx","_jsx","jsxs","_jsxs","useGlobalSetting","mobilePopoverProps","placement","offset","ColorPalettePanel","name","themeColors","setThemeColors","baseThemeColors","defaultColors","setDefaultColors","baseDefaultColors","customColors","setCustomColors","defaultPaletteEnabled","isMobileViewport","popoverProps","undefined","className","spacing","children","length","canReset","canOnlyChangeValues","colors","onChange","paletteLabel","paletteLabelHeadingLevel","slugPrefix","title"],"sources":["@wordpress/edit-site/src/components/global-styles/color-palette-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport ColorVariations from './variations/variations-color';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst mobilePopoverProps = { placement: 'bottom-start', offset: 8 };\n\nexport default function ColorPalettePanel( { name } ) {\n\tconst [ themeColors, setThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\tconst [ baseThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultColors, setDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname\n\t);\n\tconst [ baseDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customColors, setCustomColors ] = useGlobalSetting(\n\t\t'color.palette.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst popoverProps = isMobileViewport ? mobilePopoverProps : undefined;\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-global-styles-color-palette-panel\"\n\t\t\tspacing={ 8 }\n\t\t>\n\t\t\t{ !! themeColors && !! themeColors.length && (\n\t\t\t\t<PaletteEdit\n\t\t\t\t\tcanReset={ themeColors !== baseThemeColors }\n\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\tcolors={ themeColors }\n\t\t\t\t\tonChange={ setThemeColors }\n\t\t\t\t\tpaletteLabel={ __( 'Theme' ) }\n\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! defaultColors &&\n\t\t\t\t!! defaultColors.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultColors !== baseDefaultColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ defaultColors }\n\t\t\t\t\t\tonChange={ setDefaultColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<PaletteEdit\n\t\t\t\tcolors={ customColors }\n\t\t\t\tonChange={ setCustomColors }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t\t<ColorVariations title={ __( 'Palettes' ) } />\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useViewportMatch","__experimentalPaletteEdit","PaletteEdit","__experimentalVStack","VStack","__","privateApis","blockEditorPrivateApis","unlock","ColorVariations","jsx","_jsx","jsxs","_jsxs","useGlobalSetting","mobilePopoverProps","placement","offset","ColorPalettePanel","name","themeColors","setThemeColors","baseThemeColors","defaultColors","setDefaultColors","baseDefaultColors","customColors","setCustomColors","defaultPaletteEnabled","isMobileViewport","popoverProps","undefined","className","spacing","children","length","canReset","canOnlyChangeValues","colors","onChange","paletteLabel","paletteLabelHeadingLevel","slugPrefix","title"],"sources":["@wordpress/edit-site/src/components/global-styles/color-palette-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport ColorVariations from './variations/variations-color';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst mobilePopoverProps = { placement: 'bottom-start', offset: 8 };\n\nexport default function ColorPalettePanel( { name } ) {\n\tconst [ themeColors, setThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\tconst [ baseThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultColors, setDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname\n\t);\n\tconst [ baseDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customColors, setCustomColors ] = useGlobalSetting(\n\t\t'color.palette.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst popoverProps = isMobileViewport ? mobilePopoverProps : undefined;\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-global-styles-color-palette-panel\"\n\t\t\tspacing={ 8 }\n\t\t>\n\t\t\t{ !! themeColors && !! themeColors.length && (\n\t\t\t\t<PaletteEdit\n\t\t\t\t\tcanReset={ themeColors !== baseThemeColors }\n\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\tcolors={ themeColors }\n\t\t\t\t\tonChange={ setThemeColors }\n\t\t\t\t\tpaletteLabel={ __( 'Theme' ) }\n\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! defaultColors &&\n\t\t\t\t!! defaultColors.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultColors !== baseDefaultColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ defaultColors }\n\t\t\t\t\t\tonChange={ setDefaultColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<PaletteEdit\n\t\t\t\tcolors={ customColors }\n\t\t\t\tonChange={ setCustomColors }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t\t<ColorVariations title={ __( 'Palettes' ) } />\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -2,8 +2,9 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { __experimentalText as Text, __experimentalItemGroup as ItemGroup, __experimentalVStack as VStack, Button } from '@wordpress/components';
+import { __experimentalText as Text, __experimentalItemGroup as ItemGroup, __experimentalVStack as VStack, __experimentalHStack as HStack, Button } from '@wordpress/components';
 import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import { settings } from '@wordpress/icons';
 import { useContext } from '@wordpress/element';
 
 /**
@@ -15,12 +16,23 @@ import FontFamilyItem from './font-family-item';
 import Subtitle from './subtitle';
 import { setUIValuesNeeded } from './font-library-modal/utils';
 import { unlock } from '../../lock-unlock';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const {
   useGlobalSetting
 } = unlock(blockEditorPrivateApis);
+
+/**
+ * Maps the fonts with the source, if available.
+ *
+ * @param {Array}  fonts  The fonts to map.
+ * @param {string} source The source of the fonts.
+ * @return {Array} The mapped fonts.
+ */
+function mapFontsWithSource(fonts, source) {
+  return fonts ? fonts.map(f => setUIValuesNeeded(f, {
+    source
+  })) : [];
+}
 function FontFamilies() {
   const {
     baseCustomFonts,
@@ -29,57 +41,59 @@ function FontFamilies() {
   } = useContext(FontLibraryContext);
   const [fontFamilies] = useGlobalSetting('typography.fontFamilies');
   const [baseFontFamilies] = useGlobalSetting('typography.fontFamilies', undefined, 'base');
-  const themeFonts = fontFamilies?.theme ? fontFamilies.theme.map(f => setUIValuesNeeded(f, {
-    source: 'theme'
-  })).sort((a, b) => a.name.localeCompare(b.name)) : [];
-  const customFonts = fontFamilies?.custom ? fontFamilies.custom.map(f => setUIValuesNeeded(f, {
-    source: 'custom'
-  })).sort((a, b) => a.name.localeCompare(b.name)) : [];
-  const hasFonts = 0 < customFonts.length || 0 < themeFonts.length;
+  const themeFonts = mapFontsWithSource(fontFamilies?.theme, 'theme');
+  const customFonts = mapFontsWithSource(fontFamilies?.custom, 'custom');
+  const activeFonts = [...themeFonts, ...customFonts].sort((a, b) => a.name.localeCompare(b.name));
+  const hasFonts = 0 < activeFonts.length;
   const hasInstalledFonts = hasFonts || baseFontFamilies?.theme?.length > 0 || baseCustomFonts?.length > 0;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [!!modalTabOpen && /*#__PURE__*/_jsx(FontLibraryModal, {
       onRequestClose: () => setModalTabOpen(null),
       defaultTabId: modalTabOpen
     }), /*#__PURE__*/_jsxs(VStack, {
-      spacing: 4,
-      children: [[...themeFonts, ...customFonts].length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
+      spacing: 2,
+      children: [/*#__PURE__*/_jsxs(HStack, {
+        justify: "space-between",
         children: [/*#__PURE__*/_jsx(Subtitle, {
           level: 3,
           children: __('Fonts')
-        }), /*#__PURE__*/_jsx(ItemGroup, {
+        }), /*#__PURE__*/_jsx(Button, {
+          onClick: () => setModalTabOpen('installed-fonts'),
+          label: __('Manage fonts'),
+          icon: settings,
+          size: "small"
+        })]
+      }), activeFonts.length > 0 && /*#__PURE__*/_jsx(_Fragment, {
+        children: /*#__PURE__*/_jsx(ItemGroup, {
           size: "large",
           isBordered: true,
           isSeparated: true,
-          children: themeFonts.map(font => /*#__PURE__*/_jsx(FontFamilyItem, {
+          children: activeFonts.map(font => /*#__PURE__*/_jsx(FontFamilyItem, {
             font: font
           }, font.slug))
-        })]
-      }), !hasFonts && /*#__PURE__*/_jsxs(VStack, {
-        children: [/*#__PURE__*/_jsx(Subtitle, {
-          level: 3,
-          children: __('Fonts')
-        }), /*#__PURE__*/_jsx(Text, {
+        })
+      }), !hasFonts && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Text, {
           as: "p",
           children: hasInstalledFonts ? __('No fonts activated.') : __('No fonts installed.')
+        }), /*#__PURE__*/_jsx(Button, {
+          className: "edit-site-global-styles-font-families__manage-fonts",
+          variant: "secondary",
+          __next40pxDefaultSize: true,
+          onClick: () => {
+            setModalTabOpen(hasInstalledFonts ? 'installed-fonts' : 'upload-fonts');
+          },
+          children: hasInstalledFonts ? __('Manage fonts') : __('Add fonts')
         })]
-      }), /*#__PURE__*/_jsx(Button, {
-        className: "edit-site-global-styles-font-families__manage-fonts",
-        variant: "secondary",
-        __next40pxDefaultSize: true,
-        onClick: () => {
-          setModalTabOpen(hasInstalledFonts ? 'installed-fonts' : 'upload-fonts');
-        },
-        children: hasInstalledFonts ? __('Manage fonts') : __('Add fonts')
       })]
     })]
   });
 }
-export default (({
+export default ({
   ...props
 }) => /*#__PURE__*/_jsx(FontLibraryProvider, {
   children: /*#__PURE__*/_jsx(FontFamilies, {
     ...props
   })
-}));
+});
 //# sourceMappingURL=font-families.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__","__experimentalText","Text","__experimentalItemGroup","ItemGroup","__experimentalVStack","VStack","Button","privateApis","blockEditorPrivateApis","useContext","FontLibraryProvider","FontLibraryContext","FontLibraryModal","FontFamilyItem","Subtitle","setUIValuesNeeded","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useGlobalSetting","FontFamilies","baseCustomFonts","modalTabOpen","setModalTabOpen","fontFamilies","baseFontFamilies","undefined","themeFonts","theme","map","f","source","sort","a","b","name","localeCompare","customFonts","custom","hasFonts","length","hasInstalledFonts","children","onRequestClose","defaultTabId","spacing","level","size","isBordered","isSeparated","font","slug","as","className","variant","__next40pxDefaultSize","onClick","props"],"sources":["@wordpress/edit-site/src/components/global-styles/font-families.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalText as Text,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport FontLibraryProvider, {\n\tFontLibraryContext,\n} from './font-library-modal/context';\nimport FontLibraryModal from './font-library-modal';\nimport FontFamilyItem from './font-family-item';\nimport Subtitle from './subtitle';\nimport { setUIValuesNeeded } from './font-library-modal/utils';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nfunction FontFamilies() {\n\tconst { baseCustomFonts, modalTabOpen, setModalTabOpen } =\n\t\tuseContext( FontLibraryContext );\n\tconst [ fontFamilies ] = useGlobalSetting( 'typography.fontFamilies' );\n\tconst [ baseFontFamilies ] = useGlobalSetting(\n\t\t'typography.fontFamilies',\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst themeFonts = fontFamilies?.theme\n\t\t? fontFamilies.theme\n\t\t\t\t.map( ( f ) => setUIValuesNeeded( f, { source: 'theme' } ) )\n\t\t\t\t.sort( ( a, b ) => a.name.localeCompare( b.name ) )\n\t\t: [];\n\tconst customFonts = fontFamilies?.custom\n\t\t? fontFamilies.custom\n\t\t\t\t.map( ( f ) => setUIValuesNeeded( f, { source: 'custom' } ) )\n\t\t\t\t.sort( ( a, b ) => a.name.localeCompare( b.name ) )\n\t\t: [];\n\tconst hasFonts = 0 < customFonts.length || 0 < themeFonts.length;\n\n\tconst hasInstalledFonts =\n\t\thasFonts ||\n\t\tbaseFontFamilies?.theme?.length > 0 ||\n\t\tbaseCustomFonts?.length > 0;\n\n\treturn (\n\t\t<>\n\t\t\t{ !! modalTabOpen && (\n\t\t\t\t<FontLibraryModal\n\t\t\t\t\tonRequestClose={ () => setModalTabOpen( null ) }\n\t\t\t\t\tdefaultTabId={ modalTabOpen }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ [ ...themeFonts, ...customFonts ].length > 0 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Fonts' ) }</Subtitle>\n\t\t\t\t\t\t<ItemGroup size=\"large\" isBordered isSeparated>\n\t\t\t\t\t\t\t{ themeFonts.map( ( font ) => (\n\t\t\t\t\t\t\t\t<FontFamilyItem\n\t\t\t\t\t\t\t\t\tkey={ font.slug }\n\t\t\t\t\t\t\t\t\tfont={ font }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ ! hasFonts && (\n\t\t\t\t\t<VStack>\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Fonts' ) }</Subtitle>\n\t\t\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t\t\t{ hasInstalledFonts\n\t\t\t\t\t\t\t\t? __( 'No fonts activated.' )\n\t\t\t\t\t\t\t\t: __( 'No fonts installed.' ) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</VStack>\n\t\t\t\t) }\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"edit-site-global-styles-font-families__manage-fonts\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetModalTabOpen(\n\t\t\t\t\t\t\thasInstalledFonts\n\t\t\t\t\t\t\t\t? 'installed-fonts'\n\t\t\t\t\t\t\t\t: 'upload-fonts'\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ hasInstalledFonts\n\t\t\t\t\t\t? __( 'Manage fonts' )\n\t\t\t\t\t\t: __( 'Add fonts' ) }\n\t\t\t\t</Button>\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<FontFamilies { ...props } />\n\t</FontLibraryProvider>\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","__experimentalText","Text","__experimentalItemGroup","ItemGroup","__experimentalVStack","VStack","__experimentalHStack","HStack","Button","privateApis","blockEditorPrivateApis","settings","useContext","FontLibraryProvider","FontLibraryContext","FontLibraryModal","FontFamilyItem","Subtitle","setUIValuesNeeded","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","mapFontsWithSource","fonts","source","map","f","FontFamilies","baseCustomFonts","modalTabOpen","setModalTabOpen","fontFamilies","baseFontFamilies","undefined","themeFonts","theme","customFonts","custom","activeFonts","sort","a","b","name","localeCompare","hasFonts","length","hasInstalledFonts","children","onRequestClose","defaultTabId","spacing","justify","level","onClick","label","icon","size","isBordered","isSeparated","font","slug","as","className","variant","__next40pxDefaultSize","props"],"sources":["@wordpress/edit-site/src/components/global-styles/font-families.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalText as Text,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tButton,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { settings } from '@wordpress/icons';\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\n/**\n * Maps the fonts with the source, if available.\n *\n * @param {Array}  fonts  The fonts to map.\n * @param {string} source The source of the fonts.\n * @return {Array} The mapped fonts.\n */\nfunction mapFontsWithSource( fonts, source ) {\n\treturn fonts\n\t\t? fonts.map( ( f ) => setUIValuesNeeded( f, { source } ) )\n\t\t: [];\n}\n\nfunction FontFamilies() {\n\tconst { baseCustomFonts, modalTabOpen, setModalTabOpen } =\n\t\tuseContext( FontLibraryContext );\n\tconst [ fontFamilies ] = useGlobalSetting( 'typography.fontFamilies' );\n\tconst [ baseFontFamilies ] = useGlobalSetting(\n\t\t'typography.fontFamilies',\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst themeFonts = mapFontsWithSource( fontFamilies?.theme, 'theme' );\n\tconst customFonts = mapFontsWithSource( fontFamilies?.custom, 'custom' );\n\tconst activeFonts = [ ...themeFonts, ...customFonts ].sort( ( a, b ) =>\n\t\ta.name.localeCompare( b.name )\n\t);\n\tconst hasFonts = 0 < activeFonts.length;\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={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Fonts' ) }</Subtitle>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () => setModalTabOpen( 'installed-fonts' ) }\n\t\t\t\t\t\tlabel={ __( 'Manage fonts' ) }\n\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t\t{ activeFonts.length > 0 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ItemGroup size=\"large\" isBordered isSeparated>\n\t\t\t\t\t\t\t{ activeFonts.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</>\n\t\t\t\t) }\n\t\t\t\t{ ! hasFonts && (\n\t\t\t\t\t<>\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\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(\n\t\t\t\t\t\t\t\t\thasInstalledFonts\n\t\t\t\t\t\t\t\t\t\t? 'installed-fonts'\n\t\t\t\t\t\t\t\t\t\t: 'upload-fonts'\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\t\t{ hasInstalledFonts\n\t\t\t\t\t\t\t\t? __( 'Manage fonts' )\n\t\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":[]}

package/build-module/components/global-styles/font-family-item.js

@@ -10,8 +10,7 @@ import { useContext } from '@wordpress/element';
  */
 import { FontLibraryContext } from './font-library-modal/context';
 import { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function FontFamilyItem({
   font
 }) {
@@ -34,7 +33,7 @@ function FontFamilyItem({
         children: font.name
       }), /*#__PURE__*/_jsx(FlexItem, {
         className: "edit-site-global-styles-screen-typography__font-variants-count",
-        children: sprintf( /* translators: %d: Number of font variants. */
+        children: sprintf(/* translators: %d: Number of font variants. */
         _n('%d variant', '%d variants', variantsCount), variantsCount)
       })]
     })

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

@@ -1 +1 @@
-{"version":3,"names":["_n","sprintf","__experimentalHStack","HStack","__experimentalItem","Item","FlexItem","useContext","FontLibraryContext","getFamilyPreviewStyle","jsx","_jsx","jsxs","_jsxs","FontFamilyItem","font","handleSetLibraryFontSelected","setModalTabOpen","variantsCount","fontFace","length","handleClick","previewStyle","onClick","children","justify","style","name","className"],"sources":["@wordpress/edit-site/src/components/global-styles/font-family-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _n, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalItem as Item,\n\tFlexItem,\n} from '@wordpress/components';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { FontLibraryContext } from './font-library-modal/context';\nimport { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';\n\nfunction FontFamilyItem( { font } ) {\n\tconst { handleSetLibraryFontSelected, setModalTabOpen } =\n\t\tuseContext( FontLibraryContext );\n\n\tconst variantsCount = font?.fontFace?.length || 1;\n\n\tconst handleClick = () => {\n\t\thandleSetLibraryFontSelected( font );\n\t\tsetModalTabOpen( 'installed-fonts' );\n\t};\n\n\tconst previewStyle = getFamilyPreviewStyle( font );\n\n\treturn (\n\t\t<Item onClick={ handleClick }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<FlexItem style={ previewStyle }>{ font.name }</FlexItem>\n\t\t\t\t<FlexItem className=\"edit-site-global-styles-screen-typography__font-variants-count\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: Number of font variants. */\n\t\t\t\t\t\t_n( '%d variant', '%d variants', variantsCount ),\n\t\t\t\t\t\tvariantsCount\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n\nexport default FontFamilyItem;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SACCC,oBAAoB,IAAIC,MAAM,EAC9BC,kBAAkB,IAAIC,IAAI,EAC1BC,QAAQ,QACF,uBAAuB;AAC9B,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,qBAAqB,QAAQ,2CAA2C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAElF,SAASC,cAAcA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACnC,MAAM;IAAEC,4BAA4B;IAAEC;EAAgB,CAAC,GACtDV,UAAU,CAAEC,kBAAmB,CAAC;EAEjC,MAAMU,aAAa,GAAGH,IAAI,EAAEI,QAAQ,EAAEC,MAAM,IAAI,CAAC;EAEjD,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACzBL,4BAA4B,CAAED,IAAK,CAAC;IACpCE,eAAe,CAAE,iBAAkB,CAAC;EACrC,CAAC;EAED,MAAMK,YAAY,GAAGb,qBAAqB,CAAEM,IAAK,CAAC;EAElD,oBACCJ,IAAA,CAACN,IAAI;IAACkB,OAAO,EAAGF,WAAa;IAAAG,QAAA,eAC5BX,KAAA,CAACV,MAAM;MAACsB,OAAO,EAAC,eAAe;MAAAD,QAAA,gBAC9Bb,IAAA,CAACL,QAAQ;QAACoB,KAAK,EAAGJ,YAAc;QAAAE,QAAA,EAAGT,IAAI,CAACY;MAAI,CAAY,CAAC,eACzDhB,IAAA,CAACL,QAAQ;QAACsB,SAAS,EAAC,gEAAgE;QAAAJ,QAAA,EACjFvB,OAAO,EACR;QACAD,EAAE,CAAE,YAAY,EAAE,aAAa,EAAEkB,aAAc,CAAC,EAChDA,aACD;MAAC,CACQ,CAAC;IAAA,CACJ;EAAC,CACJ,CAAC;AAET;AAEA,eAAeJ,cAAc","ignoreList":[]}
+{"version":3,"names":["_n","sprintf","__experimentalHStack","HStack","__experimentalItem","Item","FlexItem","useContext","FontLibraryContext","getFamilyPreviewStyle","jsx","_jsx","jsxs","_jsxs","FontFamilyItem","font","handleSetLibraryFontSelected","setModalTabOpen","variantsCount","fontFace","length","handleClick","previewStyle","onClick","children","justify","style","name","className"],"sources":["@wordpress/edit-site/src/components/global-styles/font-family-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _n, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalItem as Item,\n\tFlexItem,\n} from '@wordpress/components';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { FontLibraryContext } from './font-library-modal/context';\nimport { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';\n\nfunction FontFamilyItem( { font } ) {\n\tconst { handleSetLibraryFontSelected, setModalTabOpen } =\n\t\tuseContext( FontLibraryContext );\n\n\tconst variantsCount = font?.fontFace?.length || 1;\n\n\tconst handleClick = () => {\n\t\thandleSetLibraryFontSelected( font );\n\t\tsetModalTabOpen( 'installed-fonts' );\n\t};\n\n\tconst previewStyle = getFamilyPreviewStyle( font );\n\n\treturn (\n\t\t<Item onClick={ handleClick }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<FlexItem style={ previewStyle }>{ font.name }</FlexItem>\n\t\t\t\t<FlexItem className=\"edit-site-global-styles-screen-typography__font-variants-count\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: Number of font variants. */\n\t\t\t\t\t\t_n( '%d variant', '%d variants', variantsCount ),\n\t\t\t\t\t\tvariantsCount\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n\nexport default FontFamilyItem;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SACCC,oBAAoB,IAAIC,MAAM,EAC9BC,kBAAkB,IAAIC,IAAI,EAC1BC,QAAQ,QACF,uBAAuB;AAC9B,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,qBAAqB,QAAQ,2CAA2C;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElF,SAASC,cAAcA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACnC,MAAM;IAAEC,4BAA4B;IAAEC;EAAgB,CAAC,GACtDV,UAAU,CAAEC,kBAAmB,CAAC;EAEjC,MAAMU,aAAa,GAAGH,IAAI,EAAEI,QAAQ,EAAEC,MAAM,IAAI,CAAC;EAEjD,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACzBL,4BAA4B,CAAED,IAAK,CAAC;IACpCE,eAAe,CAAE,iBAAkB,CAAC;EACrC,CAAC;EAED,MAAMK,YAAY,GAAGb,qBAAqB,CAAEM,IAAK,CAAC;EAElD,oBACCJ,IAAA,CAACN,IAAI;IAACkB,OAAO,EAAGF,WAAa;IAAAG,QAAA,eAC5BX,KAAA,CAACV,MAAM;MAACsB,OAAO,EAAC,eAAe;MAAAD,QAAA,gBAC9Bb,IAAA,CAACL,QAAQ;QAACoB,KAAK,EAAGJ,YAAc;QAAAE,QAAA,EAAGT,IAAI,CAACY;MAAI,CAAY,CAAC,eACzDhB,IAAA,CAACL,QAAQ;QAACsB,SAAS,EAAC,gEAAgE;QAAAJ,QAAA,EACjFvB,OAAO,CACR;QACAD,EAAE,CAAE,YAAY,EAAE,aAAa,EAAEkB,aAAc,CAAC,EAChDA,aACD;MAAC,CACQ,CAAC;IAAA,CACJ;EAAC,CACJ,CAAC;AAET;AAEA,eAAeJ,cAAc","ignoreList":[]}

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

@@ -9,8 +9,7 @@ import { CheckboxControl, Flex, privateApis as componentsPrivateApis } from '@wo
 import { getFontFaceVariantName } from './utils';
 import FontDemo from './font-demo';
 import { unlock } from '../../../lock-unlock';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   kebabCase
 } = unlock(componentsPrivateApis);

package/build-module/components/global-styles/font-library-modal/collection-font-variant.js.map

@@ -1 +1 @@
-{"version":3,"names":["CheckboxControl","Flex","privateApis","componentsPrivateApis","getFontFaceVariantName","FontDemo","unlock","jsx","_jsx","jsxs","_jsxs","kebabCase","CollectionFontVariant","face","font","handleToggleVariant","selected","handleToggleActivation","fontFace","displayName","name","checkboxId","slug","className","children","justify","align","gap","checked","onChange","__nextHasNoMarginBottom","id","htmlFor","text","onClick"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/collection-font-variant.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tCheckboxControl,\n\tFlex,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { getFontFaceVariantName } from './utils';\nimport FontDemo from './font-demo';\nimport { unlock } from '../../../lock-unlock';\n\nconst { kebabCase } = unlock( componentsPrivateApis );\n\nfunction CollectionFontVariant( {\n\tface,\n\tfont,\n\thandleToggleVariant,\n\tselected,\n} ) {\n\tconst handleToggleActivation = () => {\n\t\tif ( font?.fontFace ) {\n\t\t\thandleToggleVariant( font, face );\n\t\t\treturn;\n\t\t}\n\t\thandleToggleVariant( font );\n\t};\n\n\tconst displayName = font.name + ' ' + getFontFaceVariantName( face );\n\tconst checkboxId = kebabCase(\n\t\t`${ font.slug }-${ getFontFaceVariantName( face ) }`\n\t);\n\n\treturn (\n\t\t<div className=\"font-library-modal__font-card\">\n\t\t\t<Flex justify=\"flex-start\" align=\"center\" gap=\"1rem\">\n\t\t\t\t<CheckboxControl\n\t\t\t\t\tchecked={ selected }\n\t\t\t\t\tonChange={ handleToggleActivation }\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tid={ checkboxId }\n\t\t\t\t/>\n\t\t\t\t<label htmlFor={ checkboxId }>\n\t\t\t\t\t<FontDemo\n\t\t\t\t\t\tfont={ face }\n\t\t\t\t\t\ttext={ displayName }\n\t\t\t\t\t\tonClick={ handleToggleActivation }\n\t\t\t\t\t/>\n\t\t\t\t</label>\n\t\t\t</Flex>\n\t\t</div>\n\t);\n}\n\nexport default CollectionFontVariant;\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,eAAe,EACfC,IAAI,EACJC,WAAW,IAAIC,qBAAqB,QAC9B,uBAAuB;;AAE9B;AACA;AACA;AACA,SAASC,sBAAsB,QAAQ,SAAS;AAChD,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,MAAM,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE9C,MAAM;EAAEC;AAAU,CAAC,GAAGL,MAAM,CAAEH,qBAAsB,CAAC;AAErD,SAASS,qBAAqBA,CAAE;EAC/BC,IAAI;EACJC,IAAI;EACJC,mBAAmB;EACnBC;AACD,CAAC,EAAG;EACH,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACpC,IAAKH,IAAI,EAAEI,QAAQ,EAAG;MACrBH,mBAAmB,CAAED,IAAI,EAAED,IAAK,CAAC;MACjC;IACD;IACAE,mBAAmB,CAAED,IAAK,CAAC;EAC5B,CAAC;EAED,MAAMK,WAAW,GAAGL,IAAI,CAACM,IAAI,GAAG,GAAG,GAAGhB,sBAAsB,CAAES,IAAK,CAAC;EACpE,MAAMQ,UAAU,GAAGV,SAAS,CAC1B,GAAGG,IAAI,CAACQ,IAAM,IAAIlB,sBAAsB,CAAES,IAAK,CAAG,EACpD,CAAC;EAED,oBACCL,IAAA;IAAKe,SAAS,EAAC,+BAA+B;IAAAC,QAAA,eAC7Cd,KAAA,CAACT,IAAI;MAACwB,OAAO,EAAC,YAAY;MAACC,KAAK,EAAC,QAAQ;MAACC,GAAG,EAAC,MAAM;MAAAH,QAAA,gBACnDhB,IAAA,CAACR,eAAe;QACf4B,OAAO,EAAGZ,QAAU;QACpBa,QAAQ,EAAGZ,sBAAwB;QACnCa,uBAAuB;QACvBC,EAAE,EAAGV;MAAY,CACjB,CAAC,eACFb,IAAA;QAAOwB,OAAO,EAAGX,UAAY;QAAAG,QAAA,eAC5BhB,IAAA,CAACH,QAAQ;UACRS,IAAI,EAAGD,IAAM;UACboB,IAAI,EAAGd,WAAa;UACpBe,OAAO,EAAGjB;QAAwB,CAClC;MAAC,CACI,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAER;AAEA,eAAeL,qBAAqB","ignoreList":[]}
+{"version":3,"names":["CheckboxControl","Flex","privateApis","componentsPrivateApis","getFontFaceVariantName","FontDemo","unlock","jsx","_jsx","jsxs","_jsxs","kebabCase","CollectionFontVariant","face","font","handleToggleVariant","selected","handleToggleActivation","fontFace","displayName","name","checkboxId","slug","className","children","justify","align","gap","checked","onChange","__nextHasNoMarginBottom","id","htmlFor","text","onClick"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/collection-font-variant.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tCheckboxControl,\n\tFlex,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { getFontFaceVariantName } from './utils';\nimport FontDemo from './font-demo';\nimport { unlock } from '../../../lock-unlock';\n\nconst { kebabCase } = unlock( componentsPrivateApis );\n\nfunction CollectionFontVariant( {\n\tface,\n\tfont,\n\thandleToggleVariant,\n\tselected,\n} ) {\n\tconst handleToggleActivation = () => {\n\t\tif ( font?.fontFace ) {\n\t\t\thandleToggleVariant( font, face );\n\t\t\treturn;\n\t\t}\n\t\thandleToggleVariant( font );\n\t};\n\n\tconst displayName = font.name + ' ' + getFontFaceVariantName( face );\n\tconst checkboxId = kebabCase(\n\t\t`${ font.slug }-${ getFontFaceVariantName( face ) }`\n\t);\n\n\treturn (\n\t\t<div className=\"font-library-modal__font-card\">\n\t\t\t<Flex justify=\"flex-start\" align=\"center\" gap=\"1rem\">\n\t\t\t\t<CheckboxControl\n\t\t\t\t\tchecked={ selected }\n\t\t\t\t\tonChange={ handleToggleActivation }\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tid={ checkboxId }\n\t\t\t\t/>\n\t\t\t\t<label htmlFor={ checkboxId }>\n\t\t\t\t\t<FontDemo\n\t\t\t\t\t\tfont={ face }\n\t\t\t\t\t\ttext={ displayName }\n\t\t\t\t\t\tonClick={ handleToggleActivation }\n\t\t\t\t\t/>\n\t\t\t\t</label>\n\t\t\t</Flex>\n\t\t</div>\n\t);\n}\n\nexport default CollectionFontVariant;\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,eAAe,EACfC,IAAI,EACJC,WAAW,IAAIC,qBAAqB,QAC9B,uBAAuB;;AAE9B;AACA;AACA;AACA,SAASC,sBAAsB,QAAQ,SAAS;AAChD,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,MAAM,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9C,MAAM;EAAEC;AAAU,CAAC,GAAGL,MAAM,CAAEH,qBAAsB,CAAC;AAErD,SAASS,qBAAqBA,CAAE;EAC/BC,IAAI;EACJC,IAAI;EACJC,mBAAmB;EACnBC;AACD,CAAC,EAAG;EACH,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACpC,IAAKH,IAAI,EAAEI,QAAQ,EAAG;MACrBH,mBAAmB,CAAED,IAAI,EAAED,IAAK,CAAC;MACjC;IACD;IACAE,mBAAmB,CAAED,IAAK,CAAC;EAC5B,CAAC;EAED,MAAMK,WAAW,GAAGL,IAAI,CAACM,IAAI,GAAG,GAAG,GAAGhB,sBAAsB,CAAES,IAAK,CAAC;EACpE,MAAMQ,UAAU,GAAGV,SAAS,CAC3B,GAAIG,IAAI,CAACQ,IAAI,IAAMlB,sBAAsB,CAAES,IAAK,CAAC,EAClD,CAAC;EAED,oBACCL,IAAA;IAAKe,SAAS,EAAC,+BAA+B;IAAAC,QAAA,eAC7Cd,KAAA,CAACT,IAAI;MAACwB,OAAO,EAAC,YAAY;MAACC,KAAK,EAAC,QAAQ;MAACC,GAAG,EAAC,MAAM;MAAAH,QAAA,gBACnDhB,IAAA,CAACR,eAAe;QACf4B,OAAO,EAAGZ,QAAU;QACpBa,QAAQ,EAAGZ,sBAAwB;QACnCa,uBAAuB;QACvBC,EAAE,EAAGV;MAAY,CACjB,CAAC,eACFb,IAAA;QAAOwB,OAAO,EAAGX,UAAY;QAAAG,QAAA,eAC5BhB,IAAA,CAACH,QAAQ;UACRS,IAAI,EAAGD,IAAM;UACboB,IAAI,EAAGd,WAAa;UACpBe,OAAO,EAAGjB;QAAwB,CAClC;MAAC,CACI,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAER;AAEA,eAAeL,qBAAqB","ignoreList":[]}

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

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 /**
  * WordPress dependencies
  */