@wordpress/edit-post 7.28.5 → 7.30.0

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+## 7.30.0 (2024-03-06)
+
+## 7.29.0 (2024-02-21)
+
 ## 7.28.0 (2024-02-09)
 
 ## 7.27.0 (2024-01-24)

package/build/components/editor-initialization/index.js

@@ -13,14 +13,11 @@ var _listenerHooks = require("./listener-hooks");
  * Data component used for initializing the editor and re-initializes
  * when postId changes or on unmount.
  *
- * @param {number} postId The id of the post.
  * @return {null} This is a data component so does not render any ui.
  */
-function EditorInitialization({
-  postId
-}) {
-  (0, _listenerHooks.useBlockSelectionListener)(postId);
-  (0, _listenerHooks.useUpdatePostLinkListener)(postId);
+function EditorInitialization() {
+  (0, _listenerHooks.useBlockSelectionListener)();
+  (0, _listenerHooks.useUpdatePostLinkListener)();
   return null;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_listenerHooks","require","EditorInitialization","postId","useBlockSelectionListener","useUpdatePostLinkListener"],"sources":["@wordpress/edit-post/src/components/editor-initialization/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport {\n\tuseBlockSelectionListener,\n\tuseUpdatePostLinkListener,\n} from './listener-hooks';\n\n/**\n * Data component used for initializing the editor and re-initializes\n * when postId changes or on unmount.\n *\n * @param {number} postId The id of the post.\n * @return {null} This is a data component so does not render any ui.\n */\nexport default function EditorInitialization( { postId } ) {\n\tuseBlockSelectionListener( postId );\n\tuseUpdatePostLinkListener( postId );\n\treturn null;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,cAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,oBAAoBA,CAAE;EAAEC;AAAO,CAAC,EAAG;EAC1D,IAAAC,wCAAyB,EAAED,MAAO,CAAC;EACnC,IAAAE,wCAAyB,EAAEF,MAAO,CAAC;EACnC,OAAO,IAAI;AACZ"}
+{"version":3,"names":["_listenerHooks","require","EditorInitialization","useBlockSelectionListener","useUpdatePostLinkListener"],"sources":["@wordpress/edit-post/src/components/editor-initialization/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport {\n\tuseBlockSelectionListener,\n\tuseUpdatePostLinkListener,\n} from './listener-hooks';\n\n/**\n * Data component used for initializing the editor and re-initializes\n * when postId changes or on unmount.\n *\n * @return {null} This is a data component so does not render any ui.\n */\nexport default function EditorInitialization() {\n\tuseBlockSelectionListener();\n\tuseUpdatePostLinkListener();\n\treturn null;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,cAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,oBAAoBA,CAAA,EAAG;EAC9C,IAAAC,wCAAyB,EAAC,CAAC;EAC3B,IAAAC,wCAAyB,EAAC,CAAC;EAC3B,OAAO,IAAI;AACZ"}

package/build/components/editor-initialization/listener-hooks.js

@@ -21,10 +21,8 @@ var _constants = require("../../store/constants");
 /**
  * This listener hook monitors for block selection and triggers the appropriate
  * sidebar state.
- *
- * @param {number} postId The current post id.
  */
-const useBlockSelectionListener = postId => {
+const useBlockSelectionListener = () => {
   const {
     hasBlockSelection,
     isEditorSidebarOpened,
@@ -38,7 +36,7 @@ const useBlockSelectionListener = postId => {
       isEditorSidebarOpened: select(_constants.STORE_NAME).isEditorSidebarOpened(),
       isDistractionFree: get('core', 'distractionFree')
     };
-  }, [postId]);
+  }, []);
   const {
     openGeneralSidebar
   } = (0, _data.useDispatch)(_constants.STORE_NAME);
@@ -51,26 +49,24 @@ const useBlockSelectionListener = postId => {
     } else {
       openGeneralSidebar('edit-post/document');
     }
-  }, [hasBlockSelection, isEditorSidebarOpened]);
+  }, [hasBlockSelection, isDistractionFree, isEditorSidebarOpened, openGeneralSidebar]);
 };
 
 /**
  * This listener hook monitors any change in permalink and updates the view
  * post link in the admin bar.
- *
- * @param {number} postId
  */
 exports.useBlockSelectionListener = useBlockSelectionListener;
