@wordpress/edit-post 7.24.1 → 7.25.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 7.25.0 (2023-12-13)
+
 ## 7.24.0 (2023-11-29)
 
 ## 7.23.0 (2023-11-16)

package/build/components/header/header-toolbar/index.js

@@ -99,7 +99,8 @@ function HeaderToolbar({
     showTooltip: !showIconLabels,
     variant: showIconLabels ? 'tertiary' : undefined,
     "aria-expanded": isListViewOpen,
-    ref: setListViewToggleElement
+    ref: setListViewToggleElement,
+    size: "compact"
   }));
   const toggleInserter = (0, _element.useCallback)(() => {
     if (isInserterOpened) {
@@ -140,15 +141,18 @@ function HeaderToolbar({
     as: _blockEditor.ToolSelector,
     showTooltip: !showIconLabels,
     variant: showIconLabels ? 'tertiary' : undefined,
-    disabled: isTextModeEnabled
+    disabled: isTextModeEnabled,
+    size: "compact"
   }), (0, _react.createElement)(_components.ToolbarItem, {
     as: _editor.EditorHistoryUndo,
     showTooltip: !showIconLabels,
-    variant: showIconLabels ? 'tertiary' : undefined
+    variant: showIconLabels ? 'tertiary' : undefined,
+    size: "compact"
   }), (0, _react.createElement)(_components.ToolbarItem, {
     as: _editor.EditorHistoryRedo,
     showTooltip: !showIconLabels,
-    variant: showIconLabels ? 'tertiary' : undefined
+    variant: showIconLabels ? 'tertiary' : undefined,
+    size: "compact"
   }), overflowItems)));
 }
 var _default = HeaderToolbar;

