@wordpress/editor 13.35.0 → 14.0.0

package/build/components/document-tools/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _compose = require("@wordpress/compose");
 var _data = require("@wordpress/data");
@@ -20,6 +19,7 @@ var _lockUnlock = require("../../lock-unlock");
 var _store = require("../../store");
 var _redo = _interopRequireDefault(require("../editor-history/redo"));
 var _undo = _interopRequireDefault(require("../editor-history/undo"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -37,9 +37,7 @@ const preventDefault = event => {
 };
 function DocumentTools({
   className,
-  disableBlockTools = false,
-  // This is a temporary prop until the list view is fully unified between post and site editors.
-  listViewLabel = (0, _i18n.__)('Document Overview')
+  disableBlockTools = false
 }) {
   const {
     setIsInserterOpened,
@@ -98,61 +96,66 @@ function DocumentTools({
   const longLabel = (0, _i18n._x)('Toggle block inserter', 'Generic label for block inserter button');
   const shortLabel = !isInserterOpened ? (0, _i18n.__)('Add') : (0, _i18n.__)('Close');
   return (
+    /*#__PURE__*/
     // Some plugins expect and use the `edit-post-header-toolbar` CSS class to
     // find the toolbar and inject UI elements into it. This is not officially
     // supported, but we're keeping it in the list of class names for backwards
     // compatibility.
-    (0, _react.createElement)(_blockEditor.NavigableToolbar, {
+    (0, _jsxRuntime.jsx)(_blockEditor.NavigableToolbar, {
       className: (0, _clsx.default)('editor-document-tools', 'edit-post-header-toolbar', className),
       "aria-label": toolbarAriaLabel,
-      variant: "unstyled"
-    }, (0, _react.createElement)("div", {
-      className: "editor-document-tools__left"
-    }, !isDistractionFree && (0, _react.createElement)(_components.ToolbarItem, {
-      ref: inserterSidebarToggleRef,
-      as: _components.Button,
-      className: "editor-document-tools__inserter-toggle",
-      variant: "primary",
-      isPressed: isInserterOpened,
-      onMouseDown: preventDefault,
-      onClick: toggleInserter,
-      disabled: disableBlockTools,
-      icon: _icons.plus,
-      label: showIconLabels ? shortLabel : longLabel,
-      showTooltip: !showIconLabels,
-      "aria-expanded": isInserterOpened
-    }), (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: disableBlockTools,
-      size: "compact"
-    }), (0, _react.createElement)(_components.ToolbarItem, {
-      as: _undo.default,
-      showTooltip: !showIconLabels,
-      variant: showIconLabels ? 'tertiary' : undefined,
-      size: "compact"
-    }), (0, _react.createElement)(_components.ToolbarItem, {
-      as: _redo.default,
-      showTooltip: !showIconLabels,
-      variant: showIconLabels ? 'tertiary' : undefined,
-      size: "compact"
-    }), !isDistractionFree && (0, _react.createElement)(_components.ToolbarItem, {
-      as: _components.Button,
-      className: "editor-document-tools__document-overview-toggle",
-      icon: _icons.listView,
-      disabled: disableBlockTools,
-      isPressed: isListViewOpen
-      /* translators: button label text should, if possible, be under 16 characters. */,
-      label: listViewLabel,
-      onClick: toggleListView,
-      shortcut: listViewShortcut,
-      showTooltip: !showIconLabels,
-      variant: showIconLabels ? 'tertiary' : undefined,
-      "aria-expanded": isListViewOpen,
-      ref: listViewToggleRef,
-      size: "compact"
-    }))))
+      variant: "unstyled",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "editor-document-tools__left",
+        children: [!isDistractionFree && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarItem, {
+          ref: inserterSidebarToggleRef,
+          as: _components.Button,
+          className: "editor-document-tools__inserter-toggle",
+          variant: "primary",
+          isPressed: isInserterOpened,
+          onMouseDown: preventDefault,
+          onClick: toggleInserter,
+          disabled: disableBlockTools,
+          icon: _icons.plus,
+          label: showIconLabels ? shortLabel : longLabel,
+          showTooltip: !showIconLabels,
+          "aria-expanded": isInserterOpened
+        }), (isWideViewport || !showIconLabels) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [isLargeViewport && !hasFixedToolbar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarItem, {
+            as: _blockEditor.ToolSelector,
+            showTooltip: !showIconLabels,
+            variant: showIconLabels ? 'tertiary' : undefined,
+            disabled: disableBlockTools,
+            size: "compact"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarItem, {
+            as: _undo.default,
+            showTooltip: !showIconLabels,
+            variant: showIconLabels ? 'tertiary' : undefined,
+            size: "compact"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarItem, {
+            as: _redo.default,
+            showTooltip: !showIconLabels,
+            variant: showIconLabels ? 'tertiary' : undefined,
+            size: "compact"
+          }), !isDistractionFree && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarItem, {
+            as: _components.Button,
+            className: "editor-document-tools__document-overview-toggle",
+            icon: _icons.listView,
+            disabled: disableBlockTools,
+            isPressed: isListViewOpen
+            /* translators: button label text should, if possible, be under 16 characters. */,
+            label: (0, _i18n.__)('Document Overview'),
+            onClick: toggleListView,
+            shortcut: listViewShortcut,
+            showTooltip: !showIconLabels,
+            variant: showIconLabels ? 'tertiary' : undefined,
+            "aria-expanded": isListViewOpen,
+            ref: listViewToggleRef,
+            size: "compact"
+          })]
+        })]
+      })
+    })
   );
 }
 var _default = exports.default = DocumentTools;