-const useUpdatePostLinkListener = postId => {
+const useUpdatePostLinkListener = () => {
   const {
     newPermalink
   } = (0, _data.useSelect)(select => ({
     newPermalink: select(_editor.store).getCurrentPost().link
-  }), [postId]);
+  }), []);
   const nodeToUpdate = (0, _element.useRef)();
   (0, _element.useEffect)(() => {
     nodeToUpdate.current = document.querySelector(_constants.VIEW_AS_PREVIEW_LINK_SELECTOR) || document.querySelector(_constants.VIEW_AS_LINK_SELECTOR);
-  }, [postId]);
+  }, []);
   (0, _element.useEffect)(() => {
     if (!newPermalink || !nodeToUpdate.current) {
       return;

package/build/components/editor-initialization/listener-hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_element","_blockEditor","_editor","_preferences","_constants","useBlockSelectionListener","postId","hasBlockSelection","isEditorSidebarOpened","isDistractionFree","useSelect","select","get","preferencesStore","blockEditorStore","getBlockSelectionStart","STORE_NAME","openGeneralSidebar","useDispatch","useEffect","exports","useUpdatePostLinkListener","newPermalink","editorStore","getCurrentPost","link","nodeToUpdate","useRef","current","document","querySelector","VIEW_AS_PREVIEW_LINK_SELECTOR","VIEW_AS_LINK_SELECTOR","setAttribute"],"sources":["@wordpress/edit-post/src/components/editor-initialization/listener-hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport {\n\tSTORE_NAME,\n\tVIEW_AS_LINK_SELECTOR,\n\tVIEW_AS_PREVIEW_LINK_SELECTOR,\n} from '../../store/constants';\n\n/**\n * This listener hook monitors for block selection and triggers the appropriate\n * sidebar state.\n *\n * @param {number} postId The current post id.\n */\nexport const useBlockSelectionListener = ( postId ) => {\n\tconst { hasBlockSelection, isEditorSidebarOpened, isDistractionFree } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { get } = select( preferencesStore );\n\t\t\t\treturn {\n\t\t\t\t\thasBlockSelection:\n\t\t\t\t\t\t!! select( blockEditorStore ).getBlockSelectionStart(),\n\t\t\t\t\tisEditorSidebarOpened:\n\t\t\t\t\t\tselect( STORE_NAME ).isEditorSidebarOpened(),\n\t\t\t\t\tisDistractionFree: get( 'core', 'distractionFree' ),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ postId ]\n\t\t);\n\n\tconst { openGeneralSidebar } = useDispatch( STORE_NAME );\n\n\tuseEffect( () => {\n\t\tif ( ! isEditorSidebarOpened || isDistractionFree ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( hasBlockSelection ) {\n\t\t\topenGeneralSidebar( 'edit-post/block' );\n\t\t} else {\n\t\t\topenGeneralSidebar( 'edit-post/document' );\n\t\t}\n\t}, [ hasBlockSelection, isEditorSidebarOpened ] );\n};\n\n/**\n * This listener hook monitors any change in permalink and updates the view\n * post link in the admin bar.\n *\n * @param {number} postId\n */\nexport const useUpdatePostLinkListener = ( postId ) => {\n\tconst { newPermalink } = useSelect(\n\t\t( select ) => ( {\n\t\t\tnewPermalink: select( editorStore ).getCurrentPost().link,\n\t\t} ),\n\t\t[ postId ]\n\t);\n\tconst nodeToUpdate = useRef();\n\n\tuseEffect( () => {\n\t\tnodeToUpdate.current =\n\t\t\tdocument.querySelector( VIEW_AS_PREVIEW_LINK_SELECTOR ) ||\n\t\t\tdocument.querySelector( VIEW_AS_LINK_SELECTOR );\n\t}, [ postId ] );\n\n\tuseEffect( () => {\n\t\tif ( ! newPermalink || ! nodeToUpdate.current ) {\n\t\t\treturn;\n\t\t}\n\t\tnodeToUpdate.current.setAttribute( 'href', newPermalink );\n\t}, [ newPermalink ] );\n};\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAKA,IAAAK,UAAA,GAAAL,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMM,yBAAyB,GAAKC,MAAM,IAAM;EACtD,MAAM;IAAEC,iBAAiB;IAAEC,qBAAqB;IAAEC;EAAkB,CAAC,GACpE,IAAAC,eAAS,EACNC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAI,CAAC,GAAGD,MAAM,CAAEE,kBAAiB,CAAC;IAC1C,OAAO;MACNN,iBAAiB,EAChB,CAAC,CAAEI,MAAM,CAAEG,kBAAiB,CAAC,CAACC,sBAAsB,CAAC,CAAC;MACvDP,qBAAqB,EACpBG,MAAM,CAAEK,qBAAW,CAAC,CAACR,qBAAqB,CAAC,CAAC;MAC7CC,iBAAiB,EAAEG,GAAG,CAAE,MAAM,EAAE,iBAAkB;IACnD,CAAC;EACF,CAAC,EACD,CAAEN,MAAM,CACT,CAAC;EAEF,MAAM;IAAEW;EAAmB,CAAC,GAAG,IAAAC,iBAAW,EAAEF,qBAAW,CAAC;EAExD,IAAAG,kBAAS,EAAE,MAAM;IAChB,IAAK,CAAEX,qBAAqB,IAAIC,iBAAiB,EAAG;MACnD;IACD;IACA,IAAKF,iBAAiB,EAAG;MACxBU,kBAAkB,CAAE,iBAAkB,CAAC;IACxC,CAAC,MAAM;MACNA,kBAAkB,CAAE,oBAAqB,CAAC;IAC3C;EACD,CAAC,EAAE,CAAEV,iBAAiB,EAAEC,qBAAqB,CAAG,CAAC;AAClD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AALAY,OAAA,CAAAf,yBAAA,GAAAA,yBAAA;AAMO,MAAMgB,yBAAyB,GAAKf,MAAM,IAAM;EACtD,MAAM;IAAEgB;EAAa,CAAC,GAAG,IAAAZ,eAAS,EAC/BC,MAAM,KAAQ;IACfW,YAAY,EAAEX,MAAM,CAAEY,aAAY,CAAC,CAACC,cAAc,CAAC,CAAC,CAACC;EACtD,CAAC,CAAE,EACH,CAAEnB,MAAM,CACT,CAAC;EACD,MAAMoB,YAAY,GAAG,IAAAC,eAAM,EAAC,CAAC;EAE7B,IAAAR,kBAAS,EAAE,MAAM;IAChBO,YAAY,CAACE,OAAO,GACnBC,QAAQ,CAACC,aAAa,CAAEC,wCAA8B,CAAC,IACvDF,QAAQ,CAACC,aAAa,CAAEE,gCAAsB,CAAC;EACjD,CAAC,EAAE,CAAE1B,MAAM,CAAG,CAAC;EAEf,IAAAa,kBAAS,EAAE,MAAM;IAChB,IAAK,CAAEG,YAAY,IAAI,CAAEI,YAAY,CAACE,OAAO,EAAG;MAC/C;IACD;IACAF,YAAY,CAACE,OAAO,CAACK,YAAY,CAAE,MAAM,EAAEX,YAAa,CAAC;EAC1D,CAAC,EAAE,CAAEA,YAAY,CAAG,CAAC;AACtB,CAAC;AAACF,OAAA,CAAAC,yBAAA,GAAAA,yBAAA"}
+{"version":3,"names":["_data","require","_element","_blockEditor","_editor","_preferences","_constants","useBlockSelectionListener","hasBlockSelection","isEditorSidebarOpened","isDistractionFree","useSelect","select","get","preferencesStore","blockEditorStore","getBlockSelectionStart","STORE_NAME","openGeneralSidebar","useDispatch","useEffect","exports","useUpdatePostLinkListener","newPermalink","editorStore","getCurrentPost","link","nodeToUpdate","useRef","current","document","querySelector","VIEW_AS_PREVIEW_LINK_SELECTOR","VIEW_AS_LINK_SELECTOR","setAttribute"],"sources":["@wordpress/edit-post/src/components/editor-initialization/listener-hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport {\n\tSTORE_NAME,\n\tVIEW_AS_LINK_SELECTOR,\n\tVIEW_AS_PREVIEW_LINK_SELECTOR,\n} from '../../store/constants';\n\n/**\n * This listener hook monitors for block selection and triggers the appropriate\n * sidebar state.\n */\nexport const useBlockSelectionListener = () => {\n\tconst { hasBlockSelection, isEditorSidebarOpened, isDistractionFree } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { get } = select( preferencesStore );\n\t\t\treturn {\n\t\t\t\thasBlockSelection:\n\t\t\t\t\t!! select( blockEditorStore ).getBlockSelectionStart(),\n\t\t\t\tisEditorSidebarOpened:\n\t\t\t\t\tselect( STORE_NAME ).isEditorSidebarOpened(),\n\t\t\t\tisDistractionFree: get( 'core', 'distractionFree' ),\n\t\t\t};\n\t\t}, [] );\n\n\tconst { openGeneralSidebar } = useDispatch( STORE_NAME );\n\n\tuseEffect( () => {\n\t\tif ( ! isEditorSidebarOpened || isDistractionFree ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( hasBlockSelection ) {\n\t\t\topenGeneralSidebar( 'edit-post/block' );\n\t\t} else {\n\t\t\topenGeneralSidebar( 'edit-post/document' );\n\t\t}\n\t}, [\n\t\thasBlockSelection,\n\t\tisDistractionFree,\n\t\tisEditorSidebarOpened,\n\t\topenGeneralSidebar,\n\t] );\n};\n\n/**\n * This listener hook monitors any change in permalink and updates the view\n * post link in the admin bar.\n */\nexport const useUpdatePostLinkListener = () => {\n\tconst { newPermalink } = useSelect(\n\t\t( select ) => ( {\n\t\t\tnewPermalink: select( editorStore ).getCurrentPost().link,\n\t\t} ),\n\t\t[]\n\t);\n\tconst nodeToUpdate = useRef();\n\n\tuseEffect( () => {\n\t\tnodeToUpdate.current =\n\t\t\tdocument.querySelector( VIEW_AS_PREVIEW_LINK_SELECTOR ) ||\n\t\t\tdocument.querySelector( VIEW_AS_LINK_SELECTOR );\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( ! newPermalink || ! nodeToUpdate.current ) {\n\t\t\treturn;\n\t\t}\n\t\tnodeToUpdate.current.setAttribute( 'href', newPermalink );\n\t}, [ newPermalink ] );\n};\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAKA,IAAAK,UAAA,GAAAL,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACO,MAAMM,yBAAyB,GAAGA,CAAA,KAAM;EAC9C,MAAM;IAAEC,iBAAiB;IAAEC,qBAAqB;IAAEC;EAAkB,CAAC,GACpE,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxB,MAAM;MAAEC;IAAI,CAAC,GAAGD,MAAM,CAAEE,kBAAiB,CAAC;IAC1C,OAAO;MACNN,iBAAiB,EAChB,CAAC,CAAEI,MAAM,CAAEG,kBAAiB,CAAC,CAACC,sBAAsB,CAAC,CAAC;MACvDP,qBAAqB,EACpBG,MAAM,CAAEK,qBAAW,CAAC,CAACR,qBAAqB,CAAC,CAAC;MAC7CC,iBAAiB,EAAEG,GAAG,CAAE,MAAM,EAAE,iBAAkB;IACnD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAER,MAAM;IAAEK;EAAmB,CAAC,GAAG,IAAAC,iBAAW,EAAEF,qBAAW,CAAC;EAExD,IAAAG,kBAAS,EAAE,MAAM;IAChB,IAAK,CAAEX,qBAAqB,IAAIC,iBAAiB,EAAG;MACnD;IACD;IACA,IAAKF,iBAAiB,EAAG;MACxBU,kBAAkB,CAAE,iBAAkB,CAAC;IACxC,CAAC,MAAM;MACNA,kBAAkB,CAAE,oBAAqB,CAAC;IAC3C;EACD,CAAC,EAAE,CACFV,iBAAiB,EACjBE,iBAAiB,EACjBD,qBAAqB,EACrBS,kBAAkB,CACjB,CAAC;AACJ,CAAC;;AAED;AACA;AACA;AACA;AAHAG,OAAA,CAAAd,yBAAA,GAAAA,yBAAA;AAIO,MAAMe,yBAAyB,GAAGA,CAAA,KAAM;EAC9C,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAZ,eAAS,EAC/BC,MAAM,KAAQ;IACfW,YAAY,EAAEX,MAAM,CAAEY,aAAY,CAAC,CAACC,cAAc,CAAC,CAAC,CAACC;EACtD,CAAC,CAAE,EACH,EACD,CAAC;EACD,MAAMC,YAAY,GAAG,IAAAC,eAAM,EAAC,CAAC;EAE7B,IAAAR,kBAAS,EAAE,MAAM;IAChBO,YAAY,CAACE,OAAO,GACnBC,QAAQ,CAACC,aAAa,CAAEC,wCAA8B,CAAC,IACvDF,QAAQ,CAACC,aAAa,CAAEE,gCAAsB,CAAC;EACjD,CAAC,EAAE,EAAG,CAAC;EAEP,IAAAb,kBAAS,EAAE,MAAM;IAChB,IAAK,CAAEG,YAAY,IAAI,CAAEI,YAAY,CAACE,OAAO,EAAG;MAC/C;IACD;IACAF,YAAY,CAACE,OAAO,CAACK,YAAY,CAAE,MAAM,EAAEX,YAAa,CAAC;EAC1D,CAAC,EAAE,CAAEA,YAAY,CAAG,CAAC;AACtB,CAAC;AAACF,OAAA,CAAAC,yBAAA,GAAAA,yBAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_element","_compose","_data","_viewport","_i18n","_blockEditor","_components","_icons","_editor","_blocks","_reactNativeBridge","_style","_interopRequireDefault","_store","shadowStyle","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","HeaderToolbar","hasRedo","hasUndo","redo","undo","showInserter","showKeyboardHideButton","insertBlock","onHideKeyboard","isRTL","noContentSelected","anchorNodeRef","useRef","containerStyle","usePreferredColorSchemeStyle","styles","borderTopWidth","StyleSheet","hairlineWidth","useEffect","onUndoSubscription","subscribeOnUndoPressed","onRedoSubscription","subscribeOnRedoPressed","remove","toggleUndoButton","toggleRedoButton","scrollViewRef","scrollToStart","Platform","isAndroid","current","scrollToEnd","scrollTo","x","onInsertBlock","useCallback","blockType","createBlock","undefined","source","inserterMethod","renderMediaButtons","_react","createElement","ToolbarGroup","ToolbarButton","key","title","__","icon","imageIcon","onClick","testID","extraProps","hint","videoIcon","galleryIcon","audioIcon","toolbarAriaLabel","shadowColor","showKeyboardButtonStyles","color","View","ref","accessibilityLabel","style","ScrollView","onContentSizeChange","horizontal","showsHorizontalScrollIndicator","keyboardShouldPersistTaps","alwaysBounceHorizontal","contentContainerStyle","Inserter","disabled","BlockToolbar","passedStyle","keyboardClose","_default","exports","default","compose","withSelect","select","getBlockRootClientId","getBlockSelectionEnd","hasInserterItems","hasSelectedBlock","blockEditorStore","getEditorSettings","editorStore","isAnyBlockSelected","hasEditorRedo","hasEditorUndo","editPostStore","getEditorMode","richEditingEnabled","isTextModeEnabled","getSettings","withDispatch","dispatch","clearSelectedBlock","togglePostTitleSelection","withViewportMatch","isLargeViewport"],"sources":["@wordpress/edit-post/src/components/header/header-toolbar/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { ScrollView, StyleSheet, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback, useRef, useEffect, Platform } from '@wordpress/element';\nimport { compose, usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { withViewportMatch } from '@wordpress/viewport';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInserter,\n\tBlockToolbar,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ToolbarGroup, ToolbarButton } from '@wordpress/components';\nimport {\n\tkeyboardClose,\n\taudio as audioIcon,\n\tmedia as imageIcon,\n\tvideo as videoIcon,\n\tgallery as galleryIcon,\n} from '@wordpress/icons';\nimport { store as editorStore } from '@wordpress/editor';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\ttoggleUndoButton,\n\ttoggleRedoButton,\n\tsubscribeOnUndoPressed,\n\tsubscribeOnRedoPressed,\n} from '@wordpress/react-native-bridge';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { store as editPostStore } from '../../../store';\n\nconst shadowStyle = {\n\tshadowOffset: { width: 2, height: 2 },\n\tshadowOpacity: 1,\n\tshadowRadius: 6,\n\televation: 18,\n};\n\nfunction HeaderToolbar( {\n\thasRedo,\n\thasUndo,\n\tredo,\n\tundo,\n\tshowInserter,\n\tshowKeyboardHideButton,\n\tinsertBlock,\n\tonHideKeyboard,\n\tisRTL,\n\tnoContentSelected,\n} ) {\n\tconst anchorNodeRef = useRef();\n\n\tconst containerStyle = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles[ 'header-toolbar__container' ],\n\t\t\tstyles[ 'header-toolbar__container--dark' ]\n\t\t),\n\t\t{ borderTopWidth: StyleSheet.hairlineWidth },\n\t];\n\n\tuseEffect( () => {\n\t\tconst onUndoSubscription = subscribeOnUndoPressed( undo );\n\t\tconst onRedoSubscription = subscribeOnRedoPressed( redo );\n\n\t\treturn () => {\n\t\t\tonUndoSubscription?.remove();\n\t\t\tonRedoSubscription?.remove();\n\t\t};\n\t}, [ undo, redo ] );\n\n\tuseEffect( () => {\n\t\ttoggleUndoButton( ! hasUndo );\n\t}, [ hasUndo ] );\n\n\tuseEffect( () => {\n\t\ttoggleRedoButton( ! hasRedo );\n\t}, [ hasRedo ] );\n\n\tconst scrollViewRef = useRef( null );\n\tconst scrollToStart = () => {\n\t\t// scrollview doesn't seem to automatically adjust to RTL on Android so, scroll to end when Android\n\t\tif ( Platform.isAndroid && isRTL ) {\n\t\t\tscrollViewRef.current.scrollToEnd();\n\t\t} else {\n\t\t\tscrollViewRef.current.scrollTo( { x: 0 } );\n\t\t}\n\t};\n\n\tconst onInsertBlock = useCallback(\n\t\t( blockType ) => () => {\n\t\t\tinsertBlock( createBlock( blockType ), undefined, undefined, true, {\n\t\t\t\tsource: 'inserter_menu',\n\t\t\t\tinserterMethod: 'quick-inserter',\n\t\t\t} );\n\t\t},\n\t\t[ insertBlock ]\n\t);\n\n\tconst renderMediaButtons = (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"imageButton\"\n\t\t\t\ttitle={ __( 'Image' ) }\n\t\t\t\ticon={ imageIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/image' ) }\n\t\t\t\ttestID=\"insert-image-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Image Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"videoButton\"\n\t\t\t\ttitle={ __( 'Video' ) }\n\t\t\t\ticon={ videoIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/video' ) }\n\t\t\t\ttestID=\"insert-video-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Video Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"galleryButton\"\n\t\t\t\ttitle={ __( 'Gallery' ) }\n\t\t\t\ticon={ galleryIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/gallery' ) }\n\t\t\t\ttestID=\"insert-gallery-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Gallery Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"audioButton\"\n\t\t\t\ttitle={ __( 'Audio' ) }\n\t\t\t\ticon={ audioIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/audio' ) }\n\t\t\t\ttestID=\"insert-audio-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Audio Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n\n\t/* translators: accessibility text for the editor toolbar */\n\tconst toolbarAriaLabel = __( 'Document tools' );\n\n\tconst shadowColor = usePreferredColorSchemeStyle(\n\t\tstyles[ 'header-toolbar__keyboard-hide-shadow--light' ],\n\t\tstyles[ 'header-toolbar__keyboard-hide-shadow--dark' ]\n\t);\n\tconst showKeyboardButtonStyles = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles[ 'header-toolbar__keyboard-hide-container' ],\n\t\t\tstyles[ 'header-toolbar__keyboard-hide-container--dark' ]\n\t\t),\n\t\tshadowStyle,\n\t\t{\n\t\t\tshadowColor: Platform.isAndroid\n\t\t\t\t? styles[ 'header-toolbar__keyboard-hide-shadow--solid' ].color\n\t\t\t\t: shadowColor.color,\n\t\t},\n\t];\n\n\treturn (\n\t\t<View\n\t\t\tref={ anchorNodeRef }\n\t\t\ttestID={ toolbarAriaLabel }\n\t\t\taccessibilityLabel={ toolbarAriaLabel }\n\t\t\tstyle={ containerStyle }\n\t\t>\n\t\t\t<ScrollView\n\t\t\t\tref={ scrollViewRef }\n\t\t\t\tonContentSizeChange={ scrollToStart }\n\t\t\t\thorizontal={ true }\n\t\t\t\tshowsHorizontalScrollIndicator={ false }\n\t\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\t\talwaysBounceHorizontal={ false }\n\t\t\t\tcontentContainerStyle={\n\t\t\t\t\tstyles[ 'header-toolbar__scrollable-content' ]\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<Inserter disabled={ ! showInserter } />\n\n\t\t\t\t{ noContentSelected && renderMediaButtons }\n\t\t\t\t<BlockToolbar anchorNodeRef={ anchorNodeRef.current } />\n\t\t\t</ScrollView>\n\t\t\t{ showKeyboardHideButton && (\n\t\t\t\t<ToolbarGroup passedStyle={ showKeyboardButtonStyles }>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ttitle={ __( 'Hide keyboard' ) }\n\t\t\t\t\t\ticon={ keyboardClose }\n\t\t\t\t\t\tonClick={ onHideKeyboard }\n\t\t\t\t\t\textraProps={ {\n\t\t\t\t\t\t\thint: __( 'Tap to hide the keyboard' ),\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</ToolbarGroup>\n\t\t\t) }\n\t\t</View>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockRootClientId,\n\t\t\tgetBlockSelectionEnd,\n\t\t\thasInserterItems,\n\t\t\thasSelectedBlock,\n\t\t} = select( blockEditorStore );\n\t\tconst { getEditorSettings } = select( editorStore );\n\t\tconst isAnyBlockSelected = hasSelectedBlock();\n\t\treturn {\n\t\t\thasRedo: select( editorStore ).hasEditorRedo(),\n\t\t\thasUndo: select( editorStore ).hasEditorUndo(),\n\t\t\t// This setting (richEditingEnabled) should not live in the block editor's setting.\n\t\t\tshowInserter:\n\t\t\t\tselect( editPostStore ).getEditorMode() === '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\tisTextModeEnabled:\n\t\t\t\tselect( editPostStore ).getEditorMode() === 'text',\n\t\t\tisRTL: select( blockEditorStore ).getSettings().isRTL,\n\t\t\tnoContentSelected: ! isAnyBlockSelected,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch ) => {\n\t\tconst { clearSelectedBlock, insertBlock } =\n\t\t\tdispatch( blockEditorStore );\n\t\tconst { togglePostTitleSelection } = dispatch( editorStore );\n\n\t\treturn {\n\t\t\tredo: dispatch( editorStore ).redo,\n\t\t\tundo: dispatch( editorStore ).undo,\n\t\t\tonHideKeyboard() {\n\t\t\t\tclearSelectedBlock();\n\t\t\t\ttogglePostTitleSelection( false );\n\t\t\t},\n\t\t\tinsertBlock,\n\t\t};\n\t} ),\n\twithViewportMatch( { isLargeViewport: 'medium' } ),\n] )( HeaderToolbar );\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_element","_compose","_data","_viewport","_i18n","_blockEditor","_components","_icons","_editor","_blocks","_reactNativeBridge","_style","_interopRequireDefault","_store","shadowStyle","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","HeaderToolbar","hasRedo","hasUndo","redo","undo","showInserter","showKeyboardHideButton","insertBlock","onHideKeyboard","isRTL","noContentSelected","anchorNodeRef","useRef","containerStyle","usePreferredColorSchemeStyle","styles","borderTopWidth","StyleSheet","hairlineWidth","useEffect","onUndoSubscription","subscribeOnUndoPressed","onRedoSubscription","subscribeOnRedoPressed","remove","toggleUndoButton","toggleRedoButton","scrollViewRef","scrollToStart","Platform","isAndroid","current","scrollToEnd","scrollTo","x","onInsertBlock","useCallback","blockType","createBlock","undefined","source","inserterMethod","renderMediaButtons","_react","createElement","ToolbarGroup","ToolbarButton","key","title","__","icon","imageIcon","onClick","testID","extraProps","hint","videoIcon","galleryIcon","audioIcon","toolbarAriaLabel","shadowColor","showKeyboardButtonStyles","color","View","ref","accessibilityLabel","style","ScrollView","onContentSizeChange","horizontal","showsHorizontalScrollIndicator","keyboardShouldPersistTaps","alwaysBounceHorizontal","contentContainerStyle","Inserter","disabled","BlockToolbar","passedStyle","keyboardClose","_default","exports","default","compose","withSelect","select","getBlockRootClientId","getBlockSelectionEnd","hasInserterItems","hasSelectedBlock","blockEditorStore","getEditorSettings","editorStore","isAnyBlockSelected","hasEditorRedo","hasEditorUndo","editPostStore","getEditorMode","richEditingEnabled","isTextModeEnabled","getSettings","withDispatch","dispatch","clearSelectedBlock","togglePostTitleSelection","withViewportMatch","isLargeViewport"],"sources":["@wordpress/edit-post/src/components/header/header-toolbar/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { ScrollView, StyleSheet, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback, useRef, useEffect, Platform } from '@wordpress/element';\nimport { compose, usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { withViewportMatch } from '@wordpress/viewport';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInserter,\n\tBlockToolbar,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ToolbarGroup, ToolbarButton } from '@wordpress/components';\nimport {\n\tkeyboardClose,\n\taudio as audioIcon,\n\tmedia as imageIcon,\n\tvideo as videoIcon,\n\tgallery as galleryIcon,\n} from '@wordpress/icons';\nimport { store as editorStore } from '@wordpress/editor';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\ttoggleUndoButton,\n\ttoggleRedoButton,\n\tsubscribeOnUndoPressed,\n\tsubscribeOnRedoPressed,\n} from '@wordpress/react-native-bridge';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { store as editPostStore } from '../../../store';\n\nconst shadowStyle = {\n\tshadowOffset: { width: 2, height: 2 },\n\tshadowOpacity: 1,\n\tshadowRadius: 6,\n\televation: 18,\n};\n\nfunction HeaderToolbar( {\n\thasRedo,\n\thasUndo,\n\tredo,\n\tundo,\n\tshowInserter,\n\tshowKeyboardHideButton,\n\tinsertBlock,\n\tonHideKeyboard,\n\tisRTL,\n\tnoContentSelected,\n} ) {\n\tconst anchorNodeRef = useRef();\n\n\tconst containerStyle = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles[ 'header-toolbar__container' ],\n\t\t\tstyles[ 'header-toolbar__container--dark' ]\n\t\t),\n\t\t{ borderTopWidth: StyleSheet.hairlineWidth },\n\t];\n\n\tuseEffect( () => {\n\t\tconst onUndoSubscription = subscribeOnUndoPressed( undo );\n\t\tconst onRedoSubscription = subscribeOnRedoPressed( redo );\n\n\t\treturn () => {\n\t\t\tonUndoSubscription?.remove();\n\t\t\tonRedoSubscription?.remove();\n\t\t};\n\t}, [ undo, redo ] );\n\n\tuseEffect( () => {\n\t\ttoggleUndoButton( ! hasUndo );\n\t}, [ hasUndo ] );\n\n\tuseEffect( () => {\n\t\ttoggleRedoButton( ! hasRedo );\n\t}, [ hasRedo ] );\n\n\tconst scrollViewRef = useRef( null );\n\tconst scrollToStart = () => {\n\t\t// scrollview doesn't seem to automatically adjust to RTL on Android so, scroll to end when Android\n\t\tif ( Platform.isAndroid && isRTL ) {\n\t\t\tscrollViewRef.current.scrollToEnd();\n\t\t} else {\n\t\t\tscrollViewRef.current.scrollTo( { x: 0 } );\n\t\t}\n\t};\n\n\tconst onInsertBlock = useCallback(\n\t\t( blockType ) => () => {\n\t\t\tinsertBlock( createBlock( blockType ), undefined, undefined, true, {\n\t\t\t\tsource: 'inserter_menu',\n\t\t\t\tinserterMethod: 'quick-inserter',\n\t\t\t} );\n\t\t},\n\t\t[ insertBlock ]\n\t);\n\n\tconst renderMediaButtons = (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"imageButton\"\n\t\t\t\ttitle={ __( 'Image' ) }\n\t\t\t\ticon={ imageIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/image' ) }\n\t\t\t\ttestID=\"insert-image-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Image Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"videoButton\"\n\t\t\t\ttitle={ __( 'Video' ) }\n\t\t\t\ticon={ videoIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/video' ) }\n\t\t\t\ttestID=\"insert-video-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Video Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"galleryButton\"\n\t\t\t\ttitle={ __( 'Gallery' ) }\n\t\t\t\ticon={ galleryIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/gallery' ) }\n\t\t\t\ttestID=\"insert-gallery-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Gallery Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"audioButton\"\n\t\t\t\ttitle={ __( 'Audio' ) }\n\t\t\t\ticon={ audioIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/audio' ) }\n\t\t\t\ttestID=\"insert-audio-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Audio Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n\n\t/* translators: accessibility text for the editor toolbar */\n\tconst toolbarAriaLabel = __( 'Document tools' );\n\n\tconst shadowColor = usePreferredColorSchemeStyle(\n\t\tstyles[ 'header-toolbar__keyboard-hide-shadow--light' ],\n\t\tstyles[ 'header-toolbar__keyboard-hide-shadow--dark' ]\n\t);\n\tconst showKeyboardButtonStyles = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles[ 'header-toolbar__keyboard-hide-container' ],\n\t\t\tstyles[ 'header-toolbar__keyboard-hide-container--dark' ]\n\t\t),\n\t\tshadowStyle,\n\t\t{\n\t\t\tshadowColor: Platform.isAndroid\n\t\t\t\t? styles[ 'header-toolbar__keyboard-hide-shadow--solid' ].color\n\t\t\t\t: shadowColor.color,\n\t\t},\n\t];\n\n\treturn (\n\t\t<View\n\t\t\tref={ anchorNodeRef }\n\t\t\ttestID={ toolbarAriaLabel }\n\t\t\taccessibilityLabel={ toolbarAriaLabel }\n\t\t\tstyle={ containerStyle }\n\t\t>\n\t\t\t<ScrollView\n\t\t\t\tref={ scrollViewRef }\n\t\t\t\tonContentSizeChange={ scrollToStart }\n\t\t\t\thorizontal\n\t\t\t\tshowsHorizontalScrollIndicator={ false }\n\t\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\t\talwaysBounceHorizontal={ false }\n\t\t\t\tcontentContainerStyle={\n\t\t\t\t\tstyles[ 'header-toolbar__scrollable-content' ]\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<Inserter disabled={ ! showInserter } />\n\n\t\t\t\t{ noContentSelected && renderMediaButtons }\n\t\t\t\t<BlockToolbar anchorNodeRef={ anchorNodeRef.current } />\n\t\t\t</ScrollView>\n\t\t\t{ showKeyboardHideButton && (\n\t\t\t\t<ToolbarGroup passedStyle={ showKeyboardButtonStyles }>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ttitle={ __( 'Hide keyboard' ) }\n\t\t\t\t\t\ticon={ keyboardClose }\n\t\t\t\t\t\tonClick={ onHideKeyboard }\n\t\t\t\t\t\textraProps={ {\n\t\t\t\t\t\t\thint: __( 'Tap to hide the keyboard' ),\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</ToolbarGroup>\n\t\t\t) }\n\t\t</View>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockRootClientId,\n\t\t\tgetBlockSelectionEnd,\n\t\t\thasInserterItems,\n\t\t\thasSelectedBlock,\n\t\t} = select( blockEditorStore );\n\t\tconst { getEditorSettings } = select( editorStore );\n\t\tconst isAnyBlockSelected = hasSelectedBlock();\n\t\treturn {\n\t\t\thasRedo: select( editorStore ).hasEditorRedo(),\n\t\t\thasUndo: select( editorStore ).hasEditorUndo(),\n\t\t\t// This setting (richEditingEnabled) should not live in the block editor's setting.\n\t\t\tshowInserter:\n\t\t\t\tselect( editPostStore ).getEditorMode() === '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\tisTextModeEnabled:\n\t\t\t\tselect( editPostStore ).getEditorMode() === 'text',\n\t\t\tisRTL: select( blockEditorStore ).getSettings().isRTL,\n\t\t\tnoContentSelected: ! isAnyBlockSelected,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch ) => {\n\t\tconst { clearSelectedBlock, insertBlock } =\n\t\t\tdispatch( blockEditorStore );\n\t\tconst { togglePostTitleSelection } = dispatch( editorStore );\n\n\t\treturn {\n\t\t\tredo: dispatch( editorStore ).redo,\n\t\t\tundo: dispatch( editorStore ).undo,\n\t\t\tonHideKeyboard() {\n\t\t\t\tclearSelectedBlock();\n\t\t\t\ttogglePostTitleSelection( false );\n\t\t\t},\n\t\t\tinsertBlock,\n\t\t};\n\t} ),\n\twithViewportMatch( { isLargeViewport: 'medium' } ),\n] )( HeaderToolbar );\n"],"mappings":"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"}

package/build/components/header/index.js

@@ -35,6 +35,9 @@ var _lockUnlock = require("../../lock-unlock");
  * Internal dependencies
  */
 
+const {
+  useShowBlockTools
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 const {
   DocumentTools,
   PostViewLink,
@@ -81,7 +84,6 @@ function Header({
     isTextEditor,
     blockSelectionStart,
     hasActiveMetaboxes,
-    hasFixedToolbar,
     isPublishSidebarOpened,
     showIconLabels,
     hasHistory
@@ -91,17 +93,20 @@ function Header({
     } = select(_preferences.store);
     const {
       getEditorMode
-    } = select(_store.store);
+    } = select(_editor.store);
     return {
       isTextEditor: getEditorMode() === 'text',
       blockSelectionStart: select(_blockEditor.store).getBlockSelectionStart(),
       hasActiveMetaboxes: select(_store.store).hasMetaBoxes(),
       hasHistory: !!select(_editor.store).getEditorSettings().onNavigateToPreviousEntityRecord,
       isPublishSidebarOpened: select(_store.store).isPublishSidebarOpened(),
-      hasFixedToolbar: getPreference('core', 'fixedToolbar'),
       showIconLabels: getPreference('core', 'showIconLabels')
     };
   }, []);
+  const {
+    showFixedToolbar
+  } = useShowBlockTools();
+  const showTopToolbar = isLargeViewport && showFixedToolbar;
   const [isBlockToolsCollapsed, setIsBlockToolsCollapsed] = (0, _element.useState)(true);
   const hasBlockSelection = !!blockSelectionStart;
   (0, _element.useEffect)(() => {
@@ -130,7 +135,7 @@ function Header({
     className: "edit-post-header__toolbar"
   }, (0, _react.createElement)(DocumentTools, {
     disableBlockTools: isTextEditor
-  }), hasFixedToolbar && isLargeViewport && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
+  }), showTopToolbar && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
     className: (0, _classnames.default)('selected-block-tools-wrapper', {
       'is-collapsed': isBlockToolsCollapsed || !hasBlockSelection
     })
@@ -139,16 +144,17 @@ function Header({
   })), (0, _react.createElement)(_components.Popover.Slot, {
     ref: blockToolbarRef,
     name: "block-toolbar"
-  }), hasBlockSelection && (0, _react.createElement)(_components.Button, {
+  }), (0, _react.createElement)(_components.Button, {
     className: "edit-post-header__block-tools-toggle",
     icon: isBlockToolsCollapsed ? _icons.next : _icons.previous,
     onClick: () => {
       setIsBlockToolsCollapsed(collapsed => !collapsed);
     },
-    label: isBlockToolsCollapsed ? (0, _i18n.__)('Show block tools') : (0, _i18n.__)('Hide block tools')
+    label: isBlockToolsCollapsed ? (0, _i18n.__)('Show block tools') : (0, _i18n.__)('Hide block tools'),
+    size: "compact"
   })), (0, _react.createElement)("div", {
     className: (0, _classnames.default)('edit-post-header__center', {
-      'is-collapsed': hasHistory && hasBlockSelection && !isBlockToolsCollapsed && hasFixedToolbar && isLargeViewport
+      'is-collapsed': hasHistory && !isBlockToolsCollapsed && showTopToolbar
     })
   }, hasHistory && (0, _react.createElement)(_editor.DocumentBar, null))), (0, _react.createElement)(_components.__unstableMotion.div, {
     variants: slideY,

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","_moreMenu","_postPublishButtonOrToggle","_mainDashboardButton","_store","_lockUnlock","DocumentTools","PostViewLink","PreviewDropdown","unlock","editorPrivateApis","slideY","hidden","y","distractionFreeInactive","hover","transition","type","delay","slideX","x","Header","setEntitiesSavedStatesCallback","initialPost","isWideViewport","useViewportMatch","isLargeViewport","blockToolbarRef","useRef","isTextEditor","blockSelectionStart","hasActiveMetaboxes","hasFixedToolbar","isPublishSidebarOpened","showIconLabels","hasHistory","useSelect","select","get","getPreference","preferencesStore","getEditorMode","editPostStore","blockEditorStore","getBlockSelectionStart","hasMetaBoxes","editorStore","getEditorSettings","onNavigateToPreviousEntityRecord","isBlockToolsCollapsed","setIsBlockToolsCollapsed","useState","hasBlockSelection","useEffect","_react","createElement","className","default","Slot","__unstableMotion","div","variants","showTooltip","disableBlockTools","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 MoreMenu from './more-menu';\nimport PostPublishButtonOrToggle from './post-publish-button-or-toggle';\nimport MainDashboardButton from './main-dashboard-button';\nimport { store as editPostStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { DocumentTools, PostViewLink, PreviewDropdown } =\n\tunlock( 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( { setEntitiesSavedStatesCallback, initialPost } ) {\n\tconst isWideViewport = useViewportMatch( 'large' );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst {\n\t\tisTextEditor,\n\t\tblockSelectionStart,\n\t\thasActiveMetaboxes,\n\t\thasFixedToolbar,\n\t\tisPublishSidebarOpened,\n\t\tshowIconLabels,\n\t\thasHistory,\n\t} = useSelect( ( select ) => {\n\t\tconst { get: getPreference } = select( preferencesStore );\n\t\tconst { getEditorMode } = select( editPostStore );\n\n\t\treturn {\n\t\t\tisTextEditor: getEditorMode() === 'text',\n\t\t\tblockSelectionStart:\n\t\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t\t\thasActiveMetaboxes: select( editPostStore ).hasMetaBoxes(),\n\t\t\thasHistory:\n\t\t\t\t!! select( editorStore ).getEditorSettings()\n\t\t\t\t\t.onNavigateToPreviousEntityRecord,\n\t\t\tisPublishSidebarOpened:\n\t\t\t\tselect( editPostStore ).isPublishSidebarOpened(),\n\t\t\thasFixedToolbar: getPreference( 'core', 'fixedToolbar' ),\n\t\t\tshowIconLabels: getPreference( 'core', 'showIconLabels' ),\n\t\t};\n\t}, [] );\n\n\tconst [ isBlockToolsCollapsed, setIsBlockToolsCollapsed ] =\n\t\tuseState( true );\n\tconst hasBlockSelection = !! 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\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tinitialPost={ initialPost }\n\t\t\t\t\t/>\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<DocumentTools disableBlockTools={ isTextEditor } />\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\tisBlockToolsCollapsed ||\n\t\t\t\t\t\t\t\t\t\t! hasBlockSelection,\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{ hasBlockSelection && (\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\thasHistory &&\n\t\t\t\t\t\t\thasBlockSelection &&\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{ hasHistory && <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 forceIsDirty={ hasActiveMetaboxes } />\n\t\t\t\t) }\n\t\t\t\t<PreviewDropdown forceIsAutosaveable={ hasActiveMetaboxes } />\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<PostViewLink />\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<PinnedItems.Slot scope=\"core/edit-post\" />\n\t\t\t\t) }\n\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t</motion.div>\n\t\t</div>\n\t);\n}\n\nexport default Header;\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_editor","_element","_data","_i18n","_icons","_interface","_compose","_components","_preferences","_fullscreenModeClose","_moreMenu","_postPublishButtonOrToggle","_mainDashboardButton","_store","_lockUnlock","useShowBlockTools","unlock","blockEditorPrivateApis","DocumentTools","PostViewLink","PreviewDropdown","editorPrivateApis","slideY","hidden","y","distractionFreeInactive","hover","transition","type","delay","slideX","x","Header","setEntitiesSavedStatesCallback","initialPost","isWideViewport","useViewportMatch","isLargeViewport","blockToolbarRef","useRef","isTextEditor","blockSelectionStart","hasActiveMetaboxes","isPublishSidebarOpened","showIconLabels","hasHistory","useSelect","select","get","getPreference","preferencesStore","getEditorMode","editorStore","blockEditorStore","getBlockSelectionStart","editPostStore","hasMetaBoxes","getEditorSettings","onNavigateToPreviousEntityRecord","showFixedToolbar","showTopToolbar","isBlockToolsCollapsed","setIsBlockToolsCollapsed","useState","hasBlockSelection","useEffect","_react","createElement","className","default","Slot","__unstableMotion","div","variants","showTooltip","disableBlockTools","Fragment","classnames","BlockToolbar","hideDragHandle","Popover","ref","name","Button","icon","next","previous","onClick","collapsed","label","__","size","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\tprivateApis as blockEditorPrivateApis,\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 MoreMenu from './more-menu';\nimport PostPublishButtonOrToggle from './post-publish-button-or-toggle';\nimport MainDashboardButton from './main-dashboard-button';\nimport { store as editPostStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { useShowBlockTools } = unlock( blockEditorPrivateApis );\nconst { DocumentTools, PostViewLink, PreviewDropdown } =\n\tunlock( 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( { setEntitiesSavedStatesCallback, initialPost } ) {\n\tconst isWideViewport = useViewportMatch( 'large' );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst {\n\t\tisTextEditor,\n\t\tblockSelectionStart,\n\t\thasActiveMetaboxes,\n\t\tisPublishSidebarOpened,\n\t\tshowIconLabels,\n\t\thasHistory,\n\t} = useSelect( ( select ) => {\n\t\tconst { get: getPreference } = select( preferencesStore );\n\t\tconst { getEditorMode } = select( editorStore );\n\n\t\treturn {\n\t\t\tisTextEditor: getEditorMode() === 'text',\n\t\t\tblockSelectionStart:\n\t\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t\t\thasActiveMetaboxes: select( editPostStore ).hasMetaBoxes(),\n\t\t\thasHistory:\n\t\t\t\t!! select( editorStore ).getEditorSettings()\n\t\t\t\t\t.onNavigateToPreviousEntityRecord,\n\t\t\tisPublishSidebarOpened:\n\t\t\t\tselect( editPostStore ).isPublishSidebarOpened(),\n\t\t\tshowIconLabels: getPreference( 'core', 'showIconLabels' ),\n\t\t};\n\t}, [] );\n\n\tconst { showFixedToolbar } = useShowBlockTools();\n\tconst showTopToolbar = isLargeViewport && showFixedToolbar;\n\n\tconst [ isBlockToolsCollapsed, setIsBlockToolsCollapsed ] =\n\t\tuseState( true );\n\tconst hasBlockSelection = !! 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\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tinitialPost={ initialPost }\n\t\t\t\t\t/>\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<DocumentTools disableBlockTools={ isTextEditor } />\n\t\t\t\t{ showTopToolbar && (\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\tisBlockToolsCollapsed ||\n\t\t\t\t\t\t\t\t\t\t! hasBlockSelection,\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<Button\n\t\t\t\t\t\t\tclassName=\"edit-post-header__block-tools-toggle\"\n\t\t\t\t\t\t\ticon={ isBlockToolsCollapsed ? next : previous }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetIsBlockToolsCollapsed(\n\t\t\t\t\t\t\t\t\t( collapsed ) => ! collapsed\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tisBlockToolsCollapsed\n\t\t\t\t\t\t\t\t\t? __( 'Show block tools' )\n\t\t\t\t\t\t\t\t\t: __( 'Hide block tools' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize=\"compact\"\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\thasHistory &&\n\t\t\t\t\t\t\t! isBlockToolsCollapsed &&\n\t\t\t\t\t\t\tshowTopToolbar,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ hasHistory && <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 forceIsDirty={ hasActiveMetaboxes } />\n\t\t\t\t) }\n\t\t\t\t<PreviewDropdown forceIsAutosaveable={ hasActiveMetaboxes } />\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<PostViewLink />\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<PinnedItems.Slot scope=\"core/edit-post\" />\n\t\t\t\t) }\n\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t</motion.div>\n\t\t</div>\n\t);\n}\n\nexport default Header;\n"],"mappings":"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"}

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

@@ -10,10 +10,12 @@ var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _interface = require("@wordpress/interface");
 var _compose = require("@wordpress/compose");
-var _modeSwitcher = _interopRequireDefault(require("../mode-switcher"));
+var _editor = require("@wordpress/editor");
+var _icons = require("@wordpress/icons");
 var _preferencesMenuItem = _interopRequireDefault(require("../preferences-menu-item"));
 var _toolsMoreMenuGroup = _interopRequireDefault(require("../tools-more-menu-group"));
 var _writingMenu = _interopRequireDefault(require("../writing-menu"));
+var _lockUnlock = require("../../../lock-unlock");
 /**
  * WordPress dependencies
  */
@@ -22,16 +24,26 @@ var _writingMenu = _interopRequireDefault(require("../writing-menu"));
  * Internal dependencies
  */
 
+const {
+  ModeSwitcher
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
 const MoreMenu = ({
   showIconLabels
 }) => {
   const isLargeViewport = (0, _compose.useViewportMatch)('large');
-  return (0, _react.createElement)(_interface.MoreMenuDropdown, {
+  return (0, _react.createElement)(_components.DropdownMenu, {
+    icon: _icons.moreVertical,
+    label: (0, _i18n.__)('Options'),
+    popoverProps: {
+      placement: 'bottom-end',
+      className: 'more-menu-dropdown__content'
+    },
     toggleProps: {
-      showTooltip: !showIconLabels,
       ...(showIconLabels && {
         variant: 'tertiary'
       }),
+      tooltipPosition: 'bottom',
+      showTooltip: !showIconLabels,
       size: 'compact'
     }
   }, ({
@@ -39,7 +51,7 @@ const MoreMenu = ({
   }) => (0, _react.createElement)(_react.Fragment, null, showIconLabels && !isLargeViewport && (0, _react.createElement)(_interface.PinnedItems.Slot, {
     className: showIconLabels && 'show-icon-labels',
     scope: "core/edit-post"
-  }), (0, _react.createElement)(_writingMenu.default, null), (0, _react.createElement)(_modeSwitcher.default, null), (0, _react.createElement)(_interface.ActionItem.Slot, {
+  }), (0, _react.createElement)(_writingMenu.default, null), (0, _react.createElement)(ModeSwitcher, null), (0, _react.createElement)(_interface.ActionItem.Slot, {
     name: "core/edit-post/plugin-more-menu",
     label: (0, _i18n.__)('Plugins'),
     as: _components.MenuGroup,

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","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,GAAAC,OAAA,CAAAV,OAAA,GAEajB,QAAQ"}
+{"version":3,"names":["_i18n","require","_components","_interface","_compose","_editor","_icons","_preferencesMenuItem","_interopRequireDefault","_toolsMoreMenuGroup","_writingMenu","_lockUnlock","ModeSwitcher","unlock","editorPrivateApis","MoreMenu","showIconLabels","isLargeViewport","useViewportMatch","_react","createElement","DropdownMenu","icon","moreVertical","label","__","popoverProps","placement","className","toggleProps","variant","tooltipPosition","showTooltip","size","onClose","Fragment","PinnedItems","Slot","scope","default","ActionItem","name","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, DropdownMenu } from '@wordpress/components';\nimport { ActionItem, PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { moreVertical } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport PreferencesMenuItem from '../preferences-menu-item';\nimport ToolsMoreMenuGroup from '../tools-more-menu-group';\nimport WritingMenu from '../writing-menu';\nimport { unlock } from '../../../lock-unlock';\n\nconst { ModeSwitcher } = unlock( editorPrivateApis );\n\nconst MoreMenu = ( { showIconLabels } ) => {\n\tconst isLargeViewport = useViewportMatch( 'large' );\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Options' ) }\n\t\t\tpopoverProps={ {\n\t\t\t\tplacement: 'bottom-end',\n\t\t\t\tclassName: 'more-menu-dropdown__content',\n\t\t\t} }\n\t\t\ttoggleProps={ {\n\t\t\t\t...( showIconLabels && { variant: 'tertiary' } ),\n\t\t\t\ttooltipPosition: 'bottom',\n\t\t\t\tshowTooltip: ! showIconLabels,\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</DropdownMenu>\n\t);\n};\n\nexport default MoreMenu;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,oBAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,mBAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,YAAA,GAAAF,sBAAA,CAAAP,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AAhBA;AACA;AACA;;AAQA;AACA;AACA;;AAMA,MAAM;EAAEW;AAAa,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEpD,MAAMC,QAAQ,GAAGA,CAAE;EAAEC;AAAe,CAAC,KAAM;EAC1C,MAAMC,eAAe,GAAG,IAAAC,yBAAgB,EAAE,OAAQ,CAAC;EAEnD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAmB,YAAY;IACZC,IAAI,EAAGC,mBAAc;IACrBC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBC,YAAY,EAAG;MACdC,SAAS,EAAE,YAAY;MACvBC,SAAS,EAAE;IACZ,CAAG;IACHC,WAAW,EAAG;MACb,IAAKb,cAAc,IAAI;QAAEc,OAAO,EAAE;MAAW,CAAC,CAAE;MAChDC,eAAe,EAAE,QAAQ;MACzBC,WAAW,EAAE,CAAEhB,cAAc;MAC7BiB,IAAI,EAAE;IACP;EAAG,GAED,CAAE;IAAEC;EAAQ,CAAC,KACd,IAAAf,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAgB,QAAA,QACGnB,cAAc,IAAI,CAAEC,eAAe,IACpC,IAAAE,MAAA,CAAAC,aAAA,EAACjB,UAAA,CAAAiC,WAAW,CAACC,IAAI;IAChBT,SAAS,EAAGZ,cAAc,IAAI,kBAAoB;IAClDsB,KAAK,EAAC;EAAgB,CACtB,CACD,EACD,IAAAnB,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAA6B,OAAW,MAAE,CAAC,EACf,IAAApB,MAAA,CAAAC,aAAA,EAACR,YAAY,MAAE,CAAC,EAChB,IAAAO,MAAA,CAAAC,aAAA,EAACjB,UAAA,CAAAqC,UAAU,CAACH,IAAI;IACfI,IAAI,EAAC,iCAAiC;IACtCjB,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBiB,EAAE,EAAGC,qBAAW;IAChBC,SAAS,EAAG;MAAEC,OAAO,EAAEX;IAAQ;EAAG,CAClC,CAAC,EACF,IAAAf,MAAA,CAAAC,aAAA,EAACX,mBAAA,CAAA8B,OAAkB,CAACF,IAAI;IAACO,SAAS,EAAG;MAAEV;IAAQ;EAAG,CAAE,CAAC,EACrD,IAAAf,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAyC,SAAS,QACT,IAAAxB,MAAA,CAAAC,aAAA,EAACb,oBAAA,CAAAgC,OAAmB,MAAE,CACZ,CACV,CAEU,CAAC;AAEjB,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEaxB,QAAQ"}

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

@@ -11,22 +11,18 @@ var _i18n = require("@wordpress/i18n");
 var _compose = require("@wordpress/compose");
 var _keycodes = require("@wordpress/keycodes");
 var _preferences = require("@wordpress/preferences");
-var _store = require("../../../store");
+var _editor = require("@wordpress/editor");
 /**
  * WordPress dependencies
  */
 
-/**
- * Internal dependencies
- */
-
 function WritingMenu() {
   const {
     set: setPreference
   } = (0, _data.useDispatch)(_preferences.store);
   const {
     toggleDistractionFree
-  } = (0, _data.useDispatch)(_store.store);
+  } = (0, _data.useDispatch)(_editor.store);
   const turnOffDistractionFree = () => {
     setPreference('core', 'distractionFree', false);
   };

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_components","_i18n","_compose","_keycodes","_preferences","_store","WritingMenu","set","setPreference","useDispatch","preferencesStore","toggleDistractionFree","postEditorStore","turnOffDistractionFree","isLargeViewport","useViewportMatch","_react","createElement","MenuGroup","label","_x","PreferenceToggleMenuItem","scope","name","onToggle","__","info","messageActivated","messageDeactivated","handleToggling","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 } 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 { set: setPreference } = useDispatch( preferencesStore );\n\tconst { toggleDistractionFree } = useDispatch( postEditorStore );\n\n\tconst turnOffDistractionFree = () => {\n\t\tsetPreference( 'core', '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\"\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\"\n\t\t\t\tname=\"distractionFree\"\n\t\t\t\thandleToggling={ false }\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\"\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 the admin user interface' ) }\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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"}
+{"version":3,"names":["_data","require","_components","_i18n","_compose","_keycodes","_preferences","_editor","WritingMenu","set","setPreference","useDispatch","preferencesStore","toggleDistractionFree","editorStore","turnOffDistractionFree","isLargeViewport","useViewportMatch","_react","createElement","MenuGroup","label","_x","PreferenceToggleMenuItem","scope","name","onToggle","__","info","messageActivated","messageDeactivated","handleToggling","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 } 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 editorStore } from '@wordpress/editor';\n\nfunction WritingMenu() {\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tconst { toggleDistractionFree } = useDispatch( editorStore );\n\n\tconst turnOffDistractionFree = () => {\n\t\tsetPreference( 'core', '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\"\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\"\n\t\t\t\tname=\"distractionFree\"\n\t\t\t\thandleToggling={ false }\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\"\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 the admin user interface' ) }\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/keyboard-shortcuts/index.js

@@ -8,7 +8,6 @@ var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
 var _i18n = require("@wordpress/i18n");
-var _editor = require("@wordpress/editor");
 var _blockEditor = require("@wordpress/block-editor");
 var _blocks = require("@wordpress/blocks");
 var _store = require("../../store");
@@ -22,22 +21,12 @@ var _store = require("../../store");
 
 function KeyboardShortcuts() {
   const {
-    getEditorMode,
     isEditorSidebarOpened
   } = (0, _data.useSelect)(_store.store);
-  const isModeToggleDisabled = (0, _data.useSelect)(select => {
-    const {
-      richEditingEnabled,
-      codeEditingEnabled
-    } = select(_editor.store).getEditorSettings();
-    return !richEditingEnabled || !codeEditingEnabled;
-  }, []);
   const {
-    switchEditorMode,
     openGeneralSidebar,
     closeGeneralSidebar,
-    toggleFeature,
-    toggleDistractionFree
+    toggleFeature
   } = (0, _data.useDispatch)(_store.store);
   const {
     registerShortcut
@@ -74,24 +63,6 @@ function KeyboardShortcuts() {
     }));
   };
   (0, _element.useEffect)(() => {
-    registerShortcut({
-      name: 'core/edit-post/toggle-mode',
-      category: 'global',
-      description: (0, _i18n.__)('Switch between visual editor and code editor.'),
-      keyCombination: {
-        modifier: 'secondary',
-        character: 'm'
-      }
-    });
-    registerShortcut({
-      name: 'core/edit-post/toggle-distraction-free',
-      category: 'global',
-      description: (0, _i18n.__)('Toggle distraction free mode.'),
-      keyCombination: {
-        modifier: 'primaryShift',
-        character: '\\'
-      }
-    });
     registerShortcut({
       name: 'core/edit-post/toggle-fullscreen',
       category: 'global',
@@ -169,17 +140,9 @@ function KeyboardShortcuts() {
       });
     });
   }, []);
-  (0, _keyboardShortcuts.useShortcut)('core/edit-post/toggle-mode', () => {
-    switchEditorMode(getEditorMode() === 'visual' ? 'text' : 'visual');
-  }, {
-    isDisabled: isModeToggleDisabled
-  });
   (0, _keyboardShortcuts.useShortcut)('core/edit-post/toggle-fullscreen', () => {
     toggleFeature('fullscreenMode');
   });
-  (0, _keyboardShortcuts.useShortcut)('core/edit-post/toggle-distraction-free', () => {
-    toggleDistractionFree();
-  });
   (0, _keyboardShortcuts.useShortcut)('core/edit-post/toggle-sidebar', event => {
     // This shortcut has no known clashes, but use preventDefault to prevent any
     // obscure shortcuts from triggering.