@wordpress/edit-post 7.29.0 → 7.31.0

package/CHANGELOG.md

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

package/README.md

@@ -99,64 +99,7 @@ _Returns_
 
 ### PluginDocumentSettingPanel
 
-Renders items below the Status & Availability panel in the Document Sidebar.
-
-_Usage_
-
-```js
-// Using ES5 syntax
-var el = React.createElement;
-var __ = wp.i18n.__;
-var registerPlugin = wp.plugins.registerPlugin;
-var PluginDocumentSettingPanel = wp.editPost.PluginDocumentSettingPanel;
-
-function MyDocumentSettingPlugin() {
-	return el(
-		PluginDocumentSettingPanel,
-		{
-			className: 'my-document-setting-plugin',
-			title: 'My Panel',
-			name: 'my-panel',
-		},
-		__( 'My Document Setting Panel' )
-	);
-}
-
-registerPlugin( 'my-document-setting-plugin', {
-	render: MyDocumentSettingPlugin,
-} );
-```
-
-```jsx
-// Using ESNext syntax
-import { registerPlugin } from '@wordpress/plugins';
-import { PluginDocumentSettingPanel } from '@wordpress/edit-post';
-
-const MyDocumentSettingTest = () => (
-	<PluginDocumentSettingPanel
-		className="my-document-setting-plugin"
-		title="My Panel"
-		name="my-panel"
-	>
-		<p>My Document Setting Panel</p>
-	</PluginDocumentSettingPanel>
-);
-
-registerPlugin( 'document-setting-test', { render: MyDocumentSettingTest } );
-```
-
-_Parameters_
-
--   _props_ `Object`: Component properties.
--   _props.name_ `string`: Required. A machine-friendly name for the panel.
--   _props.className_ `[string]`: An optional class name added to the row.
--   _props.title_ `[string]`: The title of the panel
--   _props.icon_ `[WPBlockTypeIconRender]`: The [Dashicon](https://developer.wordpress.org/resource/dashicons/) icon slug string, or an SVG WP element, to be rendered when the sidebar is pinned to toolbar.
--   _props.children_ `Element`: Children to be rendered
-
-_Returns_
-
--   `Component`: The component to be rendered.
+Undocumented declaration.
 
 ### PluginMoreMenuItem
 

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":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAKA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAOA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,kBAAA,GAAAX,OAAA;AAUA,IAAAY,MAAA,GAAAC,sBAAA,CAAAb,OAAA;AACA,IAAAc,MAAA,GAAAd,OAAA;AAvCA;AACA;AACA;;AAGA;AACA;AACA;;AA4BA;AACA;AACA;;AAIA,MAAMe,WAAW,GAAG;EACnBC,YAAY,EAAE;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;EACrCC,aAAa,EAAE,CAAC;EAChBC,YAAY,EAAE,CAAC;EACfC,SAAS,EAAE;AACZ,CAAC;AAED,SAASC,aAAaA,CAAE;EACvBC,OAAO;EACPC,OAAO;EACPC,IAAI;EACJC,IAAI;EACJC,YAAY;EACZC,sBAAsB;EACtBC,WAAW;EACXC,cAAc;EACdC,KAAK;EACLC;AACD,CAAC,EAAG;EACH,MAAMC,aAAa,GAAG,IAAAC,eAAM,EAAC,CAAC;EAE9B,MAAMC,cAAc,GAAG,CACtB,IAAAC,qCAA4B,EAC3BC,cAAM,CAAE,2BAA2B,CAAE,EACrCA,cAAM,CAAE,iCAAiC,CAC1C,CAAC,EACD;IAAEC,cAAc,EAAEC,uBAAU,CAACC;EAAc,CAAC,CAC5C;EAED,IAAAC,kBAAS,EAAE,MAAM;IAChB,MAAMC,kBAAkB,GAAG,IAAAC,yCAAsB,EAAEjB,IAAK,CAAC;IACzD,MAAMkB,kBAAkB,GAAG,IAAAC,yCAAsB,EAAEpB,IAAK,CAAC;IAEzD,OAAO,MAAM;MACZiB,kBAAkB,EAAEI,MAAM,CAAC,CAAC;MAC5BF,kBAAkB,EAAEE,MAAM,CAAC,CAAC;IAC7B,CAAC;EACF,CAAC,EAAE,CAAEpB,IAAI,EAAED,IAAI,CAAG,CAAC;EAEnB,IAAAgB,kBAAS,EAAE,MAAM;IAChB,IAAAM,mCAAgB,EAAE,CAAEvB,OAAQ,CAAC;EAC9B,CAAC,EAAE,CAAEA,OAAO,CAAG,CAAC;EAEhB,IAAAiB,kBAAS,EAAE,MAAM;IAChB,IAAAO,mCAAgB,EAAE,CAAEzB,OAAQ,CAAC;EAC9B,CAAC,EAAE,CAAEA,OAAO,CAAG,CAAC;EAEhB,MAAM0B,aAAa,GAAG,IAAAf,eAAM,EAAE,IAAK,CAAC;EACpC,MAAMgB,aAAa,GAAGA,CAAA,KAAM;IAC3B;IACA,IAAKC,iBAAQ,CAACC,SAAS,IAAIrB,KAAK,EAAG;MAClCkB,aAAa,CAACI,OAAO,CAACC,WAAW,CAAC,CAAC;IACpC,CAAC,MAAM;MACNL,aAAa,CAACI,OAAO,CAACE,QAAQ,CAAE;QAAEC,CAAC,EAAE;MAAE,CAAE,CAAC;IAC3C;EACD,CAAC;EAED,MAAMC,aAAa,GAAG,IAAAC,oBAAW,EAC9BC,SAAS,IAAM,MAAM;IACtB9B,WAAW,CAAE,IAAA+B,mBAAW,EAAED,SAAU,CAAC,EAAEE,SAAS,EAAEA,SAAS,EAAE,IAAI,EAAE;MAClEC,MAAM,EAAE,eAAe;MACvBC,cAAc,EAAE;IACjB,CAAE,CAAC;EACJ,CAAC,EACD,CAAElC,WAAW,CACd,CAAC;EAED,MAAMmC,kBAAkB,GACvB,IAAAC,MAAA,CAAAC,aAAA,EAAC3D,WAAA,CAAA4D,YAAY,QACZ,IAAAF,MAAA,CAAAC,aAAA,EAAC3D,WAAA,CAAA6D,aAAa;IACbC,GAAG,EAAC,aAAa;IACjBC,KAAK,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;IACvBC,IAAI,EAAGC,YAAW;IAClBC,OAAO,EAAGjB,aAAa,CAAE,YAAa,CAAG;IACzCkB,MAAM,EAAC,qBAAqB;IAC5BC,UAAU,EAAG;MACZC,IAAI,EAAE,IAAAN,QAAE,EAAE,oBAAqB;IAChC;EAAG,CACH,CAAC,EACF,IAAAN,MAAA,CAAAC,aAAA,EAAC3D,WAAA,CAAA6D,aAAa;IACbC,GAAG,EAAC,aAAa;IACjBC,KAAK,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;IACvBC,IAAI,EAAGM,YAAW;IAClBJ,OAAO,EAAGjB,aAAa,CAAE,YAAa,CAAG;IACzCkB,MAAM,EAAC,qBAAqB;IAC5BC,UAAU,EAAG;MACZC,IAAI,EAAE,IAAAN,QAAE,EAAE,oBAAqB;IAChC;EAAG,CACH,CAAC,EACF,IAAAN,MAAA,CAAAC,aAAA,EAAC3D,WAAA,CAAA6D,aAAa;IACbC,GAAG,EAAC,eAAe;IACnBC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBC,IAAI,EAAGO,cAAa;IACpBL,OAAO,EAAGjB,aAAa,CAAE,cAAe,CAAG;IAC3CkB,MAAM,EAAC,uBAAuB;IAC9BC,UAAU,EAAG;MACZC,IAAI,EAAE,IAAAN,QAAE,EAAE,sBAAuB;IAClC;EAAG,CACH,CAAC,EACF,IAAAN,MAAA,CAAAC,aAAA,EAAC3D,WAAA,CAAA6D,aAAa;IACbC,GAAG,EAAC,aAAa;IACjBC,KAAK,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;IACvBC,IAAI,EAAGQ,YAAW;IAClBN,OAAO,EAAGjB,aAAa,CAAE,YAAa,CAAG;IACzCkB,MAAM,EAAC,qBAAqB;IAC5BC,UAAU,EAAG;MACZC,IAAI,EAAE,IAAAN,QAAE,EAAE,oBAAqB;IAChC;EAAG,CACH,CACY,CACd;;EAED;EACA,MAAMU,gBAAgB,GAAG,IAAAV,QAAE,EAAE,gBAAiB,CAAC;EAE/C,MAAMW,WAAW,GAAG,IAAA9C,qCAA4B,EAC/CC,cAAM,CAAE,6CAA6C,CAAE,EACvDA,cAAM,CAAE,4CAA4C,CACrD,CAAC;EACD,MAAM8C,wBAAwB,GAAG,CAChC,IAAA/C,qCAA4B,EAC3BC,cAAM,CAAE,yCAAyC,CAAE,EACnDA,cAAM,CAAE,+CAA+C,CACxD,CAAC,EACDtB,WAAW,EACX;IACCmE,WAAW,EAAE/B,iBAAQ,CAACC,SAAS,GAC5Bf,cAAM,CAAE,6CAA6C,CAAE,CAAC+C,KAAK,GAC7DF,WAAW,CAACE;EAChB,CAAC,CACD;EAED,OACC,IAAAnB,MAAA,CAAAC,aAAA,EAACnE,YAAA,CAAAsF,IAAI;IACJC,GAAG,EAAGrD,aAAe;IACrB0C,MAAM,EAAGM,gBAAkB;IAC3BM,kBAAkB,EAAGN,gBAAkB;IACvCO,KAAK,EAAGrD;EAAgB,GAExB,IAAA8B,MAAA,CAAAC,aAAA,EAACnE,YAAA,CAAA0F,UAAU;IACVH,GAAG,EAAGrC,aAAe;IACrByC,mBAAmB,EAAGxC,aAAe;IACrCyC,UAAU,EAAG,IAAM;IACnBC,8BAA8B,EAAG,KAAO;IACxCC,yBAAyB,EAAC,QAAQ;IAClCC,sBAAsB,EAAG,KAAO;IAChCC,qBAAqB,EACpB1D,cAAM,CAAE,oCAAoC;EAC5C,GAED,IAAA4B,MAAA,CAAAC,aAAA,EAAC5D,YAAA,CAAA0F,QAAQ;IAACC,QAAQ,EAAG,CAAEtE;EAAc,CAAE,CAAC,EAEtCK,iBAAiB,IAAIgC,kBAAkB,EACzC,IAAAC,MAAA,CAAAC,aAAA,EAAC5D,YAAA,CAAA4F,YAAY;IAACjE,aAAa,EAAGA,aAAa,CAACoB;EAAS,CAAE,CAC5C,CAAC,EACXzB,sBAAsB,IACvB,IAAAqC,MAAA,CAAAC,aAAA,EAAC3D,WAAA,CAAA4D,YAAY;IAACgC,WAAW,EAAGhB;EAA0B,GACrD,IAAAlB,MAAA,CAAAC,aAAA,EAAC3D,WAAA,CAAA6D,aAAa;IACbE,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;IAC/BC,IAAI,EAAG4B,oBAAe;IACtB1B,OAAO,EAAG5C,cAAgB;IAC1B8C,UAAU,EAAG;MACZC,IAAI,EAAE,IAAAN,QAAE,EAAE,0BAA2B;IACtC;EAAG,CACH,CACY,CAEV,CAAC;AAET;AAAC,IAAA8B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,gBAAO,EAAE,CACvB,IAAAC,gBAAU,EAAIC,MAAM,IAAM;EACzB,MAAM;IACLC,oBAAoB;IACpBC,oBAAoB;IACpBC,gBAAgB;IAChBC;EACD,CAAC,GAAGJ,MAAM,CAAEK,kBAAiB,CAAC;EAC9B,MAAM;IAAEC;EAAkB,CAAC,GAAGN,MAAM,CAAEO,aAAY,CAAC;EACnD,MAAMC,kBAAkB,GAAGJ,gBAAgB,CAAC,CAAC;EAC7C,OAAO;IACNvF,OAAO,EAAEmF,MAAM,CAAEO,aAAY,CAAC,CAACE,aAAa,CAAC,CAAC;IAC9C3F,OAAO,EAAEkF,MAAM,CAAEO,aAAY,CAAC,CAACG,aAAa,CAAC,CAAC;IAC9C;IACAzF,YAAY,EACX+E,MAAM,CAAEW,YAAc,CAAC,CAACC,aAAa,CAAC,CAAC,KAAK,QAAQ,IACpDN,iBAAiB,CAAC,CAAC,CAACO,kBAAkB,IACtCV,gBAAgB,CACfF,oBAAoB,CAAEC,oBAAoB,CAAC,CAAE,CAC9C,CAAC;IACFY,iBAAiB,EAChBd,MAAM,CAAEW,YAAc,CAAC,CAACC,aAAa,CAAC,CAAC,KAAK,MAAM;IACnDvF,KAAK,EAAE2E,MAAM,CAAEK,kBAAiB,CAAC,CAACU,WAAW,CAAC,CAAC,CAAC1F,KAAK;IACrDC,iBAAiB,EAAE,CAAEkF;EACtB,CAAC;AACF,CAAE,CAAC,EACH,IAAAQ,kBAAY,EAAIC,QAAQ,IAAM;EAC7B,MAAM;IAAEC,kBAAkB;IAAE/F;EAAY,CAAC,GACxC8F,QAAQ,CAAEZ,kBAAiB,CAAC;EAC7B,MAAM;IAAEc;EAAyB,CAAC,GAAGF,QAAQ,CAAEV,aAAY,CAAC;EAE5D,OAAO;IACNxF,IAAI,EAAEkG,QAAQ,CAAEV,aAAY,CAAC,CAACxF,IAAI;IAClCC,IAAI,EAAEiG,QAAQ,CAAEV,aAAY,CAAC,CAACvF,IAAI;IAClCI,cAAcA,CAAA,EAAG;MAChB8F,kBAAkB,CAAC,CAAC;MACpBC,wBAAwB,CAAE,KAAM,CAAC;IAClC,CAAC;IACDhG;EACD,CAAC;AACF,CAAE,CAAC,EACH,IAAAiG,2BAAiB,EAAE;EAAEC,eAAe,EAAE;AAAS,CAAE,CAAC,CACjD,CAAC,CAAEzG,aAAc,CAAC"}
+{"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":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAKA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAOA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,kBAAA,GAAAX,OAAA;AAUA,IAAAY,MAAA,GAAAC,sBAAA,CAAAb,OAAA;AACA,IAAAc,MAAA,GAAAd,OAAA;AAvCA;AACA;AACA;;AAGA;AACA;AACA;;AA4BA;AACA;AACA;;AAIA,MAAMe,WAAW,GAAG;EACnBC,YAAY,EAAE;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC;EACrCC,aAAa,EAAE,CAAC;EAChBC,YAAY,EAAE,CAAC;EACfC,SAAS,EAAE;AACZ,CAAC;AAED,SAASC,aAAaA,CAAE;EACvBC,OAAO;EACPC,OAAO;EACPC,IAAI;EACJC,IAAI;EACJC,YAAY;EACZC,sBAAsB;EACtBC,WAAW;EACXC,cAAc;EACdC,KAAK;EACLC;AACD,CAAC,EAAG;EACH,MAAMC,aAAa,GAAG,IAAAC,eAAM,EAAC,CAAC;EAE9B,MAAMC,cAAc,GAAG,CACtB,IAAAC,qCAA4B,EAC3BC,cAAM,CAAE,2BAA2B,CAAE,EACrCA,cAAM,CAAE,iCAAiC,CAC1C,CAAC,EACD;IAAEC,cAAc,EAAEC,uBAAU,CAACC;EAAc,CAAC,CAC5C;EAED,IAAAC,kBAAS,EAAE,MAAM;IAChB,MAAMC,kBAAkB,GAAG,IAAAC,yCAAsB,EAAEjB,IAAK,CAAC;IACzD,MAAMkB,kBAAkB,GAAG,IAAAC,yCAAsB,EAAEpB,IAAK,CAAC;IAEzD,OAAO,MAAM;MACZiB,kBAAkB,EAAEI,MAAM,CAAC,CAAC;MAC5BF,kBAAkB,EAAEE,MAAM,CAAC,CAAC;IAC7B,CAAC;EACF,CAAC,EAAE,CAAEpB,IAAI,EAAED,IAAI,CAAG,CAAC;EAEnB,IAAAgB,kBAAS,EAAE,MAAM;IAChB,IAAAM,mCAAgB,EAAE,CAAEvB,OAAQ,CAAC;EAC9B,CAAC,EAAE,CAAEA,OAAO,CAAG,CAAC;EAEhB,IAAAiB,kBAAS,EAAE,MAAM;IAChB,IAAAO,mCAAgB,EAAE,CAAEzB,OAAQ,CAAC;EAC9B,CAAC,EAAE,CAAEA,OAAO,CAAG,CAAC;EAEhB,MAAM0B,aAAa,GAAG,IAAAf,eAAM,EAAE,IAAK,CAAC;EACpC,MAAMgB,aAAa,GAAGA,CAAA,KAAM;IAC3B;IACA,IAAKC,iBAAQ,CAACC,SAAS,IAAIrB,KAAK,EAAG;MAClCkB,aAAa,CAACI,OAAO,CAACC,WAAW,CAAC,CAAC;IACpC,CAAC,MAAM;MACNL,aAAa,CAACI,OAAO,CAACE,QAAQ,CAAE;QAAEC,CAAC,EAAE;MAAE,CAAE,CAAC;IAC3C;EACD,CAAC;EAED,MAAMC,aAAa,GAAG,IAAAC,oBAAW,EAC9BC,SAAS,IAAM,MAAM;IACtB9B,WAAW,CAAE,IAAA+B,mBAAW,EAAED,SAAU,CAAC,EAAEE,SAAS,EAAEA,SAAS,EAAE,IAAI,EAAE;MAClEC,MAAM,EAAE,eAAe;MACvBC,cAAc,EAAE;IACjB,CAAE,CAAC;EACJ,CAAC,EACD,CAAElC,WAAW,CACd,CAAC;EAED,MAAMmC,kBAAkB,GACvB,IAAAC,MAAA,CAAAC,aAAA,EAAC3D,WAAA,CAAA4D,YAAY,QACZ,IAAAF,MAAA,CAAAC,aAAA,EAAC3D,WAAA,CAAA6D,aAAa;IACbC,GAAG,EAAC,aAAa;IACjBC,KAAK,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;IACvBC,IAAI,EAAGC,YAAW;IAClBC,OAAO,EAAGjB,aAAa,CAAE,YAAa,CAAG;IACzCkB,MAAM,EAAC,qBAAqB;IAC5BC,UAAU,EAAG;MACZC,IAAI,EAAE,IAAAN,QAAE,EAAE,oBAAqB;IAChC;EAAG,CACH,CAAC,EACF,IAAAN,MAAA,CAAAC,aAAA,EAAC3D,WAAA,CAAA6D,aAAa;IACbC,GAAG,EAAC,aAAa;IACjBC,KAAK,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;IACvBC,IAAI,EAAGM,YAAW;IAClBJ,OAAO,EAAGjB,aAAa,CAAE,YAAa,CAAG;IACzCkB,MAAM,EAAC,qBAAqB;IAC5BC,UAAU,EAAG;MACZC,IAAI,EAAE,IAAAN,QAAE,EAAE,oBAAqB;IAChC;EAAG,CACH,CAAC,EACF,IAAAN,MAAA,CAAAC,aAAA,EAAC3D,WAAA,CAAA6D,aAAa;IACbC,GAAG,EAAC,eAAe;IACnBC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBC,IAAI,EAAGO,cAAa;IACpBL,OAAO,EAAGjB,aAAa,CAAE,cAAe,CAAG;IAC3CkB,MAAM,EAAC,uBAAuB;IAC9BC,UAAU,EAAG;MACZC,IAAI,EAAE,IAAAN,QAAE,EAAE,sBAAuB;IAClC;EAAG,CACH,CAAC,EACF,IAAAN,MAAA,CAAAC,aAAA,EAAC3D,WAAA,CAAA6D,aAAa;IACbC,GAAG,EAAC,aAAa;IACjBC,KAAK,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;IACvBC,IAAI,EAAGQ,YAAW;IAClBN,OAAO,EAAGjB,aAAa,CAAE,YAAa,CAAG;IACzCkB,MAAM,EAAC,qBAAqB;IAC5BC,UAAU,EAAG;MACZC,IAAI,EAAE,IAAAN,QAAE,EAAE,oBAAqB;IAChC;EAAG,CACH,CACY,CACd;;EAED;EACA,MAAMU,gBAAgB,GAAG,IAAAV,QAAE,EAAE,gBAAiB,CAAC;EAE/C,MAAMW,WAAW,GAAG,IAAA9C,qCAA4B,EAC/CC,cAAM,CAAE,6CAA6C,CAAE,EACvDA,cAAM,CAAE,4CAA4C,CACrD,CAAC;EACD,MAAM8C,wBAAwB,GAAG,CAChC,IAAA/C,qCAA4B,EAC3BC,cAAM,CAAE,yCAAyC,CAAE,EACnDA,cAAM,CAAE,+CAA+C,CACxD,CAAC,EACDtB,WAAW,EACX;IACCmE,WAAW,EAAE/B,iBAAQ,CAACC,SAAS,GAC5Bf,cAAM,CAAE,6CAA6C,CAAE,CAAC+C,KAAK,GAC7DF,WAAW,CAACE;EAChB,CAAC,CACD;EAED,OACC,IAAAnB,MAAA,CAAAC,aAAA,EAACnE,YAAA,CAAAsF,IAAI;IACJC,GAAG,EAAGrD,aAAe;IACrB0C,MAAM,EAAGM,gBAAkB;IAC3BM,kBAAkB,EAAGN,gBAAkB;IACvCO,KAAK,EAAGrD;EAAgB,GAExB,IAAA8B,MAAA,CAAAC,aAAA,EAACnE,YAAA,CAAA0F,UAAU;IACVH,GAAG,EAAGrC,aAAe;IACrByC,mBAAmB,EAAGxC,aAAe;IACrCyC,UAAU;IACVC,8BAA8B,EAAG,KAAO;IACxCC,yBAAyB,EAAC,QAAQ;IAClCC,sBAAsB,EAAG,KAAO;IAChCC,qBAAqB,EACpB1D,cAAM,CAAE,oCAAoC;EAC5C,GAED,IAAA4B,MAAA,CAAAC,aAAA,EAAC5D,YAAA,CAAA0F,QAAQ;IAACC,QAAQ,EAAG,CAAEtE;EAAc,CAAE,CAAC,EAEtCK,iBAAiB,IAAIgC,kBAAkB,EACzC,IAAAC,MAAA,CAAAC,aAAA,EAAC5D,YAAA,CAAA4F,YAAY;IAACjE,aAAa,EAAGA,aAAa,CAACoB;EAAS,CAAE,CAC5C,CAAC,EACXzB,sBAAsB,IACvB,IAAAqC,MAAA,CAAAC,aAAA,EAAC3D,WAAA,CAAA4D,YAAY;IAACgC,WAAW,EAAGhB;EAA0B,GACrD,IAAAlB,MAAA,CAAAC,aAAA,EAAC3D,WAAA,CAAA6D,aAAa;IACbE,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;IAC/BC,IAAI,EAAG4B,oBAAe;IACtB1B,OAAO,EAAG5C,cAAgB;IAC1B8C,UAAU,EAAG;MACZC,IAAI,EAAE,IAAAN,QAAE,EAAE,0BAA2B;IACtC;EAAG,CACH,CACY,CAEV,CAAC;AAET;AAAC,IAAA8B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,gBAAO,EAAE,CACvB,IAAAC,gBAAU,EAAIC,MAAM,IAAM;EACzB,MAAM;IACLC,oBAAoB;IACpBC,oBAAoB;IACpBC,gBAAgB;IAChBC;EACD,CAAC,GAAGJ,MAAM,CAAEK,kBAAiB,CAAC;EAC9B,MAAM;IAAEC;EAAkB,CAAC,GAAGN,MAAM,CAAEO,aAAY,CAAC;EACnD,MAAMC,kBAAkB,GAAGJ,gBAAgB,CAAC,CAAC;EAC7C,OAAO;IACNvF,OAAO,EAAEmF,MAAM,CAAEO,aAAY,CAAC,CAACE,aAAa,CAAC,CAAC;IAC9C3F,OAAO,EAAEkF,MAAM,CAAEO,aAAY,CAAC,CAACG,aAAa,CAAC,CAAC;IAC9C;IACAzF,YAAY,EACX+E,MAAM,CAAEW,YAAc,CAAC,CAACC,aAAa,CAAC,CAAC,KAAK,QAAQ,IACpDN,iBAAiB,CAAC,CAAC,CAACO,kBAAkB,IACtCV,gBAAgB,CACfF,oBAAoB,CAAEC,oBAAoB,CAAC,CAAE,CAC9C,CAAC;IACFY,iBAAiB,EAChBd,MAAM,CAAEW,YAAc,CAAC,CAACC,aAAa,CAAC,CAAC,KAAK,MAAM;IACnDvF,KAAK,EAAE2E,MAAM,CAAEK,kBAAiB,CAAC,CAACU,WAAW,CAAC,CAAC,CAAC1F,KAAK;IACrDC,iBAAiB,EAAE,CAAEkF;EACtB,CAAC;AACF,CAAE,CAAC,EACH,IAAAQ,kBAAY,EAAIC,QAAQ,IAAM;EAC7B,MAAM;IAAEC,kBAAkB;IAAE/F;EAAY,CAAC,GACxC8F,QAAQ,CAAEZ,kBAAiB,CAAC;EAC7B,MAAM;IAAEc;EAAyB,CAAC,GAAGF,QAAQ,CAAEV,aAAY,CAAC;EAE5D,OAAO;IACNxF,IAAI,EAAEkG,QAAQ,CAAEV,aAAY,CAAC,CAACxF,IAAI;IAClCC,IAAI,EAAEiG,QAAQ,CAAEV,aAAY,CAAC,CAACvF,IAAI;IAClCI,cAAcA,CAAA,EAAG;MAChB8F,kBAAkB,CAAC,CAAC;MACpBC,wBAAwB,CAAE,KAAM,CAAC;IAClC,CAAC;IACDhG;EACD,CAAC;AACF,CAAE,CAAC,EACH,IAAAiG,2BAAiB,EAAE;EAAEC,eAAe,EAAE;AAAS,CAAE,CAAC,CACjD,CAAC,CAAEzG,aAAc,CAAC"}

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,
@@ -79,9 +82,8 @@ function Header({
   const blockToolbarRef = (0, _element.useRef)();
   const {
     isTextEditor,
-    hasBlockSelection,
+    blockSelectionStart,
     hasActiveMetaboxes,
-    hasFixedToolbar,
     isPublishSidebarOpened,
     showIconLabels,
     hasHistory
@@ -94,21 +96,25 @@ function Header({
     } = select(_editor.store);
     return {
       isTextEditor: getEditorMode() === 'text',
-      hasBlockSelection: !!select(_blockEditor.store).getBlockSelectionStart(),
+      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)(() => {
     // If we have a new block selection, show the block tools
-    if (hasBlockSelection) {
+    if (blockSelectionStart) {
       setIsBlockToolsCollapsed(false);
     }
-  }, [hasBlockSelection]);
+  }, [blockSelectionStart]);
   return (0, _react.createElement)("div", {
     className: "edit-post-header"
   }, (0, _react.createElement)(_mainDashboardButton.default.Slot, null, (0, _react.createElement)(_components.__unstableMotion.div, {
@@ -129,25 +135,26 @@ 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
+      'is-collapsed': isBlockToolsCollapsed || !hasBlockSelection
     })
   }, (0, _react.createElement)(_blockEditor.BlockToolbar, {
     hideDragHandle: true
   })), (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","hasBlockSelection","hasActiveMetaboxes","hasFixedToolbar","isPublishSidebarOpened","showIconLabels","hasHistory","useSelect","select","get","getPreference","preferencesStore","getEditorMode","editorStore","blockEditorStore","getBlockSelectionStart","editPostStore","hasMetaBoxes","getEditorSettings","onNavigateToPreviousEntityRecord","isBlockToolsCollapsed","setIsBlockToolsCollapsed","useState","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\thasBlockSelection,\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( editorStore );\n\n\t\treturn {\n\t\t\tisTextEditor: getEditorMode() === 'text',\n\t\t\thasBlockSelection:\n\t\t\t\t!! select( 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\n\tuseEffect( () => {\n\t\t// If we have a new block selection, show the block tools\n\t\tif ( hasBlockSelection ) {\n\t\t\tsetIsBlockToolsCollapsed( false );\n\t\t}\n\t}, [ hasBlockSelection ] );\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': 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<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

@@ -11,6 +11,7 @@ var _components = require("@wordpress/components");
 var _interface = require("@wordpress/interface");
 var _compose = require("@wordpress/compose");
 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"));
@@ -30,12 +31,19 @@ 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'
     }
   }, ({

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_interface","_compose","_editor","_preferencesMenuItem","_interopRequireDefault","_toolsMoreMenuGroup","_writingMenu","_lockUnlock","ModeSwitcher","unlock","editorPrivateApis","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';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\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<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;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,oBAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,YAAA,GAAAF,sBAAA,CAAAN,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAnBA;AACA;AACA;;AAWA;AACA;AACA;;AAMA,MAAM;EAAEU;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,EAAChB,UAAA,CAAAiB,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,EAAChB,UAAA,CAAAwB,WAAW,CAACC,IAAI;IAChBC,SAAS,EAAGd,cAAc,IAAI,kBAAoB;IAClDe,KAAK,EAAC;EAAgB,CACtB,CACD,EACD,IAAAZ,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAsB,OAAW,MAAE,CAAC,EACf,IAAAb,MAAA,CAAAC,aAAA,EAACR,YAAY,MAAE,CAAC,EAChB,IAAAO,MAAA,CAAAC,aAAA,EAAChB,UAAA,CAAA6B,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,EAACX,mBAAA,CAAAuB,OAAkB,CAACH,IAAI;IAACU,SAAS,EAAG;MAAEb;IAAQ;EAAG,CAAE,CAAC,EACrD,IAAAP,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAmC,SAAS,QACT,IAAAnB,MAAA,CAAAC,aAAA,EAACb,oBAAA,CAAAyB,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/init-pattern-modal/index.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = InitPatternModal;
+var _react = require("react");
+var _data = require("@wordpress/data");
+var _i18n = require("@wordpress/i18n");
+var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
+var _editor = require("@wordpress/editor");
+var _blockEditor = require("@wordpress/block-editor");
+var _lockUnlock = require("../../lock-unlock");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  ReusableBlocksRenameHint
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+function InitPatternModal() {
+  const {
+    editPost
+  } = (0, _data.useDispatch)(_editor.store);
+  const [isModalOpen, setIsModalOpen] = (0, _element.useState)(false);
+  const [syncType, setSyncType] = (0, _element.useState)(undefined);
+  const [title, setTitle] = (0, _element.useState)('');
+  const {
+    postType,
+    isNewPost
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEditedPostAttribute,
+      isCleanNewPost
+    } = select(_editor.store);
+    return {
+      postType: getEditedPostAttribute('type'),
+      isNewPost: isCleanNewPost()
+    };
+  }, []);
+  (0, _element.useEffect)(() => {
+    if (isNewPost && postType === 'wp_block') {
+      setIsModalOpen(true);
+    }
+    // We only want the modal to open when the page is first loaded.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  if (postType !== 'wp_block' || !isNewPost) {
+    return null;
+  }
+  return (0, _react.createElement)(_react.Fragment, null, isModalOpen && (0, _react.createElement)(_components.Modal, {
+    title: (0, _i18n.__)('Create pattern'),
+    onRequestClose: () => {
+      setIsModalOpen(false);
+    },
+    overlayClassName: "reusable-blocks-menu-items__convert-modal"
+  }, (0, _react.createElement)("form", {
+    onSubmit: event => {
+      event.preventDefault();
+      setIsModalOpen(false);
+      editPost({
+        title,
+        meta: {
+          wp_pattern_sync_status: syncType
+        }
+      });
+    }
+  }, (0, _react.createElement)(_components.__experimentalVStack, {
+    spacing: "5"
+  }, (0, _react.createElement)(_components.TextControl, {
+    label: (0, _i18n.__)('Name'),
+    value: title,
+    onChange: setTitle,
+    placeholder: (0, _i18n.__)('My pattern'),
+    className: "patterns-create-modal__name-input",
+    __nextHasNoMarginBottom: true,
+    __next40pxDefaultSize: true
+  }), (0, _react.createElement)(ReusableBlocksRenameHint, null), (0, _react.createElement)(_components.ToggleControl, {
+    label: (0, _i18n._x)('Synced', 'Option that makes an individual pattern synchronized'),
+    help: (0, _i18n.__)('Sync this pattern across multiple locations.'),
+    checked: !syncType,
+    onChange: () => {
+      setSyncType(!syncType ? 'unsynced' : undefined);
+    }
+  }), (0, _react.createElement)(_components.__experimentalHStack, {
+    justify: "right"
+  }, (0, _react.createElement)(_components.Button, {
+    variant: "primary",
+    type: "submit",
+    disabled: !title,
+    __experimentalIsFocusable: true
+  }, (0, _i18n.__)('Create')))))));
+}
+//# sourceMappingURL=index.js.map

package/build/components/init-pattern-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_data","require","_i18n","_components","_element","_editor","_blockEditor","_lockUnlock","ReusableBlocksRenameHint","unlock","blockEditorPrivateApis","InitPatternModal","editPost","useDispatch","editorStore","isModalOpen","setIsModalOpen","useState","syncType","setSyncType","undefined","title","setTitle","postType","isNewPost","useSelect","select","getEditedPostAttribute","isCleanNewPost","useEffect","_react","createElement","Fragment","Modal","__","onRequestClose","overlayClassName","onSubmit","event","preventDefault","meta","wp_pattern_sync_status","__experimentalVStack","spacing","TextControl","label","value","onChange","placeholder","className","__nextHasNoMarginBottom","__next40pxDefaultSize","ToggleControl","_x","help","checked","__experimentalHStack","justify","Button","variant","type","disabled","__experimentalIsFocusable"],"sources":["@wordpress/edit-post/src/components/init-pattern-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tModal,\n\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tToggleControl,\n\tTextControl,\n} from '@wordpress/components';\nimport { useEffect, useState } from '@wordpress/element';\nimport { store as editorStore } from '@wordpress/editor';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\n\nimport { unlock } from '../../lock-unlock';\n\nconst { ReusableBlocksRenameHint } = unlock( blockEditorPrivateApis );\n\nexport default function InitPatternModal() {\n\tconst { editPost } = useDispatch( editorStore );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst [ syncType, setSyncType ] = useState( undefined );\n\tconst [ title, setTitle ] = useState( '' );\n\n\tconst { postType, isNewPost } = useSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute, isCleanNewPost } =\n\t\t\tselect( editorStore );\n\t\treturn {\n\t\t\tpostType: getEditedPostAttribute( 'type' ),\n\t\t\tisNewPost: isCleanNewPost(),\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( isNewPost && postType === 'wp_block' ) {\n\t\t\tsetIsModalOpen( true );\n\t\t}\n\t\t// We only want the modal to open when the page is first loaded.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tif ( postType !== 'wp_block' || ! isNewPost ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Create pattern' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\toverlayClassName=\"reusable-blocks-menu-items__convert-modal\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\t\teditPost( {\n\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\tmeta: {\n\t\t\t\t\t\t\t\t\twp_pattern_sync_status: syncType,\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\t\t<VStack spacing=\"5\">\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\t\t\tplaceholder={ __( 'My pattern' ) }\n\t\t\t\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ReusableBlocksRenameHint />\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t\t'Synced',\n\t\t\t\t\t\t\t\t\t'Option that makes an individual pattern synchronized'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Sync this pattern across multiple locations.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tchecked={ ! syncType }\n\t\t\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\t\t\tsetSyncType(\n\t\t\t\t\t\t\t\t\t\t! syncType ? 'unsynced' : undefined\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\tdisabled={ ! title }\n\t\t\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/components/keyboard-shortcut-help-modal/config.js

@@ -68,5 +68,11 @@ const textFormattingShortcuts = exports.textFormattingShortcuts = [{
     character: '1-6'
   },
   description: (0, _i18n.__)('Convert the current paragraph or heading to a heading of level 1 to 6.')
+}, {
+  keyCombination: {
+    modifier: 'primaryShift',
+    character: '\u00a0'
+  },
+  description: (0, _i18n.__)('Add non breaking space.')
 }];
 //# sourceMappingURL=config.js.map