package/build/components/document-tools/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_data","_i18n","_blockEditor","_components","_icons","_element","_keyboardShortcuts","_preferences","_lockUnlock","_store","_redo","_undo","preventDefault","event","DocumentTools","className","disableBlockTools","listViewLabel","__","setIsInserterOpened","setIsListViewOpened","useDispatch","editorStore","isDistractionFree","isInserterOpened","isListViewOpen","listViewShortcut","inserterSidebarToggleRef","listViewToggleRef","hasFixedToolbar","showIconLabels","useSelect","select","getSettings","blockEditorStore","get","preferencesStore","isListViewOpened","getEditorMode","getInserterSidebarToggleRef","getListViewToggleRef","unlock","getShortcutRepresentation","keyboardShortcutsStore","__unstableGetEditorMode","isVisualMode","isZoomedOutView","isLargeViewport","useViewportMatch","isWideViewport","toolbarAriaLabel","toggleListView","useCallback","toggleInserter","longLabel","_x","shortLabel","_react","createElement","NavigableToolbar","clsx","variant","ToolbarItem","ref","as","Button","isPressed","onMouseDown","onClick","disabled","icon","plus","label","showTooltip","Fragment","ToolSelector","undefined","size","EditorHistoryUndo","EditorHistoryRedo","listView","shortcut","_default","exports","default"],"sources":["@wordpress/editor/src/components/document-tools/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\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} from '@wordpress/block-editor';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport { listView, plus } from '@wordpress/icons';\nimport { 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 { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\nimport EditorHistoryRedo from '../editor-history/redo';\nimport EditorHistoryUndo from '../editor-history/undo';\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nfunction DocumentTools( {\n\tclassName,\n\tdisableBlockTools = false,\n\t// This is a temporary prop until the list view is fully unified between post and site editors.\n\tlistViewLabel = __( 'Document Overview' ),\n} ) {\n\tconst { setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editorStore );\n\tconst {\n\t\tisDistractionFree,\n\t\tisInserterOpened,\n\t\tisListViewOpen,\n\t\tlistViewShortcut,\n\t\tinserterSidebarToggleRef,\n\t\tlistViewToggleRef,\n\t\thasFixedToolbar,\n\t\tshowIconLabels,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { get } = select( preferencesStore );\n\t\tconst {\n\t\t\tisListViewOpened,\n\t\t\tgetEditorMode,\n\t\t\tgetInserterSidebarToggleRef,\n\t\t\tgetListViewToggleRef,\n\t\t} = unlock( select( editorStore ) );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\n\t\treturn {\n\t\t\tisInserterOpened: select( editorStore ).isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t'core/editor/toggle-list-view'\n\t\t\t),\n\t\t\tinserterSidebarToggleRef: getInserterSidebarToggleRef(),\n\t\t\tlistViewToggleRef: getListViewToggleRef(),\n\t\t\thasFixedToolbar: getSettings().hasFixedToolbar,\n\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t\tisDistractionFree: get( 'core', 'distractionFree' ),\n\t\t\tisVisualMode: getEditorMode() === 'visual',\n\t\t\tisZoomedOutView: __unstableGetEditorMode() === 'zoom-out',\n\t\t};\n\t}, [] );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideViewport = useViewportMatch( 'wide' );\n\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\n\tconst toggleInserter = useCallback(\n\t\t() => setIsInserterOpened( ! isInserterOpened ),\n\t\t[ isInserterOpened, setIsInserterOpened ]\n\t);\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// Some plugins expect and use the `edit-post-header-toolbar` CSS class to\n\t\t// find the toolbar and inject UI elements into it. This is not officially\n\t\t// supported, but we're keeping it in the list of class names for backwards\n\t\t// compatibility.\n\t\t<NavigableToolbar\n\t\t\tclassName={ clsx(\n\t\t\t\t'editor-document-tools',\n\t\t\t\t'edit-post-header-toolbar',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\taria-label={ toolbarAriaLabel }\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t<div className=\"editor-document-tools__left\">\n\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\tref={ inserterSidebarToggleRef }\n\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\tclassName=\"editor-document-tools__inserter-toggle\"\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tisPressed={ isInserterOpened }\n\t\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\t\tdisabled={ disableBlockTools }\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tlabel={ showIconLabels ? shortLabel : longLabel }\n\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\taria-expanded={ isInserterOpened }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ( isWideViewport || ! showIconLabels ) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ 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={ disableBlockTools }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryUndo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryRedo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\tclassName=\"editor-document-tools__document-overview-toggle\"\n\t\t\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\t\t\tdisabled={ disableBlockTools }\n\t\t\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\t\t\tlabel={ listViewLabel }\n\t\t\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\t\t\tshortcut={ listViewShortcut }\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\taria-expanded={ isListViewOpen }\n\t\t\t\t\t\t\t\tref={ listViewToggleRef }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</NavigableToolbar>\n\t);\n}\n\nexport default DocumentTools;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_data","_i18n","_blockEditor","_components","_icons","_element","_keyboardShortcuts","_preferences","_lockUnlock","_store","_redo","_undo","_jsxRuntime","preventDefault","event","DocumentTools","className","disableBlockTools","setIsInserterOpened","setIsListViewOpened","useDispatch","editorStore","isDistractionFree","isInserterOpened","isListViewOpen","listViewShortcut","inserterSidebarToggleRef","listViewToggleRef","hasFixedToolbar","showIconLabels","useSelect","select","getSettings","blockEditorStore","get","preferencesStore","isListViewOpened","getEditorMode","getInserterSidebarToggleRef","getListViewToggleRef","unlock","getShortcutRepresentation","keyboardShortcutsStore","__unstableGetEditorMode","isVisualMode","isZoomedOutView","isLargeViewport","useViewportMatch","isWideViewport","toolbarAriaLabel","__","toggleListView","useCallback","toggleInserter","longLabel","_x","shortLabel","jsx","NavigableToolbar","clsx","variant","children","jsxs","ToolbarItem","ref","as","Button","isPressed","onMouseDown","onClick","disabled","icon","plus","label","showTooltip","Fragment","ToolSelector","undefined","size","EditorHistoryUndo","EditorHistoryRedo","listView","shortcut","_default","exports","default"],"sources":["@wordpress/editor/src/components/document-tools/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\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} from '@wordpress/block-editor';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport { listView, plus } from '@wordpress/icons';\nimport { 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 { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\nimport EditorHistoryRedo from '../editor-history/redo';\nimport EditorHistoryUndo from '../editor-history/undo';\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nfunction DocumentTools( { className, disableBlockTools = false } ) {\n\tconst { setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editorStore );\n\tconst {\n\t\tisDistractionFree,\n\t\tisInserterOpened,\n\t\tisListViewOpen,\n\t\tlistViewShortcut,\n\t\tinserterSidebarToggleRef,\n\t\tlistViewToggleRef,\n\t\thasFixedToolbar,\n\t\tshowIconLabels,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { get } = select( preferencesStore );\n\t\tconst {\n\t\t\tisListViewOpened,\n\t\t\tgetEditorMode,\n\t\t\tgetInserterSidebarToggleRef,\n\t\t\tgetListViewToggleRef,\n\t\t} = unlock( select( editorStore ) );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\n\t\treturn {\n\t\t\tisInserterOpened: select( editorStore ).isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t'core/editor/toggle-list-view'\n\t\t\t),\n\t\t\tinserterSidebarToggleRef: getInserterSidebarToggleRef(),\n\t\t\tlistViewToggleRef: getListViewToggleRef(),\n\t\t\thasFixedToolbar: getSettings().hasFixedToolbar,\n\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t\tisDistractionFree: get( 'core', 'distractionFree' ),\n\t\t\tisVisualMode: getEditorMode() === 'visual',\n\t\t\tisZoomedOutView: __unstableGetEditorMode() === 'zoom-out',\n\t\t};\n\t}, [] );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideViewport = useViewportMatch( 'wide' );\n\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\n\tconst toggleInserter = useCallback(\n\t\t() => setIsInserterOpened( ! isInserterOpened ),\n\t\t[ isInserterOpened, setIsInserterOpened ]\n\t);\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// Some plugins expect and use the `edit-post-header-toolbar` CSS class to\n\t\t// find the toolbar and inject UI elements into it. This is not officially\n\t\t// supported, but we're keeping it in the list of class names for backwards\n\t\t// compatibility.\n\t\t<NavigableToolbar\n\t\t\tclassName={ clsx(\n\t\t\t\t'editor-document-tools',\n\t\t\t\t'edit-post-header-toolbar',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\taria-label={ toolbarAriaLabel }\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t<div className=\"editor-document-tools__left\">\n\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\tref={ inserterSidebarToggleRef }\n\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\tclassName=\"editor-document-tools__inserter-toggle\"\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tisPressed={ isInserterOpened }\n\t\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\t\tdisabled={ disableBlockTools }\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tlabel={ showIconLabels ? shortLabel : longLabel }\n\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\taria-expanded={ isInserterOpened }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ ( isWideViewport || ! showIconLabels ) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ 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={ disableBlockTools }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryUndo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryRedo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\tclassName=\"editor-document-tools__document-overview-toggle\"\n\t\t\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\t\t\tdisabled={ disableBlockTools }\n\t\t\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\t\t\tlabel={ __( 'Document Overview' ) }\n\t\t\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\t\t\tshortcut={ listViewShortcut }\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\taria-expanded={ isListViewOpen }\n\t\t\t\t\t\t\t\tref={ listViewToggleRef }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</NavigableToolbar>\n\t);\n}\n\nexport default DocumentTools;\n"],"mappings":"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","ignoreList":[]}

package/build/components/editor-help/add-blocks.native.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _style = _interopRequireDefault(require("./style.scss"));
 var _viewSections = require("./view-sections");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -23,16 +23,19 @@ var _viewSections = require("./view-sections");
  */
 
 const AddBlocks = () => {
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_viewSections.HelpDetailImage, {
-    source: require('./images/add-light.png'),
-    sourceDarkMode: require('./images/add-dark.png')
-  }), (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.helpDetailContainer
-  }, (0, _react.createElement)(_viewSections.HelpDetailBodyText, {
-    text: (0, _i18n.__)('Add a new block at any time by tapping on the + icon in the toolbar on the bottom left.')
-  }), (0, _react.createElement)(_viewSections.HelpDetailBodyText, {
-    text: (0, _i18n.__)('Once you become familiar with the names of different blocks, you can add a block by typing a forward slash followed by the block name — for example, /image or /heading.')
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_viewSections.HelpDetailImage, {
+      source: require('./images/add-light.png'),
+      sourceDarkMode: require('./images/add-dark.png')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: _style.default.helpDetailContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_viewSections.HelpDetailBodyText, {
+        text: (0, _i18n.__)('Add a new block at any time by tapping on the + icon in the toolbar on the bottom left.')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_viewSections.HelpDetailBodyText, {
+        text: (0, _i18n.__)('Once you become familiar with the names of different blocks, you can add a block by typing a forward slash followed by the block name — for example, /image or /heading.')
+      })]
+    })]
+  });
 };
 var _default = exports.default = AddBlocks;
 //# sourceMappingURL=add-blocks.native.js.map

