@wordpress/edit-post 7.19.6 → 7.20.1

package/build/components/header/fullscreen-mode-close/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
@@ -63,7 +63,7 @@ function FullscreenModeClose({
   if (!isActive || !postType) {
     return null;
   }
-  let buttonIcon = (0, _element.createElement)(_components.Icon, {
+  let buttonIcon = (0, _react.createElement)(_components.Icon, {
     size: "36px",
     icon: _icons.wordpress
   });
@@ -77,7 +77,7 @@ function FullscreenModeClose({
     }
   };
   if (siteIconUrl) {
-    buttonIcon = (0, _element.createElement)(_components.__unstableMotion.img, {
+    buttonIcon = (0, _react.createElement)(_components.__unstableMotion.img, {
       variants: !disableMotion && effect,
       alt: (0, _i18n.__)('Site Icon'),
       className: "edit-post-fullscreen-mode-close_site-icon",
@@ -90,7 +90,7 @@ function FullscreenModeClose({
 
   // Override default icon if custom icon is provided via props.
   if (icon) {
-    buttonIcon = (0, _element.createElement)(_components.Icon, {
+    buttonIcon = (0, _react.createElement)(_components.Icon, {
       size: "36px",
       icon: icon
     });
@@ -99,9 +99,9 @@ function FullscreenModeClose({
     'edit-post-fullscreen-mode-close': true,
     'has-icon': siteIconUrl
   });
-  return (0, _element.createElement)(_components.__unstableMotion.div, {
+  return (0, _react.createElement)(_components.__unstableMotion.div, {
     whileHover: "expand"
-  }, (0, _element.createElement)(_components.Button, {
+  }, (0, _react.createElement)(_components.Button, {
     className: classes,
     href: href !== null && href !== void 0 ? href : (0, _url.addQueryArgs)('edit.php', {
       post_type: postType.slug

package/build/components/header/fullscreen-mode-close/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_components","_i18n","_url","_icons","_editor","_coreData","_compose","_store","FullscreenModeClose","showTooltip","icon","href","_postType$labels$view","isActive","isRequestingSiteIcon","postType","siteIconUrl","useSelect","select","getCurrentPostType","editorStore","isFeatureActive","editPostStore","getEntityRecord","getPostType","isResolving","coreStore","siteData","undefined","site_icon_url","disableMotion","useReducedMotion","buttonIcon","_element","createElement","Icon","size","wordpress","effect","expand","scale","transition","type","duration","__unstableMotion","img","variants","alt","__","className","src","classes","classnames","div","whileHover","Button","addQueryArgs","post_type","slug","label","labels","view_items","_default","exports","default"],"sources":["@wordpress/edit-post/src/components/header/fullscreen-mode-close/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\tButton,\n\tIcon,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { wordpress } from '@wordpress/icons';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useReducedMotion } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\nfunction FullscreenModeClose( { showTooltip, icon, href } ) {\n\tconst { isActive, isRequestingSiteIcon, postType, siteIconUrl } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCurrentPostType } = select( editorStore );\n\t\t\tconst { isFeatureActive } = select( editPostStore );\n\t\t\tconst { getEntityRecord, getPostType, isResolving } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst siteData =\n\t\t\t\tgetEntityRecord( 'root', '__unstableBase', undefined ) || {};\n\n\t\t\treturn {\n\t\t\t\tisActive: isFeatureActive( 'fullscreenMode' ),\n\t\t\t\tisRequestingSiteIcon: isResolving( 'getEntityRecord', [\n\t\t\t\t\t'root',\n\t\t\t\t\t'__unstableBase',\n\t\t\t\t\tundefined,\n\t\t\t\t] ),\n\t\t\t\tpostType: getPostType( getCurrentPostType() ),\n\t\t\t\tsiteIconUrl: siteData.site_icon_url,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst disableMotion = useReducedMotion();\n\n\tif ( ! isActive || ! postType ) {\n\t\treturn null;\n\t}\n\n\tlet buttonIcon = <Icon size=\"36px\" icon={ wordpress } />;\n\n\tconst effect = {\n\t\texpand: {\n\t\t\tscale: 1.25,\n\t\t\ttransition: { type: 'tween', duration: '0.3' },\n\t\t},\n\t};\n\n\tif ( siteIconUrl ) {\n\t\tbuttonIcon = (\n\t\t\t<motion.img\n\t\t\t\tvariants={ ! disableMotion && effect }\n\t\t\t\talt={ __( 'Site Icon' ) }\n\t\t\t\tclassName=\"edit-post-fullscreen-mode-close_site-icon\"\n\t\t\t\tsrc={ siteIconUrl }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( isRequestingSiteIcon ) {\n\t\tbuttonIcon = null;\n\t}\n\n\t// Override default icon if custom icon is provided via props.\n\tif ( icon ) {\n\t\tbuttonIcon = <Icon size=\"36px\" icon={ icon } />;\n\t}\n\n\tconst classes = classnames( {\n\t\t'edit-post-fullscreen-mode-close': true,\n\t\t'has-icon': siteIconUrl,\n\t} );\n\n\treturn (\n\t\t<motion.div whileHover=\"expand\">\n\t\t\t<Button\n\t\t\t\tclassName={ classes }\n\t\t\t\thref={\n\t\t\t\t\thref ??\n\t\t\t\t\taddQueryArgs( 'edit.php', {\n\t\t\t\t\t\tpost_type: postType.slug,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t\tlabel={ postType?.labels?.view_items ?? __( 'Back' ) }\n\t\t\t\tshowTooltip={ showTooltip }\n\t\t\t>\n\t\t\t\t{ buttonIcon }\n\t\t\t</Button>\n\t\t</motion.div>\n\t);\n}\n\nexport default FullscreenModeClose;\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_components","_i18n","_url","_icons","_editor","_coreData","_compose","_store","FullscreenModeClose","showTooltip","icon","href","_postType$labels$view","isActive","isRequestingSiteIcon","postType","siteIconUrl","useSelect","select","getCurrentPostType","editorStore","isFeatureActive","editPostStore","getEntityRecord","getPostType","isResolving","coreStore","siteData","undefined","site_icon_url","disableMotion","useReducedMotion","buttonIcon","_react","createElement","Icon","size","wordpress","effect","expand","scale","transition","type","duration","__unstableMotion","img","variants","alt","__","className","src","classes","classnames","div","whileHover","Button","addQueryArgs","post_type","slug","label","labels","view_items","_default","exports","default"],"sources":["@wordpress/edit-post/src/components/header/fullscreen-mode-close/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\tButton,\n\tIcon,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { wordpress } from '@wordpress/icons';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useReducedMotion } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\nfunction FullscreenModeClose( { showTooltip, icon, href } ) {\n\tconst { isActive, isRequestingSiteIcon, postType, siteIconUrl } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCurrentPostType } = select( editorStore );\n\t\t\tconst { isFeatureActive } = select( editPostStore );\n\t\t\tconst { getEntityRecord, getPostType, isResolving } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst siteData =\n\t\t\t\tgetEntityRecord( 'root', '__unstableBase', undefined ) || {};\n\n\t\t\treturn {\n\t\t\t\tisActive: isFeatureActive( 'fullscreenMode' ),\n\t\t\t\tisRequestingSiteIcon: isResolving( 'getEntityRecord', [\n\t\t\t\t\t'root',\n\t\t\t\t\t'__unstableBase',\n\t\t\t\t\tundefined,\n\t\t\t\t] ),\n\t\t\t\tpostType: getPostType( getCurrentPostType() ),\n\t\t\t\tsiteIconUrl: siteData.site_icon_url,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst disableMotion = useReducedMotion();\n\n\tif ( ! isActive || ! postType ) {\n\t\treturn null;\n\t}\n\n\tlet buttonIcon = <Icon size=\"36px\" icon={ wordpress } />;\n\n\tconst effect = {\n\t\texpand: {\n\t\t\tscale: 1.25,\n\t\t\ttransition: { type: 'tween', duration: '0.3' },\n\t\t},\n\t};\n\n\tif ( siteIconUrl ) {\n\t\tbuttonIcon = (\n\t\t\t<motion.img\n\t\t\t\tvariants={ ! disableMotion && effect }\n\t\t\t\talt={ __( 'Site Icon' ) }\n\t\t\t\tclassName=\"edit-post-fullscreen-mode-close_site-icon\"\n\t\t\t\tsrc={ siteIconUrl }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( isRequestingSiteIcon ) {\n\t\tbuttonIcon = null;\n\t}\n\n\t// Override default icon if custom icon is provided via props.\n\tif ( icon ) {\n\t\tbuttonIcon = <Icon size=\"36px\" icon={ icon } />;\n\t}\n\n\tconst classes = classnames( {\n\t\t'edit-post-fullscreen-mode-close': true,\n\t\t'has-icon': siteIconUrl,\n\t} );\n\n\treturn (\n\t\t<motion.div whileHover=\"expand\">\n\t\t\t<Button\n\t\t\t\tclassName={ classes }\n\t\t\t\thref={\n\t\t\t\t\thref ??\n\t\t\t\t\taddQueryArgs( 'edit.php', {\n\t\t\t\t\t\tpost_type: postType.slug,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t\tlabel={ postType?.labels?.view_items ?? __( 'Back' ) }\n\t\t\t\tshowTooltip={ showTooltip }\n\t\t\t>\n\t\t\t\t{ buttonIcon }\n\t\t\t</Button>\n\t\t</motion.div>\n\t);\n}\n\nexport default FullscreenModeClose;\n"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _compose = require("@wordpress/compose");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
@@ -12,6 +12,7 @@ var _blockEditor = require("@wordpress/block-editor");
 var _editor = require("@wordpress/editor");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
+var _element = require("@wordpress/element");
 var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
 var _preferences = require("@wordpress/preferences");
 var _store = require("../../../store");
@@ -90,7 +91,7 @@ function HeaderToolbar({
   /* translators: accessibility text for the editor toolbar */
   const toolbarAriaLabel = (0, _i18n.__)('Document tools');
   const toggleListView = (0, _element.useCallback)(() => setIsListViewOpened(!isListViewOpen), [setIsListViewOpened, isListViewOpen]);
-  const overflowItems = (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.ToolbarItem, {
+  const overflowItems = (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ToolbarItem, {
     as: _components.Button,
     className: "edit-post-header-toolbar__document-overview-toggle",
     icon: _icons.listView,
@@ -120,13 +121,13 @@ function HeaderToolbar({
   /* translators: button label text should, if possible, be under 16 characters. */
   const longLabel = (0, _i18n._x)('Toggle block inserter', 'Generic label for block inserter button');
   const shortLabel = !isInserterOpened ? (0, _i18n.__)('Add') : (0, _i18n.__)('Close');
-  return (0, _element.createElement)(_blockEditor.NavigableToolbar, {
+  return (0, _react.createElement)(_blockEditor.NavigableToolbar, {
     className: "edit-post-header-toolbar",
     "aria-label": toolbarAriaLabel,
     shouldUseKeyboardFocusShortcut: !blockToolbarCanBeFocused
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "edit-post-header-toolbar__left"
-  }, (0, _element.createElement)(_components.ToolbarItem, {
+  }, (0, _react.createElement)(_components.ToolbarItem, {
     ref: inserterButton,
     as: _components.Button,
     className: "edit-post-header-toolbar__inserter-toggle",
@@ -139,16 +140,16 @@ function HeaderToolbar({
     label: showIconLabels ? shortLabel : longLabel,
     showTooltip: !showIconLabels,
     "aria-expanded": isInserterOpened
-  }), (isWideViewport || !showIconLabels) && (0, _element.createElement)(_element.Fragment, null, isLargeViewport && !hasFixedToolbar && (0, _element.createElement)(_components.ToolbarItem, {
+  }), (isWideViewport || !showIconLabels) && (0, _react.createElement)(_react.Fragment, null, isLargeViewport && !hasFixedToolbar && (0, _react.createElement)(_components.ToolbarItem, {
     as: _blockEditor.ToolSelector,
     showTooltip: !showIconLabels,
     variant: showIconLabels ? 'tertiary' : undefined,
     disabled: isTextModeEnabled
-  }), (0, _element.createElement)(_components.ToolbarItem, {
+  }), (0, _react.createElement)(_components.ToolbarItem, {
     as: _editor.EditorHistoryUndo,
     showTooltip: !showIconLabels,
     variant: showIconLabels ? 'tertiary' : undefined
-  }), (0, _element.createElement)(_components.ToolbarItem, {
+  }), (0, _react.createElement)(_components.ToolbarItem, {
     as: _editor.EditorHistoryRedo,
     showTooltip: !showIconLabels,
     variant: showIconLabels ? 'tertiary' : undefined

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

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

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
+var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _data = require("@wordpress/data");
 var _viewport = require("@wordpress/viewport");
@@ -87,7 +88,7 @@ function HeaderToolbar({
       inserterMethod: 'quick-inserter'
     });
   }, [insertBlock]);
-  const renderMediaButtons = (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.ToolbarButton, {
+  const renderMediaButtons = (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarButton, {
     key: "imageButton",
     title: (0, _i18n.__)('Image'),
     icon: _icons.media,
@@ -96,7 +97,7 @@ function HeaderToolbar({
     extraProps: {
       hint: (0, _i18n.__)('Insert Image Block')
     }
-  }), (0, _element.createElement)(_components.ToolbarButton, {
+  }), (0, _react.createElement)(_components.ToolbarButton, {
     key: "videoButton",
     title: (0, _i18n.__)('Video'),
     icon: _icons.video,
@@ -105,7 +106,7 @@ function HeaderToolbar({
     extraProps: {
       hint: (0, _i18n.__)('Insert Video Block')
     }
-  }), (0, _element.createElement)(_components.ToolbarButton, {
+  }), (0, _react.createElement)(_components.ToolbarButton, {
     key: "galleryButton",
     title: (0, _i18n.__)('Gallery'),
     icon: _icons.gallery,
@@ -114,7 +115,7 @@ function HeaderToolbar({
     extraProps: {
       hint: (0, _i18n.__)('Insert Gallery Block')
     }
-  }), (0, _element.createElement)(_components.ToolbarButton, {
+  }), (0, _react.createElement)(_components.ToolbarButton, {
     key: "audioButton",
     title: (0, _i18n.__)('Audio'),
     icon: _icons.audio,
@@ -131,12 +132,12 @@ function HeaderToolbar({
   const showKeyboardButtonStyles = [(0, _compose.usePreferredColorSchemeStyle)(_style.default['header-toolbar__keyboard-hide-container'], _style.default['header-toolbar__keyboard-hide-container--dark']), shadowStyle, {
     shadowColor: _element.Platform.isAndroid ? _style.default['header-toolbar__keyboard-hide-shadow--solid'].color : shadowColor.color
   }];
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     ref: anchorNodeRef,
     testID: toolbarAriaLabel,
     accessibilityLabel: toolbarAriaLabel,
     style: containerStyle
-  }, (0, _element.createElement)(_reactNative.ScrollView, {
+  }, (0, _react.createElement)(_reactNative.ScrollView, {
     ref: scrollViewRef,
     onContentSizeChange: scrollToStart,
     horizontal: true,
@@ -144,13 +145,13 @@ function HeaderToolbar({
     keyboardShouldPersistTaps: "always",
     alwaysBounceHorizontal: false,
     contentContainerStyle: _style.default['header-toolbar__scrollable-content']
-  }, (0, _element.createElement)(_blockEditor.Inserter, {
+  }, (0, _react.createElement)(_blockEditor.Inserter, {
     disabled: !showInserter
-  }), noContentSelected && renderMediaButtons, (0, _element.createElement)(_blockEditor.BlockToolbar, {
+  }), noContentSelected && renderMediaButtons, (0, _react.createElement)(_blockEditor.BlockToolbar, {
     anchorNodeRef: anchorNodeRef.current
-  })), showKeyboardHideButton && (0, _element.createElement)(_components.ToolbarGroup, {
+  })), showKeyboardHideButton && (0, _react.createElement)(_components.ToolbarGroup, {
     passedStyle: showKeyboardButtonStyles
-  }, (0, _element.createElement)(_components.ToolbarButton, {
+  }, (0, _react.createElement)(_components.ToolbarButton, {
     title: (0, _i18n.__)('Hide keyboard'),
     icon: _icons.keyboardClose,
     onClick: onHideKeyboard,

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_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","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","compose","withSelect","select","getBlockRootClientId","getBlockSelectionEnd","hasInserterItems","hasSelectedBlock","blockEditorStore","getEditorSettings","editorStore","isAnyBlockSelected","hasEditorRedo","hasEditorUndo","editPostStore","getEditorMode","richEditingEnabled","isTextModeEnabled","getSettings","withDispatch","dispatch","clearSelectedBlock","togglePostTitleSelection","withViewportMatch","isLargeViewport","exports","default"],"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","compose","withSelect","select","getBlockRootClientId","getBlockSelectionEnd","hasInserterItems","hasSelectedBlock","blockEditorStore","getEditorSettings","editorStore","isAnyBlockSelected","hasEditorRedo","hasEditorUndo","editPostStore","getEditorMode","richEditingEnabled","isTextModeEnabled","getSettings","withDispatch","dispatch","clearSelectedBlock","togglePostTitleSelection","withViewportMatch","isLargeViewport","exports","default"],"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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"}

package/build/components/header/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _editor = require("@wordpress/editor");
 var _data = require("@wordpress/data");
 var _interface = require("@wordpress/interface");
@@ -72,28 +72,28 @@ function Header({
     isPublishSidebarOpened: select(_store.store).isPublishSidebarOpened(),
     showIconLabels: select(_store.store).isFeatureActive('showIconLabels')
   }), []);
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: "edit-post-header"
-  }, (0, _element.createElement)(_mainDashboardButton.default.Slot, null, (0, _element.createElement)(_components.__unstableMotion.div, {
+  }, (0, _react.createElement)(_mainDashboardButton.default.Slot, null, (0, _react.createElement)(_components.__unstableMotion.div, {
     variants: slideX,
     transition: {
       type: 'tween',
       delay: 0.8
     }
-  }, (0, _element.createElement)(_fullscreenModeClose.default, {
+  }, (0, _react.createElement)(_fullscreenModeClose.default, {
     showTooltip: true
-  }))), (0, _element.createElement)(_components.__unstableMotion.div, {
+  }))), (0, _react.createElement)(_components.__unstableMotion.div, {
     variants: slideY,
     transition: {
       type: 'tween',
       delay: 0.8
     },
     className: "edit-post-header__toolbar"
-  }, (0, _element.createElement)(_headerToolbar.default, {
+  }, (0, _react.createElement)(_headerToolbar.default, {
     setListViewToggleElement: setListViewToggleElement
-  }), (0, _element.createElement)("div", {
+  }), (0, _react.createElement)("div", {
     className: "edit-post-header__center"
-  }, (0, _element.createElement)(_documentActions.default, null))), (0, _element.createElement)(_components.__unstableMotion.div, {
+  }, (0, _react.createElement)(_documentActions.default, null))), (0, _react.createElement)(_components.__unstableMotion.div, {
     variants: slideY,
     transition: {
       type: 'tween',
@@ -106,19 +106,19 @@ function Header({
   // we want to prevent mounting/unmounting the PostPublishButtonOrToggle DOM node.
   // We track that DOM node to return focus to the PostPublishButtonOrToggle
   // when the publish sidebar has been closed.
-  (0, _element.createElement)(_editor.PostSavedState, {
+  (0, _react.createElement)(_editor.PostSavedState, {
     forceIsDirty: hasActiveMetaboxes,
     showIconLabels: showIconLabels
-  }), (0, _element.createElement)(_devicePreview.default, null), (0, _element.createElement)(_editor.PostPreviewButton, {
+  }), (0, _react.createElement)(_devicePreview.default, null), (0, _react.createElement)(_editor.PostPreviewButton, {
     forceIsAutosaveable: hasActiveMetaboxes
-  }), (0, _element.createElement)(_viewLink.default, null), (0, _element.createElement)(_postPublishButtonOrToggle.default, {
+  }), (0, _react.createElement)(_viewLink.default, null), (0, _react.createElement)(_postPublishButtonOrToggle.default, {
     forceIsDirty: hasActiveMetaboxes,
     setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback
-  }), (isLargeViewport || !showIconLabels) && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_interface.PinnedItems.Slot, {
+  }), (isLargeViewport || !showIconLabels) && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_interface.PinnedItems.Slot, {
     scope: "core/edit-post"
-  }), (0, _element.createElement)(_moreMenu.default, {
+  }), (0, _react.createElement)(_moreMenu.default, {
     showIconLabels: showIconLabels
-  })), showIconLabels && !isLargeViewport && (0, _element.createElement)(_moreMenu.default, {
+  })), showIconLabels && !isLargeViewport && (0, _react.createElement)(_moreMenu.default, {
     showIconLabels: showIconLabels
   })));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_editor","require","_data","_interface","_compose","_components","_fullscreenModeClose","_interopRequireDefault","_headerToolbar","_moreMenu","_postPublishButtonOrToggle","_devicePreview","_viewLink","_mainDashboardButton","_store","_documentActions","slideY","hidden","y","distractionFreeInactive","hover","transition","type","delay","slideX","x","Header","setEntitiesSavedStatesCallback","setListViewToggleElement","isLargeViewport","useViewportMatch","hasActiveMetaboxes","isPublishSidebarOpened","showIconLabels","useSelect","select","editPostStore","hasMetaBoxes","isFeatureActive","_element","createElement","className","default","Slot","__unstableMotion","div","variants","showTooltip","PostSavedState","forceIsDirty","PostPreviewButton","forceIsAutosaveable","Fragment","PinnedItems","scope","_default","exports"],"sources":["@wordpress/edit-post/src/components/header/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { PostSavedState, PostPreviewButton } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { __unstableMotion as motion } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport FullscreenModeClose from './fullscreen-mode-close';\nimport HeaderToolbar from './header-toolbar';\nimport MoreMenu from './more-menu';\nimport PostPublishButtonOrToggle from './post-publish-button-or-toggle';\nimport { default as DevicePreview } from '../device-preview';\nimport ViewLink from '../view-link';\nimport MainDashboardButton from './main-dashboard-button';\nimport { store as editPostStore } from '../../store';\nimport DocumentActions from './document-actions';\n\nconst slideY = {\n\thidden: { y: '-50px' },\n\tdistractionFreeInactive: { y: 0 },\n\thover: { y: 0, transition: { type: 'tween', delay: 0.2 } },\n};\n\nconst slideX = {\n\thidden: { x: '-100%' },\n\tdistractionFreeInactive: { x: 0 },\n\thover: { x: 0, transition: { type: 'tween', delay: 0.2 } },\n};\n\nfunction Header( {\n\tsetEntitiesSavedStatesCallback,\n\tsetListViewToggleElement,\n} ) {\n\tconst isLargeViewport = useViewportMatch( 'large' );\n\tconst { hasActiveMetaboxes, isPublishSidebarOpened, showIconLabels } =\n\t\tuseSelect(\n\t\t\t( select ) => ( {\n\t\t\t\thasActiveMetaboxes: select( editPostStore ).hasMetaBoxes(),\n\t\t\t\tisPublishSidebarOpened:\n\t\t\t\t\tselect( editPostStore ).isPublishSidebarOpened(),\n\t\t\t\tshowIconLabels:\n\t\t\t\t\tselect( editPostStore ).isFeatureActive( 'showIconLabels' ),\n\t\t\t} ),\n\t\t\t[]\n\t\t);\n\n\treturn (\n\t\t<div className=\"edit-post-header\">\n\t\t\t<MainDashboardButton.Slot>\n\t\t\t\t<motion.div\n\t\t\t\t\tvariants={ slideX }\n\t\t\t\t\ttransition={ { type: 'tween', delay: 0.8 } }\n\t\t\t\t>\n\t\t\t\t\t<FullscreenModeClose showTooltip />\n\t\t\t\t</motion.div>\n\t\t\t</MainDashboardButton.Slot>\n\t\t\t<motion.div\n\t\t\t\tvariants={ slideY }\n\t\t\t\ttransition={ { type: 'tween', delay: 0.8 } }\n\t\t\t\tclassName=\"edit-post-header__toolbar\"\n\t\t\t>\n\t\t\t\t<HeaderToolbar\n\t\t\t\t\tsetListViewToggleElement={ setListViewToggleElement }\n\t\t\t\t/>\n\t\t\t\t<div className=\"edit-post-header__center\">\n\t\t\t\t\t<DocumentActions />\n\t\t\t\t</div>\n\t\t\t</motion.div>\n\t\t\t<motion.div\n\t\t\t\tvariants={ slideY }\n\t\t\t\ttransition={ { type: 'tween', delay: 0.8 } }\n\t\t\t\tclassName=\"edit-post-header__settings\"\n\t\t\t>\n\t\t\t\t{ ! isPublishSidebarOpened && (\n\t\t\t\t\t// This button isn't completely hidden by the publish sidebar.\n\t\t\t\t\t// We can't hide the whole toolbar when the publish sidebar is open because\n\t\t\t\t\t// we want to prevent mounting/unmounting the PostPublishButtonOrToggle DOM node.\n\t\t\t\t\t// We track that DOM node to return focus to the PostPublishButtonOrToggle\n\t\t\t\t\t// when the publish sidebar has been closed.\n\t\t\t\t\t<PostSavedState\n\t\t\t\t\t\tforceIsDirty={ hasActiveMetaboxes }\n\t\t\t\t\t\tshowIconLabels={ showIconLabels }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<DevicePreview />\n\t\t\t\t<PostPreviewButton forceIsAutosaveable={ hasActiveMetaboxes } />\n\t\t\t\t<ViewLink />\n\t\t\t\t<PostPublishButtonOrToggle\n\t\t\t\t\tforceIsDirty={ hasActiveMetaboxes }\n\t\t\t\t\tsetEntitiesSavedStatesCallback={\n\t\t\t\t\t\tsetEntitiesSavedStatesCallback\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t{ ( isLargeViewport || ! showIconLabels ) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-post\" />\n\t\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ showIconLabels && ! isLargeViewport && (\n\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t) }\n\t\t\t</motion.div>\n\t\t</div>\n\t);\n}\n\nexport default Header;\n"],"mappings":"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"}
+{"version":3,"names":["_editor","require","_data","_interface","_compose","_components","_fullscreenModeClose","_interopRequireDefault","_headerToolbar","_moreMenu","_postPublishButtonOrToggle","_devicePreview","_viewLink","_mainDashboardButton","_store","_documentActions","slideY","hidden","y","distractionFreeInactive","hover","transition","type","delay","slideX","x","Header","setEntitiesSavedStatesCallback","setListViewToggleElement","isLargeViewport","useViewportMatch","hasActiveMetaboxes","isPublishSidebarOpened","showIconLabels","useSelect","select","editPostStore","hasMetaBoxes","isFeatureActive","_react","createElement","className","default","Slot","__unstableMotion","div","variants","showTooltip","PostSavedState","forceIsDirty","PostPreviewButton","forceIsAutosaveable","Fragment","PinnedItems","scope","_default","exports"],"sources":["@wordpress/edit-post/src/components/header/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { PostSavedState, PostPreviewButton } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { __unstableMotion as motion } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport FullscreenModeClose from './fullscreen-mode-close';\nimport HeaderToolbar from './header-toolbar';\nimport MoreMenu from './more-menu';\nimport PostPublishButtonOrToggle from './post-publish-button-or-toggle';\nimport { default as DevicePreview } from '../device-preview';\nimport ViewLink from '../view-link';\nimport MainDashboardButton from './main-dashboard-button';\nimport { store as editPostStore } from '../../store';\nimport DocumentActions from './document-actions';\n\nconst slideY = {\n\thidden: { y: '-50px' },\n\tdistractionFreeInactive: { y: 0 },\n\thover: { y: 0, transition: { type: 'tween', delay: 0.2 } },\n};\n\nconst slideX = {\n\thidden: { x: '-100%' },\n\tdistractionFreeInactive: { x: 0 },\n\thover: { x: 0, transition: { type: 'tween', delay: 0.2 } },\n};\n\nfunction Header( {\n\tsetEntitiesSavedStatesCallback,\n\tsetListViewToggleElement,\n} ) {\n\tconst isLargeViewport = useViewportMatch( 'large' );\n\tconst { hasActiveMetaboxes, isPublishSidebarOpened, showIconLabels } =\n\t\tuseSelect(\n\t\t\t( select ) => ( {\n\t\t\t\thasActiveMetaboxes: select( editPostStore ).hasMetaBoxes(),\n\t\t\t\tisPublishSidebarOpened:\n\t\t\t\t\tselect( editPostStore ).isPublishSidebarOpened(),\n\t\t\t\tshowIconLabels:\n\t\t\t\t\tselect( editPostStore ).isFeatureActive( 'showIconLabels' ),\n\t\t\t} ),\n\t\t\t[]\n\t\t);\n\n\treturn (\n\t\t<div className=\"edit-post-header\">\n\t\t\t<MainDashboardButton.Slot>\n\t\t\t\t<motion.div\n\t\t\t\t\tvariants={ slideX }\n\t\t\t\t\ttransition={ { type: 'tween', delay: 0.8 } }\n\t\t\t\t>\n\t\t\t\t\t<FullscreenModeClose showTooltip />\n\t\t\t\t</motion.div>\n\t\t\t</MainDashboardButton.Slot>\n\t\t\t<motion.div\n\t\t\t\tvariants={ slideY }\n\t\t\t\ttransition={ { type: 'tween', delay: 0.8 } }\n\t\t\t\tclassName=\"edit-post-header__toolbar\"\n\t\t\t>\n\t\t\t\t<HeaderToolbar\n\t\t\t\t\tsetListViewToggleElement={ setListViewToggleElement }\n\t\t\t\t/>\n\t\t\t\t<div className=\"edit-post-header__center\">\n\t\t\t\t\t<DocumentActions />\n\t\t\t\t</div>\n\t\t\t</motion.div>\n\t\t\t<motion.div\n\t\t\t\tvariants={ slideY }\n\t\t\t\ttransition={ { type: 'tween', delay: 0.8 } }\n\t\t\t\tclassName=\"edit-post-header__settings\"\n\t\t\t>\n\t\t\t\t{ ! isPublishSidebarOpened && (\n\t\t\t\t\t// This button isn't completely hidden by the publish sidebar.\n\t\t\t\t\t// We can't hide the whole toolbar when the publish sidebar is open because\n\t\t\t\t\t// we want to prevent mounting/unmounting the PostPublishButtonOrToggle DOM node.\n\t\t\t\t\t// We track that DOM node to return focus to the PostPublishButtonOrToggle\n\t\t\t\t\t// when the publish sidebar has been closed.\n\t\t\t\t\t<PostSavedState\n\t\t\t\t\t\tforceIsDirty={ hasActiveMetaboxes }\n\t\t\t\t\t\tshowIconLabels={ showIconLabels }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<DevicePreview />\n\t\t\t\t<PostPreviewButton forceIsAutosaveable={ hasActiveMetaboxes } />\n\t\t\t\t<ViewLink />\n\t\t\t\t<PostPublishButtonOrToggle\n\t\t\t\t\tforceIsDirty={ hasActiveMetaboxes }\n\t\t\t\t\tsetEntitiesSavedStatesCallback={\n\t\t\t\t\t\tsetEntitiesSavedStatesCallback\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t{ ( isLargeViewport || ! showIconLabels ) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-post\" />\n\t\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ showIconLabels && ! isLargeViewport && (\n\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t) }\n\t\t\t</motion.div>\n\t\t</div>\n\t);\n}\n\nexport default Header;\n"],"mappings":"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"}

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
+var _element = require("@wordpress/element");
 require("@wordpress/interface");
 var _headerToolbar = _interopRequireDefault(require("./header-toolbar"));
 /**
@@ -49,7 +50,7 @@ class Header extends _element.Component {
     });
   }
   render() {
-    return (0, _element.createElement)(_headerToolbar.default, {
+    return (0, _react.createElement)(_headerToolbar.default, {
       showKeyboardHideButton: this.state.isKeyboardVisible
     });
   }

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_headerToolbar","_interopRequireDefault","Header","Component","constructor","arguments","keyboardDidShow","bind","keyboardDidHide","state","isKeyboardVisible","componentDidMount","keyboardShowSubscription","Keyboard","addListener","keyboardHideSubscription","componentWillUnmount","remove","setState","render","createElement","default","showKeyboardHideButton","exports"],"sources":["@wordpress/edit-post/src/components/header/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Keyboard } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport HeaderToolbar from './header-toolbar';\n\nexport default class Header extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.keyboardDidShow = this.keyboardDidShow.bind( this );\n\t\tthis.keyboardDidHide = this.keyboardDidHide.bind( this );\n\n\t\tthis.state = {\n\t\t\tisKeyboardVisible: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.keyboardShowSubscription = Keyboard.addListener(\n\t\t\t'keyboardDidShow',\n\t\t\tthis.keyboardDidShow\n\t\t);\n\t\tthis.keyboardHideSubscription = Keyboard.addListener(\n\t\t\t'keyboardDidHide',\n\t\t\tthis.keyboardDidHide\n\t\t);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.keyboardShowSubscription.remove();\n\t\tthis.keyboardHideSubscription.remove();\n\t}\n\n\tkeyboardDidShow() {\n\t\tthis.setState( { isKeyboardVisible: true } );\n\t}\n\n\tkeyboardDidHide() {\n\t\tthis.setState( { isKeyboardVisible: false } );\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<HeaderToolbar\n\t\t\t\tshowKeyboardHideButton={ this.state.isKeyboardVisible }\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":";;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AALA,IAAAC,YAAA,GAAAD,OAAA;AAMAA,OAAA;AAKA,IAAAE,cAAA,GAAAC,sBAAA,CAAAH,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGe,MAAMI,MAAM,SAASC,kBAAS,CAAC;EAC7CC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACC,IAAI,CAAE,IAAK,CAAC;IACxD,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACD,IAAI,CAAE,IAAK,CAAC;IAExD,IAAI,CAACE,KAAK,GAAG;MACZC,iBAAiB,EAAE;IACpB,CAAC;EACF;EAEAC,iBAAiBA,CAAA,EAAG;IACnB,IAAI,CAACC,wBAAwB,GAAGC,qBAAQ,CAACC,WAAW,CACnD,iBAAiB,EACjB,IAAI,CAACR,eACN,CAAC;IACD,IAAI,CAACS,wBAAwB,GAAGF,qBAAQ,CAACC,WAAW,CACnD,iBAAiB,EACjB,IAAI,CAACN,eACN,CAAC;EACF;EAEAQ,oBAAoBA,CAAA,EAAG;IACtB,IAAI,CAACJ,wBAAwB,CAACK,MAAM,CAAC,CAAC;IACtC,IAAI,CAACF,wBAAwB,CAACE,MAAM,CAAC,CAAC;EACvC;EAEAX,eAAeA,CAAA,EAAG;IACjB,IAAI,CAACY,QAAQ,CAAE;MAAER,iBAAiB,EAAE;IAAK,CAAE,CAAC;EAC7C;EAEAF,eAAeA,CAAA,EAAG;IACjB,IAAI,CAACU,QAAQ,CAAE;MAAER,iBAAiB,EAAE;IAAM,CAAE,CAAC;EAC9C;EAEAS,MAAMA,CAAA,EAAG;IACR,OACC,IAAAtB,QAAA,CAAAuB,aAAA,EAACpB,cAAA,CAAAqB,OAAa;MACbC,sBAAsB,EAAG,IAAI,CAACb,KAAK,CAACC;IAAmB,CACvD,CAAC;EAEJ;AACD;AAACa,OAAA,CAAAF,OAAA,GAAAnB,MAAA"}
+{"version":3,"names":["_reactNative","require","_element","_headerToolbar","_interopRequireDefault","Header","Component","constructor","arguments","keyboardDidShow","bind","keyboardDidHide","state","isKeyboardVisible","componentDidMount","keyboardShowSubscription","Keyboard","addListener","keyboardHideSubscription","componentWillUnmount","remove","setState","render","_react","createElement","default","showKeyboardHideButton","exports"],"sources":["@wordpress/edit-post/src/components/header/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Keyboard } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport HeaderToolbar from './header-toolbar';\n\nexport default class Header extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.keyboardDidShow = this.keyboardDidShow.bind( this );\n\t\tthis.keyboardDidHide = this.keyboardDidHide.bind( this );\n\n\t\tthis.state = {\n\t\t\tisKeyboardVisible: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.keyboardShowSubscription = Keyboard.addListener(\n\t\t\t'keyboardDidShow',\n\t\t\tthis.keyboardDidShow\n\t\t);\n\t\tthis.keyboardHideSubscription = Keyboard.addListener(\n\t\t\t'keyboardDidHide',\n\t\t\tthis.keyboardDidHide\n\t\t);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.keyboardShowSubscription.remove();\n\t\tthis.keyboardHideSubscription.remove();\n\t}\n\n\tkeyboardDidShow() {\n\t\tthis.setState( { isKeyboardVisible: true } );\n\t}\n\n\tkeyboardDidHide() {\n\t\tthis.setState( { isKeyboardVisible: false } );\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<HeaderToolbar\n\t\t\t\tshowKeyboardHideButton={ this.state.isKeyboardVisible }\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACAA,OAAA;AAKA,IAAAE,cAAA,GAAAC,sBAAA,CAAAH,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGe,MAAMI,MAAM,SAASC,kBAAS,CAAC;EAC7CC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACC,IAAI,CAAE,IAAK,CAAC;IACxD,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACD,IAAI,CAAE,IAAK,CAAC;IAExD,IAAI,CAACE,KAAK,GAAG;MACZC,iBAAiB,EAAE;IACpB,CAAC;EACF;EAEAC,iBAAiBA,CAAA,EAAG;IACnB,IAAI,CAACC,wBAAwB,GAAGC,qBAAQ,CAACC,WAAW,CACnD,iBAAiB,EACjB,IAAI,CAACR,eACN,CAAC;IACD,IAAI,CAACS,wBAAwB,GAAGF,qBAAQ,CAACC,WAAW,CACnD,iBAAiB,EACjB,IAAI,CAACN,eACN,CAAC;EACF;EAEAQ,oBAAoBA,CAAA,EAAG;IACtB,IAAI,CAACJ,wBAAwB,CAACK,MAAM,CAAC,CAAC;IACtC,IAAI,CAACF,wBAAwB,CAACE,MAAM,CAAC,CAAC;EACvC;EAEAX,eAAeA,CAAA,EAAG;IACjB,IAAI,CAACY,QAAQ,CAAE;MAAER,iBAAiB,EAAE;IAAK,CAAE,CAAC;EAC7C;EAEAF,eAAeA,CAAA,EAAG;IACjB,IAAI,CAACU,QAAQ,CAAE;MAAER,iBAAiB,EAAE;IAAM,CAAE,CAAC;EAC9C;EAEAS,MAAMA,CAAA,EAAG;IACR,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACrB,cAAA,CAAAsB,OAAa;MACbC,sBAAsB,EAAG,IAAI,CAACd,KAAK,CAACC;IAAmB,CACvD,CAAC;EAEJ;AACD;AAACc,OAAA,CAAAF,OAAA,GAAApB,MAAA"}

package/build/components/header/main-dashboard-button/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 /**
  * WordPress dependencies
@@ -24,7 +24,7 @@ const Slot = ({
   if (!hasFills) {
     return children;
   }
-  return (0, _element.createElement)(MainDashboardButtonSlot, {
+  return (0, _react.createElement)(MainDashboardButtonSlot, {
     bubblesVirtually: true
   });
 };

package/build/components/header/main-dashboard-button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","slotName","Fill","Slot","MainDashboardButtonSlot","createSlotFill","MainDashboardButton","children","fills","useSlotFills","hasFills","Boolean","length","_element","createElement","bubblesVirtually","_default","exports","default"],"sources":["@wordpress/edit-post/src/components/header/main-dashboard-button/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseSlotFills as useSlotFills,\n\tcreateSlotFill,\n} from '@wordpress/components';\n\nconst slotName = '__experimentalMainDashboardButton';\n\nconst { Fill, Slot: MainDashboardButtonSlot } = createSlotFill( slotName );\n\nconst MainDashboardButton = Fill;\n\nconst Slot = ( { children } ) => {\n\tconst fills = useSlotFills( slotName );\n\tconst hasFills = Boolean( fills && fills.length );\n\n\tif ( ! hasFills ) {\n\t\treturn children;\n\t}\n\n\treturn <MainDashboardButtonSlot bubblesVirtually />;\n};\n\nMainDashboardButton.Slot = Slot;\n\nexport default MainDashboardButton;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAMA,MAAMC,QAAQ,GAAG,mCAAmC;AAEpD,MAAM;EAAEC,IAAI;EAAEC,IAAI,EAAEC;AAAwB,CAAC,GAAG,IAAAC,0BAAc,EAAEJ,QAAS,CAAC;AAE1E,MAAMK,mBAAmB,GAAGJ,IAAI;AAEhC,MAAMC,IAAI,GAAGA,CAAE;EAAEI;AAAS,CAAC,KAAM;EAChC,MAAMC,KAAK,GAAG,IAAAC,sCAAY,EAAER,QAAS,CAAC;EACtC,MAAMS,QAAQ,GAAGC,OAAO,CAAEH,KAAK,IAAIA,KAAK,CAACI,MAAO,CAAC;EAEjD,IAAK,CAAEF,QAAQ,EAAG;IACjB,OAAOH,QAAQ;EAChB;EAEA,OAAO,IAAAM,QAAA,CAAAC,aAAA,EAACV,uBAAuB;IAACW,gBAAgB;EAAA,CAAE,CAAC;AACpD,CAAC;AAEDT,mBAAmB,CAACH,IAAI,GAAGA,IAAI;AAAC,IAAAa,QAAA,GAEjBV,mBAAmB;AAAAW,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_components","require","slotName","Fill","Slot","MainDashboardButtonSlot","createSlotFill","MainDashboardButton","children","fills","useSlotFills","hasFills","Boolean","length","_react","createElement","bubblesVirtually","_default","exports","default"],"sources":["@wordpress/edit-post/src/components/header/main-dashboard-button/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseSlotFills as useSlotFills,\n\tcreateSlotFill,\n} from '@wordpress/components';\n\nconst slotName = '__experimentalMainDashboardButton';\n\nconst { Fill, Slot: MainDashboardButtonSlot } = createSlotFill( slotName );\n\nconst MainDashboardButton = Fill;\n\nconst Slot = ( { children } ) => {\n\tconst fills = useSlotFills( slotName );\n\tconst hasFills = Boolean( fills && fills.length );\n\n\tif ( ! hasFills ) {\n\t\treturn children;\n\t}\n\n\treturn <MainDashboardButtonSlot bubblesVirtually />;\n};\n\nMainDashboardButton.Slot = Slot;\n\nexport default MainDashboardButton;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAMA,MAAMC,QAAQ,GAAG,mCAAmC;AAEpD,MAAM;EAAEC,IAAI;EAAEC,IAAI,EAAEC;AAAwB,CAAC,GAAG,IAAAC,0BAAc,EAAEJ,QAAS,CAAC;AAE1E,MAAMK,mBAAmB,GAAGJ,IAAI;AAEhC,MAAMC,IAAI,GAAGA,CAAE;EAAEI;AAAS,CAAC,KAAM;EAChC,MAAMC,KAAK,GAAG,IAAAC,sCAAY,EAAER,QAAS,CAAC;EACtC,MAAMS,QAAQ,GAAGC,OAAO,CAAEH,KAAK,IAAIA,KAAK,CAACI,MAAO,CAAC;EAEjD,IAAK,CAAEF,QAAQ,EAAG;IACjB,OAAOH,QAAQ;EAChB;EAEA,OAAO,IAAAM,MAAA,CAAAC,aAAA,EAACV,uBAAuB;IAACW,gBAAgB;EAAA,CAAE,CAAC;AACpD,CAAC;AAEDT,mBAAmB,CAACH,IAAI,GAAGA,IAAI;AAAC,IAAAa,QAAA,GAEjBV,mBAAmB;AAAAW,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
@@ -80,9 +80,9 @@ function ModeSwitcher() {
     }
     return choice;
   });
-  return (0, _element.createElement)(_components.MenuGroup, {
+  return (0, _react.createElement)(_components.MenuGroup, {
     label: (0, _i18n.__)('Editor')
-  }, (0, _element.createElement)(_components.MenuItemsChoice, {
+  }, (0, _react.createElement)(_components.MenuItemsChoice, {
     choices: choices,
     value: selectedMode,
     onSelect: switchEditorMode