npm - @wordpress/edit-site - Versions diffs - 6.8.7 → 6.8.9 - Mend

@wordpress/edit-site 6.8.7 → 6.8.9

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

Files changed (59) hide show

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

@@ -19,6 +19,7 @@ var _router = require("@wordpress/router");
 var _preferences = require("@wordpress/preferences");
 var _htmlEntities = require("@wordpress/html-entities");
 var _icons = require("@wordpress/icons");
+var _blockEditor = require("@wordpress/block-editor");
 var _welcomeGuide = _interopRequireDefault(require("../welcome-guide"));
 var _store = require("../../store");
 var _globalStylesRenderer = require("../global-styles-renderer");
@@ -153,6 +154,10 @@ function EditSiteEditor({
   const {
     setCanvasMode
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+  const {
+    __unstableSetEditorMode,
+    resetZoomLevel
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_blockEditor.store));
   const {
     createSuccessNotice
   } = (0, _data.useDispatch)(_notices.store);
@@ -210,7 +215,6 @@ function EditSiteEditor({
         'show-icon-labels': showIconLabels
       }),
       styles: styles,
-      enableRegionNavigation: false,
       customSaveButton: _isPreviewingTheme && /*#__PURE__*/(0, _jsxRuntime.jsx)(_saveButton.default, {
         size: "compact"
       }),
@@ -237,6 +241,9 @@ function EditSiteEditor({
             tooltipPosition: "middle right",
             onClick: () => {
               setCanvasMode('view');
+              __unstableSetEditorMode('edit');
+              resetZoomLevel();
               // TODO: this is a temporary solution to navigate to the posts list if we are
               // come here through `posts list` and are in focus mode editing a template, template part etc..
               if (isPostsList && params?.focusMode) {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_components","_compose","_editor","_i18n","_coreData","_blockLibrary","_element","_notices","_router","_preferences","_htmlEntities","_icons","_welcomeGuide","_store","_globalStylesRenderer","_canvasLoader","_lockUnlock","_useSiteEditorSettings","_pluginTemplateSettingPanel","_globalStylesSidebar","_isPreviewingTheme2","_editorCanvasContainer","_saveButton","_savePanel","_moreMenu","_siteIcon","_useEditorIframeProps","_useEditorTitle","_hooks","_jsxRuntime","Editor","BackButton","unlock","editorPrivateApis","useHistory","useLocation","routerPrivateApis","BlockKeyboardShortcuts","blockLibraryPrivateApis","toggleHomeIconVariants","edit","opacity","scale","hover","clipPath","siteIconVariants","tap","EditSiteEditor","isPostsList","disableMotion","useReducedMotion","params","isLoading","useIsSiteEditorLoading","editedPostType","editedPostId","contextPostType","contextPostId","canvasMode","isEditingPage","supportsGlobalStyles","showIconLabels","editorCanvasView","currentPostIsTrashed","hasSiteIcon","useSelect","select","getEditorCanvasContainerView","getEditedPostContext","getCanvasMode","isPage","getEditedPostType","getEditedPostId","editSiteStore","get","preferencesStore","getCurrentTheme","getEntityRecord","coreDataStore","_context","siteData","undefined","postId","postType","is_block_theme","editorStore","getCurrentPostAttribute","site_icon_url","useEditorTitle","_isPreviewingTheme","isPreviewingTheme","hasDefaultEditorCanvasView","useHasEditorCanvasContainer","iframeProps","useEditorIframeProps","isEditMode","postWithTemplate","loadingProgressId","useInstanceId","CanvasLoader","settings","useSpecificEditorSettings","styles","useMemo","css","setCanvasMode","useDispatch","createSuccessNotice","noticesStore","history","onActionPerformed","useCallback","actionId","items","push","type","newItem","_title","title","rendered","sprintf","__","decodeEntities","id","actions","label","onClick","canvas","getEditorCanvasContainerTitle","isReady","transition","duration","jsxs","Fragment","children","jsx","GlobalStylesRenderer","EditorKeyboardShortcutsRegister","default","templateId","className","clsx","enableRegionNavigation","customSaveButton","size","customSavePanel","forceDisableBlockTools","extraSidebarPanels","Slot","length","__unstableMotion","div","animate","initial","whileHover","whileTap","Button","__next40pxDefaultSize","showTooltip","tooltipPosition","focusMode","page","variants","Icon","icon","arrowUpLeft"],"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":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_components","_compose","_editor","_i18n","_coreData","_blockLibrary","_element","_notices","_router","_preferences","_htmlEntities","_icons","_blockEditor","_welcomeGuide","_store","_globalStylesRenderer","_canvasLoader","_lockUnlock","_useSiteEditorSettings","_pluginTemplateSettingPanel","_globalStylesSidebar","_isPreviewingTheme2","_editorCanvasContainer","_saveButton","_savePanel","_moreMenu","_siteIcon","_useEditorIframeProps","_useEditorTitle","_hooks","_jsxRuntime","Editor","BackButton","unlock","editorPrivateApis","useHistory","useLocation","routerPrivateApis","BlockKeyboardShortcuts","blockLibraryPrivateApis","toggleHomeIconVariants","edit","opacity","scale","hover","clipPath","siteIconVariants","tap","EditSiteEditor","isPostsList","disableMotion","useReducedMotion","params","isLoading","useIsSiteEditorLoading","editedPostType","editedPostId","contextPostType","contextPostId","canvasMode","isEditingPage","supportsGlobalStyles","showIconLabels","editorCanvasView","currentPostIsTrashed","hasSiteIcon","useSelect","select","getEditorCanvasContainerView","getEditedPostContext","getCanvasMode","isPage","getEditedPostType","getEditedPostId","editSiteStore","get","preferencesStore","getCurrentTheme","getEntityRecord","coreDataStore","_context","siteData","undefined","postId","postType","is_block_theme","editorStore","getCurrentPostAttribute","site_icon_url","useEditorTitle","_isPreviewingTheme","isPreviewingTheme","hasDefaultEditorCanvasView","useHasEditorCanvasContainer","iframeProps","useEditorIframeProps","isEditMode","postWithTemplate","loadingProgressId","useInstanceId","CanvasLoader","settings","useSpecificEditorSettings","styles","useMemo","css","setCanvasMode","useDispatch","__unstableSetEditorMode","resetZoomLevel","blockEditorStore","createSuccessNotice","noticesStore","history","onActionPerformed","useCallback","actionId","items","push","type","newItem","_title","title","rendered","sprintf","__","decodeEntities","id","actions","label","onClick","canvas","getEditorCanvasContainerTitle","isReady","transition","duration","jsxs","Fragment","children","jsx","GlobalStylesRenderer","EditorKeyboardShortcutsRegister","default","templateId","className","clsx","customSaveButton","size","customSavePanel","forceDisableBlockTools","extraSidebarPanels","Slot","length","__unstableMotion","div","animate","initial","whileHover","whileTap","Button","__next40pxDefaultSize","showTooltip","tooltipPosition","focusMode","page","variants","Icon","icon","arrowUpLeft"],"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';\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 { __unstableSetEditorMode, resetZoomLevel } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\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\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__unstableSetEditorMode(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'edit'\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\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\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":[]}

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

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
+var _icons = require("@wordpress/icons");
 var _element = require("@wordpress/element");
 var _context = _interopRequireWildcard(require("./font-library-modal/context"));
 var _fontLibraryModal = _interopRequireDefault(require("./font-library-modal"));
@@ -29,6 +30,19 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const {
   useGlobalSetting
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+/**
+ * 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 => (0, _utils.setUIValuesNeeded)(f, {
+    source
+  })) : [];
+}
 function FontFamilies() {
   const {
     baseCustomFonts,
@@ -37,48 +51,50 @@ function FontFamilies() {
   } = (0, _element.useContext)(_context.FontLibraryContext);
   const [fontFamilies] = useGlobalSetting('typography.fontFamilies');
   const [baseFontFamilies] = useGlobalSetting('typography.fontFamilies', undefined, 'base');
-  const themeFonts = fontFamilies?.theme ? fontFamilies.theme.map(f => (0, _utils.setUIValuesNeeded)(f, {
-    source: 'theme'
-  })).sort((a, b) => a.name.localeCompare(b.name)) : [];
-  const customFonts = fontFamilies?.custom ? fontFamilies.custom.map(f => (0, _utils.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [!!modalTabOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontLibraryModal.default, {
       onRequestClose: () => setModalTabOpen(null),
       defaultTabId: modalTabOpen
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-      spacing: 4,
-      children: [[...themeFonts, ...customFonts].length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      spacing: 2,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        justify: "space-between",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
           level: 3,
           children: (0, _i18n.__)('Fonts')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          onClick: () => setModalTabOpen('installed-fonts'),
+          label: (0, _i18n.__)('Manage fonts'),
+          icon: _icons.settings,
+          size: "small"
+        })]
+      }), activeFonts.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
           size: "large",
           isBordered: true,
           isSeparated: true,
-          children: themeFonts.map(font => /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontFamilyItem.default, {
+          children: activeFonts.map(font => /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontFamilyItem.default, {
             font: font
           }, font.slug))
-        })]
-      }), !hasFonts && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
-          level: 3,
-          children: (0, _i18n.__)('Fonts')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
+        })
+      }), !hasFonts && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
           as: "p",
           children: hasInstalledFonts ? (0, _i18n.__)('No fonts activated.') : (0, _i18n.__)('No fonts installed.')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          className: "edit-site-global-styles-font-families__manage-fonts",
+          variant: "secondary",
+          __next40pxDefaultSize: true,
+          onClick: () => {
+            setModalTabOpen(hasInstalledFonts ? 'installed-fonts' : 'upload-fonts');
+          },
+          children: hasInstalledFonts ? (0, _i18n.__)('Manage fonts') : (0, _i18n.__)('Add fonts')
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-        className: "edit-site-global-styles-font-families__manage-fonts",
-        variant: "secondary",
-        __next40pxDefaultSize: true,
-        onClick: () => {
-          setModalTabOpen(hasInstalledFonts ? 'installed-fonts' : 'upload-fonts');
-        },
-        children: hasInstalledFonts ? (0, _i18n.__)('Manage fonts') : (0, _i18n.__)('Add fonts')
       })]
     })]
   });

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_blockEditor","_element","_context","_interopRequireWildcard","_fontLibraryModal","_interopRequireDefault","_fontFamilyItem","_subtitle","_utils","_lockUnlock","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useGlobalSetting","unlock","blockEditorPrivateApis","FontFamilies","baseCustomFonts","modalTabOpen","setModalTabOpen","useContext","FontLibraryContext","fontFamilies","baseFontFamilies","undefined","themeFonts","theme","~~map~~","f","~~setUIValuesNeeded~~","~~source","~~sort","b","name","localeCompare","~~customFonts","custom","~~hasFonts","length","hasInstalledFonts","jsxs","Fragment","children","jsx","onRequestClose","defaultTabId","__experimentalVStack","spacing","level","__","~~__experimentalItemGroup~~","size","isBordered","isSeparated","font","slug","__experimentalText","as","~~Button","~~className","variant","__next40pxDefaultSize","~~onClick","~~_default","props","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-families.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } 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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;~~AAMA~~,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,~~QAAA~~,GAAAH,OAAA;~~AAKA~~,IAAAI,QAAA,GAAAC,uBAAA,~~CAAAL~~,OAAA;AAGA,~~IAAAM~~,iBAAA,GAAAC,sBAAA,~~CAAAP~~,OAAA;AACA,~~IAAAQ~~,eAAA,GAAAD,sBAAA,~~CAAAP~~,OAAA;AACA,~~IAAAS~~,SAAA,GAAAF,sBAAA,~~CAAAP~~,OAAA;AACA,~~IAAAU~~,MAAA,~~GAAAV~~,OAAA;AACA,~~IAAAW~~,WAAA,~~GAAAX~~,OAAA;AAA2C,~~IAAAY~~,WAAA,~~GAAAZ~~,OAAA;AAAA,~~SAAAa~~,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;~~AAvB3C~~;AACA;AACA;;~~AAWA~~;AACA;AACA;;AAUA,MAAM;EAAEW;AAAiB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;~~AAE7D~~,SAASC,YAAYA,CAAA,EAAG;EACvB,MAAM;IAAEC,eAAe;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GACvD,IAAAC,mBAAU,EAAEC,2BAAmB,CAAC;EACjC,MAAM,CAAEC,YAAY,CAAE,~~GAAGT~~,gBAAgB,CAAE,yBAA0B,CAAC;EACtE,MAAM,~~CAAEU~~,gBAAgB,CAAE,~~GAAGV~~,gBAAgB,CAC5C,yBAAyB,~~EACzBW~~,SAAS,EACT,MACD,CAAC;EACD,MAAMC,UAAU,~~GAAGH~~,~~YAAY~~,~~EAAEI~~,~~KAAK,GACnCJ,~~YAAY,~~CAACI~~,KAAK,~~CACjBC~~,~~GAAG~~,~~CAAIC,~~CAAC,~~IAAM~~,~~IAAAC~~,~~wBAAiB~~,~~EAAED~~,~~CAAC~~,~~EAAE;IAAEE~~,MAAM,EAAE~~;EAAQ~~,~~CAAE~~,~~CAAE,~~CAAC~~,CAC3DC,IAAI,CAAE,CAAE3B,CAAC,EAAE4B,CAAC,KAAM5B,CAAC,CAAC6B,IAAI,CAACC,aAAa,CAAEF,CAAC,CAACC,IAAK,CAAE,CAAC,GACnD,EAAE~~;~~EACL~~,~~MAAME~~,WAAW,~~GAAGb,YAAY,EAAEc,MAAM,GACrCd,YAAY,CAACc,MAAM,CAClBT,~~GAAG,~~CAAIC~~,~~CAAC~~,~~IAAM~~,~~IAAAC,wBAAiB,EAAED,CAAC,~~EAAE~~;IAAEE~~,~~MAAM~~,~~EAAE;EAAS~~,CAAE,~~CAAE~~,~~CAAC,CAC5DC,~~IAAI,CAAE,~~CAAE3B~~,CAAC,~~EAAE4B~~,CAAC,~~KAAM5B~~,CAAC,~~CAAC6B~~,IAAI,CAACC,aAAa,CAAEF,CAAC,CAACC,IAAK,~~CAAE~~,CAAC~~,GACnD,EAAE~~;~~EACL~~,~~MAAMI~~,QAAQ,GAAG,CAAC,~~GAAGF~~,WAAW,~~CAACG~~,MAAM~~,IAAI,CAAC,GAAGb,UAAU,CAACa,MAAM~~;~~EAEhE~~,MAAMC,iBAAiB,GACtBF,QAAQ,~~IACRd~~,gBAAgB,EAAEG,KAAK,~~EAAEY~~,MAAM,GAAG,CAAC,~~IACnCrB~~,eAAe,~~EAAEqB~~,MAAM,GAAG,CAAC;EAE5B,oBACC,~~IAAA9C~~,WAAA,~~CAAAgD~~,IAAA,~~EAAAhD~~,WAAA,~~CAAAiD~~,QAAA;IAAAC,QAAA,GACG,CAAC,~~CAAExB~~,YAAY,iBAChB,~~IAAA1B~~,WAAA,~~CAAAmD~~,GAAA,~~EAACzD~~,iBAAA,CAAAa,OAAgB;~~MAChB6C~~,cAAc,EAAGA,CAAA,~~KAAMzB~~,eAAe,CAAE,IAAK,CAAG;~~MAChD0B~~,YAAY,~~EAAG3B~~;IAAc,CAC7B,CACD,eAED,~~IAAA1B~~,WAAA,~~CAAAgD~~,IAAA,~~EAAC3D~~,WAAA,~~CAAAiE~~,oBAAM;MAACC,OAAO,EAAG,CAAG;MAAAL,QAAA,~~GAClB~~,~~CAAE~~,~~GAAGjB~~,~~UAAU~~,~~EAAE~~,~~GAAGU~~,~~WAAW,CAAE,CAACG,MAAM,GAAG,CAAC,iBAC7C,IAAA9C,~~WAAA,~~CAAAgD~~,~~IAAA~~,~~EAAAhD~~,~~WAAA~~,~~CAAAiD,QAAA~~;~~QAAAC~~,QAAA,~~gBACC~~,~~IAAAlD~~,WAAA,~~CAAAmD~~,GAAA,~~EAACtD~~,SAAA,CAAAU,OAAQ;~~UAACiD~~,KAAK,EAAG,CAAG;~~UAAAN~~,QAAA,EAAG,~~IAAAO~~,QAAE,EAAE,OAAQ;QAAC,CAAY,CAAC,eAClD,~~IAAAzD~~,WAAA,~~CAAAmD~~,GAAA,~~EAAC9D~~,WAAA,~~CAAAqE~~,uBAAS;~~UAACC~~,IAAI,EAAC,OAAO;~~UAACC~~,UAAU;UAACC,WAAW;~~UAAAX~~,QAAA,~~EAC3CjB~~,~~UAAU~~,~~CAACE~~,GAAG,~~CAAI2B~~,IAAI,~~iBACvB~~,~~IAAA9D~~,WAAA,~~CAAAmD~~,GAAA,~~EAACvD~~,eAAA,CAAAW,OAAc;~~YAEduD~~,IAAI,EAAGA;UAAM,GADPA,IAAI,CAACC,IAEX,CACA;QAAC,CACO~~,CAAC~~;~~MAAA~~,CACX,CACF,EACC,~~CAAElB~~,QAAQ,iBACX,~~IAAA7C~~,WAAA,~~CAAAgD~~,IAAA,~~EAAC3D~~,WAAA,~~CAAAiE~~,~~oBAAM;QAAAJ,~~QAAA~~,gBACN,IAAAlD,WAAA,CAAAmD,GAAA,EAACtD,SAAA,CAAAU,OAAQ~~;~~UAACiD~~,~~KAAK,EAAG,CAAG;UAAAN,~~QAAA,~~EAAG~~,~~IAAAO~~,~~QAAE,EAAE,OAAQ;QAAC,CAAY,CAAC,eAClD,IAAAzD,~~WAAA,~~CAAAmD~~,GAAA,~~EAAC9D~~,WAAA,~~CAAA2E~~,kBAAI;UAACC,EAAE,EAAC,GAAG;~~UAAAf~~,QAAA,EACTH,iBAAiB,GAChB,~~IAAAU~~,QAAE,EAAE,qBAAsB,CAAC,GAC3B,IAAAA,QAAE,EAAE,qBAAsB;QAAC,CACzB,CAAC~~;MAAA~~,~~CACA~~,~~CACR~~,~~eACD,IAAAzD,~~WAAA,~~CAAAmD~~,GAAA,~~EAAC9D~~,WAAA,~~CAAA6E~~,MAAM;~~QACNC~~,SAAS,EAAC,qDAAqD;~~QAC~~/DC,OAAO,EAAC,WAAW;~~QACnBC~~,qBAAqB;~~QACrBC~~,OAAO,EAAGA,CAAA,KAAM;~~UACf3C~~,eAAe,~~CACdoB~~,iBAAiB,GACd,iBAAiB,GACjB,cACJ,CAAC;~~QACF~~,CAAG;~~QAAAG~~,QAAA,EAEDH,iBAAiB,GAChB,~~IAAAU~~,QAAE,EAAE,cAAe,CAAC,GACpB,IAAAA,QAAE,EAAE,WAAY;~~MAAC~~,CACb,CAAC;~~IAAA~~,CACF,CAAC;EAAA,CACR,CAAC;AAEL;AAAC,~~IAAAc~~,QAAA,GAEcA,CAAE;EAAE,GAAGC;AAAM,CAAC,kBAC5B,~~IAAAxE~~,WAAA,~~CAAAmD~~,GAAA,~~EAAC3D~~,QAAA,CAAAe,OAAmB;~~EAAA2C~~,QAAA,eACnB,~~IAAAlD~~,WAAA,~~CAAAmD~~,GAAA,~~EAAC3B~~,YAAY;IAAA,~~GAAMgD~~;EAAK,CAAI;AAAC,CACT,CACrB;AAAAC,OAAA,~~CAAAlE~~,OAAA,~~GAAAgE~~,QAAA","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_components","_blockEditor","_icons","_element","_context","_interopRequireWildcard","_fontLibraryModal","_interopRequireDefault","_fontFamilyItem","_subtitle","_utils","_lockUnlock","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useGlobalSetting","unlock","blockEditorPrivateApis","mapFontsWithSource","fonts","source","map","f","setUIValuesNeeded","FontFamilies","baseCustomFonts","modalTabOpen","setModalTabOpen","useContext","FontLibraryContext","fontFamilies","baseFontFamilies","undefined","themeFonts","theme","customFonts","custom","activeFonts","sort","b","name","localeCompare","hasFonts","length","hasInstalledFonts","jsxs","Fragment","children","jsx","onRequestClose","defaultTabId","__experimentalVStack","spacing","__experimentalHStack","justify","level","__","Button","onClick","label","icon","settings","size","__experimentalItemGroup","isBordered","isSeparated","font","slug","__experimentalText","as","className","variant","__next40pxDefaultSize","_default","props","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-families.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__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/components/global-styles/screen-style-variations.js CHANGED Viewed

@@ -8,6 +8,8 @@ exports.default = void 0;
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
+var _data = require("@wordpress/data");
+var _editor = require("@wordpress/editor");
 var _header = _interopRequireDefault(require("./header"));
 var _content = _interopRequireDefault(require("../sidebar-navigation-screen-global-styles/content"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -20,9 +22,14 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 function ScreenStyleVariations() {
-  // Move to zoom out mode when this component is mounted
-  // and back to the previous mode when unmounted.
+  // Style Variations should only be previewed in with
+  // - a "zoomed out" editor
+  // - "Desktop" device preview
+  const {
+    setDeviceType
+  } = (0, _data.useDispatch)(_editor.store);
   (0, _blockEditor.useZoomOut)();
+  setDeviceType('desktop');
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
       title: (0, _i18n.__)('Browse styles'),

package/build/components/global-styles/screen-style-variations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_blockEditor","_header","_interopRequireDefault","_content","_jsxRuntime","ScreenStyleVariations","useZoomOut","jsxs","Fragment","children","jsx","default","title","__","description","Card","size","isBorderless","className","CardBody","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Card, CardBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useZoomOut } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\n\nfunction ScreenStyleVariations() {\n\t// ~~Move~~ to ~~zoom~~ ~~out~~ ~~mode~~ ~~when~~ ~~this~~ ~~component~~ is ~~mounted~~\n\t// ~~and~~ ~~back~~ to ~~the~~ ~~previous~~ ~~mode~~ ~~when~~ ~~unmounted.\~~n\tuseZoomOut();\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;~~AAKA~~,IAAAG,OAAA,GAAAC,sBAAA,~~CAAAJ~~,OAAA;AACA,~~IAAAK~~,QAAA,GAAAD,sBAAA,~~CAAAJ~~,OAAA;AAA4G,~~IAAAM~~,WAAA,~~GAAAN~~,OAAA;~~AAX5G~~;AACA;AACA;;~~AAKA~~;AACA;AACA;;AAIA,~~SAASO~~,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA,IAAAC,uBAAU,EAAC,CAAC;~~EAEZ~~,oBACC,IAAAF,WAAA,~~CAAAG~~,IAAA,~~EAAAH~~,WAAA,~~CAAAI~~,QAAA;IAAAC,QAAA,gBACC,~~IAAAL~~,WAAA,~~CAAAM~~,GAAA,~~EAACT~~,OAAA,~~CAAAU~~,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;MAC/BC,WAAW,EAAG,IAAAD,QAAE,EACf,oDACD;IAAG,CACH,CAAC,eAEF,~~IAAAT~~,WAAA,~~CAAAM~~,GAAA,~~EAACb~~,WAAA,~~CAAAkB~~,IAAI;MACJC,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAT,QAAA,eAE3D,~~IAAAL~~,WAAA,~~CAAAM~~,GAAA,~~EAACb~~,WAAA,~~CAAAsB~~,QAAQ;QAAAV,QAAA,eACR,~~IAAAL~~,WAAA,~~CAAAM~~,GAAA,~~EAACP~~,QAAA,~~CAAAQ~~,OAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,~~GAEcN~~,qBAAqB","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_i18n","_blockEditor","_data","_editor","_header","_interopRequireDefault","_content","_jsxRuntime","ScreenStyleVariations","setDeviceType","useDispatch","editorStore","useZoomOut","jsxs","Fragment","children","jsx","default","title","__","description","Card","size","isBorderless","className","CardBody","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Card, CardBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useZoomOut } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor\n\t// - \"Desktop\" device preview\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tuseZoomOut();\n\tsetDeviceType( 'desktop' );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,QAAA,GAAAD,sBAAA,CAAAN,OAAA;AAA4G,IAAAQ,WAAA,GAAAR,OAAA;AAb5G;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASS,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA;EACA,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEC,aAAY,CAAC;EACpD,IAAAC,uBAAU,EAAC,CAAC;EACZH,aAAa,CAAE,SAAU,CAAC;EAE1B,oBACC,IAAAF,WAAA,CAAAM,IAAA,EAAAN,WAAA,CAAAO,QAAA;IAAAC,QAAA,gBACC,IAAAR,WAAA,CAAAS,GAAA,EAACZ,OAAA,CAAAa,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;MAC/BC,WAAW,EAAG,IAAAD,QAAE,EACf,oDACD;IAAG,CACH,CAAC,eAEF,IAAAZ,WAAA,CAAAS,GAAA,EAAClB,WAAA,CAAAuB,IAAI;MACJC,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAT,QAAA,eAE3D,IAAAR,WAAA,CAAAS,GAAA,EAAClB,WAAA,CAAA2B,QAAQ;QAAAV,QAAA,eACR,IAAAR,WAAA,CAAAS,GAAA,EAACV,QAAA,CAAAW,OAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcT,qBAAqB","ignoreList":[]}

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

@@ -48,13 +48,27 @@ const presetShadowMenuItems = [{
 }];
 function ShadowsEditPanel() {
   const {
+    goBack,
     params: {
       category,
       slug
-    },
-    goTo
+    }
   } = (0, _components.__experimentalUseNavigator)();
   const [shadows, setShadows] = useGlobalSetting(`shadow.presets.${category}`);
+  (0, _element.useEffect)(() => {
+    const hasCurrentShadow = shadows?.some(shadow => shadow.slug === slug);
+    // If the shadow being edited doesn't exist anymore in the global styles setting, navigate back
+    // to prevent the user from editing a non-existent shadow entry.
+    // This can happen, for example:
+    // - when the user deletes the shadow
+    // - when the user resets the styles while editing a custom shadow
+    //
+    // The check on the slug is necessary to prevent a double back navigation when the user triggers
+    // a backward navigation by interacting with the screen's UI.
+    if (!!slug && !hasCurrentShadow) {
+      goBack();
+    }
+  }, [shadows, slug, goBack]);
   const [baseShadows] = useGlobalSetting(`shadow.presets.${category}`, undefined, 'base');
   const [selectedShadow, setSelectedShadow] = (0, _element.useState)(() => (shadows || []).find(shadow => shadow.slug === slug));
   const baseSelectedShadow = (0, _element.useMemo)(() => (baseShadows || []).find(b => b.slug === slug), [baseShadows, slug]);
@@ -84,9 +98,7 @@ function ShadowsEditPanel() {
     }
   };
   const handleShadowDelete = () => {
-    const updatedShadows = shadows.filter(s => s.slug !== slug);
-    setShadows(updatedShadows);
-    goTo(`/shadows`);
+    setShadows(shadows.filter(s => s.slug !== slug));
   };
   const handleShadowRename = newName => {
     if (!newName) {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_blockEditor","_icons","_element","_lockUnlock","_subtitle","_header","_shadowsPanel","_shadowUtils","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","DropdownMenuV2","componentsPrivateApis","customShadowMenuItems","label","__","action","presetShadowMenuItems","ShadowsEditPanel","params","category","slug","goTo","useNavigator","shadows","setShadows","baseShadows","undefined","selectedShadow","setSelectedShadow","useState","find","shadow","baseSelectedShadow","useMemo","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","jsx","default","title","jsxs","Fragment","children","__experimentalHStack","justify","FlexItem","__experimentalSpacer","marginTop","marginBottom","paddingX","trigger","Button","size","icon","moreVertical","item","Item","onClick","disabled","ItemLabel","className","ShadowsPreview","ShadowEditor","onChange","__experimentalConfirmDialog","isOpen","onConfirm","onCancel","confirmButtonText","sprintf","Modal","onRequestClose","onSubmit","event","preventDefault","__experimentalInputControl","__next40pxDefaultSize","autoComplete","placeholder","value","Flex","expanded","variant","type","shadowStyle","boxShadow","align","style","shadowParts","getShadowParts","onChangeShadowPart","index","part","join","onAddShadowPart","push","defaultShadow","onRemoveShadowPart","splice","__experimentalVStack","spacing","level","plus","__experimentalItemGroup","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","shadowStringToObject","newShadow","shadowObjectToString","Dropdown","renderToggle","onToggle","toggleProps","clsx","removeButtonProps","flexGrow","shadowIcon","inset","reset","renderContent","__experimentalDropdownContentWrapper","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","ColorPalette","clearable","color","__experimentalToggleGroupControl","__nextHasNoMarginBottom","isBlock","hideLabelFromVision","__experimentalToggleGroupControlOption","__experimentalGrid","columns","gap","ShadowInputControl","x","y","blur","spread","onValueChange","next","isNumeric","isNaN","parseFloat","nextValue","__experimentalUnitControl"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-edit-panel.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalInputControl as InputControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalGrid as Grid,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdown,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tColorPalette,\n\tModal,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tshadow as shadowIcon,\n\treset,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState, useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport ScreenHeader from './header';\nimport { defaultShadow } from './shadows-panel';\nimport {\n\tgetShadowParts,\n\tshadowStringToObject,\n\tshadowObjectToString,\n} from './shadow-utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { DropdownMenuV2 } = unlock( componentsPrivateApis );\n\nconst customShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Rename' ),\n\t\taction: 'rename',\n\t},\n\t{\n\t\tlabel: __( 'Delete' ),\n\t\taction: 'delete',\n\t},\n];\n\nconst presetShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Reset' ),\n\t\taction: 'reset',\n\t},\n];\n\nexport default function ShadowsEditPanel() {\n\tconst {\n\t\tparams: { category, slug },\n\t\tgoTo,\n\t} = useNavigator();\n\tconst [ shadows, setShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`\n\t);\n\tconst [ baseShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`,\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst [ selectedShadow, setSelectedShadow ] = useState( () =>\n\t\t( shadows \|\| [] ).find( ( shadow ) => shadow.slug === slug )\n\t);\n\tconst baseSelectedShadow = useMemo(\n\t\t() => ( baseShadows \|\| [] ).find( ( b ) => b.slug === slug ),\n\t\t[ baseShadows, slug ]\n\t);\n\tconst [ isConfirmDialogVisible, setIsConfirmDialogVisible ] =\n\t\tuseState( false );\n\tconst [ isRenameModalVisible, setIsRenameModalVisible ] = useState( false );\n\tconst [ shadowName, setShadowName ] = useState( selectedShadow.name );\n\n\tconst onShadowChange = ( shadow ) => {\n\t\tsetSelectedShadow( { ...selectedShadow, shadow } );\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, shadow } : s\n\t\t);\n\t\tsetShadows( updatedShadows );\n\t};\n\n\tconst onMenuClick = ( action ) => {\n\t\tif ( action === 'reset' ) {\n\t\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\t\ts.slug === slug ? baseSelectedShadow : s\n\t\t\t);\n\t\t\tsetSelectedShadow( baseSelectedShadow );\n\t\t\tsetShadows( updatedShadows );\n\t\t} else if ( action === 'delete' ) {\n\t\t\tsetIsConfirmDialogVisible( true );\n\t\t} else if ( action === 'rename' ) {\n\t\t\tsetIsRenameModalVisible( true );\n\t\t}\n\t};\n\n\tconst handleShadowDelete = () => {\n\t\tconst updatedShadows = shadows.filter( ( s ) => s.slug !== slug );\n\t\tsetShadows( updatedShadows );\n\t\tgoTo( `/shadows` );\n\t};\n\n\tconst handleShadowRename = ( newName ) => {\n\t\tif ( ! newName ) {\n\t\t\treturn;\n\t\t}\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, name: newName } : s\n\t\t);\n\t\tsetSelectedShadow( { ...selectedShadow, name: newName } );\n\t\tsetShadows( updatedShadows );\n\t};\n\n\treturn ! selectedShadow ? (\n\t\t<ScreenHeader title=\"\" />\n\t) : (\n\t\t<>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<ScreenHeader title={ selectedShadow.name } />\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Spacer marginTop={ 2 } marginBottom={ 0 } paddingX={ 4 }>\n\t\t\t\t\t\t<DropdownMenuV2\n\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Menu' ) }\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{ ( category === 'custom'\n\t\t\t\t\t\t\t\t? customShadowMenuItems\n\t\t\t\t\t\t\t\t: presetShadowMenuItems\n\t\t\t\t\t\t\t).map( ( item ) => (\n\t\t\t\t\t\t\t\t<DropdownMenuV2.Item\n\t\t\t\t\t\t\t\t\tkey={ item.action }\n\t\t\t\t\t\t\t\t\tonClick={ () => onMenuClick( item.action ) }\n\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\titem.action === 'reset' &&\n\t\t\t\t\t\t\t\t\t\tselectedShadow.shadow ===\n\t\t\t\t\t\t\t\t\t\t\tbaseSelectedShadow.shadow\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\t\t<DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t</DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t</DropdownMenuV2.Item>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</DropdownMenuV2>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<ShadowsPreview shadow={ selectedShadow.shadow } />\n\t\t\t\t<ShadowEditor\n\t\t\t\t\tshadow={ selectedShadow.shadow }\n\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ isConfirmDialogVisible && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen\n\t\t\t\t\tonConfirm={ () => {\n\t\t\t\t\t\thandleShadowDelete();\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => {\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t\tsize=\"medium\"\n\t\t\t\t>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t// translators: %s: name of the shadow\n\t\t\t\t\t\t'Are you sure you want to delete \"%s\"?',\n\t\t\t\t\t\tselectedShadow.name\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t\t{ isRenameModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t\t\tonRequestClose={ () => setIsRenameModalVisible( false ) }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\thandleShadowRename( shadowName );\n\t\t\t\t\t\t\tsetIsRenameModalVisible( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tplaceholder={ __( 'Shadow name' ) }\n\t\t\t\t\t\t\tvalue={ shadowName }\n\t\t\t\t\t\t\tonChange={ ( value ) => setShadowName( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer marginBottom={ 6 } />\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tclassName=\"block-editor-shadow-edit-modal__actions\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsRenameModalVisible( false )\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\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction ShadowsPreview( { shadow } ) {\n\tconst shadowStyle = {\n\t\tboxShadow: shadow,\n\t};\n\n\treturn (\n\t\t<Spacer marginBottom={ 4 } marginTop={ -2 }>\n\t\t\t<HStack\n\t\t\t\talign=\"center\"\n\t\t\t\tjustify=\"center\"\n\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-panel\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-block\"\n\t\t\t\t\tstyle={ shadowStyle }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</Spacer>\n\t);\n}\n\nfunction ShadowEditor( { shadow, onChange } ) {\n\tconst shadowParts = useMemo( () => getShadowParts( shadow ), [ shadow ] );\n\n\tconst onChangeShadowPart = ( index, part ) => {\n\t\tshadowParts[ index ] = part;\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onAddShadowPart = () => {\n\t\tshadowParts.push( defaultShadow );\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onRemoveShadowPart = ( index ) => {\n\t\tshadowParts.splice( index, 1 );\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Flex\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Shadows' ) }</Subtitle>\n\t\t\t\t\t</Flex>\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonAddShadowPart();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t\t<Spacer />\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t{ shadowParts.map( ( part, index ) => (\n\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tshadow={ part }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonChangeShadowPart( index, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcanRemove={ shadowParts.length > 1 }\n\t\t\t\t\t\tonRemove={ () => onRemoveShadowPart( index ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n\nfunction ShadowItem( { shadow, onChange, canRemove, onRemove } ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\tconst shadowObj = useMemo(\n\t\t() => shadowStringToObject( shadow ),\n\t\t[ shadow ]\n\t);\n\tconst onShadowChange = ( newShadow ) => {\n\t\tonChange( shadowObjectToString( newShadow ) );\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown\"\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst toggleProps = {\n\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__dropdown-toggle',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t};\n\t\t\t\tconst removeButtonProps = {\n\t\t\t\t\tonClick: onRemove,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__remove-button',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\tlabel: __( 'Remove shadow' ),\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<HStack align=\"center\" justify=\"flex-start\" spacing={ 0 }>\n\t\t\t\t\t\t<FlexItem style={ { flexGrow: 1 } }>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\t\t\t{ ...toggleProps }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ shadowObj.inset\n\t\t\t\t\t\t\t\t\t? __( 'Inner shadow' )\n\t\t\t\t\t\t\t\t\t: __( 'Drop shadow' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t{ canRemove && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\ticon={ reset }\n\t\t\t\t\t\t\t\t\t{ ...removeButtonProps }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</HStack>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper\n\t\t\t\t\tpaddingSize=\"medium\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown-content\"\n\t\t\t\t>\n\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t/>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction ShadowPopover( { shadowObj, onChange } ) {\n\tconst __experimentalIsRenderedInSidebar = true;\n\tconst enableAlpha = true;\n\n\tconst onShadowChange = ( key, value ) => {\n\t\tconst newShadow = {\n\t\t\t...shadowObj,\n\t\t\t[ key ]: value,\n\t\t};\n\t\tonChange( newShadow );\n\t};\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor-panel\"\n\t\t>\n\t\t\t<ColorPalette\n\t\t\t\tclearable={ false }\n\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\tonChange={ ( value ) => onShadowChange( 'color', value ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\tisBlock\n\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t}\n\t\t\t\thideLabelFromVision\n\t\t\t\t__next40pxDefaultSize\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'blur', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'spread', value ) }\n\t\t\t\t/>\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowInputControl( { label, value, onChange } ) {\n\tconst onValueChange = ( next ) => {\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : '0px';\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ label }\n\t\t\t__next40pxDefaultSize\n\t\t\tvalue={ value }\n\t\t\tonChange={ onValueChange }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_blockEditor","_icons","_element","_lockUnlock","_subtitle","_header","_shadowsPanel","_shadowUtils","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","DropdownMenuV2","componentsPrivateApis","customShadowMenuItems","label","__","action","presetShadowMenuItems","ShadowsEditPanel","goBack","params","category","slug","useNavigator","shadows","setShadows","useEffect","hasCurrentShadow","some","shadow","baseShadows","undefined","selectedShadow","setSelectedShadow","useState","find","baseSelectedShadow","useMemo","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","jsx","default","title","jsxs","Fragment","children","__experimentalHStack","justify","FlexItem","__experimentalSpacer","marginTop","marginBottom","paddingX","trigger","Button","size","icon","moreVertical","item","Item","onClick","disabled","ItemLabel","className","ShadowsPreview","ShadowEditor","onChange","__experimentalConfirmDialog","isOpen","onConfirm","onCancel","confirmButtonText","sprintf","Modal","onRequestClose","onSubmit","event","preventDefault","__experimentalInputControl","__next40pxDefaultSize","autoComplete","placeholder","value","Flex","expanded","variant","type","shadowStyle","boxShadow","align","style","shadowParts","getShadowParts","onChangeShadowPart","index","part","join","onAddShadowPart","push","defaultShadow","onRemoveShadowPart","splice","__experimentalVStack","spacing","level","plus","__experimentalItemGroup","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","shadowStringToObject","newShadow","shadowObjectToString","Dropdown","renderToggle","onToggle","toggleProps","clsx","removeButtonProps","flexGrow","shadowIcon","inset","reset","renderContent","__experimentalDropdownContentWrapper","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","ColorPalette","clearable","color","__experimentalToggleGroupControl","__nextHasNoMarginBottom","isBlock","hideLabelFromVision","__experimentalToggleGroupControlOption","__experimentalGrid","columns","gap","ShadowInputControl","x","y","blur","spread","onValueChange","next","isNumeric","isNaN","parseFloat","nextValue","__experimentalUnitControl"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-edit-panel.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalInputControl as InputControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalGrid as Grid,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdown,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tColorPalette,\n\tModal,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tshadow as shadowIcon,\n\treset,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState, useMemo, useEffect } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport ScreenHeader from './header';\nimport { defaultShadow } from './shadows-panel';\nimport {\n\tgetShadowParts,\n\tshadowStringToObject,\n\tshadowObjectToString,\n} from './shadow-utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { DropdownMenuV2 } = unlock( componentsPrivateApis );\n\nconst customShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Rename' ),\n\t\taction: 'rename',\n\t},\n\t{\n\t\tlabel: __( 'Delete' ),\n\t\taction: 'delete',\n\t},\n];\n\nconst presetShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Reset' ),\n\t\taction: 'reset',\n\t},\n];\n\nexport default function ShadowsEditPanel() {\n\tconst {\n\t\tgoBack,\n\t\tparams: { category, slug },\n\t} = useNavigator();\n\tconst [ shadows, setShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`\n\t);\n\n\tuseEffect( () => {\n\t\tconst hasCurrentShadow = shadows?.some(\n\t\t\t( shadow ) => shadow.slug === slug\n\t\t);\n\t\t// If the shadow being edited doesn't exist anymore in the global styles setting, navigate back\n\t\t// to prevent the user from editing a non-existent shadow entry.\n\t\t// This can happen, for example:\n\t\t// - when the user deletes the shadow\n\t\t// - when the user resets the styles while editing a custom shadow\n\t\t//\n\t\t// The check on the slug is necessary to prevent a double back navigation when the user triggers\n\t\t// a backward navigation by interacting with the screen's UI.\n\t\tif ( !! slug && ! hasCurrentShadow ) {\n\t\t\tgoBack();\n\t\t}\n\t}, [ shadows, slug, goBack ] );\n\n\tconst [ baseShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`,\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst [ selectedShadow, setSelectedShadow ] = useState( () =>\n\t\t( shadows \|\| [] ).find( ( shadow ) => shadow.slug === slug )\n\t);\n\tconst baseSelectedShadow = useMemo(\n\t\t() => ( baseShadows \|\| [] ).find( ( b ) => b.slug === slug ),\n\t\t[ baseShadows, slug ]\n\t);\n\tconst [ isConfirmDialogVisible, setIsConfirmDialogVisible ] =\n\t\tuseState( false );\n\tconst [ isRenameModalVisible, setIsRenameModalVisible ] = useState( false );\n\tconst [ shadowName, setShadowName ] = useState( selectedShadow.name );\n\n\tconst onShadowChange = ( shadow ) => {\n\t\tsetSelectedShadow( { ...selectedShadow, shadow } );\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, shadow } : s\n\t\t);\n\t\tsetShadows( updatedShadows );\n\t};\n\n\tconst onMenuClick = ( action ) => {\n\t\tif ( action === 'reset' ) {\n\t\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\t\ts.slug === slug ? baseSelectedShadow : s\n\t\t\t);\n\t\t\tsetSelectedShadow( baseSelectedShadow );\n\t\t\tsetShadows( updatedShadows );\n\t\t} else if ( action === 'delete' ) {\n\t\t\tsetIsConfirmDialogVisible( true );\n\t\t} else if ( action === 'rename' ) {\n\t\t\tsetIsRenameModalVisible( true );\n\t\t}\n\t};\n\n\tconst handleShadowDelete = () => {\n\t\tsetShadows( shadows.filter( ( s ) => s.slug !== slug ) );\n\t};\n\n\tconst handleShadowRename = ( newName ) => {\n\t\tif ( ! newName ) {\n\t\t\treturn;\n\t\t}\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, name: newName } : s\n\t\t);\n\t\tsetSelectedShadow( { ...selectedShadow, name: newName } );\n\t\tsetShadows( updatedShadows );\n\t};\n\n\treturn ! selectedShadow ? (\n\t\t<ScreenHeader title=\"\" />\n\t) : (\n\t\t<>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<ScreenHeader title={ selectedShadow.name } />\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Spacer marginTop={ 2 } marginBottom={ 0 } paddingX={ 4 }>\n\t\t\t\t\t\t<DropdownMenuV2\n\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Menu' ) }\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{ ( category === 'custom'\n\t\t\t\t\t\t\t\t? customShadowMenuItems\n\t\t\t\t\t\t\t\t: presetShadowMenuItems\n\t\t\t\t\t\t\t).map( ( item ) => (\n\t\t\t\t\t\t\t\t<DropdownMenuV2.Item\n\t\t\t\t\t\t\t\t\tkey={ item.action }\n\t\t\t\t\t\t\t\t\tonClick={ () => onMenuClick( item.action ) }\n\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\titem.action === 'reset' &&\n\t\t\t\t\t\t\t\t\t\tselectedShadow.shadow ===\n\t\t\t\t\t\t\t\t\t\t\tbaseSelectedShadow.shadow\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\t\t<DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t</DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t</DropdownMenuV2.Item>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</DropdownMenuV2>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<ShadowsPreview shadow={ selectedShadow.shadow } />\n\t\t\t\t<ShadowEditor\n\t\t\t\t\tshadow={ selectedShadow.shadow }\n\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ isConfirmDialogVisible && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen\n\t\t\t\t\tonConfirm={ () => {\n\t\t\t\t\t\thandleShadowDelete();\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => {\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t\tsize=\"medium\"\n\t\t\t\t>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t// translators: %s: name of the shadow\n\t\t\t\t\t\t'Are you sure you want to delete \"%s\"?',\n\t\t\t\t\t\tselectedShadow.name\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t\t{ isRenameModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t\t\tonRequestClose={ () => setIsRenameModalVisible( false ) }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\thandleShadowRename( shadowName );\n\t\t\t\t\t\t\tsetIsRenameModalVisible( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tplaceholder={ __( 'Shadow name' ) }\n\t\t\t\t\t\t\tvalue={ shadowName }\n\t\t\t\t\t\t\tonChange={ ( value ) => setShadowName( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer marginBottom={ 6 } />\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tclassName=\"block-editor-shadow-edit-modal__actions\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsRenameModalVisible( false )\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\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction ShadowsPreview( { shadow } ) {\n\tconst shadowStyle = {\n\t\tboxShadow: shadow,\n\t};\n\n\treturn (\n\t\t<Spacer marginBottom={ 4 } marginTop={ -2 }>\n\t\t\t<HStack\n\t\t\t\talign=\"center\"\n\t\t\t\tjustify=\"center\"\n\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-panel\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-block\"\n\t\t\t\t\tstyle={ shadowStyle }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</Spacer>\n\t);\n}\n\nfunction ShadowEditor( { shadow, onChange } ) {\n\tconst shadowParts = useMemo( () => getShadowParts( shadow ), [ shadow ] );\n\n\tconst onChangeShadowPart = ( index, part ) => {\n\t\tshadowParts[ index ] = part;\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onAddShadowPart = () => {\n\t\tshadowParts.push( defaultShadow );\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onRemoveShadowPart = ( index ) => {\n\t\tshadowParts.splice( index, 1 );\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Flex\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Shadows' ) }</Subtitle>\n\t\t\t\t\t</Flex>\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonAddShadowPart();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t\t<Spacer />\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t{ shadowParts.map( ( part, index ) => (\n\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tshadow={ part }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonChangeShadowPart( index, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcanRemove={ shadowParts.length > 1 }\n\t\t\t\t\t\tonRemove={ () => onRemoveShadowPart( index ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n\nfunction ShadowItem( { shadow, onChange, canRemove, onRemove } ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\tconst shadowObj = useMemo(\n\t\t() => shadowStringToObject( shadow ),\n\t\t[ shadow ]\n\t);\n\tconst onShadowChange = ( newShadow ) => {\n\t\tonChange( shadowObjectToString( newShadow ) );\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown\"\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst toggleProps = {\n\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__dropdown-toggle',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t};\n\t\t\t\tconst removeButtonProps = {\n\t\t\t\t\tonClick: onRemove,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__remove-button',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\tlabel: __( 'Remove shadow' ),\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<HStack align=\"center\" justify=\"flex-start\" spacing={ 0 }>\n\t\t\t\t\t\t<FlexItem style={ { flexGrow: 1 } }>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\t\t\t{ ...toggleProps }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ shadowObj.inset\n\t\t\t\t\t\t\t\t\t? __( 'Inner shadow' )\n\t\t\t\t\t\t\t\t\t: __( 'Drop shadow' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t{ canRemove && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\ticon={ reset }\n\t\t\t\t\t\t\t\t\t{ ...removeButtonProps }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</HStack>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper\n\t\t\t\t\tpaddingSize=\"medium\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown-content\"\n\t\t\t\t>\n\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t/>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction ShadowPopover( { shadowObj, onChange } ) {\n\tconst __experimentalIsRenderedInSidebar = true;\n\tconst enableAlpha = true;\n\n\tconst onShadowChange = ( key, value ) => {\n\t\tconst newShadow = {\n\t\t\t...shadowObj,\n\t\t\t[ key ]: value,\n\t\t};\n\t\tonChange( newShadow );\n\t};\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor-panel\"\n\t\t>\n\t\t\t<ColorPalette\n\t\t\t\tclearable={ false }\n\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\tonChange={ ( value ) => onShadowChange( 'color', value ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\tisBlock\n\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t}\n\t\t\t\thideLabelFromVision\n\t\t\t\t__next40pxDefaultSize\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'blur', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'spread', value ) }\n\t\t\t\t/>\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowInputControl( { label, value, onChange } ) {\n\tconst onValueChange = ( next ) => {\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : '0px';\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ label }\n\t\t\t__next40pxDefaultSize\n\t\t\tvalue={ value }\n\t\t\tonChange={ onValueChange }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -11,7 +11,6 @@ var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
-var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
 var _commands = require("@wordpress/commands");
 var _blockEditor = require("@wordpress/block-editor");
 var _editor = require("@wordpress/editor");
@@ -62,26 +61,16 @@ function Layout({
   const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
   const toggleRef = (0, _element.useRef)();
   const {
-    canvasMode,
-    previousShortcut,
-    nextShortcut
+    canvasMode
   } = (0, _data.useSelect)(select => {
-    const {
-      getAllShortcutKeyCombinations
-    } = select(_keyboardShortcuts.store);
     const {
       getCanvasMode
     } = (0, _lockUnlock.unlock)(select(_store.store));
     return {
-      canvasMode: getCanvasMode(),
-      previousShortcut: getAllShortcutKeyCombinations('core/editor/previous-region'),
-      nextShortcut: getAllShortcutKeyCombinations('core/editor/next-region')
+      canvasMode: getCanvasMode()
     };
   }, []);
-  const navigateRegionsProps = (0, _components.__unstableUseNavigateRegions)({
-    previous: previousShortcut,
-    next: nextShortcut
-  });
+  const navigateRegionsProps = (0, _components.__unstableUseNavigateRegions)();
   const disableMotion = (0, _compose.useReducedMotion)();
   const [canvasResizer, canvasSize] = (0, _compose.useResizeObserver)();
   const isEditorLoading = (0, _hooks.useIsSiteEditorLoading)();