package/build/components/editor-help/add-blocks.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_style","_interopRequireDefault","_viewSections","AddBlocks","_react","createElement","Fragment","HelpDetailImage","source","sourceDarkMode","View","style","styles","helpDetailContainer","HelpDetailBodyText","text","__","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/add-blocks.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { HelpDetailBodyText, HelpDetailImage } from './view-sections';\n\nconst AddBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/add-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/add-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Add a new block at any time by tapping on the + icon in the toolbar on the bottom left.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Once you become familiar with the names of different blocks, you can add a block by typing a forward slash followed by the block name — for example, /image or /heading.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default AddBlocks;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMK,SAAS,GAAGA,CAAA,KAAM;EACvB,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAK,eAAe;IACfC,MAAM,EAAGV,OAAO,CAAE,wBAAyB,CAAG;IAC9CW,cAAc,EAAGX,OAAO,CAAE,uBAAwB;EAAG,CACrD,CAAC,EACF,IAAAM,MAAA,CAAAC,aAAA,EAACR,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAqB,GACzC,IAAAT,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAY,kBAAkB;IAClBC,IAAI,EAAG,IAAAC,QAAE,EACR,yFACD;EAAG,CACH,CAAC,EACF,IAAAZ,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAY,kBAAkB;IAClBC,IAAI,EAAG,IAAAC,QAAE,EACR,0KACD;EAAG,CACH,CACI,CACL,CAAC;AAEL,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEahB,SAAS","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_i18n","_style","_interopRequireDefault","_viewSections","_jsxRuntime","AddBlocks","jsxs","Fragment","children","jsx","HelpDetailImage","source","sourceDarkMode","View","style","styles","helpDetailContainer","HelpDetailBodyText","text","__","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/add-blocks.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { HelpDetailBodyText, HelpDetailImage } from './view-sections';\n\nconst AddBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/add-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/add-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Add a new block at any time by tapping on the + icon in the toolbar on the bottom left.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Once you become familiar with the names of different blocks, you can add a block by typing a forward slash followed by the block name — for example, /image or /heading.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default AddBlocks;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAAsE,IAAAK,WAAA,GAAAL,OAAA;AAdtE;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMM,SAAS,GAAGA,CAAA,KAAM;EACvB,oBACC,IAAAD,WAAA,CAAAE,IAAA,EAAAF,WAAA,CAAAG,QAAA;IAAAC,QAAA,gBACC,IAAAJ,WAAA,CAAAK,GAAA,EAACN,aAAA,CAAAO,eAAe;MACfC,MAAM,EAAGZ,OAAO,CAAE,wBAAyB,CAAG;MAC9Ca,cAAc,EAAGb,OAAO,CAAE,uBAAwB;IAAG,CACrD,CAAC,eACF,IAAAK,WAAA,CAAAE,IAAA,EAACR,YAAA,CAAAe,IAAI;MAACC,KAAK,EAAGC,cAAM,CAACC,mBAAqB;MAAAR,QAAA,gBACzC,IAAAJ,WAAA,CAAAK,GAAA,EAACN,aAAA,CAAAc,kBAAkB;QAClBC,IAAI,EAAG,IAAAC,QAAE,EACR,yFACD;MAAG,CACH,CAAC,eACF,IAAAf,WAAA,CAAAK,GAAA,EAACN,aAAA,CAAAc,kBAAkB;QAClBC,IAAI,EAAG,IAAAC,QAAE,EACR,0KACD;MAAG,CACH,CAAC;IAAA,CACG,CAAC;EAAA,CACN,CAAC;AAEL,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEajB,SAAS","ignoreList":[]}

