@wordpress/edit-site 5.12.10 → 5.12.12

package/build-module/hooks/commands/use-edit-mode-commands.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/hooks/commands/use-edit-mode-commands.js"],"names":["useSelect","useDispatch","__","isRTL","trash","backup","layout","page","drawerLeft","drawerRight","blockDefault","cog","code","keyboardClose","useCommandLoader","privateApis","routerPrivateApis","store","preferencesStore","interfaceStore","editSiteStore","useEditedEntityRecord","isTemplateRemovable","isTemplateRevertable","KEYBOARD_SHORTCUT_HELP_MODAL_NAME","PREFERENCES_MODAL_NAME","unlock","useHistory","usePageContentFocusCommands","isPage","canvasMode","hasPageContentFocus","select","getCanvasMode","setHasPageContentFocus","isLoading","commands","push","name","label","icon","callback","close","useManipulateDocumentCommands","isLoaded","record","template","removeTemplate","revertTemplate","history","type","path","useEditUICommands","openGeneralSidebar","closeGeneralSidebar","switchEditorMode","editorMode","activeSidebar","getEditorMode","getActiveComplementaryArea","openModal","toggle","useEditModeCommands","hook","context"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, isRTL } from '@wordpress/i18n';\nimport {\n\ttrash,\n\tbackup,\n\tlayout,\n\tpage,\n\tdrawerLeft,\n\tdrawerRight,\n\tblockDefault,\n\tcog,\n\tcode,\n\tkeyboardClose,\n} from '@wordpress/icons';\nimport { useCommandLoader } from '@wordpress/commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport useEditedEntityRecord from '../../components/use-edited-entity-record';\nimport isTemplateRemovable from '../../utils/is-template-removable';\nimport isTemplateRevertable from '../../utils/is-template-revertable';\nimport { KEYBOARD_SHORTCUT_HELP_MODAL_NAME } from '../../components/keyboard-shortcut-help-modal';\nimport { PREFERENCES_MODAL_NAME } from '../../components/preferences-modal';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction usePageContentFocusCommands() {\n\tconst { isPage, canvasMode, hasPageContentFocus } = useSelect(\n\t\t( select ) => ( {\n\t\t\tisPage: select( editSiteStore ).isPage(),\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t\thasPageContentFocus: select( editSiteStore ).hasPageContentFocus(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tif ( ! isPage || canvasMode !== 'edit' ) {\n\t\treturn { isLoading: false, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tif ( hasPageContentFocus ) {\n\t\tcommands.push( {\n\t\t\tname: 'core/switch-to-template-focus',\n\t\t\tlabel: __( 'Edit template' ),\n\t\t\ticon: layout,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tsetHasPageContentFocus( false );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t} else {\n\t\tcommands.push( {\n\t\t\tname: 'core/switch-to-page-focus',\n\t\t\tlabel: __( 'Back to page' ),\n\t\t\ticon: page,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tsetHasPageContentFocus( true );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn { isLoading: false, commands };\n}\n\nfunction useManipulateDocumentCommands() {\n\tconst { isLoaded, record: template } = useEditedEntityRecord();\n\tconst { removeTemplate, revertTemplate } = useDispatch( editSiteStore );\n\tconst history = useHistory();\n\tconst hasPageContentFocus = useSelect(\n\t\t( select ) => select( editSiteStore ).hasPageContentFocus(),\n\t\t[]\n\t);\n\n\tif ( ! isLoaded ) {\n\t\treturn { isLoading: true, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tif ( isTemplateRevertable( template ) && ! hasPageContentFocus ) {\n\t\tconst label =\n\t\t\ttemplate.type === 'wp_template'\n\t\t\t\t? __( 'Reset template' )\n\t\t\t\t: __( 'Reset template part' );\n\t\tcommands.push( {\n\t\t\tname: 'core/reset-template',\n\t\t\tlabel,\n\t\t\ticon: backup,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\trevertTemplate( template );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\tif ( isTemplateRemovable( template ) && ! hasPageContentFocus ) {\n\t\tconst label =\n\t\t\ttemplate.type === 'wp_template'\n\t\t\t\t? __( 'Delete template' )\n\t\t\t\t: __( 'Delete template part' );\n\t\tconst path =\n\t\t\ttemplate.type === 'wp_template'\n\t\t\t\t? '/wp_template'\n\t\t\t\t: '/wp_template_part/all';\n\t\tcommands.push( {\n\t\t\tname: 'core/remove-template',\n\t\t\tlabel,\n\t\t\ticon: trash,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tremoveTemplate( template );\n\t\t\t\t// Navigate to the template list\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath,\n\t\t\t\t} );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn {\n\t\tisLoading: ! isLoaded,\n\t\tcommands,\n\t};\n}\n\nfunction useEditUICommands() {\n\tconst { openGeneralSidebar, closeGeneralSidebar, switchEditorMode } =\n\t\tuseDispatch( editSiteStore );\n\tconst { canvasMode, editorMode, activeSidebar } = useSelect(\n\t\t( select ) => ( {\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t\teditorMode: select( editSiteStore ).getEditorMode(),\n\t\t\tactiveSidebar: select( interfaceStore ).getActiveComplementaryArea(\n\t\t\t\teditSiteStore.name\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { openModal } = useDispatch( interfaceStore );\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tif ( canvasMode !== 'edit' ) {\n\t\treturn { isLoading: false, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tcommands.push( {\n\t\tname: 'core/open-settings-sidebar',\n\t\tlabel: __( 'Toggle settings sidebar' ),\n\t\ticon: isRTL() ? drawerLeft : drawerRight,\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( activeSidebar === 'edit-site/template' ) {\n\t\t\t\tcloseGeneralSidebar();\n\t\t\t} else {\n\t\t\t\topenGeneralSidebar( 'edit-site/template' );\n\t\t\t}\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/open-block-inspector',\n\t\tlabel: __( 'Toggle block inspector' ),\n\t\ticon: blockDefault,\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( activeSidebar === 'edit-site/block-inspector' ) {\n\t\t\t\tcloseGeneralSidebar();\n\t\t\t} else {\n\t\t\t\topenGeneralSidebar( 'edit-site/block-inspector' );\n\t\t\t}\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-spotlight-mode',\n\t\tlabel: __( 'Toggle spotlight mode' ),\n\t\ticon: cog,\n\t\tcallback: ( { close } ) => {\n\t\t\ttoggle( 'core/edit-site', 'focusMode' );\n\t\t\tclose();\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-top-toolbar',\n\t\tlabel: __( 'Toggle top toolbar' ),\n\t\ticon: cog,\n\t\tcallback: ( { close } ) => {\n\t\t\ttoggle( 'core/edit-site', 'fixedToolbar' );\n\t\t\tclose();\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-code-editor',\n\t\tlabel: __( 'Toggle code editor' ),\n\t\ticon: code,\n\t\tcallback: ( { close } ) => {\n\t\t\tswitchEditorMode( editorMode === 'visual' ? 'text' : 'visual' );\n\t\t\tclose();\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/open-preferences',\n\t\tlabel: __( 'Open editor preferences' ),\n\t\ticon: cog,\n\t\tcallback: () => {\n\t\t\topenModal( PREFERENCES_MODAL_NAME );\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/open-shortcut-help',\n\t\tlabel: __( 'Open keyboard shortcuts' ),\n\t\ticon: keyboardClose,\n\t\tcallback: () => {\n\t\t\topenModal( KEYBOARD_SHORTCUT_HELP_MODAL_NAME );\n\t\t},\n\t} );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nexport function useEditModeCommands() {\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/page-content-focus',\n\t\thook: usePageContentFocusCommands,\n\t\tcontext: 'site-editor-edit',\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/manipulate-document',\n\t\thook: useManipulateDocumentCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/edit-ui',\n\t\thook: useEditUICommands,\n\t} );\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/hooks/commands/use-edit-mode-commands.js"],"names":["useSelect","useDispatch","__","isRTL","trash","backup","layout","page","drawerLeft","drawerRight","blockDefault","cog","code","keyboardClose","useCommandLoader","privateApis","routerPrivateApis","store","preferencesStore","interfaceStore","noticesStore","editSiteStore","useEditedEntityRecord","isTemplateRemovable","isTemplateRevertable","KEYBOARD_SHORTCUT_HELP_MODAL_NAME","PREFERENCES_MODAL_NAME","unlock","useHistory","usePageContentFocusCommands","isPage","canvasMode","hasPageContentFocus","select","getCanvasMode","setHasPageContentFocus","isLoading","commands","push","name","label","icon","callback","close","useManipulateDocumentCommands","isLoaded","record","template","removeTemplate","revertTemplate","history","type","path","useEditUICommands","openGeneralSidebar","closeGeneralSidebar","setIsInserterOpened","setIsListViewOpened","switchEditorMode","editorMode","activeSidebar","getEditorMode","getActiveComplementaryArea","openModal","get","getPreference","set","setPreference","toggle","createInfoNotice","id","useEditModeCommands","hook","context"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, isRTL } from '@wordpress/i18n';\nimport {\n\ttrash,\n\tbackup,\n\tlayout,\n\tpage,\n\tdrawerLeft,\n\tdrawerRight,\n\tblockDefault,\n\tcog,\n\tcode,\n\tkeyboardClose,\n} from '@wordpress/icons';\nimport { useCommandLoader } from '@wordpress/commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport useEditedEntityRecord from '../../components/use-edited-entity-record';\nimport isTemplateRemovable from '../../utils/is-template-removable';\nimport isTemplateRevertable from '../../utils/is-template-revertable';\nimport { KEYBOARD_SHORTCUT_HELP_MODAL_NAME } from '../../components/keyboard-shortcut-help-modal';\nimport { PREFERENCES_MODAL_NAME } from '../../components/preferences-modal';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction usePageContentFocusCommands() {\n\tconst { isPage, canvasMode, hasPageContentFocus } = useSelect(\n\t\t( select ) => ( {\n\t\t\tisPage: select( editSiteStore ).isPage(),\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t\thasPageContentFocus: select( editSiteStore ).hasPageContentFocus(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tif ( ! isPage || canvasMode !== 'edit' ) {\n\t\treturn { isLoading: false, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tif ( hasPageContentFocus ) {\n\t\tcommands.push( {\n\t\t\tname: 'core/switch-to-template-focus',\n\t\t\tlabel: __( 'Edit template' ),\n\t\t\ticon: layout,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tsetHasPageContentFocus( false );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t} else {\n\t\tcommands.push( {\n\t\t\tname: 'core/switch-to-page-focus',\n\t\t\tlabel: __( 'Back to page' ),\n\t\t\ticon: page,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tsetHasPageContentFocus( true );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn { isLoading: false, commands };\n}\n\nfunction useManipulateDocumentCommands() {\n\tconst { isLoaded, record: template } = useEditedEntityRecord();\n\tconst { removeTemplate, revertTemplate } = useDispatch( editSiteStore );\n\tconst history = useHistory();\n\tconst hasPageContentFocus = useSelect(\n\t\t( select ) => select( editSiteStore ).hasPageContentFocus(),\n\t\t[]\n\t);\n\n\tif ( ! isLoaded ) {\n\t\treturn { isLoading: true, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tif ( isTemplateRevertable( template ) && ! hasPageContentFocus ) {\n\t\tconst label =\n\t\t\ttemplate.type === 'wp_template'\n\t\t\t\t? __( 'Reset template' )\n\t\t\t\t: __( 'Reset template part' );\n\t\tcommands.push( {\n\t\t\tname: 'core/reset-template',\n\t\t\tlabel,\n\t\t\ticon: backup,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\trevertTemplate( template );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\tif ( isTemplateRemovable( template ) && ! hasPageContentFocus ) {\n\t\tconst label =\n\t\t\ttemplate.type === 'wp_template'\n\t\t\t\t? __( 'Delete template' )\n\t\t\t\t: __( 'Delete template part' );\n\t\tconst path =\n\t\t\ttemplate.type === 'wp_template'\n\t\t\t\t? '/wp_template'\n\t\t\t\t: '/wp_template_part/all';\n\t\tcommands.push( {\n\t\t\tname: 'core/remove-template',\n\t\t\tlabel,\n\t\t\ticon: trash,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tremoveTemplate( template );\n\t\t\t\t// Navigate to the template list\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath,\n\t\t\t\t} );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn {\n\t\tisLoading: ! isLoaded,\n\t\tcommands,\n\t};\n}\n\nfunction useEditUICommands() {\n\tconst {\n\t\topenGeneralSidebar,\n\t\tcloseGeneralSidebar,\n\t\tsetIsInserterOpened,\n\t\tsetIsListViewOpened,\n\t\tswitchEditorMode,\n\t} = useDispatch( editSiteStore );\n\tconst { canvasMode, editorMode, activeSidebar } = useSelect(\n\t\t( select ) => ( {\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t\teditorMode: select( editSiteStore ).getEditorMode(),\n\t\t\tactiveSidebar: select( interfaceStore ).getActiveComplementaryArea(\n\t\t\t\teditSiteStore.name\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { openModal } = useDispatch( interfaceStore );\n\tconst { get: getPreference } = useSelect( preferencesStore );\n\tconst { set: setPreference, toggle } = useDispatch( preferencesStore );\n\tconst { createInfoNotice } = useDispatch( noticesStore );\n\n\tif ( canvasMode !== 'edit' ) {\n\t\treturn { isLoading: false, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tcommands.push( {\n\t\tname: 'core/open-settings-sidebar',\n\t\tlabel: __( 'Toggle settings sidebar' ),\n\t\ticon: isRTL() ? drawerLeft : drawerRight,\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( activeSidebar === 'edit-site/template' ) {\n\t\t\t\tcloseGeneralSidebar();\n\t\t\t} else {\n\t\t\t\topenGeneralSidebar( 'edit-site/template' );\n\t\t\t}\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/open-block-inspector',\n\t\tlabel: __( 'Toggle block inspector' ),\n\t\ticon: blockDefault,\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( activeSidebar === 'edit-site/block-inspector' ) {\n\t\t\t\tcloseGeneralSidebar();\n\t\t\t} else {\n\t\t\t\topenGeneralSidebar( 'edit-site/block-inspector' );\n\t\t\t}\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-spotlight-mode',\n\t\tlabel: __( 'Toggle spotlight mode' ),\n\t\ticon: cog,\n\t\tcallback: ( { close } ) => {\n\t\t\ttoggle( 'core/edit-site', 'focusMode' );\n\t\t\tclose();\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-distraction-free',\n\t\tlabel: __( 'Toggle distraction free' ),\n\t\ticon: cog,\n\t\tcallback: ( { close } ) => {\n\t\t\tsetPreference( 'core/edit-site', 'fixedToolbar', false );\n\t\t\tsetIsInserterOpened( false );\n\t\t\tsetIsListViewOpened( false );\n\t\t\tcloseGeneralSidebar();\n\t\t\ttoggle( 'core/edit-site', 'distractionFree' );\n\t\t\tcreateInfoNotice(\n\t\t\t\tgetPreference( 'core/edit-site', 'distractionFree' )\n\t\t\t\t\t? __( 'Distraction free mode turned on.' )\n\t\t\t\t\t: __( 'Distraction free mode turned off.' ),\n\t\t\t\t{\n\t\t\t\t\tid: 'core/edit-site/distraction-free-mode/notice',\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t}\n\t\t\t);\n\t\t\tclose();\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-top-toolbar',\n\t\tlabel: __( 'Toggle top toolbar' ),\n\t\ticon: cog,\n\t\tcallback: ( { close } ) => {\n\t\t\ttoggle( 'core/edit-site', 'fixedToolbar' );\n\t\t\tclose();\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-code-editor',\n\t\tlabel: __( 'Toggle code editor' ),\n\t\ticon: code,\n\t\tcallback: ( { close } ) => {\n\t\t\tswitchEditorMode( editorMode === 'visual' ? 'text' : 'visual' );\n\t\t\tclose();\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/open-preferences',\n\t\tlabel: __( 'Open editor preferences' ),\n\t\ticon: cog,\n\t\tcallback: () => {\n\t\t\topenModal( PREFERENCES_MODAL_NAME );\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/open-shortcut-help',\n\t\tlabel: __( 'Open keyboard shortcuts' ),\n\t\ticon: keyboardClose,\n\t\tcallback: () => {\n\t\t\topenModal( KEYBOARD_SHORTCUT_HELP_MODAL_NAME );\n\t\t},\n\t} );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nexport function useEditModeCommands() {\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/page-content-focus',\n\t\thook: usePageContentFocusCommands,\n\t\tcontext: 'site-editor-edit',\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/manipulate-document',\n\t\thook: useManipulateDocumentCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/edit-ui',\n\t\thook: useEditUICommands,\n\t} );\n}\n"]}

package/build-module/store/private-actions.js

@@ -20,8 +20,9 @@ export const setCanvasMode = mode => ({
     type: 'SET_CANVAS_MODE',
     mode
   }); // Check if the block list view should be open by default.
+  // If `distractionFree` mode is enabled, the block list view should not be open.
 
-  if (mode === 'edit' && registry.select(preferencesStore).get('core/edit-site', 'showListViewByDefault')) {
+  if (mode === 'edit' && registry.select(preferencesStore).get('core/edit-site', 'showListViewByDefault') && !registry.select(preferencesStore).get('core/edit-site', 'distractionFree')) {
     dispatch.setIsListViewOpened(true);
   } // Switch focus away from editing the template when switching to view mode.
 

package/build-module/store/private-actions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/store/private-actions.js"],"names":["store","blockEditorStore","preferencesStore","setCanvasMode","mode","registry","dispatch","select","__unstableSetEditorMode","type","get","setIsListViewOpened","isPage","setHasPageContentFocus","setEditorCanvasContainerView","view"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AACA,SAASD,KAAK,IAAIE,gBAAlB,QAA0C,wBAA1C;AAEA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,aAAa,GACvBC,IAAF,IACA,CAAE;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,QAAZ;AAAsBC,EAAAA;AAAtB,CAAF,KAAsC;AACrCF,EAAAA,QAAQ,CAACC,QAAT,CAAmBL,gBAAnB,EAAsCO,uBAAtC,CAA+D,MAA/D;;AACAF,EAAAA,QAAQ,CAAE;AACTG,IAAAA,IAAI,EAAE,iBADG;AAETL,IAAAA;AAFS,GAAF,CAAR,CAFqC,CAMrC;;AACA,MACCA,IAAI,KAAK,MAAT,IACAC,QAAQ,CACNE,MADF,CACUL,gBADV,EAEEQ,GAFF,CAEO,gBAFP,EAEyB,uBAFzB,CAFD,EAKE;AACDJ,IAAAA,QAAQ,CAACK,mBAAT,CAA8B,IAA9B;AACA,GAdoC,CAerC;;;AACA,MAAKP,IAAI,KAAK,MAAT,IAAmBG,MAAM,CAACK,MAAP,EAAxB,EAA0C;AACzCN,IAAAA,QAAQ,CAACO,sBAAT,CAAiC,IAAjC;AACA;AACD,CArBK;AAuBP;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,4BAA4B,GACtCC,IAAF,IACA,CAAE;AAAET,EAAAA;AAAF,CAAF,KAAoB;AACnBA,EAAAA,QAAQ,CAAE;AACTG,IAAAA,IAAI,EAAE,kCADG;AAETM,IAAAA;AAFS,GAAF,CAAR;AAIA,CAPK","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Action that switches the canvas mode.\n *\n * @param {?string} mode Canvas mode.\n */\nexport const setCanvasMode =\n\t( mode ) =>\n\t( { registry, dispatch, select } ) => {\n\t\tregistry.dispatch( blockEditorStore ).__unstableSetEditorMode( 'edit' );\n\t\tdispatch( {\n\t\t\ttype: 'SET_CANVAS_MODE',\n\t\t\tmode,\n\t\t} );\n\t\t// Check if the block list view should be open by default.\n\t\tif (\n\t\t\tmode === 'edit' &&\n\t\t\tregistry\n\t\t\t\t.select( preferencesStore )\n\t\t\t\t.get( 'core/edit-site', 'showListViewByDefault' )\n\t\t) {\n\t\t\tdispatch.setIsListViewOpened( true );\n\t\t}\n\t\t// Switch focus away from editing the template when switching to view mode.\n\t\tif ( mode === 'view' && select.isPage() ) {\n\t\t\tdispatch.setHasPageContentFocus( true );\n\t\t}\n\t};\n\n/**\n * Action that switches the editor canvas container view.\n *\n * @param {?string} view Editor canvas container view.\n */\nexport const setEditorCanvasContainerView =\n\t( view ) =>\n\t( { dispatch } ) => {\n\t\tdispatch( {\n\t\t\ttype: 'SET_EDITOR_CANVAS_CONTAINER_VIEW',\n\t\t\tview,\n\t\t} );\n\t};\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/store/private-actions.js"],"names":["store","blockEditorStore","preferencesStore","setCanvasMode","mode","registry","dispatch","select","__unstableSetEditorMode","type","get","setIsListViewOpened","isPage","setHasPageContentFocus","setEditorCanvasContainerView","view"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AACA,SAASD,KAAK,IAAIE,gBAAlB,QAA0C,wBAA1C;AAEA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,aAAa,GACvBC,IAAF,IACA,CAAE;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,QAAZ;AAAsBC,EAAAA;AAAtB,CAAF,KAAsC;AACrCF,EAAAA,QAAQ,CAACC,QAAT,CAAmBL,gBAAnB,EAAsCO,uBAAtC,CAA+D,MAA/D;;AACAF,EAAAA,QAAQ,CAAE;AACTG,IAAAA,IAAI,EAAE,iBADG;AAETL,IAAAA;AAFS,GAAF,CAAR,CAFqC,CAMrC;AACA;;AACA,MACCA,IAAI,KAAK,MAAT,IACAC,QAAQ,CACNE,MADF,CACUL,gBADV,EAEEQ,GAFF,CAEO,gBAFP,EAEyB,uBAFzB,CADA,IAIA,CAAEL,QAAQ,CACRE,MADA,CACQL,gBADR,EAEAQ,GAFA,CAEK,gBAFL,EAEuB,iBAFvB,CALH,EAQE;AACDJ,IAAAA,QAAQ,CAACK,mBAAT,CAA8B,IAA9B;AACA,GAlBoC,CAmBrC;;;AACA,MAAKP,IAAI,KAAK,MAAT,IAAmBG,MAAM,CAACK,MAAP,EAAxB,EAA0C;AACzCN,IAAAA,QAAQ,CAACO,sBAAT,CAAiC,IAAjC;AACA;AACD,CAzBK;AA2BP;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,4BAA4B,GACtCC,IAAF,IACA,CAAE;AAAET,EAAAA;AAAF,CAAF,KAAoB;AACnBA,EAAAA,QAAQ,CAAE;AACTG,IAAAA,IAAI,EAAE,kCADG;AAETM,IAAAA;AAFS,GAAF,CAAR;AAIA,CAPK","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Action that switches the canvas mode.\n *\n * @param {?string} mode Canvas mode.\n */\nexport const setCanvasMode =\n\t( mode ) =>\n\t( { registry, dispatch, select } ) => {\n\t\tregistry.dispatch( blockEditorStore ).__unstableSetEditorMode( 'edit' );\n\t\tdispatch( {\n\t\t\ttype: 'SET_CANVAS_MODE',\n\t\t\tmode,\n\t\t} );\n\t\t// Check if the block list view should be open by default.\n\t\t// If `distractionFree` mode is enabled, the block list view should not be open.\n\t\tif (\n\t\t\tmode === 'edit' &&\n\t\t\tregistry\n\t\t\t\t.select( preferencesStore )\n\t\t\t\t.get( 'core/edit-site', 'showListViewByDefault' ) &&\n\t\t\t! registry\n\t\t\t\t.select( preferencesStore )\n\t\t\t\t.get( 'core/edit-site', 'distractionFree' )\n\t\t) {\n\t\t\tdispatch.setIsListViewOpened( true );\n\t\t}\n\t\t// Switch focus away from editing the template when switching to view mode.\n\t\tif ( mode === 'view' && select.isPage() ) {\n\t\t\tdispatch.setHasPageContentFocus( true );\n\t\t}\n\t};\n\n/**\n * Action that switches the editor canvas container view.\n *\n * @param {?string} view Editor canvas container view.\n */\nexport const setEditorCanvasContainerView =\n\t( view ) =>\n\t( { dispatch } ) => {\n\t\tdispatch( {\n\t\t\ttype: 'SET_EDITOR_CANVAS_CONTAINER_VIEW',\n\t\t\tview,\n\t\t} );\n\t};\n"]}

package/build-style/style-rtl.css

@@ -1837,6 +1837,9 @@ body.is-fullscreen-mode .edit-site-list-header {
     width: 300px;
   }
 }
+.edit-site-patterns .edit-site-patterns__sync-status-filter-option:not([aria-checked=true]) {
+  color: #949494;
+}
 .edit-site-patterns .edit-site-patterns__sync-status-filter-option:active {
   background: #757575;
   color: #f0f0f0;
@@ -2732,7 +2735,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   justify-content: center;
   align-items: center;
 }
-.edit-site-layout__canvas:has(.edit-site-layout__resizable-frame-oversized) {
+.edit-site-layout__canvas.is-right-aligned {
   justify-content: flex-end;
 }
 .edit-site-layout__canvas > div {
@@ -3364,8 +3367,13 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-site-hub .edit-site-site-hub_toggle-command-center {
   transition: opacity ease 0.1s;
 }
+.edit-site-site-hub .edit-site-site-hub__site-title.is-transparent,
+.edit-site-site-hub .edit-site-site-hub_toggle-command-center.is-transparent {
+  opacity: 0 !important;
+}
 .edit-site-site-hub .edit-site-site-hub__site-view-link {
   flex-grow: 0;
+  margin-left: var(--wp-admin-border-width-focus);
 }
 @media (min-width: 480px) {
   .edit-site-site-hub .edit-site-site-hub__site-view-link {
@@ -3374,8 +3382,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   }
 }
 .edit-site-site-hub .edit-site-site-hub__site-view-link:focus {
-  outline: none;
-  box-shadow: none;
   opacity: 1;
 }
 .edit-site-site-hub .edit-site-site-hub__site-view-link svg {
@@ -3395,6 +3401,9 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   flex-shrink: 0;
   background: #1e1e1e;
 }
+.edit-site-site-hub__view-mode-toggle-container.has-transparent-background {
+  background: transparent;
+}
 
 .edit-site-site-hub__text-content {
   overflow: hidden;
@@ -3563,14 +3572,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-resizable-frame__inner {
   position: relative;
 }
-body:has(.edit-site-resizable-frame__inner.edit-site-layout__resizable-frame-oversized) .edit-site-site-hub .edit-site-site-hub__site-title,
-body:has(.edit-site-resizable-frame__inner.edit-site-layout__resizable-frame-oversized) .edit-site-site-hub .edit-site-site-hub_toggle-command-center {
-  opacity: 0 !important;
-}
-body:has(.edit-site-resizable-frame__inner.edit-site-layout__resizable-frame-oversized) .edit-site-site-hub .edit-site-site-hub__view-mode-toggle-container {
-  background-color: transparent;
-}
-
 body:has(.edit-site-resizable-frame__inner.is-resizing) {
   cursor: col-resize;
   user-select: none;

package/build-style/style.css

@@ -1838,6 +1838,9 @@ body.is-fullscreen-mode .edit-site-list-header {
     width: 300px;
   }
 }
+.edit-site-patterns .edit-site-patterns__sync-status-filter-option:not([aria-checked=true]) {
+  color: #949494;
+}
 .edit-site-patterns .edit-site-patterns__sync-status-filter-option:active {
   background: #757575;
   color: #f0f0f0;
@@ -2733,7 +2736,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   justify-content: center;
   align-items: center;
 }
-.edit-site-layout__canvas:has(.edit-site-layout__resizable-frame-oversized) {
+.edit-site-layout__canvas.is-right-aligned {
   justify-content: flex-end;
 }
 .edit-site-layout__canvas > div {
@@ -3365,8 +3368,13 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-site-hub .edit-site-site-hub_toggle-command-center {
   transition: opacity ease 0.1s;
 }
+.edit-site-site-hub .edit-site-site-hub__site-title.is-transparent,
+.edit-site-site-hub .edit-site-site-hub_toggle-command-center.is-transparent {
+  opacity: 0 !important;
+}
 .edit-site-site-hub .edit-site-site-hub__site-view-link {
   flex-grow: 0;
+  margin-right: var(--wp-admin-border-width-focus);
 }
 @media (min-width: 480px) {
   .edit-site-site-hub .edit-site-site-hub__site-view-link {
@@ -3375,8 +3383,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   }
 }
 .edit-site-site-hub .edit-site-site-hub__site-view-link:focus {
-  outline: none;
-  box-shadow: none;
   opacity: 1;
 }
 .edit-site-site-hub .edit-site-site-hub__site-view-link svg {
@@ -3396,6 +3402,9 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   flex-shrink: 0;
   background: #1e1e1e;
 }
+.edit-site-site-hub__view-mode-toggle-container.has-transparent-background {
+  background: transparent;
+}
 
 .edit-site-site-hub__text-content {
   overflow: hidden;
@@ -3564,14 +3573,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-resizable-frame__inner {
   position: relative;
 }
-body:has(.edit-site-resizable-frame__inner.edit-site-layout__resizable-frame-oversized) .edit-site-site-hub .edit-site-site-hub__site-title,
-body:has(.edit-site-resizable-frame__inner.edit-site-layout__resizable-frame-oversized) .edit-site-site-hub .edit-site-site-hub_toggle-command-center {
-  opacity: 0 !important;
-}
-body:has(.edit-site-resizable-frame__inner.edit-site-layout__resizable-frame-oversized) .edit-site-site-hub .edit-site-site-hub__view-mode-toggle-container {
-  background-color: transparent;
-}
-
 body:has(.edit-site-resizable-frame__inner.is-resizing) {
   cursor: col-resize;
   user-select: none;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "5.12.10",
+	"version": "5.12.12",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -29,40 +29,40 @@
 		"@babel/runtime": "^7.16.0",
 		"@wordpress/a11y": "^3.35.1",
 		"@wordpress/api-fetch": "^6.32.1",
-		"@wordpress/block-editor": "^12.3.8",
-		"@wordpress/block-library": "^8.12.10",
-		"@wordpress/blocks": "^12.12.4",
-		"@wordpress/commands": "^0.6.8",
-		"@wordpress/components": "^25.1.8",
-		"@wordpress/compose": "^6.12.1",
-		"@wordpress/core-commands": "^0.4.8",
-		"@wordpress/core-data": "^6.12.8",
-		"@wordpress/data": "^9.5.4",
+		"@wordpress/block-editor": "^12.3.10",
+		"@wordpress/block-library": "^8.12.12",
+		"@wordpress/blocks": "^12.12.6",
+		"@wordpress/commands": "^0.6.9",
+		"@wordpress/components": "^25.1.9",
+		"@wordpress/compose": "^6.12.2",
+		"@wordpress/core-commands": "^0.4.10",
+		"@wordpress/core-data": "^6.12.10",
+		"@wordpress/data": "^9.5.5",
 		"@wordpress/date": "^4.35.1",
 		"@wordpress/deprecated": "^3.35.1",
 		"@wordpress/dom": "^3.35.1",
-		"@wordpress/editor": "^13.12.8",
+		"@wordpress/editor": "^13.12.10",
 		"@wordpress/element": "^5.12.1",
 		"@wordpress/escape-html": "^2.35.1",
 		"@wordpress/hooks": "^3.35.1",
 		"@wordpress/html-entities": "^3.35.1",
 		"@wordpress/i18n": "^4.35.1",
 		"@wordpress/icons": "^9.26.2",
-		"@wordpress/interface": "^5.12.8",
-		"@wordpress/keyboard-shortcuts": "^4.12.4",
+		"@wordpress/interface": "^5.12.9",
+		"@wordpress/keyboard-shortcuts": "^4.12.5",
 		"@wordpress/keycodes": "^3.35.1",
 		"@wordpress/media-utils": "^4.26.1",
-		"@wordpress/notices": "^4.3.4",
-		"@wordpress/plugins": "^6.3.8",
-		"@wordpress/preferences": "^3.12.8",
+		"@wordpress/notices": "^4.3.5",
+		"@wordpress/plugins": "^6.3.9",
+		"@wordpress/preferences": "^3.12.9",
 		"@wordpress/primitives": "^3.33.1",
 		"@wordpress/private-apis": "^0.17.2",
-		"@wordpress/reusable-blocks": "^4.12.8",
+		"@wordpress/reusable-blocks": "^4.12.10",
 		"@wordpress/router": "^0.4.2",
 		"@wordpress/style-engine": "^1.18.1",
 		"@wordpress/url": "^3.36.1",
-		"@wordpress/viewport": "^5.12.4",
-		"@wordpress/widgets": "^3.12.8",
+		"@wordpress/viewport": "^5.12.5",
+		"@wordpress/widgets": "^3.12.10",
 		"@wordpress/wordcount": "^3.35.1",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
@@ -84,5 +84,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "cedb8caa943db47c16bdb4fa8880d506ce938fab"
+	"gitHead": "609a9df27d25e3d224dd1e2b97beb1bc02693255"
 }

package/src/components/global-styles/screen-revisions/index.js

@@ -7,6 +7,7 @@ import {
 	__experimentalUseNavigator as useNavigator,
 	__experimentalConfirmDialog as ConfirmDialog,
 	Spinner,
+	__experimentalSpacer as Spacer,
 } from '@wordpress/components';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { useContext, useState, useEffect } from '@wordpress/element';
@@ -87,6 +88,7 @@ function ScreenRevisions() {
 	const isLoadButtonEnabled =
 		!! globalStylesRevision?.id &&
 		! areGlobalStyleConfigsEqual( globalStylesRevision, userConfig );
+	const shouldShowRevisions = ! isLoading && revisions.length;
 
 	return (
 		<>
@@ -99,68 +101,84 @@ function ScreenRevisions() {
 			{ isLoading && (
 				<Spinner className="edit-site-global-styles-screen-revisions__loading" />
 			) }
-			{ ! isLoading && (
-				<Revisions
-					blocks={ blocks }
-					userConfig={ globalStylesRevision }
-					onClose={ onCloseRevisions }
-				/>
-			) }
-			<div className="edit-site-global-styles-screen-revisions">
-				<RevisionsButtons
-					onChange={ selectRevision }
-					selectedRevisionId={ selectedRevisionId }
-					userRevisions={ revisions }
-				/>
-				{ isLoadButtonEnabled && (
-					<SidebarFixedBottom>
-						<Button
-							variant="primary"
-							className="edit-site-global-styles-screen-revisions__button"
-							disabled={
-								! globalStylesRevision?.id ||
-								globalStylesRevision?.id === 'unsaved'
+			{ shouldShowRevisions ? (
+				<>
+					<Revisions
+						blocks={ blocks }
+						userConfig={ globalStylesRevision }
+						onClose={ onCloseRevisions }
+					/>
+					<div className="edit-site-global-styles-screen-revisions">
+						<RevisionsButtons
+							onChange={ selectRevision }
+							selectedRevisionId={ selectedRevisionId }
+							userRevisions={ revisions }
+						/>
+						{ isLoadButtonEnabled && (
+							<SidebarFixedBottom>
+								<Button
+									variant="primary"
+									className="edit-site-global-styles-screen-revisions__button"
+									disabled={
+										! globalStylesRevision?.id ||
+										globalStylesRevision?.id === 'unsaved'
+									}
+									onClick={ () => {
+										if ( hasUnsavedChanges ) {
+											setIsLoadingRevisionWithUnsavedChanges(
+												true
+											);
+										} else {
+											restoreRevision(
+												globalStylesRevision
+											);
+										}
+									} }
+								>
+									{ __( 'Apply' ) }
+								</Button>
+							</SidebarFixedBottom>
+						) }
+					</div>
+					{ isLoadingRevisionWithUnsavedChanges && (
+						<ConfirmDialog
+							title={ __(
+								'Loading this revision will discard all unsaved changes.'
+							) }
+							isOpen={ isLoadingRevisionWithUnsavedChanges }
+							confirmButtonText={ __(
+								' Discard unsaved changes'
+							) }
+							onConfirm={ () =>
+								restoreRevision( globalStylesRevision )
+							}
+							onCancel={ () =>
+								setIsLoadingRevisionWithUnsavedChanges( false )
 							}
-							onClick={ () => {
-								if ( hasUnsavedChanges ) {
-									setIsLoadingRevisionWithUnsavedChanges(
-										true
-									);
-								} else {
-									restoreRevision( globalStylesRevision );
-								}
-							} }
 						>
-							{ __( 'Apply' ) }
-						</Button>
-					</SidebarFixedBottom>
-				) }
-			</div>
-			{ isLoadingRevisionWithUnsavedChanges && (
-				<ConfirmDialog
-					title={ __(
-						'Loading this revision will discard all unsaved changes.'
+							<>
+								<h2>
+									{ __(
+										'Loading this revision will discard all unsaved changes.'
+									) }
+								</h2>
+								<p>
+									{ __(
+										'Do you want to replace your unsaved changes in the editor?'
+									) }
+								</p>
+							</>
+						</ConfirmDialog>
 					) }
-					isOpen={ isLoadingRevisionWithUnsavedChanges }
-					confirmButtonText={ __( ' Discard unsaved changes' ) }
-					onConfirm={ () => restoreRevision( globalStylesRevision ) }
-					onCancel={ () =>
-						setIsLoadingRevisionWithUnsavedChanges( false )
+				</>
+			) : (
+				<Spacer marginX={ 4 } data-testid="global-styles-no-revisions">
+					{
+						// Adding an existing translation here in case these changes are shipped to WordPress 6.3.
+						// Later we could update to something better, e.g., "There are currently no style revisions.".
+						__( 'No results found.' )
 					}
-				>
-					<>
-						<h2>
-							{ __(
-								'Loading this revision will discard all unsaved changes.'
-							) }
-						</h2>
-						<p>
-							{ __(
-								'Do you want to replace your unsaved changes in the editor?'
-							) }
-						</p>
-					</>
-				</ConfirmDialog>
+				</Spacer>
 			) }
 		</>
 	);

package/src/components/global-styles/screen-revisions/revisions-buttons.js

@@ -21,11 +21,9 @@ function getRevisionLabel( revision ) {
 
 	if ( 'unsaved' === revision?.id ) {
 		return sprintf(
-			/* translators: %(name)s author display name */
-			__( 'Unsaved changes by %(name)s' ),
-			{
-				name: authorDisplayName,
-			}
+			/* translators: %s author display name */
+			__( 'Unsaved changes by %s' ),
+			authorDisplayName
 		);
 	}
 	const formattedDate = dateI18n(
@@ -35,20 +33,16 @@ function getRevisionLabel( revision ) {
 
 	return revision?.isLatest
 		? sprintf(
-				/* translators: %(name)s author display name, %(date)s: revision creation date */
-				__( 'Changes saved by %(name)s on %(date)s (current)' ),
-				{
-					name: authorDisplayName,
-					date: formattedDate,
-				}
+				/* translators: %1$s author display name, %2$s: revision creation date */
+				__( 'Changes saved by %1$s on %2$s (current)' ),
+				authorDisplayName,
+				formattedDate
 		  )
 		: sprintf(
-				/* translators: %(name)s author display name, %(date)s: revision creation date */
-				__( 'Changes saved by %(name)s on %(date)s' ),
-				{
-					name: authorDisplayName,
-					date: formattedDate,
-				}
+				/* translators: %1$s author display name, %2$s: revision creation date */
+				__( 'Changes saved by %1$s on %2$s' ),
+				authorDisplayName,
+				formattedDate
 		  );
 }
 
@@ -104,22 +98,14 @@ function RevisionsButtons( { userRevisions, selectedRevisionId, onChange } ) {
 								<span className="edit-site-global-styles-screen-revisions__meta">
 									{ isUnsaved
 										? sprintf(
-												/* translators: %(name)s author display name */
-												__(
-													'Unsaved changes by %(name)s'
-												),
-												{
-													name: authorDisplayName,
-												}
+												/* translators: %s author display name */
+												__( 'Unsaved changes by %s' ),
+												authorDisplayName
 										  )
 										: sprintf(
-												/* translators: %(name)s author display name */
-												__(
-													'Changes saved by %(name)s'
-												),
-												{
-													name: authorDisplayName,
-												}
+												/* translators: %s author display name */
+												__( 'Changes saved by %s' ),
+												authorDisplayName
 										  ) }
 
 									<img

package/src/components/global-styles/screen-revisions/test/use-global-styles-revisions.js

@@ -49,6 +49,7 @@ describe( 'useGlobalStylesRevisions', () => {
 				styles: {},
 			},
 		],
+		isLoadingGlobalStylesRevisions: false,
 	};
 
 	it( 'returns loaded revisions with no unsaved changes', () => {
@@ -117,11 +118,23 @@ describe( 'useGlobalStylesRevisions', () => {
 		const { result } = renderHook( () => useGlobalStylesRevisions() );
 		const { revisions, isLoading, hasUnsavedChanges } = result.current;
 
-		expect( isLoading ).toBe( true );
+		expect( isLoading ).toBe( false );
 		expect( hasUnsavedChanges ).toBe( false );
 		expect( revisions ).toEqual( [] );
 	} );
 
+	it( 'returns loading status when resolving global revisions', () => {
+		useSelect.mockImplementation( () => ( {
+			...selectValue,
+			isLoadingGlobalStylesRevisions: true,
+		} ) );
+
+		const { result } = renderHook( () => useGlobalStylesRevisions() );
+		const { isLoading } = result.current;
+
+		expect( isLoading ).toBe( true );
+	} );
+
 	it( 'returns empty revisions when authors are not yet available', () => {
 		useSelect.mockImplementation( () => ( {
 			...selectValue,