npm - @wordpress/edit-site - Versions diffs - 6.11.0 → 6.12.1-next.082ed6819.0 - Mend

@wordpress/edit-site 6.11.0 → 6.12.1-next.082ed6819.0

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

Files changed (346) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_components","_compose","_editor","_i18n","_coreData","_blockLibrary","_element","_notices","_router","_preferences","_htmlEntities","_icons","_blockEditor","_welcomeGuide","_store","_globalStylesRenderer","_canvasLoader","_lockUnlock","_useSiteEditorSettings","_pluginTemplateSettingPanel","_globalStylesSidebar","_isPreviewingTheme2","_editorCanvasContainer","_saveButton","_savePanel","_moreMenu","_siteIcon","_useEditorIframeProps","_useEditorTitle","_hooks","_useAdaptEditorToCanvas","_jsxRuntime","Editor","BackButton","unlock","editorPrivateApis","useHistory","useLocation","routerPrivateApis","BlockKeyboardShortcuts","blockLibraryPrivateApis","toggleHomeIconVariants","edit","opacity","scale","hover","clipPath","siteIconVariants","tap","EditSiteEditor","isPostsList","disableMotion","useReducedMotion","params","canvas","isLoading","useIsSiteEditorLoading","useAdaptEditorToCanvas","editedPostType","editedPostId","contextPostType","contextPostId","isEditingPage","supportsGlobalStyles","showIconLabels","editorCanvasView","currentPostIsTrashed","hasSiteIcon","useSelect","select","getEditorCanvasContainerView","getEditedPostContext","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","resetZoomLevel","useDispatch","blockEditorStore","createSuccessNotice","noticesStore","history","onActionPerformed","useCallback","actionId","items","push","type","newItem","_title","title","rendered","sprintf","__","decodeEntities","id","actions","label","onClick","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';\nimport { useAdaptEditorToCanvas } from './use-adapt-editor-to-canvas';\n\nconst { Editor, BackButton } = unlock( editorPrivateApis );\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\nconst { BlockKeyboardShortcuts } = unlock( blockLibraryPrivateApis );\n\nconst toggleHomeIconVariants = {\n\tedit: {\n\t\topacity: 0,\n\t\tscale: 0.2,\n\t},\n\thover: {\n\t\topacity: 1,\n\t\tscale: 1,\n\t\tclipPath: 'inset( 22% round 2px )',\n\t},\n};\n\nconst siteIconVariants = {\n\tedit: {\n\t\tclipPath: 'inset(0% round 0px)',\n\t},\n\thover: {\n\t\tclipPath: 'inset( 22% round 2px )',\n\t},\n\ttap: {\n\t\tclipPath: 'inset(0% round 0px)',\n\t},\n};\n\nexport default function EditSiteEditor( { isPostsList = false } ) {\n\tconst disableMotion = useReducedMotion();\n\tconst { params } = useLocation();\n\tconst { canvas = 'view' } = params;\n\tconst isLoading = useIsSiteEditorLoading();\n\tuseAdaptEditorToCanvas( canvas );\n\tconst {\n\t\teditedPostType,\n\t\teditedPostId,\n\t\tcontextPostType,\n\t\tcontextPostId,\n\t\tisEditingPage,\n\t\tsupportsGlobalStyles,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t\tcurrentPostIsTrashed,\n\t\thasSiteIcon,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetEditorCanvasContainerView,\n\t\t\tgetEditedPostContext,\n\t\t\tisPage,\n\t\t\tgetEditedPostType,\n\t\t\tgetEditedPostId,\n\t\t} = unlock( select( editSiteStore ) );\n\t\tconst { get } = select( preferencesStore );\n\t\tconst { getCurrentTheme, getEntityRecord } = select( coreDataStore );\n\t\tconst _context = getEditedPostContext();\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase', undefined );\n\n\t\t// The currently selected entity to display.\n\t\t// Typically template or template part in the site editor.\n\t\treturn {\n\t\t\teditedPostType: getEditedPostType(),\n\t\t\teditedPostId: getEditedPostId(),\n\t\t\tcontextPostType: _context?.postId ? _context.postType : undefined,\n\t\t\tcontextPostId: _context?.postId ? _context.postId : undefined,\n\t\t\tisEditingPage: isPage(),\n\t\t\tsupportsGlobalStyles: getCurrentTheme()?.is_block_theme,\n\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t\teditorCanvasView: getEditorCanvasContainerView(),\n\t\t\tcurrentPostIsTrashed:\n\t\t\t\tselect( editorStore ).getCurrentPostAttribute( 'status' ) ===\n\t\t\t\t'trash',\n\t\t\thasSiteIcon: !! siteData?.site_icon_url,\n\t\t};\n\t}, [] );\n\tuseEditorTitle();\n\tconst _isPreviewingTheme = isPreviewingTheme();\n\tconst hasDefaultEditorCanvasView = ! useHasEditorCanvasContainer();\n\tconst iframeProps = useEditorIframeProps();\n\tconst isEditMode = canvas === 'edit';\n\tconst postWithTemplate = !! contextPostId;\n\tconst loadingProgressId = useInstanceId(\n\t\tCanvasLoader,\n\t\t'edit-site-editor__loading-progress'\n\t);\n\n\tconst settings = useSpecificEditorSettings();\n\tconst styles = useMemo(\n\t\t() => [\n\t\t\t...settings.styles,\n\t\t\t{\n\t\t\t\t// Forming a \"block formatting context\" to prevent margin collapsing.\n\t\t\t\t// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n\t\t\t\tcss:\n\t\t\t\t\tcanvas === 'view'\n\t\t\t\t\t\t? `body{min-height: 100vh; ${\n\t\t\t\t\t\t\t\tcurrentPostIsTrashed ? '' : 'cursor: pointer;'\n\t\t\t\t\t\t }}`\n\t\t\t\t\t\t: undefined,\n\t\t\t},\n\t\t],\n\t\t[ settings.styles, canvas, currentPostIsTrashed ]\n\t);\n\tconst { resetZoomLevel } = unlock( useDispatch( blockEditorStore ) );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst history = useHistory();\n\tconst onActionPerformed = useCallback(\n\t\t( actionId, items ) => {\n\t\t\tswitch ( actionId ) {\n\t\t\t\tcase 'move-to-trash':\n\t\t\t\tcase 'delete-post':\n\t\t\t\t\t{\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpostType: items[ 0 ].type,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'duplicate-post':\n\t\t\t\t\t{\n\t\t\t\t\t\tconst newItem = items[ 0 ];\n\t\t\t\t\t\tconst _title =\n\t\t\t\t\t\t\ttypeof newItem.title === 'string'\n\t\t\t\t\t\t\t\t? newItem.title\n\t\t\t\t\t\t\t\t: newItem.title?.rendered;\n\t\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t// translators: %s: Title of the created post or template, e.g: \"Hello world\".\n\t\t\t\t\t\t\t\t__( '\"%s\" successfully created.' ),\n\t\t\t\t\t\t\t\tdecodeEntities( _title )\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t\t\tid: 'duplicate-post-action',\n\t\t\t\t\t\t\t\tactions: [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tlabel: __( 'Edit' ),\n\t\t\t\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\t\t\t\t\t\tpostId: newItem.id,\n\t\t\t\t\t\t\t\t\t\t\t\tpostType: newItem.type,\n\t\t\t\t\t\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\t[ history, createSuccessNotice ]\n\t);\n\n\t// Replace the title and icon displayed in the DocumentBar when there's an overlay visible.\n\tconst title = getEditorCanvasContainerTitle( editorCanvasView );\n\n\tconst isReady = ! isLoading;\n\tconst transition = {\n\t\tduration: disableMotion ? 0 : 0.2,\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesRenderer />\n\t\t\t<EditorKeyboardShortcutsRegister />\n\t\t\t{ isEditMode && <BlockKeyboardShortcuts /> }\n\t\t\t{ ! isReady ? <CanvasLoader id={ loadingProgressId } /> : null }\n\t\t\t{ isEditMode && <WelcomeGuide /> }\n\t\t\t{ isReady && (\n\t\t\t\t<Editor\n\t\t\t\t\tpostType={\n\t\t\t\t\t\tpostWithTemplate ? contextPostType : editedPostType\n\t\t\t\t\t}\n\t\t\t\t\tpostId={ postWithTemplate ? contextPostId : editedPostId }\n\t\t\t\t\ttemplateId={ postWithTemplate ? editedPostId : undefined }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tclassName={ clsx( 'edit-site-editor__editor-interface', {\n\t\t\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t\t} ) }\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tcustomSaveButton={\n\t\t\t\t\t\t_isPreviewingTheme && <SaveButton size=\"compact\" />\n\t\t\t\t\t}\n\t\t\t\t\tcustomSavePanel={ _isPreviewingTheme && <SavePanel /> }\n\t\t\t\t\tforceDisableBlockTools={ ! hasDefaultEditorCanvasView }\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\tiframeProps={ iframeProps }\n\t\t\t\t\tonActionPerformed={ onActionPerformed }\n\t\t\t\t\textraSidebarPanels={\n\t\t\t\t\t\t! isEditingPage && <PluginTemplateSettingPanel.Slot />\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ isEditMode && (\n\t\t\t\t\t\t<BackButton>\n\t\t\t\t\t\t\t{ ( { length } ) =>\n\t\t\t\t\t\t\t\tlength <= 1 && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-editor__view-mode-toggle\"\n\t\t\t\t\t\t\t\t\t\ttransition={ transition }\n\t\t\t\t\t\t\t\t\t\tanimate=\"edit\"\n\t\t\t\t\t\t\t\t\t\tinitial=\"edit\"\n\t\t\t\t\t\t\t\t\t\twhileHover=\"hover\"\n\t\t\t\t\t\t\t\t\t\twhileTap=\"tap\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Open Navigation' ) }\n\t\t\t\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"middle right\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tresetZoomLevel();\n\n\t\t\t\t\t\t\t\t\t\t\t\t// TODO: this is a temporary solution to navigate to the posts list if we are\n\t\t\t\t\t\t\t\t\t\t\t\t// come here through `posts list` and are in focus mode editing a template, template part etc..\n\t\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\tisPostsList &&\n\t\t\t\t\t\t\t\t\t\t\t\t\tparams?.focusMode\n\t\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\t\thistory.push(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpage: 'gutenberg-posts-dashboard',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpostType: 'post',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransition:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'canvas-mode-view-transition',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\thistory.push(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...params,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcanvas: undefined,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransition:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'canvas-mode-view-transition',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t\t\tvariants={ siteIconVariants }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-editor__view-mode-toggle-icon\" />\n\t\t\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t\t\t'edit-site-editor__back-icon',\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'has-site-icon':\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thasSiteIcon,\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\tvariants={ toggleHomeIconVariants }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ arrowUpLeft } />\n\t\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</BackButton>\n\t\t\t\t\t) }\n\t\t\t\t\t<SiteEditorMoreMenu />\n\t\t\t\t\t{ supportsGlobalStyles && <GlobalStylesSidebar /> }\n\t\t\t\t</Editor>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
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","_useAdaptEditorToCanvas","_constants","_useResolveEditedEntity","_jsxRuntime","Editor","BackButton","unlock","editorPrivateApis","useHistory","useLocation","routerPrivateApis","BlockKeyboardShortcuts","blockLibraryPrivateApis","toggleHomeIconVariants","edit","opacity","scale","hover","clipPath","siteIconVariants","tap","EditSiteEditor","isPostsList","disableMotion","useReducedMotion","params","canvas","isLoading","useIsSiteEditorLoading","useAdaptEditorToCanvas","entity","useResolveEditedEntity","useSyncDeprecatedEntityIntoState","postType","postId","context","supportsGlobalStyles","showIconLabels","editorCanvasView","currentPostIsTrashed","hasSiteIcon","useSelect","select","getEditorCanvasContainerView","editSiteStore","get","preferencesStore","getCurrentTheme","getEntityRecord","coreDataStore","siteData","undefined","is_block_theme","editorStore","getCurrentPostAttribute","site_icon_url","postWithTemplate","useEditorTitle","_isPreviewingTheme","isPreviewingTheme","hasDefaultEditorCanvasView","useHasEditorCanvasContainer","iframeProps","useEditorIframeProps","isEditMode","loadingProgressId","useInstanceId","CanvasLoader","settings","useSpecificEditorSettings","styles","useMemo","css","resetZoomLevel","useDispatch","blockEditorStore","createSuccessNotice","noticesStore","history","onActionPerformed","useCallback","actionId","items","push","type","newItem","_title","title","rendered","sprintf","__","decodeEntities","id","actions","label","onClick","getEditorCanvasContainerTitle","isReady","transition","duration","jsxs","Fragment","children","jsx","GlobalStylesRenderer","disableRootPadding","TEMPLATE_POST_TYPE","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';\nimport { useAdaptEditorToCanvas } from './use-adapt-editor-to-canvas';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\nimport {\n\tuseResolveEditedEntity,\n\tuseSyncDeprecatedEntityIntoState,\n} from './use-resolve-edited-entity';\n\nconst { Editor, BackButton } = unlock( editorPrivateApis );\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\nconst { BlockKeyboardShortcuts } = unlock( blockLibraryPrivateApis );\n\nconst toggleHomeIconVariants = {\n\tedit: {\n\t\topacity: 0,\n\t\tscale: 0.2,\n\t},\n\thover: {\n\t\topacity: 1,\n\t\tscale: 1,\n\t\tclipPath: 'inset( 22% round 2px )',\n\t},\n};\n\nconst siteIconVariants = {\n\tedit: {\n\t\tclipPath: 'inset(0% round 0px)',\n\t},\n\thover: {\n\t\tclipPath: 'inset( 22% round 2px )',\n\t},\n\ttap: {\n\t\tclipPath: 'inset(0% round 0px)',\n\t},\n};\n\nexport default function EditSiteEditor( { isPostsList = false } ) {\n\tconst disableMotion = useReducedMotion();\n\tconst { params } = useLocation();\n\tconst { canvas = 'view' } = params;\n\tconst isLoading = useIsSiteEditorLoading();\n\tuseAdaptEditorToCanvas( canvas );\n\tconst entity = useResolveEditedEntity();\n\t// deprecated sync state with url\n\tuseSyncDeprecatedEntityIntoState( entity );\n\tconst { postType, postId, context } = entity;\n\tconst {\n\t\tsupportsGlobalStyles,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t\tcurrentPostIsTrashed,\n\t\thasSiteIcon,\n\t} = useSelect( ( select ) => {\n\t\tconst { getEditorCanvasContainerView } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst { get } = select( preferencesStore );\n\t\tconst { getCurrentTheme, getEntityRecord } = select( coreDataStore );\n\t\tconst siteData = getEntityRecord( 'root', '__unstableBase', undefined );\n\n\t\treturn {\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\tconst postWithTemplate = !! context?.postId;\n\tuseEditorTitle(\n\t\tpostWithTemplate ? context.postType : postType,\n\t\tpostWithTemplate ? context.postId : postId\n\t);\n\tconst _isPreviewingTheme = isPreviewingTheme();\n\tconst hasDefaultEditorCanvasView = ! useHasEditorCanvasContainer();\n\tconst iframeProps = useEditorIframeProps();\n\tconst isEditMode = canvas === 'edit';\n\tconst loadingProgressId = useInstanceId(\n\t\tCanvasLoader,\n\t\t'edit-site-editor__loading-progress'\n\t);\n\n\tconst settings = useSpecificEditorSettings();\n\tconst styles = useMemo(\n\t\t() => [\n\t\t\t...settings.styles,\n\t\t\t{\n\t\t\t\t// Forming a \"block formatting context\" to prevent margin collapsing.\n\t\t\t\t// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n\t\t\t\tcss:\n\t\t\t\t\tcanvas === 'view'\n\t\t\t\t\t\t? `body{min-height: 100vh; ${\n\t\t\t\t\t\t\t\tcurrentPostIsTrashed ? '' : 'cursor: pointer;'\n\t\t\t\t\t\t }}`\n\t\t\t\t\t\t: undefined,\n\t\t\t},\n\t\t],\n\t\t[ settings.styles, canvas, currentPostIsTrashed ]\n\t);\n\tconst { resetZoomLevel } = unlock( useDispatch( blockEditorStore ) );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst history = useHistory();\n\tconst onActionPerformed = useCallback(\n\t\t( actionId, items ) => {\n\t\t\tswitch ( actionId ) {\n\t\t\t\tcase 'move-to-trash':\n\t\t\t\tcase 'delete-post':\n\t\t\t\t\t{\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpostType: items[ 0 ].type,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'duplicate-post':\n\t\t\t\t\t{\n\t\t\t\t\t\tconst newItem = items[ 0 ];\n\t\t\t\t\t\tconst _title =\n\t\t\t\t\t\t\ttypeof newItem.title === 'string'\n\t\t\t\t\t\t\t\t? newItem.title\n\t\t\t\t\t\t\t\t: newItem.title?.rendered;\n\t\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t// translators: %s: Title of the created post or template, e.g: \"Hello world\".\n\t\t\t\t\t\t\t\t__( '\"%s\" successfully created.' ),\n\t\t\t\t\t\t\t\tdecodeEntities( _title )\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t\t\tid: 'duplicate-post-action',\n\t\t\t\t\t\t\t\tactions: [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tlabel: __( 'Edit' ),\n\t\t\t\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\t\t\t\t\t\tpostId: newItem.id,\n\t\t\t\t\t\t\t\t\t\t\t\tpostType: newItem.type,\n\t\t\t\t\t\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\t[ history, createSuccessNotice ]\n\t);\n\n\t// Replace the title and icon displayed in the DocumentBar when there's an overlay visible.\n\tconst title = getEditorCanvasContainerTitle( editorCanvasView );\n\n\tconst isReady = ! isLoading;\n\tconst transition = {\n\t\tduration: disableMotion ? 0 : 0.2,\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesRenderer\n\t\t\t\tdisableRootPadding={ postType !== TEMPLATE_POST_TYPE }\n\t\t\t/>\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 && (\n\t\t\t\t<WelcomeGuide\n\t\t\t\t\tpostType={ postWithTemplate ? context.postType : postType }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ isReady && (\n\t\t\t\t<Editor\n\t\t\t\t\tpostType={ postWithTemplate ? context.postType : postType }\n\t\t\t\t\tpostId={ postWithTemplate ? context.postId : postId }\n\t\t\t\t\ttemplateId={ postWithTemplate ? postId : 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! postWithTemplate && (\n\t\t\t\t\t\t\t<PluginTemplateSettingPanel.Slot />\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ isEditMode && (\n\t\t\t\t\t\t<BackButton>\n\t\t\t\t\t\t\t{ ( { length } ) =>\n\t\t\t\t\t\t\t\tlength <= 1 && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-editor__view-mode-toggle\"\n\t\t\t\t\t\t\t\t\t\ttransition={ transition }\n\t\t\t\t\t\t\t\t\t\tanimate=\"edit\"\n\t\t\t\t\t\t\t\t\t\tinitial=\"edit\"\n\t\t\t\t\t\t\t\t\t\twhileHover=\"hover\"\n\t\t\t\t\t\t\t\t\t\twhileTap=\"tap\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Open Navigation' ) }\n\t\t\t\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t\t\t\t\ttooltipPosition=\"middle right\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tresetZoomLevel();\n\n\t\t\t\t\t\t\t\t\t\t\t\t// TODO: this is a temporary solution to navigate to the posts list if we are\n\t\t\t\t\t\t\t\t\t\t\t\t// come here through `posts list` and are in focus mode editing a template, template part etc..\n\t\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\tisPostsList &&\n\t\t\t\t\t\t\t\t\t\t\t\t\tparams?.focusMode\n\t\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\t\thistory.push(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpage: 'gutenberg-posts-dashboard',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpostType: 'post',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransition:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'canvas-mode-view-transition',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\thistory.push(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...params,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcanvas: undefined,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tundefined,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransition:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'canvas-mode-view-transition',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t\t\tvariants={ siteIconVariants }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-editor__view-mode-toggle-icon\" />\n\t\t\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t\t\t'edit-site-editor__back-icon',\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t'has-site-icon':\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thasSiteIcon,\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\tvariants={ toggleHomeIconVariants }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ arrowUpLeft } />\n\t\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</BackButton>\n\t\t\t\t\t) }\n\t\t\t\t\t<SiteEditorMoreMenu />\n\t\t\t\t\t{ supportsGlobalStyles && <GlobalStylesSidebar /> }\n\t\t\t\t</Editor>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/editor/use-editor-title.js CHANGED Viewed