package/build/components/editor-help/customize-blocks.native.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _style = _interopRequireDefault(require("./style.scss"));
 var _viewSections = require("./view-sections");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -23,16 +23,19 @@ var _viewSections = require("./view-sections");
  */
 
 const CustomizeBlocks = () => {
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_viewSections.HelpDetailImage, {
-    source: require('./images/settings-light.png'),
-    sourceDarkMode: require('./images/settings-dark.png')
-  }), (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.helpDetailContainer
-  }, (0, _react.createElement)(_viewSections.HelpDetailBodyText, {
-    text: (0, _i18n.__)('Each block has its own settings. To find them, tap on a block. Its settings will appear on the toolbar at the bottom of the screen.')
-  }), (0, _react.createElement)(_viewSections.HelpDetailBodyText, {
-    text: (0, _i18n.__)('Some blocks have additional settings. Tap the settings icon on the bottom right of the block to view more options.')
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_viewSections.HelpDetailImage, {
+      source: require('./images/settings-light.png'),
+      sourceDarkMode: require('./images/settings-dark.png')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: _style.default.helpDetailContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_viewSections.HelpDetailBodyText, {
+        text: (0, _i18n.__)('Each block has its own settings. To find them, tap on a block. Its settings will appear on the toolbar at the bottom of the screen.')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_viewSections.HelpDetailBodyText, {
+        text: (0, _i18n.__)('Some blocks have additional settings. Tap the settings icon on the bottom right of the block to view more options.')
+      })]
+    })]
+  });
 };
 var _default = exports.default = CustomizeBlocks;
 //# sourceMappingURL=customize-blocks.native.js.map

package/build/components/editor-help/customize-blocks.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_i18n","_style","_interopRequireDefault","_viewSections","CustomizeBlocks","_react","createElement","Fragment","HelpDetailImage","source","sourceDarkMode","View","style","styles","helpDetailContainer","HelpDetailBodyText","text","__","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/customize-blocks.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { HelpDetailBodyText, HelpDetailImage } from './view-sections';\n\nconst CustomizeBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/settings-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/settings-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Each block has its own settings. To find them, tap on a block. Its settings will appear on the toolbar at the bottom of the screen.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Some blocks have additional settings. Tap the settings icon on the bottom right of the block to view more options.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default CustomizeBlocks;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMK,eAAe,GAAGA,CAAA,KAAM;EAC7B,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAK,eAAe;IACfC,MAAM,EAAGV,OAAO,CAAE,6BAA8B,CAAG;IACnDW,cAAc,EAAGX,OAAO,CAAE,4BAA6B;EAAG,CAC1D,CAAC,EACF,IAAAM,MAAA,CAAAC,aAAA,EAACR,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAqB,GACzC,IAAAT,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAY,kBAAkB;IAClBC,IAAI,EAAG,IAAAC,QAAE,EACR,qIACD;EAAG,CACH,CAAC,EACF,IAAAZ,MAAA,CAAAC,aAAA,EAACH,aAAA,CAAAY,kBAAkB;IAClBC,IAAI,EAAG,IAAAC,QAAE,EACR,oHACD;EAAG,CACH,CACI,CACL,CAAC;AAEL,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEahB,eAAe","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_i18n","_style","_interopRequireDefault","_viewSections","_jsxRuntime","CustomizeBlocks","jsxs","Fragment","children","jsx","HelpDetailImage","source","sourceDarkMode","View","style","styles","helpDetailContainer","HelpDetailBodyText","text","__","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/customize-blocks.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { HelpDetailBodyText, HelpDetailImage } from './view-sections';\n\nconst CustomizeBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/settings-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/settings-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Each block has its own settings. To find them, tap on a block. Its settings will appear on the toolbar at the bottom of the screen.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Some blocks have additional settings. Tap the settings icon on the bottom right of the block to view more options.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default CustomizeBlocks;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAAsE,IAAAK,WAAA,GAAAL,OAAA;AAdtE;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMM,eAAe,GAAGA,CAAA,KAAM;EAC7B,oBACC,IAAAD,WAAA,CAAAE,IAAA,EAAAF,WAAA,CAAAG,QAAA;IAAAC,QAAA,gBACC,IAAAJ,WAAA,CAAAK,GAAA,EAACN,aAAA,CAAAO,eAAe;MACfC,MAAM,EAAGZ,OAAO,CAAE,6BAA8B,CAAG;MACnDa,cAAc,EAAGb,OAAO,CAAE,4BAA6B;IAAG,CAC1D,CAAC,eACF,IAAAK,WAAA,CAAAE,IAAA,EAACR,YAAA,CAAAe,IAAI;MAACC,KAAK,EAAGC,cAAM,CAACC,mBAAqB;MAAAR,QAAA,gBACzC,IAAAJ,WAAA,CAAAK,GAAA,EAACN,aAAA,CAAAc,kBAAkB;QAClBC,IAAI,EAAG,IAAAC,QAAE,EACR,qIACD;MAAG,CACH,CAAC,eACF,IAAAf,WAAA,CAAAK,GAAA,EAACN,aAAA,CAAAc,kBAAkB;QAClBC,IAAI,EAAG,IAAAC,QAAE,EACR,oHACD;MAAG,CACH,CAAC;IAAA,CACG,CAAC;EAAA,CACN,CAAC;AAEL,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEajB,eAAe","ignoreList":[]}