package/build/components/header/header-toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_compose","require","_data","_i18n","_blockEditor","_editor","_components","_icons","_element","_keyboardShortcuts","_store","_lockUnlock","useShouldContextualToolbarShow","unlock","blockEditorPrivateApis","preventDefault","event","HeaderToolbar","hasFixedToolbar","setListViewToggleElement","inserterButton","useRef","setIsInserterOpened","setIsListViewOpened","useDispatch","editPostStore","isInserterEnabled","isInserterOpened","isTextModeEnabled","showIconLabels","isListViewOpen","listViewShortcut","useSelect","select","hasInserterItems","getBlockRootClientId","getBlockSelectionEnd","blockEditorStore","getEditorSettings","editorStore","getEditorMode","isFeatureActive","isListViewOpened","getShortcutRepresentation","keyboardShortcutsStore","richEditingEnabled","isLargeViewport","useViewportMatch","isWideViewport","shouldShowContextualToolbar","canFocusHiddenToolbar","fixedToolbarCanBeFocused","blockToolbarCanBeFocused","toolbarAriaLabel","__","toggleListView","useCallback","overflowItems","_react","createElement","Fragment","ToolbarItem","as","Button","className","icon","listView","disabled","isPressed","label","onClick","shortcut","showTooltip","variant","undefined","ref","toggleInserter","current","focus","longLabel","_x","shortLabel","NavigableToolbar","shouldUseKeyboardFocusShortcut","onMouseDown","plus","ToolSelector","EditorHistoryUndo","EditorHistoryRedo","_default","exports","default"],"sources":["@wordpress/edit-post/src/components/header/header-toolbar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tNavigableToolbar,\n\tToolSelector,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tEditorHistoryRedo,\n\tEditorHistoryUndo,\n\tstore as editorStore,\n} from '@wordpress/editor';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport { listView, plus } from '@wordpress/icons';\nimport { useRef, useCallback } from '@wordpress/element';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\nconst { useShouldContextualToolbarShow } = unlock( blockEditorPrivateApis );\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nfunction HeaderToolbar( { hasFixedToolbar, setListViewToggleElement } ) {\n\tconst inserterButton = useRef();\n\tconst { setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editPostStore );\n\tconst {\n\t\tisInserterEnabled,\n\t\tisInserterOpened,\n\t\tisTextModeEnabled,\n\t\tshowIconLabels,\n\t\tisListViewOpen,\n\t\tlistViewShortcut,\n\t} = useSelect( ( select ) => {\n\t\tconst { hasInserterItems, getBlockRootClientId, getBlockSelectionEnd } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { getEditorSettings } = select( editorStore );\n\t\tconst { getEditorMode, isFeatureActive, isListViewOpened } =\n\t\t\tselect( editPostStore );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\n\t\treturn {\n\t\t\t// This setting (richEditingEnabled) should not live in the block editor's setting.\n\t\t\tisInserterEnabled:\n\t\t\t\tgetEditorMode() === 'visual' &&\n\t\t\t\tgetEditorSettings().richEditingEnabled &&\n\t\t\t\thasInserterItems(\n\t\t\t\t\tgetBlockRootClientId( getBlockSelectionEnd() )\n\t\t\t\t),\n\t\t\tisInserterOpened: select( editPostStore ).isInserterOpened(),\n\t\t\tisTextModeEnabled: getEditorMode() === 'text',\n\t\t\tshowIconLabels: isFeatureActive( 'showIconLabels' ),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t'core/edit-post/toggle-list-view'\n\t\t\t),\n\t\t};\n\t}, [] );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideViewport = useViewportMatch( 'wide' );\n\tconst {\n\t\tshouldShowContextualToolbar,\n\t\tcanFocusHiddenToolbar,\n\t\tfixedToolbarCanBeFocused,\n\t} = useShouldContextualToolbarShow();\n\t// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.\n\t// There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.\n\tconst blockToolbarCanBeFocused =\n\t\tshouldShowContextualToolbar ||\n\t\tcanFocusHiddenToolbar ||\n\t\tfixedToolbarCanBeFocused;\n\t/* translators: accessibility text for the editor toolbar */\n\tconst toolbarAriaLabel = __( 'Document tools' );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\tconst overflowItems = (\n\t\t<>\n\t\t\t<ToolbarItem\n\t\t\t\tas={ Button }\n\t\t\t\tclassName=\"edit-post-header-toolbar__document-overview-toggle\"\n\t\t\t\ticon={ listView }\n\t\t\t\tdisabled={ isTextModeEnabled }\n\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\tlabel={ __( 'Document Overview' ) }\n\t\t\t\tonClick={ toggleListView }\n\t\t\t\tshortcut={ listViewShortcut }\n\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\taria-expanded={ isListViewOpen }\n\t\t\t\tref={ setListViewToggleElement }\n\t\t\t/>\n\t\t</>\n\t);\n\tconst toggleInserter = useCallback( () => {\n\t\tif ( isInserterOpened ) {\n\t\t\t// Focusing the inserter button should close the inserter popover.\n\t\t\t// However, there are some cases it won't close when the focus is lost.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/43090 for more details.\n\t\t\tinserterButton.current.focus();\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tsetIsInserterOpened( true );\n\t\t}\n\t}, [ isInserterOpened, setIsInserterOpened ] );\n\n\t/* translators: button label text should, if possible, be under 16 characters. */\n\tconst longLabel = _x(\n\t\t'Toggle block inserter',\n\t\t'Generic label for block inserter button'\n\t);\n\tconst shortLabel = ! isInserterOpened ? __( 'Add' ) : __( 'Close' );\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName=\"edit-post-header-toolbar\"\n\t\t\taria-label={ toolbarAriaLabel }\n\t\t\tshouldUseKeyboardFocusShortcut={ ! blockToolbarCanBeFocused }\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t<div className=\"edit-post-header-toolbar__left\">\n\t\t\t\t<ToolbarItem\n\t\t\t\t\tref={ inserterButton }\n\t\t\t\t\tas={ Button }\n\t\t\t\t\tclassName=\"edit-post-header-toolbar__inserter-toggle\"\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\tisPressed={ isInserterOpened }\n\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\tdisabled={ ! isInserterEnabled }\n\t\t\t\t\ticon={ plus }\n\t\t\t\t\tlabel={ showIconLabels ? shortLabel : longLabel }\n\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\taria-expanded={ isInserterOpened }\n\t\t\t\t/>\n\t\t\t\t{ ( isWideViewport || ! showIconLabels ) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ isLargeViewport && ! hasFixedToolbar && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tas={ ToolSelector }\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdisabled={ isTextModeEnabled }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryUndo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryRedo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ overflowItems }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</NavigableToolbar>\n\t);\n}\n\nexport default HeaderToolbar;\n"],"mappings":"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"}
+{"version":3,"names":["_compose","require","_data","_i18n","_blockEditor","_editor","_components","_icons","_element","_keyboardShortcuts","_store","_lockUnlock","useShouldContextualToolbarShow","unlock","blockEditorPrivateApis","preventDefault","event","HeaderToolbar","hasFixedToolbar","setListViewToggleElement","inserterButton","useRef","setIsInserterOpened","setIsListViewOpened","useDispatch","editPostStore","isInserterEnabled","isInserterOpened","isTextModeEnabled","showIconLabels","isListViewOpen","listViewShortcut","useSelect","select","hasInserterItems","getBlockRootClientId","getBlockSelectionEnd","blockEditorStore","getEditorSettings","editorStore","getEditorMode","isFeatureActive","isListViewOpened","getShortcutRepresentation","keyboardShortcutsStore","richEditingEnabled","isLargeViewport","useViewportMatch","isWideViewport","shouldShowContextualToolbar","canFocusHiddenToolbar","fixedToolbarCanBeFocused","blockToolbarCanBeFocused","toolbarAriaLabel","__","toggleListView","useCallback","overflowItems","_react","createElement","Fragment","ToolbarItem","as","Button","className","icon","listView","disabled","isPressed","label","onClick","shortcut","showTooltip","variant","undefined","ref","size","toggleInserter","current","focus","longLabel","_x","shortLabel","NavigableToolbar","shouldUseKeyboardFocusShortcut","onMouseDown","plus","ToolSelector","EditorHistoryUndo","EditorHistoryRedo","_default","exports","default"],"sources":["@wordpress/edit-post/src/components/header/header-toolbar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tNavigableToolbar,\n\tToolSelector,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tEditorHistoryRedo,\n\tEditorHistoryUndo,\n\tstore as editorStore,\n} from '@wordpress/editor';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport { listView, plus } from '@wordpress/icons';\nimport { useRef, useCallback } from '@wordpress/element';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\nconst { useShouldContextualToolbarShow } = unlock( blockEditorPrivateApis );\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nfunction HeaderToolbar( { hasFixedToolbar, setListViewToggleElement } ) {\n\tconst inserterButton = useRef();\n\tconst { setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editPostStore );\n\tconst {\n\t\tisInserterEnabled,\n\t\tisInserterOpened,\n\t\tisTextModeEnabled,\n\t\tshowIconLabels,\n\t\tisListViewOpen,\n\t\tlistViewShortcut,\n\t} = useSelect( ( select ) => {\n\t\tconst { hasInserterItems, getBlockRootClientId, getBlockSelectionEnd } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { getEditorSettings } = select( editorStore );\n\t\tconst { getEditorMode, isFeatureActive, isListViewOpened } =\n\t\t\tselect( editPostStore );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\n\t\treturn {\n\t\t\t// This setting (richEditingEnabled) should not live in the block editor's setting.\n\t\t\tisInserterEnabled:\n\t\t\t\tgetEditorMode() === 'visual' &&\n\t\t\t\tgetEditorSettings().richEditingEnabled &&\n\t\t\t\thasInserterItems(\n\t\t\t\t\tgetBlockRootClientId( getBlockSelectionEnd() )\n\t\t\t\t),\n\t\t\tisInserterOpened: select( editPostStore ).isInserterOpened(),\n\t\t\tisTextModeEnabled: getEditorMode() === 'text',\n\t\t\tshowIconLabels: isFeatureActive( 'showIconLabels' ),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t'core/edit-post/toggle-list-view'\n\t\t\t),\n\t\t};\n\t}, [] );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideViewport = useViewportMatch( 'wide' );\n\tconst {\n\t\tshouldShowContextualToolbar,\n\t\tcanFocusHiddenToolbar,\n\t\tfixedToolbarCanBeFocused,\n\t} = useShouldContextualToolbarShow();\n\t// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.\n\t// There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.\n\tconst blockToolbarCanBeFocused =\n\t\tshouldShowContextualToolbar ||\n\t\tcanFocusHiddenToolbar ||\n\t\tfixedToolbarCanBeFocused;\n\t/* translators: accessibility text for the editor toolbar */\n\tconst toolbarAriaLabel = __( 'Document tools' );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\tconst overflowItems = (\n\t\t<>\n\t\t\t<ToolbarItem\n\t\t\t\tas={ Button }\n\t\t\t\tclassName=\"edit-post-header-toolbar__document-overview-toggle\"\n\t\t\t\ticon={ listView }\n\t\t\t\tdisabled={ isTextModeEnabled }\n\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\tlabel={ __( 'Document Overview' ) }\n\t\t\t\tonClick={ toggleListView }\n\t\t\t\tshortcut={ listViewShortcut }\n\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\taria-expanded={ isListViewOpen }\n\t\t\t\tref={ setListViewToggleElement }\n\t\t\t\tsize=\"compact\"\n\t\t\t/>\n\t\t</>\n\t);\n\tconst toggleInserter = useCallback( () => {\n\t\tif ( isInserterOpened ) {\n\t\t\t// Focusing the inserter button should close the inserter popover.\n\t\t\t// However, there are some cases it won't close when the focus is lost.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/43090 for more details.\n\t\t\tinserterButton.current.focus();\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tsetIsInserterOpened( true );\n\t\t}\n\t}, [ isInserterOpened, setIsInserterOpened ] );\n\n\t/* translators: button label text should, if possible, be under 16 characters. */\n\tconst longLabel = _x(\n\t\t'Toggle block inserter',\n\t\t'Generic label for block inserter button'\n\t);\n\tconst shortLabel = ! isInserterOpened ? __( 'Add' ) : __( 'Close' );\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName=\"edit-post-header-toolbar\"\n\t\t\taria-label={ toolbarAriaLabel }\n\t\t\tshouldUseKeyboardFocusShortcut={ ! blockToolbarCanBeFocused }\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t<div className=\"edit-post-header-toolbar__left\">\n\t\t\t\t<ToolbarItem\n\t\t\t\t\tref={ inserterButton }\n\t\t\t\t\tas={ Button }\n\t\t\t\t\tclassName=\"edit-post-header-toolbar__inserter-toggle\"\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\tisPressed={ isInserterOpened }\n\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\tdisabled={ ! isInserterEnabled }\n\t\t\t\t\ticon={ plus }\n\t\t\t\t\tlabel={ showIconLabels ? shortLabel : longLabel }\n\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\taria-expanded={ isInserterOpened }\n\t\t\t\t/>\n\t\t\t\t{ ( isWideViewport || ! showIconLabels ) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ isLargeViewport && ! hasFixedToolbar && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tas={ ToolSelector }\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdisabled={ isTextModeEnabled }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryUndo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryRedo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ overflowItems }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</NavigableToolbar>\n\t);\n}\n\nexport default HeaderToolbar;\n"],"mappings":"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"}

package/build/components/header/index.js

@@ -21,11 +21,9 @@ var _fullscreenModeClose = _interopRequireDefault(require("./fullscreen-mode-clo
 var _headerToolbar = _interopRequireDefault(require("./header-toolbar"));
 var _moreMenu = _interopRequireDefault(require("./more-menu"));
 var _postPublishButtonOrToggle = _interopRequireDefault(require("./post-publish-button-or-toggle"));
-var _devicePreview = _interopRequireDefault(require("../device-preview"));
 var _viewLink = _interopRequireDefault(require("../view-link"));
 var _mainDashboardButton = _interopRequireDefault(require("./main-dashboard-button"));
 var _store = require("../../store");
-var _documentActions = _interopRequireDefault(require("./document-actions"));
 var _lockUnlock = require("../../lock-unlock");
 /**
  * External dependencies
@@ -40,8 +38,8 @@ var _lockUnlock = require("../../lock-unlock");
  */
 
 const {
-  BlockContextualToolbar
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+  PreviewDropdown
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
 const slideY = {
   hidden: {
     y: '-50px'
@@ -93,7 +91,7 @@ function Header({
     return {
       blockSelectionStart: select(_blockEditor.store).getBlockSelectionStart(),
       hasActiveMetaboxes: select(_store.store).hasMetaBoxes(),
-      isEditingTemplate: select(_store.store).isEditingTemplate(),
+      isEditingTemplate: select(_editor.store).getRenderingMode() === 'template-only',
       isPublishSidebarOpened: select(_store.store).isPublishSidebarOpened(),
       hasFixedToolbar: getPreference('core/edit-post', 'fixedToolbar'),
       showIconLabels: select(_store.store).isFeatureActive('showIconLabels')
@@ -129,10 +127,10 @@ function Header({
     setListViewToggleElement: setListViewToggleElement
   }), hasFixedToolbar && isLargeViewport && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
     className: (0, _classnames.default)('selected-block-tools-wrapper', {
-      'is-collapsed': isBlockToolsCollapsed
+      'is-collapsed': isEditingTemplate && isBlockToolsCollapsed
     })
-  }, (0, _react.createElement)(BlockContextualToolbar, {
-    isFixed: true
+  }, (0, _react.createElement)(_blockEditor.BlockToolbar, {
+    hideDragHandle: true
   })), (0, _react.createElement)(_components.Popover.Slot, {
     ref: blockToolbarRef,
     name: "block-toolbar"
@@ -145,9 +143,9 @@ function Header({
     label: isBlockToolsCollapsed ? (0, _i18n.__)('Show block tools') : (0, _i18n.__)('Hide block tools')
   })), (0, _react.createElement)("div", {
     className: (0, _classnames.default)('edit-post-header__center', {
-      'is-collapsed': !isBlockToolsCollapsed && isLargeViewport && isEditingTemplate
+      'is-collapsed': isEditingTemplate && hasBlockSelected && !isBlockToolsCollapsed && hasFixedToolbar && isLargeViewport
     })
-  }, isEditingTemplate && (0, _react.createElement)(_documentActions.default, null))), (0, _react.createElement)(_components.__unstableMotion.div, {
+  }, isEditingTemplate && (0, _react.createElement)(_editor.DocumentBar, null))), (0, _react.createElement)(_components.__unstableMotion.div, {
     variants: slideY,
     transition: {
       type: 'tween',
@@ -163,7 +161,11 @@ function Header({
   (0, _react.createElement)(_editor.PostSavedState, {
     forceIsDirty: hasActiveMetaboxes,
     showIconLabels: showIconLabels
-  }), (0, _react.createElement)(_devicePreview.default, null), (0, _react.createElement)(_editor.PostPreviewButton, {
+  }), (0, _react.createElement)(PreviewDropdown, {
+    showIconLabels: showIconLabels,
+    forceIsAutosaveable: hasActiveMetaboxes
+  }), (0, _react.createElement)(_editor.PostPreviewButton, {
+    className: "edit-post-header__post-preview-button",
     forceIsAutosaveable: hasActiveMetaboxes
   }), (0, _react.createElement)(_viewLink.default, null), (0, _react.createElement)(_postPublishButtonOrToggle.default, {
     forceIsDirty: hasActiveMetaboxes,

package/build/components/header/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_editor","_element","_data","_i18n","_icons","_interface","_compose","_components","_preferences","_fullscreenModeClose","_headerToolbar","_moreMenu","_postPublishButtonOrToggle","_devicePreview","_viewLink","_mainDashboardButton","_store","_documentActions","_lockUnlock","BlockContextualToolbar","unlock","blockEditorPrivateApis","slideY","hidden","y","distractionFreeInactive","hover","transition","type","delay","slideX","x","Header","setEntitiesSavedStatesCallback","setListViewToggleElement","isWideViewport","useViewportMatch","isLargeViewport","blockToolbarRef","useRef","blockSelectionStart","hasActiveMetaboxes","hasFixedToolbar","isEditingTemplate","isPublishSidebarOpened","showIconLabels","useSelect","select","get","getPreference","preferencesStore","blockEditorStore","getBlockSelectionStart","editPostStore","hasMetaBoxes","isFeatureActive","isBlockToolsCollapsed","setIsBlockToolsCollapsed","useState","hasBlockSelected","useEffect","_react","createElement","className","default","Slot","__unstableMotion","div","variants","showTooltip","Fragment","classnames","isFixed","Popover","ref","name","Button","icon","next","previous","onClick","collapsed","label","__","PostSavedState","forceIsDirty","PostPreviewButton","forceIsAutosaveable","PinnedItems","scope","_default","exports"],"sources":["@wordpress/edit-post/src/components/header/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { PostSavedState, PostPreviewButton } from '@wordpress/editor';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { next, previous } from '@wordpress/icons';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\t__unstableMotion as motion,\n\tPopover,\n} from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport FullscreenModeClose from './fullscreen-mode-close';\nimport HeaderToolbar from './header-toolbar';\nimport MoreMenu from './more-menu';\nimport PostPublishButtonOrToggle from './post-publish-button-or-toggle';\nimport { default as DevicePreview } from '../device-preview';\nimport ViewLink from '../view-link';\nimport MainDashboardButton from './main-dashboard-button';\nimport { store as editPostStore } from '../../store';\nimport DocumentActions from './document-actions';\nimport { unlock } from '../../lock-unlock';\n\nconst { BlockContextualToolbar } = unlock( blockEditorPrivateApis );\n\nconst slideY = {\n\thidden: { y: '-50px' },\n\tdistractionFreeInactive: { y: 0 },\n\thover: { y: 0, transition: { type: 'tween', delay: 0.2 } },\n};\n\nconst slideX = {\n\thidden: { x: '-100%' },\n\tdistractionFreeInactive: { x: 0 },\n\thover: { x: 0, transition: { type: 'tween', delay: 0.2 } },\n};\n\nfunction Header( {\n\tsetEntitiesSavedStatesCallback,\n\tsetListViewToggleElement,\n} ) {\n\tconst isWideViewport = useViewportMatch( 'large' );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst {\n\t\tblockSelectionStart,\n\t\thasActiveMetaboxes,\n\t\thasFixedToolbar,\n\t\tisEditingTemplate,\n\t\tisPublishSidebarOpened,\n\t\tshowIconLabels,\n\t} = useSelect( ( select ) => {\n\t\tconst { get: getPreference } = select( preferencesStore );\n\n\t\treturn {\n\t\t\tblockSelectionStart:\n\t\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t\t\thasActiveMetaboxes: select( editPostStore ).hasMetaBoxes(),\n\t\t\tisEditingTemplate: select( editPostStore ).isEditingTemplate(),\n\t\t\tisPublishSidebarOpened:\n\t\t\t\tselect( editPostStore ).isPublishSidebarOpened(),\n\t\t\thasFixedToolbar: getPreference( 'core/edit-post', 'fixedToolbar' ),\n\t\t\tshowIconLabels:\n\t\t\t\tselect( editPostStore ).isFeatureActive( 'showIconLabels' ),\n\t\t};\n\t}, [] );\n\n\tconst [ isBlockToolsCollapsed, setIsBlockToolsCollapsed ] =\n\t\tuseState( true );\n\n\tconst hasBlockSelected = !! blockSelectionStart;\n\n\tuseEffect( () => {\n\t\t// If we have a new block selection, show the block tools\n\t\tif ( blockSelectionStart ) {\n\t\t\tsetIsBlockToolsCollapsed( false );\n\t\t}\n\t}, [ blockSelectionStart ] );\n\n\treturn (\n\t\t<div className=\"edit-post-header\">\n\t\t\t<MainDashboardButton.Slot>\n\t\t\t\t<motion.div\n\t\t\t\t\tvariants={ slideX }\n\t\t\t\t\ttransition={ { type: 'tween', delay: 0.8 } }\n\t\t\t\t>\n\t\t\t\t\t<FullscreenModeClose showTooltip />\n\t\t\t\t</motion.div>\n\t\t\t</MainDashboardButton.Slot>\n\t\t\t<motion.div\n\t\t\t\tvariants={ slideY }\n\t\t\t\ttransition={ { type: 'tween', delay: 0.8 } }\n\t\t\t\tclassName=\"edit-post-header__toolbar\"\n\t\t\t>\n\t\t\t\t<HeaderToolbar\n\t\t\t\t\thasFixedToolbar={ hasFixedToolbar }\n\t\t\t\t\tsetListViewToggleElement={ setListViewToggleElement }\n\t\t\t\t/>\n\t\t\t\t{ hasFixedToolbar && isLargeViewport && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'selected-block-tools-wrapper',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'is-collapsed': isBlockToolsCollapsed,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockContextualToolbar isFixed />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\tname=\"block-toolbar\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ isEditingTemplate && hasBlockSelected && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"edit-post-header__block-tools-toggle\"\n\t\t\t\t\t\t\t\ticon={ isBlockToolsCollapsed ? next : previous }\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetIsBlockToolsCollapsed(\n\t\t\t\t\t\t\t\t\t\t( collapsed ) => ! collapsed\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\tlabel={\n\t\t\t\t\t\t\t\t\tisBlockToolsCollapsed\n\t\t\t\t\t\t\t\t\t\t? __( 'Show block tools' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Hide block tools' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t<div\n\t\t\t\t\tclassName={ classnames( 'edit-post-header__center', {\n\t\t\t\t\t\t'is-collapsed':\n\t\t\t\t\t\t\t! isBlockToolsCollapsed &&\n\t\t\t\t\t\t\tisLargeViewport &&\n\t\t\t\t\t\t\tisEditingTemplate,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ isEditingTemplate && <DocumentActions /> }\n\t\t\t\t</div>\n\t\t\t</motion.div>\n\t\t\t<motion.div\n\t\t\t\tvariants={ slideY }\n\t\t\t\ttransition={ { type: 'tween', delay: 0.8 } }\n\t\t\t\tclassName=\"edit-post-header__settings\"\n\t\t\t>\n\t\t\t\t{ ! isPublishSidebarOpened && (\n\t\t\t\t\t// This button isn't completely hidden by the publish sidebar.\n\t\t\t\t\t// We can't hide the whole toolbar when the publish sidebar is open because\n\t\t\t\t\t// we want to prevent mounting/unmounting the PostPublishButtonOrToggle DOM node.\n\t\t\t\t\t// We track that DOM node to return focus to the PostPublishButtonOrToggle\n\t\t\t\t\t// when the publish sidebar has been closed.\n\t\t\t\t\t<PostSavedState\n\t\t\t\t\t\tforceIsDirty={ hasActiveMetaboxes }\n\t\t\t\t\t\tshowIconLabels={ showIconLabels }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<DevicePreview />\n\t\t\t\t<PostPreviewButton forceIsAutosaveable={ hasActiveMetaboxes } />\n\t\t\t\t<ViewLink />\n\t\t\t\t<PostPublishButtonOrToggle\n\t\t\t\t\tforceIsDirty={ hasActiveMetaboxes }\n\t\t\t\t\tsetEntitiesSavedStatesCallback={\n\t\t\t\t\t\tsetEntitiesSavedStatesCallback\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t{ ( isWideViewport || ! showIconLabels ) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-post\" />\n\t\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ showIconLabels && ! isWideViewport && (\n\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t) }\n\t\t\t</motion.div>\n\t\t</div>\n\t);\n}\n\nexport default Header;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAKA,IAAAU,YAAA,GAAAV,OAAA;AAKA,IAAAW,oBAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,cAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,SAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,0BAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,cAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,SAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,oBAAA,GAAAlB,sBAAA,CAAAC,OAAA;AACA,IAAAkB,MAAA,GAAAlB,OAAA;AACA,IAAAmB,gBAAA,GAAApB,sBAAA,CAAAC,OAAA;AACA,IAAAoB,WAAA,GAAApB,OAAA;AAtCA;AACA;AACA;;AAGA;AACA;AACA;;AAmBA;AACA;AACA;;AAYA,MAAM;EAAEqB;AAAuB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEnE,MAAMC,MAAM,GAAG;EACdC,MAAM,EAAE;IAAEC,CAAC,EAAE;EAAQ,CAAC;EACtBC,uBAAuB,EAAE;IAAED,CAAC,EAAE;EAAE,CAAC;EACjCE,KAAK,EAAE;IAAEF,CAAC,EAAE,CAAC;IAAEG,UAAU,EAAE;MAAEC,IAAI,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAI;EAAE;AAC1D,CAAC;AAED,MAAMC,MAAM,GAAG;EACdP,MAAM,EAAE;IAAEQ,CAAC,EAAE;EAAQ,CAAC;EACtBN,uBAAuB,EAAE;IAAEM,CAAC,EAAE;EAAE,CAAC;EACjCL,KAAK,EAAE;IAAEK,CAAC,EAAE,CAAC;IAAEJ,UAAU,EAAE;MAAEC,IAAI,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAI;EAAE;AAC1D,CAAC;AAED,SAASG,MAAMA,CAAE;EAChBC,8BAA8B;EAC9BC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,yBAAgB,EAAE,OAAQ,CAAC;EAClD,MAAMC,eAAe,GAAG,IAAAD,yBAAgB,EAAE,QAAS,CAAC;EACpD,MAAME,eAAe,GAAG,IAAAC,eAAM,EAAC,CAAC;EAChC,MAAM;IACLC,mBAAmB;IACnBC,kBAAkB;IAClBC,eAAe;IACfC,iBAAiB;IACjBC,sBAAsB;IACtBC;EACD,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC5B,MAAM;MAAEC,GAAG,EAAEC;IAAc,CAAC,GAAGF,MAAM,CAAEG,kBAAiB,CAAC;IAEzD,OAAO;MACNV,mBAAmB,EAClBO,MAAM,CAAEI,kBAAiB,CAAC,CAACC,sBAAsB,CAAC,CAAC;MACpDX,kBAAkB,EAAEM,MAAM,CAAEM,YAAc,CAAC,CAACC,YAAY,CAAC,CAAC;MAC1DX,iBAAiB,EAAEI,MAAM,CAAEM,YAAc,CAAC,CAACV,iBAAiB,CAAC,CAAC;MAC9DC,sBAAsB,EACrBG,MAAM,CAAEM,YAAc,CAAC,CAACT,sBAAsB,CAAC,CAAC;MACjDF,eAAe,EAAEO,aAAa,CAAE,gBAAgB,EAAE,cAAe,CAAC;MAClEJ,cAAc,EACbE,MAAM,CAAEM,YAAc,CAAC,CAACE,eAAe,CAAE,gBAAiB;IAC5D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM,CAAEC,qBAAqB,EAAEC,wBAAwB,CAAE,GACxD,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAEjB,MAAMC,gBAAgB,GAAG,CAAC,CAAEnB,mBAAmB;EAE/C,IAAAoB,kBAAS,EAAE,MAAM;IAChB;IACA,IAAKpB,mBAAmB,EAAG;MAC1BiB,wBAAwB,CAAE,KAAM,CAAC;IAClC;EACD,CAAC,EAAE,CAAEjB,mBAAmB,CAAG,CAAC;EAE5B,OACC,IAAAqB,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAkB,GAChC,IAAAF,MAAA,CAAAC,aAAA,EAAC/C,oBAAA,CAAAiD,OAAmB,CAACC,IAAI,QACxB,IAAAJ,MAAA,CAAAC,aAAA,EAACvD,WAAA,CAAA2D,gBAAM,CAACC,GAAG;IACVC,QAAQ,EAAGtC,MAAQ;IACnBH,UAAU,EAAG;MAAEC,IAAI,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAI;EAAG,GAE5C,IAAAgC,MAAA,CAAAC,aAAA,EAACrD,oBAAA,CAAAuD,OAAmB;IAACK,WAAW;EAAA,CAAE,CACvB,CACa,CAAC,EAC3B,IAAAR,MAAA,CAAAC,aAAA,EAACvD,WAAA,CAAA2D,gBAAM,CAACC,GAAG;IACVC,QAAQ,EAAG9C,MAAQ;IACnBK,UAAU,EAAG;MAAEC,IAAI,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAI,CAAG;IAC5CkC,SAAS,EAAC;EAA2B,GAErC,IAAAF,MAAA,CAAAC,aAAA,EAACpD,cAAA,CAAAsD,OAAa;IACbtB,eAAe,EAAGA,eAAiB;IACnCR,wBAAwB,EAAGA;EAA0B,CACrD,CAAC,EACAQ,eAAe,IAAIL,eAAe,IACnC,IAAAwB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAS,QAAA,QACC,IAAAT,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAG,IAAAQ,mBAAU,EACrB,8BAA8B,EAC9B;MACC,cAAc,EAAEf;IACjB,CACD;EAAG,GAEH,IAAAK,MAAA,CAAAC,aAAA,EAAC3C,sBAAsB;IAACqD,OAAO;EAAA,CAAE,CAC7B,CAAC,EACN,IAAAX,MAAA,CAAAC,aAAA,EAACvD,WAAA,CAAAkE,OAAO,CAACR,IAAI;IACZS,GAAG,EAAGpC,eAAiB;IACvBqC,IAAI,EAAC;EAAe,CACpB,CAAC,EACAhC,iBAAiB,IAAIgB,gBAAgB,IACtC,IAAAE,MAAA,CAAAC,aAAA,EAACvD,WAAA,CAAAqE,MAAM;IACNb,SAAS,EAAC,sCAAsC;IAChDc,IAAI,EAAGrB,qBAAqB,GAAGsB,WAAI,GAAGC,eAAU;IAChDC,OAAO,EAAGA,CAAA,KAAM;MACfvB,wBAAwB,CACrBwB,SAAS,IAAM,CAAEA,SACpB,CAAC;IACF,CAAG;IACHC,KAAK,EACJ1B,qBAAqB,GAClB,IAAA2B,QAAE,EAAE,kBAAmB,CAAC,GACxB,IAAAA,QAAE,EAAE,kBAAmB;EAC1B,CACD,CAED,CACF,EACD,IAAAtB,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAG,IAAAQ,mBAAU,EAAE,0BAA0B,EAAE;MACnD,cAAc,EACb,CAAEf,qBAAqB,IACvBnB,eAAe,IACfM;IACF,CAAE;EAAG,GAEHA,iBAAiB,IAAI,IAAAkB,MAAA,CAAAC,aAAA,EAAC7C,gBAAA,CAAA+C,OAAe,MAAE,CACrC,CACM,CAAC,EACb,IAAAH,MAAA,CAAAC,aAAA,EAACvD,WAAA,CAAA2D,gBAAM,CAACC,GAAG;IACVC,QAAQ,EAAG9C,MAAQ;IACnBK,UAAU,EAAG;MAAEC,IAAI,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAI,CAAG;IAC5CkC,SAAS,EAAC;EAA4B,GAEpC,CAAEnB,sBAAsB;EACzB;EACA;EACA;EACA;EACA;EACA,IAAAiB,MAAA,CAAAC,aAAA,EAAC9D,OAAA,CAAAoF,cAAc;IACdC,YAAY,EAAG5C,kBAAoB;IACnCI,cAAc,EAAGA;EAAgB,CACjC,CACD,EACD,IAAAgB,MAAA,CAAAC,aAAA,EAACjD,cAAA,CAAAmD,OAAa,MAAE,CAAC,EACjB,IAAAH,MAAA,CAAAC,aAAA,EAAC9D,OAAA,CAAAsF,iBAAiB;IAACC,mBAAmB,EAAG9C;EAAoB,CAAE,CAAC,EAChE,IAAAoB,MAAA,CAAAC,aAAA,EAAChD,SAAA,CAAAkD,OAAQ,MAAE,CAAC,EACZ,IAAAH,MAAA,CAAAC,aAAA,EAAClD,0BAAA,CAAAoD,OAAyB;IACzBqB,YAAY,EAAG5C,kBAAoB;IACnCR,8BAA8B,EAC7BA;EACA,CACD,CAAC,EACA,CAAEE,cAAc,IAAI,CAAEU,cAAc,KACrC,IAAAgB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAS,QAAA,QACC,IAAAT,MAAA,CAAAC,aAAA,EAACzD,UAAA,CAAAmF,WAAW,CAACvB,IAAI;IAACwB,KAAK,EAAC;EAAgB,CAAE,CAAC,EAC3C,IAAA5B,MAAA,CAAAC,aAAA,EAACnD,SAAA,CAAAqD,OAAQ;IAACnB,cAAc,EAAGA;EAAgB,CAAE,CAC5C,CACF,EACCA,cAAc,IAAI,CAAEV,cAAc,IACnC,IAAA0B,MAAA,CAAAC,aAAA,EAACnD,SAAA,CAAAqD,OAAQ;IAACnB,cAAc,EAAGA;EAAgB,CAAE,CAEnC,CACR,CAAC;AAER;AAAC,IAAA6C,QAAA,GAEc1D,MAAM;AAAA2D,OAAA,CAAA3B,OAAA,GAAA0B,QAAA"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_editor","_element","_data","_i18n","_icons","_interface","_compose","_components","_preferences","_fullscreenModeClose","_headerToolbar","_moreMenu","_postPublishButtonOrToggle","_viewLink","_mainDashboardButton","_store","_lockUnlock","PreviewDropdown","unlock","editorPrivateApis","slideY","hidden","y","distractionFreeInactive","hover","transition","type","delay","slideX","x","Header","setEntitiesSavedStatesCallback","setListViewToggleElement","isWideViewport","useViewportMatch","isLargeViewport","blockToolbarRef","useRef","blockSelectionStart","hasActiveMetaboxes","hasFixedToolbar","isEditingTemplate","isPublishSidebarOpened","showIconLabels","useSelect","select","get","getPreference","preferencesStore","blockEditorStore","getBlockSelectionStart","editPostStore","hasMetaBoxes","editorStore","getRenderingMode","isFeatureActive","isBlockToolsCollapsed","setIsBlockToolsCollapsed","useState","hasBlockSelected","useEffect","_react","createElement","className","default","Slot","__unstableMotion","div","variants","showTooltip","Fragment","classnames","BlockToolbar","hideDragHandle","Popover","ref","name","Button","icon","next","previous","onClick","collapsed","label","__","DocumentBar","PostSavedState","forceIsDirty","forceIsAutosaveable","PostPreviewButton","PinnedItems","scope","_default","exports"],"sources":["@wordpress/edit-post/src/components/header/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tBlockToolbar,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\tPostSavedState,\n\tPostPreviewButton,\n\tstore as editorStore,\n\tDocumentBar,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { next, previous } from '@wordpress/icons';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\t__unstableMotion as motion,\n\tPopover,\n} from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport FullscreenModeClose from './fullscreen-mode-close';\nimport HeaderToolbar from './header-toolbar';\nimport MoreMenu from './more-menu';\nimport PostPublishButtonOrToggle from './post-publish-button-or-toggle';\nimport ViewLink from '../view-link';\nimport MainDashboardButton from './main-dashboard-button';\nimport { store as editPostStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { PreviewDropdown } = unlock( editorPrivateApis );\n\nconst slideY = {\n\thidden: { y: '-50px' },\n\tdistractionFreeInactive: { y: 0 },\n\thover: { y: 0, transition: { type: 'tween', delay: 0.2 } },\n};\n\nconst slideX = {\n\thidden: { x: '-100%' },\n\tdistractionFreeInactive: { x: 0 },\n\thover: { x: 0, transition: { type: 'tween', delay: 0.2 } },\n};\n\nfunction Header( {\n\tsetEntitiesSavedStatesCallback,\n\tsetListViewToggleElement,\n} ) {\n\tconst isWideViewport = useViewportMatch( 'large' );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst {\n\t\tblockSelectionStart,\n\t\thasActiveMetaboxes,\n\t\thasFixedToolbar,\n\t\tisEditingTemplate,\n\t\tisPublishSidebarOpened,\n\t\tshowIconLabels,\n\t} = useSelect( ( select ) => {\n\t\tconst { get: getPreference } = select( preferencesStore );\n\n\t\treturn {\n\t\t\tblockSelectionStart:\n\t\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t\t\thasActiveMetaboxes: select( editPostStore ).hasMetaBoxes(),\n\t\t\tisEditingTemplate:\n\t\t\t\tselect( editorStore ).getRenderingMode() === 'template-only',\n\t\t\tisPublishSidebarOpened:\n\t\t\t\tselect( editPostStore ).isPublishSidebarOpened(),\n\t\t\thasFixedToolbar: getPreference( 'core/edit-post', 'fixedToolbar' ),\n\t\t\tshowIconLabels:\n\t\t\t\tselect( editPostStore ).isFeatureActive( 'showIconLabels' ),\n\t\t};\n\t}, [] );\n\n\tconst [ isBlockToolsCollapsed, setIsBlockToolsCollapsed ] =\n\t\tuseState( true );\n\n\tconst hasBlockSelected = !! blockSelectionStart;\n\n\tuseEffect( () => {\n\t\t// If we have a new block selection, show the block tools\n\t\tif ( blockSelectionStart ) {\n\t\t\tsetIsBlockToolsCollapsed( false );\n\t\t}\n\t}, [ blockSelectionStart ] );\n\n\treturn (\n\t\t<div className=\"edit-post-header\">\n\t\t\t<MainDashboardButton.Slot>\n\t\t\t\t<motion.div\n\t\t\t\t\tvariants={ slideX }\n\t\t\t\t\ttransition={ { type: 'tween', delay: 0.8 } }\n\t\t\t\t>\n\t\t\t\t\t<FullscreenModeClose showTooltip />\n\t\t\t\t</motion.div>\n\t\t\t</MainDashboardButton.Slot>\n\t\t\t<motion.div\n\t\t\t\tvariants={ slideY }\n\t\t\t\ttransition={ { type: 'tween', delay: 0.8 } }\n\t\t\t\tclassName=\"edit-post-header__toolbar\"\n\t\t\t>\n\t\t\t\t<HeaderToolbar\n\t\t\t\t\thasFixedToolbar={ hasFixedToolbar }\n\t\t\t\t\tsetListViewToggleElement={ setListViewToggleElement }\n\t\t\t\t/>\n\t\t\t\t{ hasFixedToolbar && isLargeViewport && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'selected-block-tools-wrapper',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'is-collapsed':\n\t\t\t\t\t\t\t\t\t\tisEditingTemplate &&\n\t\t\t\t\t\t\t\t\t\tisBlockToolsCollapsed,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\tname=\"block-toolbar\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ isEditingTemplate && hasBlockSelected && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"edit-post-header__block-tools-toggle\"\n\t\t\t\t\t\t\t\ticon={ isBlockToolsCollapsed ? next : previous }\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetIsBlockToolsCollapsed(\n\t\t\t\t\t\t\t\t\t\t( collapsed ) => ! collapsed\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\tlabel={\n\t\t\t\t\t\t\t\t\tisBlockToolsCollapsed\n\t\t\t\t\t\t\t\t\t\t? __( 'Show block tools' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Hide block tools' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t<div\n\t\t\t\t\tclassName={ classnames( 'edit-post-header__center', {\n\t\t\t\t\t\t'is-collapsed':\n\t\t\t\t\t\t\tisEditingTemplate &&\n\t\t\t\t\t\t\thasBlockSelected &&\n\t\t\t\t\t\t\t! isBlockToolsCollapsed &&\n\t\t\t\t\t\t\thasFixedToolbar &&\n\t\t\t\t\t\t\tisLargeViewport,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ isEditingTemplate && <DocumentBar /> }\n\t\t\t\t</div>\n\t\t\t</motion.div>\n\t\t\t<motion.div\n\t\t\t\tvariants={ slideY }\n\t\t\t\ttransition={ { type: 'tween', delay: 0.8 } }\n\t\t\t\tclassName=\"edit-post-header__settings\"\n\t\t\t>\n\t\t\t\t{ ! isPublishSidebarOpened && (\n\t\t\t\t\t// This button isn't completely hidden by the publish sidebar.\n\t\t\t\t\t// We can't hide the whole toolbar when the publish sidebar is open because\n\t\t\t\t\t// we want to prevent mounting/unmounting the PostPublishButtonOrToggle DOM node.\n\t\t\t\t\t// We track that DOM node to return focus to the PostPublishButtonOrToggle\n\t\t\t\t\t// when the publish sidebar has been closed.\n\t\t\t\t\t<PostSavedState\n\t\t\t\t\t\tforceIsDirty={ hasActiveMetaboxes }\n\t\t\t\t\t\tshowIconLabels={ showIconLabels }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<PreviewDropdown\n\t\t\t\t\tshowIconLabels={ showIconLabels }\n\t\t\t\t\tforceIsAutosaveable={ hasActiveMetaboxes }\n\t\t\t\t/>\n\t\t\t\t<PostPreviewButton\n\t\t\t\t\tclassName=\"edit-post-header__post-preview-button\"\n\t\t\t\t\tforceIsAutosaveable={ hasActiveMetaboxes }\n\t\t\t\t/>\n\t\t\t\t<ViewLink />\n\t\t\t\t<PostPublishButtonOrToggle\n\t\t\t\t\tforceIsDirty={ hasActiveMetaboxes }\n\t\t\t\t\tsetEntitiesSavedStatesCallback={\n\t\t\t\t\t\tsetEntitiesSavedStatesCallback\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t{ ( isWideViewport || ! showIconLabels ) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-post\" />\n\t\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ showIconLabels && ! isWideViewport && (\n\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t) }\n\t\t\t</motion.div>\n\t\t</div>\n\t);\n}\n\nexport default Header;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,OAAA,GAAAF,OAAA;AAOA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAKA,IAAAU,YAAA,GAAAV,OAAA;AAKA,IAAAW,oBAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,cAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,SAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,0BAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,SAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,oBAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,MAAA,GAAAjB,OAAA;AACA,IAAAkB,WAAA,GAAAlB,OAAA;AA1CA;AACA;AACA;;AAGA;AACA;AACA;;AAyBA;AACA;AACA;;AAUA,MAAM;EAAEmB;AAAgB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEvD,MAAMC,MAAM,GAAG;EACdC,MAAM,EAAE;IAAEC,CAAC,EAAE;EAAQ,CAAC;EACtBC,uBAAuB,EAAE;IAAED,CAAC,EAAE;EAAE,CAAC;EACjCE,KAAK,EAAE;IAAEF,CAAC,EAAE,CAAC;IAAEG,UAAU,EAAE;MAAEC,IAAI,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAI;EAAE;AAC1D,CAAC;AAED,MAAMC,MAAM,GAAG;EACdP,MAAM,EAAE;IAAEQ,CAAC,EAAE;EAAQ,CAAC;EACtBN,uBAAuB,EAAE;IAAEM,CAAC,EAAE;EAAE,CAAC;EACjCL,KAAK,EAAE;IAAEK,CAAC,EAAE,CAAC;IAAEJ,UAAU,EAAE;MAAEC,IAAI,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAI;EAAE;AAC1D,CAAC;AAED,SAASG,MAAMA,CAAE;EAChBC,8BAA8B;EAC9BC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,yBAAgB,EAAE,OAAQ,CAAC;EAClD,MAAMC,eAAe,GAAG,IAAAD,yBAAgB,EAAE,QAAS,CAAC;EACpD,MAAME,eAAe,GAAG,IAAAC,eAAM,EAAC,CAAC;EAChC,MAAM;IACLC,mBAAmB;IACnBC,kBAAkB;IAClBC,eAAe;IACfC,iBAAiB;IACjBC,sBAAsB;IACtBC;EACD,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC5B,MAAM;MAAEC,GAAG,EAAEC;IAAc,CAAC,GAAGF,MAAM,CAAEG,kBAAiB,CAAC;IAEzD,OAAO;MACNV,mBAAmB,EAClBO,MAAM,CAAEI,kBAAiB,CAAC,CAACC,sBAAsB,CAAC,CAAC;MACpDX,kBAAkB,EAAEM,MAAM,CAAEM,YAAc,CAAC,CAACC,YAAY,CAAC,CAAC;MAC1DX,iBAAiB,EAChBI,MAAM,CAAEQ,aAAY,CAAC,CAACC,gBAAgB,CAAC,CAAC,KAAK,eAAe;MAC7DZ,sBAAsB,EACrBG,MAAM,CAAEM,YAAc,CAAC,CAACT,sBAAsB,CAAC,CAAC;MACjDF,eAAe,EAAEO,aAAa,CAAE,gBAAgB,EAAE,cAAe,CAAC;MAClEJ,cAAc,EACbE,MAAM,CAAEM,YAAc,CAAC,CAACI,eAAe,CAAE,gBAAiB;IAC5D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM,CAAEC,qBAAqB,EAAEC,wBAAwB,CAAE,GACxD,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAEjB,MAAMC,gBAAgB,GAAG,CAAC,CAAErB,mBAAmB;EAE/C,IAAAsB,kBAAS,EAAE,MAAM;IAChB;IACA,IAAKtB,mBAAmB,EAAG;MAC1BmB,wBAAwB,CAAE,KAAM,CAAC;IAClC;EACD,CAAC,EAAE,CAAEnB,mBAAmB,CAAG,CAAC;EAE5B,OACC,IAAAuB,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAkB,GAChC,IAAAF,MAAA,CAAAC,aAAA,EAAChD,oBAAA,CAAAkD,OAAmB,CAACC,IAAI,QACxB,IAAAJ,MAAA,CAAAC,aAAA,EAACvD,WAAA,CAAA2D,gBAAM,CAACC,GAAG;IACVC,QAAQ,EAAGxC,MAAQ;IACnBH,UAAU,EAAG;MAAEC,IAAI,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAI;EAAG,GAE5C,IAAAkC,MAAA,CAAAC,aAAA,EAACrD,oBAAA,CAAAuD,OAAmB;IAACK,WAAW;EAAA,CAAE,CACvB,CACa,CAAC,EAC3B,IAAAR,MAAA,CAAAC,aAAA,EAACvD,WAAA,CAAA2D,gBAAM,CAACC,GAAG;IACVC,QAAQ,EAAGhD,MAAQ;IACnBK,UAAU,EAAG;MAAEC,IAAI,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAI,CAAG;IAC5CoC,SAAS,EAAC;EAA2B,GAErC,IAAAF,MAAA,CAAAC,aAAA,EAACpD,cAAA,CAAAsD,OAAa;IACbxB,eAAe,EAAGA,eAAiB;IACnCR,wBAAwB,EAAGA;EAA0B,CACrD,CAAC,EACAQ,eAAe,IAAIL,eAAe,IACnC,IAAA0B,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAS,QAAA,QACC,IAAAT,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAG,IAAAQ,mBAAU,EACrB,8BAA8B,EAC9B;MACC,cAAc,EACb9B,iBAAiB,IACjBe;IACF,CACD;EAAG,GAEH,IAAAK,MAAA,CAAAC,aAAA,EAAC/D,YAAA,CAAAyE,YAAY;IAACC,cAAc;EAAA,CAAE,CAC1B,CAAC,EACN,IAAAZ,MAAA,CAAAC,aAAA,EAACvD,WAAA,CAAAmE,OAAO,CAACT,IAAI;IACZU,GAAG,EAAGvC,eAAiB;IACvBwC,IAAI,EAAC;EAAe,CACpB,CAAC,EACAnC,iBAAiB,IAAIkB,gBAAgB,IACtC,IAAAE,MAAA,CAAAC,aAAA,EAACvD,WAAA,CAAAsE,MAAM;IACNd,SAAS,EAAC,sCAAsC;IAChDe,IAAI,EAAGtB,qBAAqB,GAAGuB,WAAI,GAAGC,eAAU;IAChDC,OAAO,EAAGA,CAAA,KAAM;MACfxB,wBAAwB,CACrByB,SAAS,IAAM,CAAEA,SACpB,CAAC;IACF,CAAG;IACHC,KAAK,EACJ3B,qBAAqB,GAClB,IAAA4B,QAAE,EAAE,kBAAmB,CAAC,GACxB,IAAAA,QAAE,EAAE,kBAAmB;EAC1B,CACD,CAED,CACF,EACD,IAAAvB,MAAA,CAAAC,aAAA;IACCC,SAAS,EAAG,IAAAQ,mBAAU,EAAE,0BAA0B,EAAE;MACnD,cAAc,EACb9B,iBAAiB,IACjBkB,gBAAgB,IAChB,CAAEH,qBAAqB,IACvBhB,eAAe,IACfL;IACF,CAAE;EAAG,GAEHM,iBAAiB,IAAI,IAAAoB,MAAA,CAAAC,aAAA,EAAC9D,OAAA,CAAAqF,WAAW,MAAE,CACjC,CACM,CAAC,EACb,IAAAxB,MAAA,CAAAC,aAAA,EAACvD,WAAA,CAAA2D,gBAAM,CAACC,GAAG;IACVC,QAAQ,EAAGhD,MAAQ;IACnBK,UAAU,EAAG;MAAEC,IAAI,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAI,CAAG;IAC5CoC,SAAS,EAAC;EAA4B,GAEpC,CAAErB,sBAAsB;EACzB;EACA;EACA;EACA;EACA;EACA,IAAAmB,MAAA,CAAAC,aAAA,EAAC9D,OAAA,CAAAsF,cAAc;IACdC,YAAY,EAAGhD,kBAAoB;IACnCI,cAAc,EAAGA;EAAgB,CACjC,CACD,EACD,IAAAkB,MAAA,CAAAC,aAAA,EAAC7C,eAAe;IACf0B,cAAc,EAAGA,cAAgB;IACjC6C,mBAAmB,EAAGjD;EAAoB,CAC1C,CAAC,EACF,IAAAsB,MAAA,CAAAC,aAAA,EAAC9D,OAAA,CAAAyF,iBAAiB;IACjB1B,SAAS,EAAC,uCAAuC;IACjDyB,mBAAmB,EAAGjD;EAAoB,CAC1C,CAAC,EACF,IAAAsB,MAAA,CAAAC,aAAA,EAACjD,SAAA,CAAAmD,OAAQ,MAAE,CAAC,EACZ,IAAAH,MAAA,CAAAC,aAAA,EAAClD,0BAAA,CAAAoD,OAAyB;IACzBuB,YAAY,EAAGhD,kBAAoB;IACnCR,8BAA8B,EAC7BA;EACA,CACD,CAAC,EACA,CAAEE,cAAc,IAAI,CAAEU,cAAc,KACrC,IAAAkB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAS,QAAA,QACC,IAAAT,MAAA,CAAAC,aAAA,EAACzD,UAAA,CAAAqF,WAAW,CAACzB,IAAI;IAAC0B,KAAK,EAAC;EAAgB,CAAE,CAAC,EAC3C,IAAA9B,MAAA,CAAAC,aAAA,EAACnD,SAAA,CAAAqD,OAAQ;IAACrB,cAAc,EAAGA;EAAgB,CAAE,CAC5C,CACF,EACCA,cAAc,IAAI,CAAEV,cAAc,IACnC,IAAA4B,MAAA,CAAAC,aAAA,EAACnD,SAAA,CAAAqD,OAAQ;IAACrB,cAAc,EAAGA;EAAgB,CAAE,CAEnC,CACR,CAAC;AAER;AAAC,IAAAiD,QAAA,GAEc9D,MAAM;AAAA+D,OAAA,CAAA7B,OAAA,GAAA4B,QAAA"}

package/build/components/header/mode-switcher/index.js

@@ -42,7 +42,7 @@ function ModeSwitcher() {
     shortcut: select(_keyboardShortcuts.store).getShortcutRepresentation('core/edit-post/toggle-mode'),
     isRichEditingEnabled: select(_editor.store).getEditorSettings().richEditingEnabled,
     isCodeEditingEnabled: select(_editor.store).getEditorSettings().codeEditingEnabled,
-    isEditingTemplate: select(_store.store).isEditingTemplate(),
+    isEditingTemplate: select(_editor.store).getRenderingMode() === 'template-only',
     mode: select(_store.store).getEditorMode()
   }), []);
   const {

package/build/components/header/mode-switcher/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_data","_keyboardShortcuts","_editor","_store","MODES","value","label","__","ModeSwitcher","shortcut","isRichEditingEnabled","isCodeEditingEnabled","isEditingTemplate","mode","useSelect","select","keyboardShortcutsStore","getShortcutRepresentation","editorStore","getEditorSettings","richEditingEnabled","codeEditingEnabled","editPostStore","getEditorMode","switchEditorMode","useDispatch","selectedMode","choices","map","choice","disabled","info","_react","createElement","MenuGroup","MenuItemsChoice","onSelect","_default","exports","default"],"sources":["@wordpress/edit-post/src/components/header/mode-switcher/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItemsChoice, MenuGroup } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\n/**\n * Set of available mode options.\n *\n * @type {Array}\n */\nconst MODES = [\n\t{\n\t\tvalue: 'visual',\n\t\tlabel: __( 'Visual editor' ),\n\t},\n\t{\n\t\tvalue: 'text',\n\t\tlabel: __( 'Code editor' ),\n\t},\n];\n\nfunction ModeSwitcher() {\n\tconst {\n\t\tshortcut,\n\t\tisRichEditingEnabled,\n\t\tisCodeEditingEnabled,\n\t\tisEditingTemplate,\n\t\tmode,\n\t} = useSelect(\n\t\t( select ) => ( {\n\t\t\tshortcut: select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t).getShortcutRepresentation( 'core/edit-post/toggle-mode' ),\n\t\t\tisRichEditingEnabled:\n\t\t\t\tselect( editorStore ).getEditorSettings().richEditingEnabled,\n\t\t\tisCodeEditingEnabled:\n\t\t\t\tselect( editorStore ).getEditorSettings().codeEditingEnabled,\n\t\t\tisEditingTemplate: select( editPostStore ).isEditingTemplate(),\n\t\t\tmode: select( editPostStore ).getEditorMode(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { switchEditorMode } = useDispatch( editPostStore );\n\n\tif ( isEditingTemplate ) {\n\t\treturn null;\n\t}\n\n\tlet selectedMode = mode;\n\tif ( ! isRichEditingEnabled && mode === 'visual' ) {\n\t\tselectedMode = 'text';\n\t}\n\tif ( ! isCodeEditingEnabled && mode === 'text' ) {\n\t\tselectedMode = 'visual';\n\t}\n\n\tconst choices = MODES.map( ( choice ) => {\n\t\tif ( ! isCodeEditingEnabled && choice.value === 'text' ) {\n\t\t\tchoice = {\n\t\t\t\t...choice,\n\t\t\t\tdisabled: true,\n\t\t\t};\n\t\t}\n\t\tif ( ! isRichEditingEnabled && choice.value === 'visual' ) {\n\t\t\tchoice = {\n\t\t\t\t...choice,\n\t\t\t\tdisabled: true,\n\t\t\t\tinfo: __(\n\t\t\t\t\t'You can enable the visual editor in your profile settings.'\n\t\t\t\t),\n\t\t\t};\n\t\t}\n\t\tif ( choice.value !== selectedMode && ! choice.disabled ) {\n\t\t\treturn { ...choice, shortcut };\n\t\t}\n\t\treturn choice;\n\t} );\n\n\treturn (\n\t\t<MenuGroup label={ __( 'Editor' ) }>\n\t\t\t<MenuItemsChoice\n\t\t\t\tchoices={ choices }\n\t\t\t\tvalue={ selectedMode }\n\t\t\t\tonSelect={ switchEditorMode }\n\t\t\t/>\n\t\t</MenuGroup>\n\t);\n}\n\nexport default ModeSwitcher;\n"],"mappings":"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"}
+{"version":3,"names":["_i18n","require","_components","_data","_keyboardShortcuts","_editor","_store","MODES","value","label","__","ModeSwitcher","shortcut","isRichEditingEnabled","isCodeEditingEnabled","isEditingTemplate","mode","useSelect","select","keyboardShortcutsStore","getShortcutRepresentation","editorStore","getEditorSettings","richEditingEnabled","codeEditingEnabled","getRenderingMode","editPostStore","getEditorMode","switchEditorMode","useDispatch","selectedMode","choices","map","choice","disabled","info","_react","createElement","MenuGroup","MenuItemsChoice","onSelect","_default","exports","default"],"sources":["@wordpress/edit-post/src/components/header/mode-switcher/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItemsChoice, MenuGroup } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\n/**\n * Set of available mode options.\n *\n * @type {Array}\n */\nconst MODES = [\n\t{\n\t\tvalue: 'visual',\n\t\tlabel: __( 'Visual editor' ),\n\t},\n\t{\n\t\tvalue: 'text',\n\t\tlabel: __( 'Code editor' ),\n\t},\n];\n\nfunction ModeSwitcher() {\n\tconst {\n\t\tshortcut,\n\t\tisRichEditingEnabled,\n\t\tisCodeEditingEnabled,\n\t\tisEditingTemplate,\n\t\tmode,\n\t} = useSelect(\n\t\t( select ) => ( {\n\t\t\tshortcut: select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t).getShortcutRepresentation( 'core/edit-post/toggle-mode' ),\n\t\t\tisRichEditingEnabled:\n\t\t\t\tselect( editorStore ).getEditorSettings().richEditingEnabled,\n\t\t\tisCodeEditingEnabled:\n\t\t\t\tselect( editorStore ).getEditorSettings().codeEditingEnabled,\n\t\t\tisEditingTemplate:\n\t\t\t\tselect( editorStore ).getRenderingMode() === 'template-only',\n\t\t\tmode: select( editPostStore ).getEditorMode(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { switchEditorMode } = useDispatch( editPostStore );\n\n\tif ( isEditingTemplate ) {\n\t\treturn null;\n\t}\n\n\tlet selectedMode = mode;\n\tif ( ! isRichEditingEnabled && mode === 'visual' ) {\n\t\tselectedMode = 'text';\n\t}\n\tif ( ! isCodeEditingEnabled && mode === 'text' ) {\n\t\tselectedMode = 'visual';\n\t}\n\n\tconst choices = MODES.map( ( choice ) => {\n\t\tif ( ! isCodeEditingEnabled && choice.value === 'text' ) {\n\t\t\tchoice = {\n\t\t\t\t...choice,\n\t\t\t\tdisabled: true,\n\t\t\t};\n\t\t}\n\t\tif ( ! isRichEditingEnabled && choice.value === 'visual' ) {\n\t\t\tchoice = {\n\t\t\t\t...choice,\n\t\t\t\tdisabled: true,\n\t\t\t\tinfo: __(\n\t\t\t\t\t'You can enable the visual editor in your profile settings.'\n\t\t\t\t),\n\t\t\t};\n\t\t}\n\t\tif ( choice.value !== selectedMode && ! choice.disabled ) {\n\t\t\treturn { ...choice, shortcut };\n\t\t}\n\t\treturn choice;\n\t} );\n\n\treturn (\n\t\t<MenuGroup label={ __( 'Editor' ) }>\n\t\t\t<MenuItemsChoice\n\t\t\t\tchoices={ choices }\n\t\t\t\tvalue={ selectedMode }\n\t\t\t\tonSelect={ switchEditorMode }\n\t\t\t/>\n\t\t</MenuGroup>\n\t);\n}\n\nexport default ModeSwitcher;\n"],"mappings":"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"}

package/build/components/header/more-menu/index.js

@@ -31,7 +31,8 @@ const MoreMenu = ({
       showTooltip: !showIconLabels,
       ...(showIconLabels && {
         variant: 'tertiary'
-      })
+      }),
+      size: 'compact'
     }
   }, ({
     onClose

package/build/components/header/more-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_interface","_compose","_modeSwitcher","_interopRequireDefault","_preferencesMenuItem","_toolsMoreMenuGroup","_writingMenu","MoreMenu","showIconLabels","isLargeViewport","useViewportMatch","_react","createElement","MoreMenuDropdown","toggleProps","showTooltip","variant","onClose","Fragment","PinnedItems","Slot","className","scope","default","ActionItem","name","label","__","as","MenuGroup","fillProps","onClick","_default","exports"],"sources":["@wordpress/edit-post/src/components/header/more-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuGroup } from '@wordpress/components';\nimport {\n\tActionItem,\n\tMoreMenuDropdown,\n\tPinnedItems,\n} from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport ModeSwitcher from '../mode-switcher';\nimport PreferencesMenuItem from '../preferences-menu-item';\nimport ToolsMoreMenuGroup from '../tools-more-menu-group';\nimport WritingMenu from '../writing-menu';\n\nconst MoreMenu = ( { showIconLabels } ) => {\n\tconst isLargeViewport = useViewportMatch( 'large' );\n\n\treturn (\n\t\t<MoreMenuDropdown\n\t\t\ttoggleProps={ {\n\t\t\t\tshowTooltip: ! showIconLabels,\n\t\t\t\t...( showIconLabels && { variant: 'tertiary' } ),\n\t\t\t} }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t{ showIconLabels && ! isLargeViewport && (\n\t\t\t\t\t\t<PinnedItems.Slot\n\t\t\t\t\t\t\tclassName={ showIconLabels && 'show-icon-labels' }\n\t\t\t\t\t\t\tscope=\"core/edit-post\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<WritingMenu />\n\t\t\t\t\t<ModeSwitcher />\n\t\t\t\t\t<ActionItem.Slot\n\t\t\t\t\t\tname=\"core/edit-post/plugin-more-menu\"\n\t\t\t\t\t\tlabel={ __( 'Plugins' ) }\n\t\t\t\t\t\tas={ MenuGroup }\n\t\t\t\t\t\tfillProps={ { onClick: onClose } }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolsMoreMenuGroup.Slot fillProps={ { onClose } } />\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<PreferencesMenuItem />\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</MoreMenuDropdown>\n\t);\n};\n\nexport default MoreMenu;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,aAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,mBAAA,GAAAF,sBAAA,CAAAL,OAAA;AACA,IAAAQ,YAAA,GAAAH,sBAAA,CAAAL,OAAA;AAlBA;AACA;AACA;;AAUA;AACA;AACA;;AAMA,MAAMS,QAAQ,GAAGA,CAAE;EAAEC;AAAe,CAAC,KAAM;EAC1C,MAAMC,eAAe,GAAG,IAAAC,yBAAgB,EAAE,OAAQ,CAAC;EAEnD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACZ,UAAA,CAAAa,gBAAgB;IAChBC,WAAW,EAAG;MACbC,WAAW,EAAE,CAAEP,cAAc;MAC7B,IAAKA,cAAc,IAAI;QAAEQ,OAAO,EAAE;MAAW,CAAC;IAC/C;EAAG,GAED,CAAE;IAAEC;EAAQ,CAAC,KACd,IAAAN,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAO,QAAA,QACGV,cAAc,IAAI,CAAEC,eAAe,IACpC,IAAAE,MAAA,CAAAC,aAAA,EAACZ,UAAA,CAAAmB,WAAW,CAACC,IAAI;IAChBC,SAAS,EAAGb,cAAc,IAAI,kBAAoB;IAClDc,KAAK,EAAC;EAAgB,CACtB,CACD,EACD,IAAAX,MAAA,CAAAC,aAAA,EAACN,YAAA,CAAAiB,OAAW,MAAE,CAAC,EACf,IAAAZ,MAAA,CAAAC,aAAA,EAACV,aAAA,CAAAqB,OAAY,MAAE,CAAC,EAChB,IAAAZ,MAAA,CAAAC,aAAA,EAACZ,UAAA,CAAAwB,UAAU,CAACJ,IAAI;IACfK,IAAI,EAAC,iCAAiC;IACtCC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBC,EAAE,EAAGC,qBAAW;IAChBC,SAAS,EAAG;MAAEC,OAAO,EAAEd;IAAQ;EAAG,CAClC,CAAC,EACF,IAAAN,MAAA,CAAAC,aAAA,EAACP,mBAAA,CAAAkB,OAAkB,CAACH,IAAI;IAACU,SAAS,EAAG;MAAEb;IAAQ;EAAG,CAAE,CAAC,EACrD,IAAAN,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAA8B,SAAS,QACT,IAAAlB,MAAA,CAAAC,aAAA,EAACR,oBAAA,CAAAmB,OAAmB,MAAE,CACZ,CACV,CAEc,CAAC;AAErB,CAAC;AAAC,IAAAS,QAAA,GAEazB,QAAQ;AAAA0B,OAAA,CAAAV,OAAA,GAAAS,QAAA"}
+{"version":3,"names":["_i18n","require","_components","_interface","_compose","_modeSwitcher","_interopRequireDefault","_preferencesMenuItem","_toolsMoreMenuGroup","_writingMenu","MoreMenu","showIconLabels","isLargeViewport","useViewportMatch","_react","createElement","MoreMenuDropdown","toggleProps","showTooltip","variant","size","onClose","Fragment","PinnedItems","Slot","className","scope","default","ActionItem","name","label","__","as","MenuGroup","fillProps","onClick","_default","exports"],"sources":["@wordpress/edit-post/src/components/header/more-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuGroup } from '@wordpress/components';\nimport {\n\tActionItem,\n\tMoreMenuDropdown,\n\tPinnedItems,\n} from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport ModeSwitcher from '../mode-switcher';\nimport PreferencesMenuItem from '../preferences-menu-item';\nimport ToolsMoreMenuGroup from '../tools-more-menu-group';\nimport WritingMenu from '../writing-menu';\n\nconst MoreMenu = ( { showIconLabels } ) => {\n\tconst isLargeViewport = useViewportMatch( 'large' );\n\n\treturn (\n\t\t<MoreMenuDropdown\n\t\t\ttoggleProps={ {\n\t\t\t\tshowTooltip: ! showIconLabels,\n\t\t\t\t...( showIconLabels && { variant: 'tertiary' } ),\n\t\t\t\tsize: 'compact',\n\t\t\t} }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t{ showIconLabels && ! isLargeViewport && (\n\t\t\t\t\t\t<PinnedItems.Slot\n\t\t\t\t\t\t\tclassName={ showIconLabels && 'show-icon-labels' }\n\t\t\t\t\t\t\tscope=\"core/edit-post\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<WritingMenu />\n\t\t\t\t\t<ModeSwitcher />\n\t\t\t\t\t<ActionItem.Slot\n\t\t\t\t\t\tname=\"core/edit-post/plugin-more-menu\"\n\t\t\t\t\t\tlabel={ __( 'Plugins' ) }\n\t\t\t\t\t\tas={ MenuGroup }\n\t\t\t\t\t\tfillProps={ { onClick: onClose } }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolsMoreMenuGroup.Slot fillProps={ { onClose } } />\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<PreferencesMenuItem />\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</MoreMenuDropdown>\n\t);\n};\n\nexport default MoreMenu;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,aAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,mBAAA,GAAAF,sBAAA,CAAAL,OAAA;AACA,IAAAQ,YAAA,GAAAH,sBAAA,CAAAL,OAAA;AAlBA;AACA;AACA;;AAUA;AACA;AACA;;AAMA,MAAMS,QAAQ,GAAGA,CAAE;EAAEC;AAAe,CAAC,KAAM;EAC1C,MAAMC,eAAe,GAAG,IAAAC,yBAAgB,EAAE,OAAQ,CAAC;EAEnD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACZ,UAAA,CAAAa,gBAAgB;IAChBC,WAAW,EAAG;MACbC,WAAW,EAAE,CAAEP,cAAc;MAC7B,IAAKA,cAAc,IAAI;QAAEQ,OAAO,EAAE;MAAW,CAAC,CAAE;MAChDC,IAAI,EAAE;IACP;EAAG,GAED,CAAE;IAAEC;EAAQ,CAAC,KACd,IAAAP,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAQ,QAAA,QACGX,cAAc,IAAI,CAAEC,eAAe,IACpC,IAAAE,MAAA,CAAAC,aAAA,EAACZ,UAAA,CAAAoB,WAAW,CAACC,IAAI;IAChBC,SAAS,EAAGd,cAAc,IAAI,kBAAoB;IAClDe,KAAK,EAAC;EAAgB,CACtB,CACD,EACD,IAAAZ,MAAA,CAAAC,aAAA,EAACN,YAAA,CAAAkB,OAAW,MAAE,CAAC,EACf,IAAAb,MAAA,CAAAC,aAAA,EAACV,aAAA,CAAAsB,OAAY,MAAE,CAAC,EAChB,IAAAb,MAAA,CAAAC,aAAA,EAACZ,UAAA,CAAAyB,UAAU,CAACJ,IAAI;IACfK,IAAI,EAAC,iCAAiC;IACtCC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBC,EAAE,EAAGC,qBAAW;IAChBC,SAAS,EAAG;MAAEC,OAAO,EAAEd;IAAQ;EAAG,CAClC,CAAC,EACF,IAAAP,MAAA,CAAAC,aAAA,EAACP,mBAAA,CAAAmB,OAAkB,CAACH,IAAI;IAACU,SAAS,EAAG;MAAEb;IAAQ;EAAG,CAAE,CAAC,EACrD,IAAAP,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAA+B,SAAS,QACT,IAAAnB,MAAA,CAAAC,aAAA,EAACR,oBAAA,CAAAoB,OAAmB,MAAE,CACZ,CACV,CAEc,CAAC;AAErB,CAAC;AAAC,IAAAS,QAAA,GAEa1B,QAAQ;AAAA2B,OAAA,CAAAV,OAAA,GAAAS,QAAA"}

package/build/components/header/writing-menu/index.js

@@ -11,7 +11,6 @@ var _i18n = require("@wordpress/i18n");
 var _compose = require("@wordpress/compose");
 var _keycodes = require("@wordpress/keycodes");
 var _preferences = require("@wordpress/preferences");
-var _blockEditor = require("@wordpress/block-editor");
 var _store = require("../../../store");
 /**
  * WordPress dependencies
@@ -23,7 +22,6 @@ var _store = require("../../../store");
 
 function WritingMenu() {
   const registry = (0, _data.useRegistry)();
-  const isDistractionFree = (0, _data.useSelect)(select => select(_blockEditor.store).getSettings().isDistractionFree, []);
   const {
     setIsInserterOpened,
     setIsListViewOpened,
@@ -40,6 +38,9 @@ function WritingMenu() {
       closeGeneralSidebar();
     });
   };
+  const turnOffDistractionFree = () => {
+    setPreference('core/edit-post', 'distractionFree', false);
+  };
   const isLargeViewport = (0, _compose.useViewportMatch)('medium');
   if (!isLargeViewport) {
     return null;
@@ -48,12 +49,21 @@ function WritingMenu() {
     label: (0, _i18n._x)('View', 'noun')
   }, (0, _react.createElement)(_preferences.PreferenceToggleMenuItem, {
     scope: "core/edit-post",
-    disabled: isDistractionFree,
     name: "fixedToolbar",
+    onToggle: turnOffDistractionFree,
     label: (0, _i18n.__)('Top toolbar'),
     info: (0, _i18n.__)('Access all block and document tools in a single place'),
     messageActivated: (0, _i18n.__)('Top toolbar activated'),
     messageDeactivated: (0, _i18n.__)('Top toolbar deactivated')
+  }), (0, _react.createElement)(_preferences.PreferenceToggleMenuItem, {
+    scope: "core/edit-post",
+    name: "distractionFree",
+    onToggle: toggleDistractionFree,
+    label: (0, _i18n.__)('Distraction free'),
+    info: (0, _i18n.__)('Write with calmness'),
+    messageActivated: (0, _i18n.__)('Distraction free mode activated'),
+    messageDeactivated: (0, _i18n.__)('Distraction free mode deactivated'),
+    shortcut: _keycodes.displayShortcut.primaryShift('\\')
   }), (0, _react.createElement)(_preferences.PreferenceToggleMenuItem, {
     scope: "core/edit-post",
     name: "focusMode",
@@ -69,15 +79,6 @@ function WritingMenu() {
     messageActivated: (0, _i18n.__)('Fullscreen mode activated'),
     messageDeactivated: (0, _i18n.__)('Fullscreen mode deactivated'),
     shortcut: _keycodes.displayShortcut.secondary('f')
-  }), (0, _react.createElement)(_preferences.PreferenceToggleMenuItem, {
-    scope: "core/edit-post",
-    name: "distractionFree",
-    onToggle: toggleDistractionFree,
-    label: (0, _i18n.__)('Distraction free'),
-    info: (0, _i18n.__)('Write with calmness'),
-    messageActivated: (0, _i18n.__)('Distraction free mode activated'),
-    messageDeactivated: (0, _i18n.__)('Distraction free mode deactivated'),
-    shortcut: _keycodes.displayShortcut.primaryShift('\\')
   }));
 }
 var _default = WritingMenu;

package/build/components/header/writing-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_components","_i18n","_compose","_keycodes","_preferences","_blockEditor","_store","WritingMenu","registry","useRegistry","isDistractionFree","useSelect","select","blockEditorStore","getSettings","setIsInserterOpened","setIsListViewOpened","closeGeneralSidebar","useDispatch","postEditorStore","set","setPreference","preferencesStore","toggleDistractionFree","batch","isLargeViewport","useViewportMatch","_react","createElement","MenuGroup","label","_x","PreferenceToggleMenuItem","scope","disabled","name","__","info","messageActivated","messageDeactivated","shortcut","displayShortcut","secondary","onToggle","primaryShift","_default","exports","default"],"sources":["@wordpress/edit-post/src/components/header/writing-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch, useRegistry } from '@wordpress/data';\nimport { MenuGroup } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport {\n\tPreferenceToggleMenuItem,\n\tstore as preferencesStore,\n} from '@wordpress/preferences';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { store as postEditorStore } from '../../../store';\n\nfunction WritingMenu() {\n\tconst registry = useRegistry();\n\tconst isDistractionFree = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings().isDistractionFree,\n\t\t[]\n\t);\n\n\tconst { setIsInserterOpened, setIsListViewOpened, closeGeneralSidebar } =\n\t\tuseDispatch( postEditorStore );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst toggleDistractionFree = () => {\n\t\tregistry.batch( () => {\n\t\t\tsetPreference( 'core/edit-post', 'fixedToolbar', true );\n\t\t\tsetIsInserterOpened( false );\n\t\t\tsetIsListViewOpened( false );\n\t\t\tcloseGeneralSidebar();\n\t\t} );\n\t};\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tif ( ! isLargeViewport ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<MenuGroup label={ _x( 'View', 'noun' ) }>\n\t\t\t<PreferenceToggleMenuItem\n\t\t\t\tscope=\"core/edit-post\"\n\t\t\t\tdisabled={ isDistractionFree }\n\t\t\t\tname=\"fixedToolbar\"\n\t\t\t\tlabel={ __( 'Top toolbar' ) }\n\t\t\t\tinfo={ __(\n\t\t\t\t\t'Access all block and document tools in a single place'\n\t\t\t\t) }\n\t\t\t\tmessageActivated={ __( 'Top toolbar activated' ) }\n\t\t\t\tmessageDeactivated={ __( 'Top toolbar deactivated' ) }\n\t\t\t/>\n\t\t\t<PreferenceToggleMenuItem\n\t\t\t\tscope=\"core/edit-post\"\n\t\t\t\tname=\"focusMode\"\n\t\t\t\tlabel={ __( 'Spotlight mode' ) }\n\t\t\t\tinfo={ __( 'Focus on one block at a time' ) }\n\t\t\t\tmessageActivated={ __( 'Spotlight mode activated' ) }\n\t\t\t\tmessageDeactivated={ __( 'Spotlight mode deactivated' ) }\n\t\t\t/>\n\t\t\t<PreferenceToggleMenuItem\n\t\t\t\tscope=\"core/edit-post\"\n\t\t\t\tname=\"fullscreenMode\"\n\t\t\t\tlabel={ __( 'Fullscreen mode' ) }\n\t\t\t\tinfo={ __( 'Show and hide admin UI' ) }\n\t\t\t\tmessageActivated={ __( 'Fullscreen mode activated' ) }\n\t\t\t\tmessageDeactivated={ __( 'Fullscreen mode deactivated' ) }\n\t\t\t\tshortcut={ displayShortcut.secondary( 'f' ) }\n\t\t\t/>\n\t\t\t<PreferenceToggleMenuItem\n\t\t\t\tscope=\"core/edit-post\"\n\t\t\t\tname=\"distractionFree\"\n\t\t\t\tonToggle={ toggleDistractionFree }\n\t\t\t\tlabel={ __( 'Distraction free' ) }\n\t\t\t\tinfo={ __( 'Write with calmness' ) }\n\t\t\t\tmessageActivated={ __( 'Distraction free mode activated' ) }\n\t\t\t\tmessageDeactivated={ __( 'Distraction free mode deactivated' ) }\n\t\t\t\tshortcut={ displayShortcut.primaryShift( '\\\\' ) }\n\t\t\t/>\n\t\t</MenuGroup>\n\t);\n}\n\nexport default WritingMenu;\n"],"mappings":"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"}
+{"version":3,"names":["_data","require","_components","_i18n","_compose","_keycodes","_preferences","_store","WritingMenu","registry","useRegistry","setIsInserterOpened","setIsListViewOpened","closeGeneralSidebar","useDispatch","postEditorStore","set","setPreference","preferencesStore","toggleDistractionFree","batch","turnOffDistractionFree","isLargeViewport","useViewportMatch","_react","createElement","MenuGroup","label","_x","PreferenceToggleMenuItem","scope","name","onToggle","__","info","messageActivated","messageDeactivated","shortcut","displayShortcut","primaryShift","secondary","_default","exports","default"],"sources":["@wordpress/edit-post/src/components/header/writing-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useRegistry } from '@wordpress/data';\nimport { MenuGroup } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport {\n\tPreferenceToggleMenuItem,\n\tstore as preferencesStore,\n} from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as postEditorStore } from '../../../store';\n\nfunction WritingMenu() {\n\tconst registry = useRegistry();\n\n\tconst { setIsInserterOpened, setIsListViewOpened, closeGeneralSidebar } =\n\t\tuseDispatch( postEditorStore );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst toggleDistractionFree = () => {\n\t\tregistry.batch( () => {\n\t\t\tsetPreference( 'core/edit-post', 'fixedToolbar', true );\n\t\t\tsetIsInserterOpened( false );\n\t\t\tsetIsListViewOpened( false );\n\t\t\tcloseGeneralSidebar();\n\t\t} );\n\t};\n\n\tconst turnOffDistractionFree = () => {\n\t\tsetPreference( 'core/edit-post', 'distractionFree', false );\n\t};\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tif ( ! isLargeViewport ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<MenuGroup label={ _x( 'View', 'noun' ) }>\n\t\t\t<PreferenceToggleMenuItem\n\t\t\t\tscope=\"core/edit-post\"\n\t\t\t\tname=\"fixedToolbar\"\n\t\t\t\tonToggle={ turnOffDistractionFree }\n\t\t\t\tlabel={ __( 'Top toolbar' ) }\n\t\t\t\tinfo={ __(\n\t\t\t\t\t'Access all block and document tools in a single place'\n\t\t\t\t) }\n\t\t\t\tmessageActivated={ __( 'Top toolbar activated' ) }\n\t\t\t\tmessageDeactivated={ __( 'Top toolbar deactivated' ) }\n\t\t\t/>\n\t\t\t<PreferenceToggleMenuItem\n\t\t\t\tscope=\"core/edit-post\"\n\t\t\t\tname=\"distractionFree\"\n\t\t\t\tonToggle={ toggleDistractionFree }\n\t\t\t\tlabel={ __( 'Distraction free' ) }\n\t\t\t\tinfo={ __( 'Write with calmness' ) }\n\t\t\t\tmessageActivated={ __( 'Distraction free mode activated' ) }\n\t\t\t\tmessageDeactivated={ __( 'Distraction free mode deactivated' ) }\n\t\t\t\tshortcut={ displayShortcut.primaryShift( '\\\\' ) }\n\t\t\t/>\n\t\t\t<PreferenceToggleMenuItem\n\t\t\t\tscope=\"core/edit-post\"\n\t\t\t\tname=\"focusMode\"\n\t\t\t\tlabel={ __( 'Spotlight mode' ) }\n\t\t\t\tinfo={ __( 'Focus on one block at a time' ) }\n\t\t\t\tmessageActivated={ __( 'Spotlight mode activated' ) }\n\t\t\t\tmessageDeactivated={ __( 'Spotlight mode deactivated' ) }\n\t\t\t/>\n\t\t\t<PreferenceToggleMenuItem\n\t\t\t\tscope=\"core/edit-post\"\n\t\t\t\tname=\"fullscreenMode\"\n\t\t\t\tlabel={ __( 'Fullscreen mode' ) }\n\t\t\t\tinfo={ __( 'Show and hide admin UI' ) }\n\t\t\t\tmessageActivated={ __( 'Fullscreen mode activated' ) }\n\t\t\t\tmessageDeactivated={ __( 'Fullscreen mode deactivated' ) }\n\t\t\t\tshortcut={ displayShortcut.secondary( 'f' ) }\n\t\t\t/>\n\t\t</MenuGroup>\n\t);\n}\n\nexport default WritingMenu;\n"],"mappings":"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"}

package/build/components/layout/index.js

@@ -111,7 +111,8 @@ function Layout() {
   (0, _blockEditor.useBlockCommands)();
   const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
   const isHugeViewport = (0, _compose.useViewportMatch)('huge', '>=');
-  const isLargeViewport = (0, _compose.useViewportMatch)('large');
+  const isWideViewport = (0, _compose.useViewportMatch)('large');
+  const isLargeViewport = (0, _compose.useViewportMatch)('medium');
   const {
     openGeneralSidebar,
     closeGeneralSidebar,
@@ -126,7 +127,6 @@ function Layout() {
     isRichEditingEnabled,
     sidebarIsOpened,
     hasActiveMetaboxes,
-    hasFixedToolbar,
     previousShortcut,
     nextShortcut,
     hasBlockSelected,
@@ -135,7 +135,7 @@ function Layout() {
     showIconLabels,
     isDistractionFree,
     showBlockBreadcrumbs,
-    isTemplateMode,
+    showMetaBoxes,
     documentLabel
   } = (0, _data.useSelect)(select => {
     const {
@@ -145,8 +145,7 @@ function Layout() {
     const editorSettings = getEditorSettings();
     const postTypeLabel = getPostTypeLabel();
     return {
-      isTemplateMode: select(_store.store).isEditingTemplate(),
-      hasFixedToolbar: select(_store.store).isFeatureActive('fixedToolbar'),
+      showMetaBoxes: select(_editor.store).getRenderingMode() === 'post-only',
       sidebarIsOpened: !!(select(_interface.store).getActiveComplementaryArea(_store.store.name) || select(_store.store).isPublishSidebarOpened()),
       isFullscreenActive: select(_store.store).isFeatureActive('fullscreenMode'),
       isInserterOpened: select(_store.store).isInserterOpened(),
@@ -176,12 +175,12 @@ function Layout() {
     if (sidebarIsOpened && !isHugeViewport) {
       setIsInserterOpened(false);
     }
-  }, [sidebarIsOpened, isHugeViewport]);
+  }, [isHugeViewport, setIsInserterOpened, sidebarIsOpened]);
   (0, _element.useEffect)(() => {
     if (isInserterOpened && !isHugeViewport) {
       closeGeneralSidebar();
     }
-  }, [isInserterOpened, isHugeViewport]);
+  }, [closeGeneralSidebar, isInserterOpened, isHugeViewport]);
 
   // Local state for save panel.
   // Note 'truthy' callback implies an open panel.
@@ -202,9 +201,8 @@ function Layout() {
   }
   const className = (0, _classnames.default)('edit-post-layout', 'is-mode-' + mode, {
     'is-sidebar-opened': sidebarIsOpened,
-    'has-fixed-toolbar': hasFixedToolbar,
     'has-metaboxes': hasActiveMetaboxes,
-    'is-distraction-free': isDistractionFree && isLargeViewport,
+    'is-distraction-free': isDistractionFree && isWideViewport,
     'is-entity-save-view-open': !!entitiesSavedStatesCallback
   });
   const secondarySidebarLabel = isListViewOpened ? (0, _i18n.__)('Document Overview') : (0, _i18n.__)('Block Library');
@@ -226,7 +224,7 @@ function Layout() {
   return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_interface.FullscreenMode, {
     isActive: isFullscreenActive
   }), (0, _react.createElement)(_browserUrl.default, null), (0, _react.createElement)(_editor.UnsavedChangesWarning, null), (0, _react.createElement)(_editor.AutosaveMonitor, null), (0, _react.createElement)(_editor.LocalAutosaveMonitor, null), (0, _react.createElement)(_keyboardShortcuts2.default, null), (0, _react.createElement)(_editor.EditorKeyboardShortcutsRegister, null), (0, _react.createElement)(_editor.EditorKeyboardShortcuts, null), (0, _react.createElement)(_interface.InterfaceSkeleton, {
-    isDistractionFree: isDistractionFree && isLargeViewport,
+    isDistractionFree: isDistractionFree && isWideViewport,
     className: className,
     labels: {
       ...interfaceLabels,
@@ -249,9 +247,11 @@ function Layout() {
       scope: "core/edit-post"
     })),
     notices: (0, _react.createElement)(_editor.EditorSnackbars, null),
-    content: (0, _react.createElement)(_react.Fragment, null, !isDistractionFree && (0, _react.createElement)(_editor.EditorNotices, null), (mode === 'text' || !isRichEditingEnabled) && (0, _react.createElement)(_textEditor.default, null), isRichEditingEnabled && mode === 'visual' && (0, _react.createElement)(_visualEditor.default, {
+    content: (0, _react.createElement)(_react.Fragment, null, !isDistractionFree && (0, _react.createElement)(_editor.EditorNotices, null), (mode === 'text' || !isRichEditingEnabled) && (0, _react.createElement)(_textEditor.default, null), !isLargeViewport && (0, _react.createElement)(_blockEditor.BlockToolbar, {
+      hideDragHandle: true
+    }), isRichEditingEnabled && mode === 'visual' && (0, _react.createElement)(_visualEditor.default, {
       styles: styles
-    }), !isDistractionFree && !isTemplateMode && (0, _react.createElement)("div", {
+    }), !isDistractionFree && showMetaBoxes && (0, _react.createElement)("div", {
       className: "edit-post-layout__metaboxes"
     }, (0, _react.createElement)(_metaBoxes.default, {
       location: "normal"