@@ -6,9 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _i18n = require("@wordpress/i18n");
-var _useEditedEntityRecord = _interopRequireDefault(require("../use-edited-entity-record"));
+var _data = require("@wordpress/data");
+var _coreData = require("@wordpress/core-data");
+var _htmlEntities = require("@wordpress/html-entities");
+var _editor = require("@wordpress/editor");
 var _useTitle = _interopRequireDefault(require("../routes/use-title"));
 var _constants = require("../../utils/constants");
+var _lockUnlock = require("../../lock-unlock");
 /**
  * WordPress dependencies
  */
@@ -17,23 +21,44 @@ var _constants = require("../../utils/constants");
  * Internal dependencies
  */
-function useEditorTitle() {
+const {
+  getTemplateInfo
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
+function useEditorTitle(postType, postId) {
   const {
-    record: editedPost,
-    getTitle,
-    isLoaded: hasLoadedPost
-  } = (0, _useEditedEntityRecord.default)();
-  let title;
-  if (hasLoadedPost) {
-    var _POST_TYPE_LABELS$edi;
-    title = (0, _i18n.sprintf)(
+    title,
+    isLoaded
+  } = (0, _data.useSelect)(select => {
+    var _select$getEntityReco;
+    const {
+      getEditedEntityRecord,
+      hasFinishedResolution
+    } = select(_coreData.store);
+    const _record = getEditedEntityRecord('postType', postType, postId);
+    const {
+      default_template_types: templateTypes = []
+    } = (_select$getEntityReco = select(_coreData.store).getEntityRecord('root', '__unstableBase')) !== null && _select$getEntityReco !== void 0 ? _select$getEntityReco : {};
+    const templateInfo = getTemplateInfo({
+      template: _record,
+      templateTypes
+    });
+    const _isLoaded = hasFinishedResolution('getEditedEntityRecord', ['postType', postType, postId]);
+    return {
+      title: templateInfo.title,
+      isLoaded: _isLoaded
+    };
+  }, [postType, postId]);
+  let editorTitle;
+  if (isLoaded) {
+    var _POST_TYPE_LABELS$pos;
+    editorTitle = (0, _i18n.sprintf)(
     // translators: A breadcrumb trail for the Admin document title. 1: title of template being edited, 2: type of template (Template or Template Part).
-    (0, _i18n._x)('%1$s ‹ %2$s', 'breadcrumb trail'), getTitle(), (_POST_TYPE_LABELS$edi = _constants.POST_TYPE_LABELS[editedPost.type]) !== null && _POST_TYPE_LABELS$edi !== void 0 ? _POST_TYPE_LABELS$edi : _constants.POST_TYPE_LABELS[_constants.TEMPLATE_POST_TYPE]);
+    (0, _i18n._x)('%1$s ‹ %2$s', 'breadcrumb trail'), (0, _htmlEntities.decodeEntities)(title), (_POST_TYPE_LABELS$pos = _constants.POST_TYPE_LABELS[postType]) !== null && _POST_TYPE_LABELS$pos !== void 0 ? _POST_TYPE_LABELS$pos : _constants.POST_TYPE_LABELS[_constants.TEMPLATE_POST_TYPE]);
   }
   // Only announce the title once the editor is ready to prevent "Replace"
   // action in <URLQueryController> from double-announcing.
-  (0, _useTitle.default)(hasLoadedPost && title);
+  (0, _useTitle.default)(isLoaded && editorTitle);
 }
 var _default = exports.default = useEditorTitle;
 //# sourceMappingURL=use-editor-title.js.map

package/build/components/editor/use-editor-title.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","~~_useEditedEntityRecord~~","~~_interopRequireDefault~~","_useTitle","_constants","useEditorTitle","~~record~~","~~editedPost~~","~~getTitle~~","isLoaded","~~hasLoadedPost~~","~~useEditedEntityRecord~~","~~title~~","_POST_TYPE_LABELS$~~edi~~","sprintf","_x","~~POST_TYPE_LABELS~~","~~type~~","TEMPLATE_POST_TYPE","useTitle","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/editor/use-editor-title.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { _x, sprintf } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport ~~useEditedEntityRecord from '../use-edited-entity-record';\nimport~~ useTitle from '../routes/use-title';\nimport { POST_TYPE_LABELS, TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nfunction useEditorTitle() {\n\tconst {\n\t\~~trecord:~~ ~~editedPost~~,\n\t\~~tgetTitle~~,\n\t\~~tisLoaded~~: ~~hasLoadedPost~~,\n\t} = ~~useEditedEntityRecord~~();\n\~~tlet~~ title;\n\tif ( ~~hasLoadedPost~~ ) {\n\t\~~ttitle~~ = sprintf(\n\t\t\t// translators: A breadcrumb trail for the Admin document title. 1: title of template being edited, 2: type of template (Template or Template Part).\n\t\t\t_x( '%1$s ‹ %2$s', 'breadcrumb trail' ),\n\t\t\~~tgetTitle~~(),\n\t\t\tPOST_TYPE_LABELS[ ~~editedPost.type~~ ] ??\n\t\t\t\tPOST_TYPE_LABELS[ TEMPLATE_POST_TYPE ]\n\t\t);\n\t}\n\n\t// Only announce the title once the editor is ready to prevent \"Replace\"\n\t// action in <URLQueryController> from double-announcing.\n\tuseTitle( ~~hasLoadedPost~~ && ~~title~~ );\n}\n\nexport default useEditorTitle;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;~~AAKA~~,IAAAC,~~sBAAA~~,~~GAAAC~~,~~sBAAA~~,~~CAAAF~~,OAAA;AACA,IAAAG,SAAA,~~GAAAD~~,sBAAA,~~CAAAF~~,OAAA;AACA,~~IAAAI~~,UAAA,~~GAAAJ~~,OAAA;~~AAVA~~;AACA;AACA;;~~AAGA~~;AACA;AACA;;AAKA,~~SAASK~~,cAAcA,~~CAAA~~,EAAG;~~EACzB~~,MAAM;~~IACLC~~,MAAM,~~EAAEC~~,~~UAAU~~;~~IAClBC~~,~~QAAQ~~;~~IACRC~~,QAAQ,EAAEC;~~EACX~~,CAAC,~~GAAG~~,~~IAAAC~~,~~8BAAqB~~,~~EAAC~~,CAAC;~~EAC3B~~,~~IAAIC~~,KAAK;~~EACT~~,~~IAAKF~~,~~aAAa~~,EAAG;IAAA,~~IAAAG~~,qBAAA;~~IACpBD~~,~~KAAK~~,GAAG,IAAAE,aAAO;~~IACd~~;IACA,IAAAC,QAAE,EAAE,aAAa,EAAE,kBAAmB,CAAC,~~EACvCP~~,~~QAAQ~~,~~CAAC~~,CAAC,~~GAAAK~~,qBAAA,~~GACVG~~,2BAAgB,~~CAAET~~,~~UAAU~~,~~CAACU,IAAI,~~CAAE,~~cAAAJ~~,qBAAA,cAAAA,qBAAA,~~GAClCG~~,2BAAgB,~~CAAEE~~,6BAAkB,CACtC,CAAC;EACF;;EAEA;EACA;EACA,IAAAC,iBAAQ,~~EAAET~~,~~aAAa~~,~~IAAIE~~,~~KAAM~~,CAAC;~~AACnC~~;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAC,OAAA,~~GAEcjB~~,cAAc","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_data","_coreData","_htmlEntities","_editor","_useTitle","_interopRequireDefault","_constants","_lockUnlock","getTemplateInfo","unlock","editorPrivateApis","useEditorTitle","postType","postId","title","isLoaded","useSelect","select","_select$getEntityReco","getEditedEntityRecord","hasFinishedResolution","coreStore","_record","default_template_types","templateTypes","getEntityRecord","templateInfo","template","_isLoaded","editorTitle","_POST_TYPE_LABELS$pos","sprintf","_x","decodeEntities","POST_TYPE_LABELS","TEMPLATE_POST_TYPE","useTitle","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/editor/use-editor-title.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { _x, sprintf } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport useTitle from '../routes/use-title';\nimport { POST_TYPE_LABELS, TEMPLATE_POST_TYPE } from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\n\nconst { getTemplateInfo } = unlock( editorPrivateApis );\n\nfunction useEditorTitle( postType, postId ) {\n\tconst { title, isLoaded } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\n\t\t\tconst _record = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t);\n\n\t\t\tconst { default_template_types: templateTypes = [] } =\n\t\t\t\tselect( coreStore ).getEntityRecord(\n\t\t\t\t\t'root',\n\t\t\t\t\t'__unstableBase'\n\t\t\t\t) ?? {};\n\n\t\t\tconst templateInfo = getTemplateInfo( {\n\t\t\t\ttemplate: _record,\n\t\t\t\ttemplateTypes,\n\t\t\t} );\n\n\t\t\tconst _isLoaded = hasFinishedResolution( 'getEditedEntityRecord', [\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId,\n\t\t\t] );\n\n\t\t\treturn {\n\t\t\t\ttitle: templateInfo.title,\n\t\t\t\tisLoaded: _isLoaded,\n\t\t\t};\n\t\t},\n\t\t[ postType, postId ]\n\t);\n\n\tlet editorTitle;\n\tif ( isLoaded ) {\n\t\teditorTitle = sprintf(\n\t\t\t// translators: A breadcrumb trail for the Admin document title. 1: title of template being edited, 2: type of template (Template or Template Part).\n\t\t\t_x( '%1$s ‹ %2$s', 'breadcrumb trail' ),\n\t\t\tdecodeEntities( title ),\n\t\t\tPOST_TYPE_LABELS[ postType ] ??\n\t\t\t\tPOST_TYPE_LABELS[ TEMPLATE_POST_TYPE ]\n\t\t);\n\t}\n\n\t// Only announce the title once the editor is ready to prevent \"Replace\"\n\t// action in <URLQueryController> from double-announcing.\n\tuseTitle( isLoaded && editorTitle );\n}\n\nexport default useEditorTitle;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,SAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAdA;AACA;AACA;;AAOA;AACA;AACA;;AAKA,MAAM;EAAES;AAAgB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEvD,SAASC,cAAcA,CAAEC,QAAQ,EAAEC,MAAM,EAAG;EAC3C,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAG,IAAAC,eAAS,EAClCC,MAAM,IAAM;IAAA,IAAAC,qBAAA;IACb,MAAM;MAAEC,qBAAqB;MAAEC;IAAsB,CAAC,GACrDH,MAAM,CAAEI,eAAU,CAAC;IAEpB,MAAMC,OAAO,GAAGH,qBAAqB,CACpC,UAAU,EACVP,QAAQ,EACRC,MACD,CAAC;IAED,MAAM;MAAEU,sBAAsB,EAAEC,aAAa,GAAG;IAAG,CAAC,IAAAN,qBAAA,GACnDD,MAAM,CAAEI,eAAU,CAAC,CAACI,eAAe,CAClC,MAAM,EACN,gBACD,CAAC,cAAAP,qBAAA,cAAAA,qBAAA,GAAI,CAAC,CAAC;IAER,MAAMQ,YAAY,GAAGlB,eAAe,CAAE;MACrCmB,QAAQ,EAAEL,OAAO;MACjBE;IACD,CAAE,CAAC;IAEH,MAAMI,SAAS,GAAGR,qBAAqB,CAAE,uBAAuB,EAAE,CACjE,UAAU,EACVR,QAAQ,EACRC,MAAM,CACL,CAAC;IAEH,OAAO;MACNC,KAAK,EAAEY,YAAY,CAACZ,KAAK;MACzBC,QAAQ,EAAEa;IACX,CAAC;EACF,CAAC,EACD,CAAEhB,QAAQ,EAAEC,MAAM,CACnB,CAAC;EAED,IAAIgB,WAAW;EACf,IAAKd,QAAQ,EAAG;IAAA,IAAAe,qBAAA;IACfD,WAAW,GAAG,IAAAE,aAAO;IACpB;IACA,IAAAC,QAAE,EAAE,aAAa,EAAE,kBAAmB,CAAC,EACvC,IAAAC,4BAAc,EAAEnB,KAAM,CAAC,GAAAgB,qBAAA,GACvBI,2BAAgB,CAAEtB,QAAQ,CAAE,cAAAkB,qBAAA,cAAAA,qBAAA,GAC3BI,2BAAgB,CAAEC,6BAAkB,CACtC,CAAC;EACF;;EAEA;EACA;EACA,IAAAC,iBAAQ,EAAErB,QAAQ,IAAIc,WAAY,CAAC;AACpC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc5B,cAAc","ignoreList":[]}

package/build/components/editor/use-resolve-edited-entity.js ADDED Viewed

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useResolveEditedEntity = useResolveEditedEntity;
+exports.useSyncDeprecatedEntityIntoState = useSyncDeprecatedEntityIntoState;
+var _element = require("@wordpress/element");
+var _data = require("@wordpress/data");
+var _coreData = require("@wordpress/core-data");
+var _router = require("@wordpress/router");
+var _store = require("../../store");
+var _lockUnlock = require("../../lock-unlock");
+var _constants = require("../../utils/constants");
+/**
+ * WordPress dependencies
+ */
+/**
+ * Internal dependencies
+ */
+const {
+  useLocation
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+const postTypesWithoutParentTemplate = [_constants.TEMPLATE_POST_TYPE, _constants.TEMPLATE_PART_POST_TYPE, _constants.NAVIGATION_POST_TYPE, _constants.PATTERN_TYPES.user];
+const authorizedPostTypes = ['page', 'post'];
+function useResolveEditedEntity() {
+  const {
+    params = {}
+  } = useLocation();
+  const {
+    postId,
+    postType
+  } = params;
+  const homePage = (0, _data.useSelect)(select => {
+    const {
+      getHomePage
+    } = (0, _lockUnlock.unlock)(select(_coreData.store));
+    return getHomePage();
+  }, []);
+  /**
+   * This is a hook that recreates the logic to resolve a template for a given WordPress postID postTypeId
+   * in order to match the frontend as closely as possible in the site editor.
+   *
+   * It is not possible to rely on the server logic because there maybe unsaved changes that impact the template resolution.
+   */
+  const resolvedTemplateId = (0, _data.useSelect)(select => {
+    // If we're rendering a post type that doesn't have a template
+    // no need to resolve its template.
+    if (postTypesWithoutParentTemplate.includes(postType) && postId) {
+      return;
+    }
+    // Don't trigger resolution for multi-selected posts.
+    if (postId && postId.includes(',')) {
+      return;
+    }
+    const {
+      getTemplateId
+    } = (0, _lockUnlock.unlock)(select(_coreData.store));
+    // If we're rendering a specific page, we need to resolve its template.
+    // The site editor only supports pages for now, not other CPTs.
+    if (postType && postId && authorizedPostTypes.includes(postType)) {
+      return getTemplateId(postType, postId);
+    }
+    // If we're rendering the home page, and we have a static home page, resolve its template.
+    if (homePage?.postType === 'page') {
+      return getTemplateId('page', homePage?.postId);
+    }
+    if (homePage?.postType === 'wp_template') {
+      return homePage?.postId;
+    }
+  }, [homePage, postId, postType]);
+  const context = (0, _element.useMemo)(() => {
+    if (postTypesWithoutParentTemplate.includes(postType) && postId) {
+      return {};
+    }
+    if (postType && postId && authorizedPostTypes.includes(postType)) {
+      return {
+        postType,
+        postId
+      };
+    }
+    // TODO: for post types lists we should probably not render the front page, but maybe a placeholder
+    // with a message like "Select a page" or something similar.
+    if (homePage?.postType === 'page') {
+      return {
+        postType: 'page',
+        postId: homePage?.postId
+      };
+    }
+    return {};
+  }, [homePage, postType, postId]);
+  if (postTypesWithoutParentTemplate.includes(postType) && postId) {
+    return {
+      isReady: true,
+      postType,
+      postId,
+      context
+    };
+  }
+  if (!!homePage) {
+    return {
+      isReady: resolvedTemplateId !== undefined,
+      postType: _constants.TEMPLATE_POST_TYPE,
+      postId: resolvedTemplateId,
+      context
+    };
+  }
+  return {
+    isReady: false
+  };
+}
+function useSyncDeprecatedEntityIntoState({
+  postType,
+  postId,
+  context,
+  isReady
+}) {
+  const {
+    setEditedEntity
+  } = (0, _data.useDispatch)(_store.store);
+  (0, _element.useEffect)(() => {
+    if (isReady) {
+      setEditedEntity(postType, postId, context);
+    }
+  }, [isReady, postType, postId, context, setEditedEntity]);
+}
+//# sourceMappingURL=use-resolve-edited-entity.js.map

package/build/components/editor/use-resolve-edited-entity.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_element","require","_data","_coreData","_router","_store","_lockUnlock","_constants","useLocation","unlock","routerPrivateApis","postTypesWithoutParentTemplate","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","NAVIGATION_POST_TYPE","PATTERN_TYPES","user","authorizedPostTypes","useResolveEditedEntity","params","postId","postType","homePage","useSelect","select","getHomePage","coreDataStore","resolvedTemplateId","includes","getTemplateId","context","useMemo","isReady","undefined","useSyncDeprecatedEntityIntoState","setEditedEntity","useDispatch","editSiteStore","useEffect"],"sources":["@wordpress/edit-site/src/components/editor/use-resolve-edited-entity.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useMemo } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES,\n} from '../../utils/constants';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst postTypesWithoutParentTemplate = [\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tPATTERN_TYPES.user,\n];\n\nconst authorizedPostTypes = [ 'page', 'post' ];\n\nexport function useResolveEditedEntity() {\n\tconst { params = {} } = useLocation();\n\tconst { postId, postType } = params;\n\tconst homePage = useSelect( ( select ) => {\n\t\tconst { getHomePage } = unlock( select( coreDataStore ) );\n\t\treturn getHomePage();\n\t}, [] );\n\n\t/**\n\t * This is a hook that recreates the logic to resolve a template for a given WordPress postID postTypeId\n\t * in order to match the frontend as closely as possible in the site editor.\n\t *\n\t * It is not possible to rely on the server logic because there maybe unsaved changes that impact the template resolution.\n\t */\n\tconst resolvedTemplateId = useSelect(\n\t\t( select ) => {\n\t\t\t// If we're rendering a post type that doesn't have a template\n\t\t\t// no need to resolve its template.\n\t\t\tif (\n\t\t\t\tpostTypesWithoutParentTemplate.includes( postType ) &&\n\t\t\t\tpostId\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Don't trigger resolution for multi-selected posts.\n\t\t\tif ( postId && postId.includes( ',' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { getTemplateId } = unlock( select( coreDataStore ) );\n\n\t\t\t// If we're rendering a specific page, we need to resolve its template.\n\t\t\t// The site editor only supports pages for now, not other CPTs.\n\t\t\tif (\n\t\t\t\tpostType &&\n\t\t\t\tpostId &&\n\t\t\t\tauthorizedPostTypes.includes( postType )\n\t\t\t) {\n\t\t\t\treturn getTemplateId( postType, postId );\n\t\t\t}\n\n\t\t\t// If we're rendering the home page, and we have a static home page, resolve its template.\n\t\t\tif ( homePage?.postType === 'page' ) {\n\t\t\t\treturn getTemplateId( 'page', homePage?.postId );\n\t\t\t}\n\n\t\t\tif ( homePage?.postType === 'wp_template' ) {\n\t\t\t\treturn homePage?.postId;\n\t\t\t}\n\t\t},\n\t\t[ homePage, postId, postType ]\n\t);\n\n\tconst context = useMemo( () => {\n\t\tif ( postTypesWithoutParentTemplate.includes( postType ) && postId ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tif ( postType && postId && authorizedPostTypes.includes( postType ) ) {\n\t\t\treturn { postType, postId };\n\t\t}\n\t\t// TODO: for post types lists we should probably not render the front page, but maybe a placeholder\n\t\t// with a message like \"Select a page\" or something similar.\n\t\tif ( homePage?.postType === 'page' ) {\n\t\t\treturn { postType: 'page', postId: homePage?.postId };\n\t\t}\n\n\t\treturn {};\n\t}, [ homePage, postType, postId ] );\n\n\tif ( postTypesWithoutParentTemplate.includes( postType ) && postId ) {\n\t\treturn { isReady: true, postType, postId, context };\n\t}\n\n\tif ( !! homePage ) {\n\t\treturn {\n\t\t\tisReady: resolvedTemplateId !== undefined,\n\t\t\tpostType: TEMPLATE_POST_TYPE,\n\t\t\tpostId: resolvedTemplateId,\n\t\t\tcontext,\n\t\t};\n\t}\n\n\treturn { isReady: false };\n}\n\nexport function useSyncDeprecatedEntityIntoState( {\n\tpostType,\n\tpostId,\n\tcontext,\n\tisReady,\n} ) {\n\tconst { setEditedEntity } = useDispatch( editSiteStore );\n\n\tuseEffect( () => {\n\t\tif ( isReady ) {\n\t\t\tsetEditedEntity( postType, postId, context );\n\t\t}\n\t}, [ isReady, postType, postId, context, setEditedEntity ] );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/editor-canvas-container/index.js CHANGED Viewed

@@ -122,7 +122,7 @@ function EditorCanvasContainer({
   });
 }
 function useHasEditorCanvasContainer() {
-  const fills = (0, _components.__experimentalUseSlotFills)(EditorContentSlotFill.privateKey);
+  const fills = (0, _components.__experimentalUseSlotFills)(EditorContentSlotFill.name);
   return !!fills?.length;
 }
 var _default = exports.default = EditorCanvasContainer;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_components","_keycodes","_i18n","_data","_icons","_compose","_preferences","_editor","_lockUnlock","_store","_jsxRuntime","EditorContentSlotFill","ResizableEditor","unlock","editorPrivateApis","getEditorCanvasContainerTitle","view","__","EditorCanvasContainer","children","closeButtonLabel","onClose","enableResizing","editorCanvasContainerView","showListViewByDefault","useSelect","select","_editorCanvasContainerView","editSiteStore","getEditorCanvasContainerView","_showListViewByDefault","preferencesStore","get","isClosed","setIsClosed","useState","setEditorCanvasContainerView","useDispatch","setIsListViewOpened","editorStore","focusOnMountRef","useFocusOnMount","sectionFocusReturnRef","useFocusReturn","onCloseContainer","undefined","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","childrenWithProps","Array","isArray","Children","map","child","index","cloneElement","ref","title","shouldShowCloseButton","jsx","Fill","className","jsxs","onKeyDown","Button","size","icon","closeSmall","label","onClick","useHasEditorCanvasContainer","fills","useSlotFills","~~privateKey~~","length","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/editor-canvas-container/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Children, cloneElement, useState } from '@wordpress/element';\nimport {\n\tButton,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { closeSmall } from '@wordpress/icons';\nimport { useFocusOnMount, useFocusReturn } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst { EditorContentSlotFill, ResizableEditor } = unlock( editorPrivateApis );\n\n/\n Returns a translated string for the title of the editor canvas container.\n \n @param {string} view Editor canvas container view.\n \n @return {Object} Translated string for the view title and associated icon, both defaulting to ''.\n /\nfunction getEditorCanvasContainerTitle( view ) {\n\tswitch ( view ) {\n\t\tcase 'style-book':\n\t\t\treturn __( 'Style Book' );\n\t\tcase 'global-styles-revisions':\n\t\tcase 'global-styles-revisions:style-book':\n\t\t\treturn __( 'Style Revisions' );\n\t\tdefault:\n\t\t\treturn '';\n\t}\n}\n\nfunction EditorCanvasContainer( {\n\tchildren,\n\tcloseButtonLabel,\n\tonClose,\n\tenableResizing = false,\n} ) {\n\tconst { editorCanvasContainerView, showListViewByDefault } = useSelect(\n\t\t( select ) => {\n\t\t\tconst _editorCanvasContainerView = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView();\n\n\t\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showListViewByDefault'\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\teditorCanvasContainerView: _editorCanvasContainerView,\n\t\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst [ isClosed, setIsClosed ] = useState( false );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\tconst sectionFocusReturnRef = useFocusReturn();\n\n\tfunction onCloseContainer() {\n\t\tsetIsListViewOpened( showListViewByDefault );\n\t\tsetEditorCanvasContainerView( undefined );\n\t\tsetIsClosed( true );\n\t\tif ( typeof onClose === 'function' ) {\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tfunction closeOnEscape( event ) {\n\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\tevent.preventDefault();\n\t\t\tonCloseContainer();\n\t\t}\n\t}\n\n\tconst childrenWithProps = Array.isArray( children )\n\t\t? Children.map( children, ( child, index ) =>\n\t\t\t\tindex === 0\n\t\t\t\t\t? cloneElement( child, {\n\t\t\t\t\t\t\tref: sectionFocusReturnRef,\n\t\t\t\t\t } )\n\t\t\t\t\t: child\n\t\t )\n\t\t: cloneElement( children, {\n\t\t\t\tref: sectionFocusReturnRef,\n\t\t } );\n\n\tif ( isClosed ) {\n\t\treturn null;\n\t}\n\n\tconst title = getEditorCanvasContainerTitle( editorCanvasContainerView );\n\tconst shouldShowCloseButton = onClose \|\| closeButtonLabel;\n\n\treturn (\n\t\t<EditorContentSlotFill.Fill>\n\t\t\t<div className=\"edit-site-editor-canvas-container\">\n\t\t\t\t<ResizableEditor enableResizing={ enableResizing }>\n\t\t\t\t\t{ / eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */ }\n\t\t\t\t\t<section\n\t\t\t\t\t\tclassName=\"edit-site-editor-canvas-container__section\"\n\t\t\t\t\t\tref={ shouldShowCloseButton ? focusOnMountRef : null }\n\t\t\t\t\t\tonKeyDown={ closeOnEscape }\n\t\t\t\t\t\taria-label={ title }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ shouldShowCloseButton && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-editor-canvas-container__close-button\"\n\t\t\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\t\t\tlabel={ closeButtonLabel \|\| __( 'Close' ) }\n\t\t\t\t\t\t\t\tonClick={ onCloseContainer }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ childrenWithProps }\n\t\t\t\t\t</section>\n\t\t\t\t</ResizableEditor>\n\t\t\t</div>\n\t\t</EditorContentSlotFill.Fill>\n\t);\n}\n\nfunction useHasEditorCanvasContainer() {\n\tconst fills = useSlotFills( EditorContentSlotFill.~~privateKey~~ );\n\treturn !! fills?.length;\n}\n\nexport default EditorCanvasContainer;\nexport { useHasEditorCanvasContainer, getEditorCanvasContainerTitle };\n"],"mappings":"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~~UAAW~~,CAAC;~~EAC9D~~,OAAO,CAAC,CAAEF,KAAK,EAAEG,MAAM;AACxB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc/D,qBAAqB","ignoreList":[]}
1	+ {"version":3,"names":["_element","require","_components","_keycodes","_i18n","_data","_icons","_compose","_preferences","_editor","_lockUnlock","_store","_jsxRuntime","EditorContentSlotFill","ResizableEditor","unlock","editorPrivateApis","getEditorCanvasContainerTitle","view","__","EditorCanvasContainer","children","closeButtonLabel","onClose","enableResizing","editorCanvasContainerView","showListViewByDefault","useSelect","select","_editorCanvasContainerView","editSiteStore","getEditorCanvasContainerView","_showListViewByDefault","preferencesStore","get","isClosed","setIsClosed","useState","setEditorCanvasContainerView","useDispatch","setIsListViewOpened","editorStore","focusOnMountRef","useFocusOnMount","sectionFocusReturnRef","useFocusReturn","onCloseContainer","undefined","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","childrenWithProps","Array","isArray","Children","map","child","index","cloneElement","ref","title","shouldShowCloseButton","jsx","Fill","className","jsxs","onKeyDown","Button","size","icon","closeSmall","label","onClick","useHasEditorCanvasContainer","fills","useSlotFills","name","length","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/editor-canvas-container/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Children, cloneElement, useState } from '@wordpress/element';\nimport {\n\tButton,\n\t__experimentalUseSlotFills as useSlotFills,\n} from '@wordpress/components';\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { closeSmall } from '@wordpress/icons';\nimport { useFocusOnMount, useFocusReturn } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst { EditorContentSlotFill, ResizableEditor } = unlock( editorPrivateApis );\n\n/\n Returns a translated string for the title of the editor canvas container.\n \n @param {string} view Editor canvas container view.\n \n @return {Object} Translated string for the view title and associated icon, both defaulting to ''.\n /\nfunction getEditorCanvasContainerTitle( view ) {\n\tswitch ( view ) {\n\t\tcase 'style-book':\n\t\t\treturn __( 'Style Book' );\n\t\tcase 'global-styles-revisions':\n\t\tcase 'global-styles-revisions:style-book':\n\t\t\treturn __( 'Style Revisions' );\n\t\tdefault:\n\t\t\treturn '';\n\t}\n}\n\nfunction EditorCanvasContainer( {\n\tchildren,\n\tcloseButtonLabel,\n\tonClose,\n\tenableResizing = false,\n} ) {\n\tconst { editorCanvasContainerView, showListViewByDefault } = useSelect(\n\t\t( select ) => {\n\t\t\tconst _editorCanvasContainerView = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView();\n\n\t\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showListViewByDefault'\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\teditorCanvasContainerView: _editorCanvasContainerView,\n\t\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst [ isClosed, setIsClosed ] = useState( false );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\tconst sectionFocusReturnRef = useFocusReturn();\n\n\tfunction onCloseContainer() {\n\t\tsetIsListViewOpened( showListViewByDefault );\n\t\tsetEditorCanvasContainerView( undefined );\n\t\tsetIsClosed( true );\n\t\tif ( typeof onClose === 'function' ) {\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tfunction closeOnEscape( event ) {\n\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\tevent.preventDefault();\n\t\t\tonCloseContainer();\n\t\t}\n\t}\n\n\tconst childrenWithProps = Array.isArray( children )\n\t\t? Children.map( children, ( child, index ) =>\n\t\t\t\tindex === 0\n\t\t\t\t\t? cloneElement( child, {\n\t\t\t\t\t\t\tref: sectionFocusReturnRef,\n\t\t\t\t\t } )\n\t\t\t\t\t: child\n\t\t )\n\t\t: cloneElement( children, {\n\t\t\t\tref: sectionFocusReturnRef,\n\t\t } );\n\n\tif ( isClosed ) {\n\t\treturn null;\n\t}\n\n\tconst title = getEditorCanvasContainerTitle( editorCanvasContainerView );\n\tconst shouldShowCloseButton = onClose \|\| closeButtonLabel;\n\n\treturn (\n\t\t<EditorContentSlotFill.Fill>\n\t\t\t<div className=\"edit-site-editor-canvas-container\">\n\t\t\t\t<ResizableEditor enableResizing={ enableResizing }>\n\t\t\t\t\t{ / eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */ }\n\t\t\t\t\t<section\n\t\t\t\t\t\tclassName=\"edit-site-editor-canvas-container__section\"\n\t\t\t\t\t\tref={ shouldShowCloseButton ? focusOnMountRef : null }\n\t\t\t\t\t\tonKeyDown={ closeOnEscape }\n\t\t\t\t\t\taria-label={ title }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ shouldShowCloseButton && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\tclassName=\"edit-site-editor-canvas-container__close-button\"\n\t\t\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\t\t\tlabel={ closeButtonLabel \|\| __( 'Close' ) }\n\t\t\t\t\t\t\t\tonClick={ onCloseContainer }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ childrenWithProps }\n\t\t\t\t\t</section>\n\t\t\t\t</ResizableEditor>\n\t\t\t</div>\n\t\t</EditorContentSlotFill.Fill>\n\t);\n}\n\nfunction useHasEditorCanvasContainer() {\n\tconst fills = useSlotFills( EditorContentSlotFill.name );\n\treturn !! fills?.length;\n}\n\nexport default EditorCanvasContainer;\nexport { useHasEditorCanvasContainer, getEditorCanvasContainerTitle };\n"],"mappings":"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","ignoreList":[]}

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

@@ -28,16 +28,14 @@ const BlockPreviewPanel = ({
     if (!blockExample) {
       return null;
     }
-    let example = blockExample;
-    if (variation) {
-      example = {
-        ...example,
-        attributes: {
-          ...example.attributes,
-          className: (0, _utils.getVariationClassName)(variation)
-        }
-      };
-    }
+    const example = {
+      ...blockExample,
+      attributes: {
+        ...blockExample.attributes,
+        style: undefined,
+        className: variation ? (0, _utils.getVariationClassName)(variation) : blockExample.attributes?.className
+      }
+    };
     return (0, _blocks.getBlockFromExample)(name, example);
   }, [name, blockExample, variation]);
   const viewportWidth = (_blockExample$viewpor = blockExample?.viewportWidth) !== null && _blockExample$viewpor !== void 0 ? _blockExample$viewpor : 500;

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

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

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

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -98,12 +99,13 @@ function ScreenBlock({
   });
   const [userSettings] = useGlobalSetting('', name, 'user');
   const [rawSettings, setSettings] = useGlobalSetting('', name);
-  const settings = useSettingsForBlockElement(rawSettings, name);
+  const settingsForBlockElement = useSettingsForBlockElement(rawSettings, name);
   const blockType = (0, _blocks.getBlockType)(name);
   // Only allow `blockGap` support if serialization has not been skipped, to be sure global spacing can be applied.
-  if (settings?.spacing?.blockGap && blockType?.supports?.spacing?.blockGap && (blockType?.supports?.spacing?.__experimentalSkipSerialization === true || blockType?.supports?.spacing?.__experimentalSkipSerialization?.some?.(spacingType => spacingType === 'blockGap'))) {
-    settings.spacing.blockGap = false;
+  let disableBlockGap = false;
+  if (settingsForBlockElement?.spacing?.blockGap && blockType?.supports?.spacing?.blockGap && (blockType?.supports?.spacing?.skipSerialization === true || blockType?.supports?.spacing?.skipSerialization?.some?.(spacingType => spacingType === 'blockGap'))) {
+    disableBlockGap = true;
   }
   // Only allow `aspectRatio` support if the block is not the grouping block.
@@ -112,9 +114,20 @@ function ScreenBlock({
   // for all three at once. Until there is the ability to set a different aspect
   // ratio for each variation, we disable the aspect ratio controls for the
   // grouping block in global styles.
-  if (settings?.dimensions?.aspectRatio && name === 'core/group') {
-    settings.dimensions.aspectRatio = false;
+  let disableAspectRatio = false;
+  if (settingsForBlockElement?.dimensions?.aspectRatio && name === 'core/group') {
+    disableAspectRatio = true;
   }
+  const settings = (0, _element.useMemo)(() => {
+    const updatedSettings = structuredClone(settingsForBlockElement);
+    if (disableBlockGap) {
+      updatedSettings.spacing.blockGap = false;
+    }
+    if (disableAspectRatio) {
+      updatedSettings.dimensions.aspectRatio = false;
+    }
+    return updatedSettings;
+  }, [settingsForBlockElement, disableBlockGap, disableAspectRatio]);
   const blockVariations = (0, _variationsPanel.useBlockVariations)(name);
   const hasBackgroundPanel = useHasBackgroundPanel(settings);
   const hasTypographyPanel = useHasTypographyPanel(settings);