package/build/components/editor-help/help-detail-navigation-screen.native.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _native = require("@react-navigation/native");
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _style = _interopRequireDefault(require("./style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -32,28 +32,38 @@ const HelpDetailNavigationScreen = ({
     listProps
   } = (0, _element.useContext)(_components.BottomSheetContext);
   const contentContainerStyle = _reactNative.StyleSheet.flatten(listProps.contentContainerStyle);
-  return (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavigationScreen, {
     isScrollable: true,
-    fullScreen: true
-  }, (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.container
-  }, (0, _react.createElement)(_components.BottomSheet.NavBar, null, (0, _react.createElement)(_components.BottomSheet.NavBar.BackButton, {
-    onPress: navigation.goBack
-  }), (0, _react.createElement)(_components.BottomSheet.NavBar.Heading, null, label)), (0, _react.createElement)(_reactNative.ScrollView, {
-    ...listProps,
-    contentContainerStyle: {
-      ...contentContainerStyle,
-      paddingBottom: Math.max(listProps.safeAreaBottomInset, contentContainerStyle.paddingBottom),
-      /**
-       * Remove margin set via `hideHeader`. Combining a header
-       * and navigation in this bottom sheet is at odds with the
-       * current `BottomSheet` implementation.
-       */
-      marginTop: 0
-    }
-  }, (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
-    accessible: false
-  }, (0, _react.createElement)(_reactNative.View, null, content)))));
+    fullScreen: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: _style.default.container,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.BottomSheet.NavBar, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavBar.BackButton, {
+          onPress: navigation.goBack
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.NavBar.Heading, {
+          children: label
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+        ...listProps,
+        contentContainerStyle: {
+          ...contentContainerStyle,
+          paddingBottom: Math.max(listProps.safeAreaBottomInset, contentContainerStyle.paddingBottom),
+          /**
+           * Remove margin set via `hideHeader`. Combining a header
+           * and navigation in this bottom sheet is at odds with the
+           * current `BottomSheet` implementation.
+           */
+          marginTop: 0
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
+          accessible: false,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            children: content
+          })
+        })
+      })]
+    })
+  });
 };
 var _default = exports.default = HelpDetailNavigationScreen;
 //# sourceMappingURL=help-detail-navigation-screen.native.js.map

package/build/components/editor-help/help-detail-navigation-screen.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_native","_components","_element","_style","_interopRequireDefault","HelpDetailNavigationScreen","content","label","navigation","useNavigation","listProps","useContext","BottomSheetContext","contentContainerStyle","StyleSheet","flatten","_react","createElement","BottomSheet","NavigationScreen","isScrollable","fullScreen","View","style","styles","container","NavBar","BackButton","onPress","goBack","Heading","ScrollView","paddingBottom","Math","max","safeAreaBottomInset","marginTop","TouchableWithoutFeedback","accessible","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/help-detail-navigation-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tScrollView,\n\tStyleSheet,\n\tTouchableWithoutFeedback,\n\tView,\n} from 'react-native';\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheet, BottomSheetContext } from '@wordpress/components';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst HelpDetailNavigationScreen = ( { content, label } ) => {\n\tconst navigation = useNavigation();\n\n\tconst { listProps } = useContext( BottomSheetContext );\n\tconst contentContainerStyle = StyleSheet.flatten(\n\t\tlistProps.contentContainerStyle\n\t);\n\n\treturn (\n\t\t<BottomSheet.NavigationScreen isScrollable fullScreen>\n\t\t\t<View style={ styles.container }>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton\n\t\t\t\t\t\tonPress={ navigation.goBack }\n\t\t\t\t\t/>\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<ScrollView\n\t\t\t\t\t{ ...listProps }\n\t\t\t\t\tcontentContainerStyle={ {\n\t\t\t\t\t\t...contentContainerStyle,\n\t\t\t\t\t\tpaddingBottom: Math.max(\n\t\t\t\t\t\t\tlistProps.safeAreaBottomInset,\n\t\t\t\t\t\t\tcontentContainerStyle.paddingBottom\n\t\t\t\t\t\t),\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Remove margin set via `hideHeader`. Combining a header\n\t\t\t\t\t\t * and navigation in this bottom sheet is at odds with the\n\t\t\t\t\t\t * current `BottomSheet` implementation.\n\t\t\t\t\t\t */\n\t\t\t\t\t\tmarginTop: 0,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<TouchableWithoutFeedback accessible={ false }>\n\t\t\t\t\t\t<View>{ content }</View>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t</ScrollView>\n\t\t\t</View>\n\t\t</BottomSheet.NavigationScreen>\n\t);\n};\n\nexport default HelpDetailNavigationScreen;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAMA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAC,sBAAA,CAAAL,OAAA;AApBA;AACA;AACA;;AASA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMM,0BAA0B,GAAGA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,KAAM;EAC5D,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAElC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,mBAAU,EAAEC,8BAAmB,CAAC;EACtD,MAAMC,qBAAqB,GAAGC,uBAAU,CAACC,OAAO,CAC/CL,SAAS,CAACG,qBACX,CAAC;EAED,OACC,IAAAG,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAiB,WAAW,CAACC,gBAAgB;IAACC,YAAY;IAACC,UAAU;EAAA,GACpD,IAAAL,MAAA,CAAAC,aAAA,EAACnB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAW,GAC/B,IAAAT,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAiB,WAAW,CAACQ,MAAM,QAClB,IAAAV,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAiB,WAAW,CAACQ,MAAM,CAACC,UAAU;IAC7BC,OAAO,EAAGpB,UAAU,CAACqB;EAAQ,CAC7B,CAAC,EACF,IAAAb,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAiB,WAAW,CAACQ,MAAM,CAACI,OAAO,QACxBvB,KACyB,CACT,CAAC,EACrB,IAAAS,MAAA,CAAAC,aAAA,EAACnB,YAAA,CAAAiC,UAAU;IAAA,GACLrB,SAAS;IACdG,qBAAqB,EAAG;MACvB,GAAGA,qBAAqB;MACxBmB,aAAa,EAAEC,IAAI,CAACC,GAAG,CACtBxB,SAAS,CAACyB,mBAAmB,EAC7BtB,qBAAqB,CAACmB,aACvB,CAAC;MACD;AACN;AACA;AACA;AACA;MACMI,SAAS,EAAE;IACZ;EAAG,GAEH,IAAApB,MAAA,CAAAC,aAAA,EAACnB,YAAA,CAAAuC,wBAAwB;IAACC,UAAU,EAAG;EAAO,GAC7C,IAAAtB,MAAA,CAAAC,aAAA,EAACnB,YAAA,CAAAwB,IAAI,QAAGhB,OAAe,CACE,CACf,CACP,CACuB,CAAC;AAEjC,CAAC;AAAC,IAAAiC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEapC,0BAA0B","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_native","_components","_element","_style","_interopRequireDefault","_jsxRuntime","HelpDetailNavigationScreen","content","label","navigation","useNavigation","listProps","useContext","BottomSheetContext","contentContainerStyle","StyleSheet","flatten","jsx","BottomSheet","NavigationScreen","isScrollable","fullScreen","children","jsxs","View","style","styles","container","NavBar","BackButton","onPress","goBack","Heading","ScrollView","paddingBottom","Math","max","safeAreaBottomInset","marginTop","TouchableWithoutFeedback","accessible","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/help-detail-navigation-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tScrollView,\n\tStyleSheet,\n\tTouchableWithoutFeedback,\n\tView,\n} from 'react-native';\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheet, BottomSheetContext } from '@wordpress/components';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst HelpDetailNavigationScreen = ( { content, label } ) => {\n\tconst navigation = useNavigation();\n\n\tconst { listProps } = useContext( BottomSheetContext );\n\tconst contentContainerStyle = StyleSheet.flatten(\n\t\tlistProps.contentContainerStyle\n\t);\n\n\treturn (\n\t\t<BottomSheet.NavigationScreen isScrollable fullScreen>\n\t\t\t<View style={ styles.container }>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton\n\t\t\t\t\t\tonPress={ navigation.goBack }\n\t\t\t\t\t/>\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<ScrollView\n\t\t\t\t\t{ ...listProps }\n\t\t\t\t\tcontentContainerStyle={ {\n\t\t\t\t\t\t...contentContainerStyle,\n\t\t\t\t\t\tpaddingBottom: Math.max(\n\t\t\t\t\t\t\tlistProps.safeAreaBottomInset,\n\t\t\t\t\t\t\tcontentContainerStyle.paddingBottom\n\t\t\t\t\t\t),\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Remove margin set via `hideHeader`. Combining a header\n\t\t\t\t\t\t * and navigation in this bottom sheet is at odds with the\n\t\t\t\t\t\t * current `BottomSheet` implementation.\n\t\t\t\t\t\t */\n\t\t\t\t\t\tmarginTop: 0,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<TouchableWithoutFeedback accessible={ false }>\n\t\t\t\t\t\t<View>{ content }</View>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t</ScrollView>\n\t\t\t</View>\n\t\t</BottomSheet.NavigationScreen>\n\t);\n};\n\nexport default HelpDetailNavigationScreen;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAMA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAC,sBAAA,CAAAL,OAAA;AAAkC,IAAAM,WAAA,GAAAN,OAAA;AApBlC;AACA;AACA;;AASA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMO,0BAA0B,GAAGA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,KAAM;EAC5D,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAElC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,mBAAU,EAAEC,8BAAmB,CAAC;EACtD,MAAMC,qBAAqB,GAAGC,uBAAU,CAACC,OAAO,CAC/CL,SAAS,CAACG,qBACX,CAAC;EAED,oBACC,IAAAT,WAAA,CAAAY,GAAA,EAAChB,WAAA,CAAAiB,WAAW,CAACC,gBAAgB;IAACC,YAAY;IAACC,UAAU;IAAAC,QAAA,eACpD,IAAAjB,WAAA,CAAAkB,IAAA,EAACzB,YAAA,CAAA0B,IAAI;MAACC,KAAK,EAAGC,cAAM,CAACC,SAAW;MAAAL,QAAA,gBAC/B,IAAAjB,WAAA,CAAAkB,IAAA,EAACtB,WAAA,CAAAiB,WAAW,CAACU,MAAM;QAAAN,QAAA,gBAClB,IAAAjB,WAAA,CAAAY,GAAA,EAAChB,WAAA,CAAAiB,WAAW,CAACU,MAAM,CAACC,UAAU;UAC7BC,OAAO,EAAGrB,UAAU,CAACsB;QAAQ,CAC7B,CAAC,eACF,IAAA1B,WAAA,CAAAY,GAAA,EAAChB,WAAA,CAAAiB,WAAW,CAACU,MAAM,CAACI,OAAO;UAAAV,QAAA,EACxBd;QAAK,CACoB,CAAC;MAAA,CACV,CAAC,eACrB,IAAAH,WAAA,CAAAY,GAAA,EAACnB,YAAA,CAAAmC,UAAU;QAAA,GACLtB,SAAS;QACdG,qBAAqB,EAAG;UACvB,GAAGA,qBAAqB;UACxBoB,aAAa,EAAEC,IAAI,CAACC,GAAG,CACtBzB,SAAS,CAAC0B,mBAAmB,EAC7BvB,qBAAqB,CAACoB,aACvB,CAAC;UACD;AACN;AACA;AACA;AACA;UACMI,SAAS,EAAE;QACZ,CAAG;QAAAhB,QAAA,eAEH,IAAAjB,WAAA,CAAAY,GAAA,EAACnB,YAAA,CAAAyC,wBAAwB;UAACC,UAAU,EAAG,KAAO;UAAAlB,QAAA,eAC7C,IAAAjB,WAAA,CAAAY,GAAA,EAACnB,YAAA,CAAA0B,IAAI;YAAAF,QAAA,EAAGf;UAAO,CAAQ;QAAC,CACC;MAAC,CAChB,CAAC;IAAA,CACR;EAAC,CACsB,CAAC;AAEjC,CAAC;AAAC,IAAAkC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEarC,0BAA0B","ignoreList":[]}

package/build/components/editor-help/help-get-support-button.native.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _compose = require("@wordpress/compose");
 var _style = _interopRequireDefault(require("./style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -27,13 +27,15 @@ const HelpGetSupportButton = ({
 }) => {
   const buttonStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.button, _style.default.buttonDark);
   const textStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.buttonText, _style.default.buttonTextDark);
-  return (0, _react.createElement)(_reactNative.Pressable, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
     style: buttonStyle,
     onPress: onPress,
-    accessibilityRole: 'button'
-  }, (0, _react.createElement)(_reactNative.Text, {
-    style: textStyle
-  }, title));
+    accessibilityRole: "button",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: textStyle,
+      children: title
+    })
+  });
 };
 var _default = exports.default = HelpGetSupportButton;
 //# sourceMappingURL=help-get-support-button.native.js.map

package/build/components/editor-help/help-get-support-button.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","HelpGetSupportButton","onPress","title","buttonStyle","usePreferredColorSchemeStyle","styles","button","buttonDark","textStyle","buttonText","buttonTextDark","_react","createElement","Pressable","style","accessibilityRole","Text","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/help-get-support-button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Pressable, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst HelpGetSupportButton = ( { onPress, title } ) => {\n\tconst buttonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.button,\n\t\tstyles.buttonDark\n\t);\n\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles.buttonText,\n\t\tstyles.buttonTextDark\n\t);\n\n\treturn (\n\t\t<Pressable\n\t\t\tstyle={ buttonStyle }\n\t\t\tonPress={ onPress }\n\t\t\taccessibilityRole={ 'button' }\n\t\t>\n\t\t\t<Text style={ textStyle }>{ title }</Text>\n\t\t</Pressable>\n\t);\n};\n\nexport default HelpGetSupportButton;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,oBAAoB,GAAGA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,KAAM;EACtD,MAAMC,WAAW,GAAG,IAAAC,qCAA4B,EAC/CC,cAAM,CAACC,MAAM,EACbD,cAAM,CAACE,UACR,CAAC;EAED,MAAMC,SAAS,GAAG,IAAAJ,qCAA4B,EAC7CC,cAAM,CAACI,UAAU,EACjBJ,cAAM,CAACK,cACR,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAkB,SAAS;IACTC,KAAK,EAAGX,WAAa;IACrBF,OAAO,EAAGA,OAAS;IACnBc,iBAAiB,EAAG;EAAU,GAE9B,IAAAJ,MAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAqB,IAAI;IAACF,KAAK,EAAGN;EAAW,GAAGN,KAAa,CAC/B,CAAC;AAEd,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEanB,oBAAoB","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","_jsxRuntime","HelpGetSupportButton","onPress","title","buttonStyle","usePreferredColorSchemeStyle","styles","button","buttonDark","textStyle","buttonText","buttonTextDark","jsx","Pressable","style","accessibilityRole","children","Text","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/help-get-support-button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Pressable, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst HelpGetSupportButton = ( { onPress, title } ) => {\n\tconst buttonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.button,\n\t\tstyles.buttonDark\n\t);\n\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles.buttonText,\n\t\tstyles.buttonTextDark\n\t);\n\n\treturn (\n\t\t<Pressable\n\t\t\tstyle={ buttonStyle }\n\t\t\tonPress={ onPress }\n\t\t\taccessibilityRole=\"button\"\n\t\t>\n\t\t\t<Text style={ textStyle }>{ title }</Text>\n\t\t</Pressable>\n\t);\n};\n\nexport default HelpGetSupportButton;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAkC,IAAAI,WAAA,GAAAJ,OAAA;AAblC;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMK,oBAAoB,GAAGA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,KAAM;EACtD,MAAMC,WAAW,GAAG,IAAAC,qCAA4B,EAC/CC,cAAM,CAACC,MAAM,EACbD,cAAM,CAACE,UACR,CAAC;EAED,MAAMC,SAAS,GAAG,IAAAJ,qCAA4B,EAC7CC,cAAM,CAACI,UAAU,EACjBJ,cAAM,CAACK,cACR,CAAC;EAED,oBACC,IAAAX,WAAA,CAAAY,GAAA,EAACjB,YAAA,CAAAkB,SAAS;IACTC,KAAK,EAAGV,WAAa;IACrBF,OAAO,EAAGA,OAAS;IACnBa,iBAAiB,EAAC,QAAQ;IAAAC,QAAA,eAE1B,IAAAhB,WAAA,CAAAY,GAAA,EAACjB,YAAA,CAAAsB,IAAI;MAACH,KAAK,EAAGL,SAAW;MAAAO,QAAA,EAAGb;IAAK,CAAQ;EAAC,CAChC,CAAC;AAEd,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEanB,oBAAoB","ignoreList":[]}

package/build/components/editor-help/help-section-title.native.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _compose = require("@wordpress/compose");
 var _style = _interopRequireDefault(require("./style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -25,11 +25,13 @@ const HelpSectionTitle = ({
   children
 }) => {
   const helpSectionTitle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.helpSectionTitle, _style.default.helpSectionTitleDark);
-  return (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.helpSectionTitleContainer
-  }, (0, _react.createElement)(_reactNative.Text, {
-    style: helpSectionTitle
-  }, children));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: _style.default.helpSectionTitleContainer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: helpSectionTitle,
+      children: children
+    })
+  });
 };
 var _default = exports.default = HelpSectionTitle;
 //# sourceMappingURL=help-section-title.native.js.map

package/build/components/editor-help/help-section-title.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","HelpSectionTitle","children","helpSectionTitle","usePreferredColorSchemeStyle","styles","helpSectionTitleDark","_react","createElement","View","style","helpSectionTitleContainer","Text","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/help-section-title.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst HelpSectionTitle = ( { children } ) => {\n\tconst helpSectionTitle = usePreferredColorSchemeStyle(\n\t\tstyles.helpSectionTitle,\n\t\tstyles.helpSectionTitleDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.helpSectionTitleContainer }>\n\t\t\t<Text style={ helpSectionTitle }>{ children }</Text>\n\t\t</View>\n\t);\n};\n\nexport default HelpSectionTitle;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,gBAAgB,GAAGA,CAAE;EAAEC;AAAS,CAAC,KAAM;EAC5C,MAAMC,gBAAgB,GAAG,IAAAC,qCAA4B,EACpDC,cAAM,CAACF,gBAAgB,EACvBE,cAAM,CAACC,oBACR,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACZ,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGL,cAAM,CAACM;EAA2B,GAC/C,IAAAJ,MAAA,CAAAC,aAAA,EAACZ,YAAA,CAAAgB,IAAI;IAACF,KAAK,EAAGP;EAAkB,GAAGD,QAAgB,CAC9C,CAAC;AAET,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEad,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","_jsxRuntime","HelpSectionTitle","children","helpSectionTitle","usePreferredColorSchemeStyle","styles","helpSectionTitleDark","jsx","View","style","helpSectionTitleContainer","Text","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/help-section-title.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst HelpSectionTitle = ( { children } ) => {\n\tconst helpSectionTitle = usePreferredColorSchemeStyle(\n\t\tstyles.helpSectionTitle,\n\t\tstyles.helpSectionTitleDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.helpSectionTitleContainer }>\n\t\t\t<Text style={ helpSectionTitle }>{ children }</Text>\n\t\t</View>\n\t);\n};\n\nexport default HelpSectionTitle;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAkC,IAAAI,WAAA,GAAAJ,OAAA;AAblC;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMK,gBAAgB,GAAGA,CAAE;EAAEC;AAAS,CAAC,KAAM;EAC5C,MAAMC,gBAAgB,GAAG,IAAAC,qCAA4B,EACpDC,cAAM,CAACF,gBAAgB,EACvBE,cAAM,CAACC,oBACR,CAAC;EAED,oBACC,IAAAN,WAAA,CAAAO,GAAA,EAACZ,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAGJ,cAAM,CAACK,yBAA2B;IAAAR,QAAA,eAC/C,IAAAF,WAAA,CAAAO,GAAA,EAACZ,YAAA,CAAAgB,IAAI;MAACF,KAAK,EAAGN,gBAAkB;MAAAD,QAAA,EAAGA;IAAQ,CAAQ;EAAC,CAC/C,CAAC;AAET,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEab,gBAAgB","ignoreList":[]}

package/build/components/editor-help/help-topic-row.native.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _native = require("@react-navigation/native");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -26,16 +26,17 @@ const HelpTopicRow = ({
   const openSubSheet = () => {
     navigation.navigate(screenName);
   };
-  return (0, _react.createElement)(_components.TextControl, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
     separatorType: isLastItem ? 'none' : 'leftMargin',
     customActionButton: true,
     leftAlign: true,
     onPress: openSubSheet,
     label: label,
-    icon: icon
-  }, (0, _react.createElement)(_components.Icon, {
-    icon: _icons.chevronRight
-  }));
+    icon: icon,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+      icon: _icons.chevronRight
+    })
+  });
 };
 var _default = exports.default = HelpTopicRow;
 //# sourceMappingURL=help-topic-row.native.js.map

package/build/components/editor-help/help-topic-row.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_native","require","_components","_icons","HelpTopicRow","label","icon","screenName","isLastItem","navigation","useNavigation","openSubSheet","navigate","_react","createElement","TextControl","separatorType","customActionButton","leftAlign","onPress","Icon","chevronRight","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/help-topic-row.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { TextControl, Icon } from '@wordpress/components';\nimport { chevronRight } from '@wordpress/icons';\n\nconst HelpTopicRow = ( { label, icon, screenName, isLastItem } ) => {\n\tconst navigation = useNavigation();\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( screenName );\n\t};\n\n\treturn (\n\t\t<TextControl\n\t\t\tseparatorType={ isLastItem ? 'none' : 'leftMargin' }\n\t\t\tcustomActionButton\n\t\t\tleftAlign\n\t\t\tonPress={ openSubSheet }\n\t\t\tlabel={ label }\n\t\t\ticon={ icon }\n\t\t>\n\t\t\t<Icon icon={ chevronRight } />\n\t\t</TextControl>\n\t);\n};\n\nexport default HelpTopicRow;\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMG,YAAY,GAAGA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,UAAU;EAAEC;AAAW,CAAC,KAAM;EACnE,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAElC,MAAMC,YAAY,GAAGA,CAAA,KAAM;IAC1BF,UAAU,CAACG,QAAQ,CAAEL,UAAW,CAAC;EAClC,CAAC;EAED,OACC,IAAAM,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAa,WAAW;IACXC,aAAa,EAAGR,UAAU,GAAG,MAAM,GAAG,YAAc;IACpDS,kBAAkB;IAClBC,SAAS;IACTC,OAAO,EAAGR,YAAc;IACxBN,KAAK,EAAGA,KAAO;IACfC,IAAI,EAAGA;EAAM,GAEb,IAAAO,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAkB,IAAI;IAACd,IAAI,EAAGe;EAAc,CAAE,CACjB,CAAC;AAEhB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEapB,YAAY","ignoreList":[]}
+{"version":3,"names":["_native","require","_components","_icons","_jsxRuntime","HelpTopicRow","label","icon","screenName","isLastItem","navigation","useNavigation","openSubSheet","navigate","jsx","TextControl","separatorType","customActionButton","leftAlign","onPress","children","Icon","chevronRight","_default","exports","default"],"sources":["@wordpress/editor/src/components/editor-help/help-topic-row.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { TextControl, Icon } from '@wordpress/components';\nimport { chevronRight } from '@wordpress/icons';\n\nconst HelpTopicRow = ( { label, icon, screenName, isLastItem } ) => {\n\tconst navigation = useNavigation();\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( screenName );\n\t};\n\n\treturn (\n\t\t<TextControl\n\t\t\tseparatorType={ isLastItem ? 'none' : 'leftMargin' }\n\t\t\tcustomActionButton\n\t\t\tleftAlign\n\t\t\tonPress={ openSubSheet }\n\t\t\tlabel={ label }\n\t\t\ticon={ icon }\n\t\t>\n\t\t\t<Icon icon={ chevronRight } />\n\t\t</TextControl>\n\t);\n};\n\nexport default HelpTopicRow;\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAThD;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMI,YAAY,GAAGA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,UAAU;EAAEC;AAAW,CAAC,KAAM;EACnE,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAElC,MAAMC,YAAY,GAAGA,CAAA,KAAM;IAC1BF,UAAU,CAACG,QAAQ,CAAEL,UAAW,CAAC;EAClC,CAAC;EAED,oBACC,IAAAJ,WAAA,CAAAU,GAAA,EAACZ,WAAA,CAAAa,WAAW;IACXC,aAAa,EAAGP,UAAU,GAAG,MAAM,GAAG,YAAc;IACpDQ,kBAAkB;IAClBC,SAAS;IACTC,OAAO,EAAGP,YAAc;IACxBN,KAAK,EAAGA,KAAO;IACfC,IAAI,EAAGA,IAAM;IAAAa,QAAA,eAEb,IAAAhB,WAAA,CAAAU,GAAA,EAACZ,WAAA,CAAAmB,IAAI;MAACd,IAAI,EAAGe;IAAc,CAAE;EAAC,CAClB,CAAC;AAEhB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEapB,YAAY","ignoreList":[]}

package/build/components/editor-help/icon-move-blocks.native.js

@@ -4,15 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _primitives = require("@wordpress/primitives");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
-var _default = exports.default = (0, _react.createElement)(_primitives.SVG, {
+var _default = exports.default = /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24"
-}, (0, _react.createElement)(_primitives.Path, {
-  d: "M9.53 17.47 9 16.94 7.94 18l.53.53 2 2 .53.53.53-.53 2-2 .53-.53L13 16.94l-.53.53-.72.72v-4.94h-1.5v4.94l-.72-.72Zm-1.06-14L7.94 4 9 5.06l.53-.53.72-.72v4.94h1.5V3.81l.72.72.53.53L14.06 4l-.53-.53-2-2L11 .94l-.53.53-2 2ZM4.53 9.53 5.06 9 4 7.94l-.53.53-2 2-.53.53.53.53 2 2 .53.53L5.06 13l-.53-.53-.72-.72h4.94v-1.5H3.81l.72-.72Zm14-1.06L18 7.94 16.94 9l.53.53.72.72h-4.94v1.5h4.94l-.72.72-.53.53L18 14.06l.53-.53 2-2 .53-.53-.53-.53-2-2Z"
-}));
+  viewBox: "0 0 24 24",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Path, {
+    d: "M9.53 17.47 9 16.94 7.94 18l.53.53 2 2 .53.53.53-.53 2-2 .53-.53L13 16.94l-.53.53-.72.72v-4.94h-1.5v4.94l-.72-.72Zm-1.06-14L7.94 4 9 5.06l.53-.53.72-.72v4.94h1.5V3.81l.72.72.53.53L14.06 4l-.53-.53-2-2L11 .94l-.53.53-2 2ZM4.53 9.53 5.06 9 4 7.94l-.53.53-2 2-.53.53.53.53 2 2 .53.53L5.06 13l-.53-.53-.72-.72h4.94v-1.5H3.81l.72-.72Zm14-1.06L18 7.94 16.94 9l.53.53.72.72h-4.94v1.5h4.94l-.72.72-.53.53L18 14.06l.53-.53 2-2 .53-.53-.53-.53-2-2Z"
+  })
+});
 //# sourceMappingURL=icon-move-blocks.native.js.map