@wordpress/editor 13.34.0 → 14.0.0

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

@@ -1,8 +1,7 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -13,7 +12,7 @@ import { __, _x } from '@wordpress/i18n';
 import { NavigableToolbar, ToolSelector, store as blockEditorStore } from '@wordpress/block-editor';
 import { Button, ToolbarItem } from '@wordpress/components';
 import { listView, plus } from '@wordpress/icons';
-import { useRef, useCallback } from '@wordpress/element';
+import { useCallback } from '@wordpress/element';
 import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
 import { store as preferencesStore } from '@wordpress/preferences';
 
@@ -24,17 +23,16 @@ import { unlock } from '../../lock-unlock';
 import { store as editorStore } from '../../store';
 import EditorHistoryRedo from '../editor-history/redo';
 import EditorHistoryUndo from '../editor-history/undo';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const preventDefault = event => {
   event.preventDefault();
 };
 function DocumentTools({
   className,
-  disableBlockTools = false,
-  children,
-  // This is a temporary prop until the list view is fully unified between post and site editors.
-  listViewLabel = __('Document Overview')
+  disableBlockTools = false
 }) {
-  const inserterButton = useRef();
   const {
     setIsInserterOpened,
     setIsListViewOpened
@@ -44,6 +42,7 @@ function DocumentTools({
     isInserterOpened,
     isListViewOpen,
     listViewShortcut,
+    inserterSidebarToggleRef,
     listViewToggleRef,
     hasFixedToolbar,
     showIconLabels
@@ -56,19 +55,27 @@ function DocumentTools({
     } = select(preferencesStore);
     const {
       isListViewOpened,
+      getEditorMode,
+      getInserterSidebarToggleRef,
       getListViewToggleRef
     } = unlock(select(editorStore));
     const {
       getShortcutRepresentation
     } = select(keyboardShortcutsStore);
+    const {
+      __unstableGetEditorMode
+    } = select(blockEditorStore);
     return {
       isInserterOpened: select(editorStore).isInserterOpened(),
       isListViewOpen: isListViewOpened(),
       listViewShortcut: getShortcutRepresentation('core/editor/toggle-list-view'),
+      inserterSidebarToggleRef: getInserterSidebarToggleRef(),
       listViewToggleRef: getListViewToggleRef(),
       hasFixedToolbar: getSettings().hasFixedToolbar,
       showIconLabels: get('core', 'showIconLabels'),
-      isDistractionFree: get('core', 'distractionFree')
+      isDistractionFree: get('core', 'distractionFree'),
+      isVisualMode: getEditorMode() === 'visual',
+      isZoomedOutView: __unstableGetEditorMode() === 'zoom-out'
     };
   }, []);
   const isLargeViewport = useViewportMatch('medium');
@@ -77,77 +84,72 @@ function DocumentTools({
   /* translators: accessibility text for the editor toolbar */
   const toolbarAriaLabel = __('Document tools');
   const toggleListView = useCallback(() => setIsListViewOpened(!isListViewOpen), [setIsListViewOpened, isListViewOpen]);
-  const toggleInserter = useCallback(() => {
-    if (isInserterOpened) {
-      // Focusing the inserter button should close the inserter popover.
-      // However, there are some cases it won't close when the focus is lost.
-      // See https://github.com/WordPress/gutenberg/issues/43090 for more details.
-      inserterButton.current.focus();
-      setIsInserterOpened(false);
-    } else {
-      setIsInserterOpened(true);
-    }
-  }, [isInserterOpened, setIsInserterOpened]);
+  const toggleInserter = useCallback(() => setIsInserterOpened(!isInserterOpened), [isInserterOpened, setIsInserterOpened]);
 
   /* translators: button label text should, if possible, be under 16 characters. */
   const longLabel = _x('Toggle block inserter', 'Generic label for block inserter button');
   const shortLabel = !isInserterOpened ? __('Add') : __('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.
-    createElement(NavigableToolbar, {
-      className: classnames('editor-document-tools', 'edit-post-header-toolbar', className),
+    _jsx(NavigableToolbar, {
+      className: clsx('editor-document-tools', 'edit-post-header-toolbar', className),
       "aria-label": toolbarAriaLabel,
-      variant: "unstyled"
-    }, createElement("div", {
-      className: "editor-document-tools__left"
-    }, !isDistractionFree && createElement(ToolbarItem, {
-      ref: inserterButton,
-      as: Button,
-      className: "editor-document-tools__inserter-toggle",
-      variant: "primary",
-      isPressed: isInserterOpened,
-      onMouseDown: preventDefault,
-      onClick: toggleInserter,
-      disabled: disableBlockTools,
-      icon: plus,
-      label: showIconLabels ? shortLabel : longLabel,
-      showTooltip: !showIconLabels,
-      "aria-expanded": isInserterOpened
-    }), (isWideViewport || !showIconLabels) && createElement(Fragment, null, isLargeViewport && !hasFixedToolbar && createElement(ToolbarItem, {
-      as: ToolSelector,
-      showTooltip: !showIconLabels,
-      variant: showIconLabels ? 'tertiary' : undefined,
-      disabled: disableBlockTools,
-      size: "compact"
-    }), createElement(ToolbarItem, {
-      as: EditorHistoryUndo,
-      showTooltip: !showIconLabels,
-      variant: showIconLabels ? 'tertiary' : undefined,
-      size: "compact"
-    }), createElement(ToolbarItem, {
-      as: EditorHistoryRedo,
-      showTooltip: !showIconLabels,
-      variant: showIconLabels ? 'tertiary' : undefined,
-      size: "compact"
-    }), !isDistractionFree && createElement(ToolbarItem, {
-      as: Button,
-      className: "editor-document-tools__document-overview-toggle",
-      icon: 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"
-    })), children))
+      variant: "unstyled",
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "editor-document-tools__left",
+        children: [!isDistractionFree && /*#__PURE__*/_jsx(ToolbarItem, {
+          ref: inserterSidebarToggleRef,
+          as: Button,
+          className: "editor-document-tools__inserter-toggle",
+          variant: "primary",
+          isPressed: isInserterOpened,
+          onMouseDown: preventDefault,
+          onClick: toggleInserter,
+          disabled: disableBlockTools,
+          icon: plus,
+          label: showIconLabels ? shortLabel : longLabel,
+          showTooltip: !showIconLabels,
+          "aria-expanded": isInserterOpened
+        }), (isWideViewport || !showIconLabels) && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [isLargeViewport && !hasFixedToolbar && /*#__PURE__*/_jsx(ToolbarItem, {
+            as: ToolSelector,
+            showTooltip: !showIconLabels,
+            variant: showIconLabels ? 'tertiary' : undefined,
+            disabled: disableBlockTools,
+            size: "compact"
+          }), /*#__PURE__*/_jsx(ToolbarItem, {
+            as: EditorHistoryUndo,
+            showTooltip: !showIconLabels,
+            variant: showIconLabels ? 'tertiary' : undefined,
+            size: "compact"
+          }), /*#__PURE__*/_jsx(ToolbarItem, {
+            as: EditorHistoryRedo,
+            showTooltip: !showIconLabels,
+            variant: showIconLabels ? 'tertiary' : undefined,
+            size: "compact"
+          }), !isDistractionFree && /*#__PURE__*/_jsx(ToolbarItem, {
+            as: Button,
+            className: "editor-document-tools__document-overview-toggle",
+            icon: listView,
+            disabled: disableBlockTools,
+            isPressed: isListViewOpen
+            /* translators: button label text should, if possible, be under 16 characters. */,
+            label: __('Document Overview'),
+            onClick: toggleListView,
+            shortcut: listViewShortcut,
+            showTooltip: !showIconLabels,
+            variant: showIconLabels ? 'tertiary' : undefined,
+            "aria-expanded": isListViewOpen,
+            ref: listViewToggleRef,
+            size: "compact"
+          })]
+        })]
+      })
+    })
   );
 }
 export default DocumentTools;

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","useViewportMatch","useSelect","useDispatch","__","_x","NavigableToolbar","ToolSelector","store","blockEditorStore","Button","ToolbarItem","listView","plus","useRef","useCallback","keyboardShortcutsStore","preferencesStore","unlock","editorStore","EditorHistoryRedo","EditorHistoryUndo","preventDefault","event","DocumentTools","className","disableBlockTools","children","listViewLabel","inserterButton","setIsInserterOpened","setIsListViewOpened","isDistractionFree","isInserterOpened","isListViewOpen","listViewShortcut","listViewToggleRef","hasFixedToolbar","showIconLabels","select","getSettings","get","isListViewOpened","getListViewToggleRef","getShortcutRepresentation","isLargeViewport","isWideViewport","toolbarAriaLabel","toggleListView","toggleInserter","current","focus","longLabel","shortLabel","createElement","variant","ref","as","isPressed","onMouseDown","onClick","disabled","icon","label","showTooltip","Fragment","undefined","size","shortcut"],"sources":["@wordpress/editor/src/components/document-tools/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\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 { 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 { 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\tchildren,\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 inserterButton = useRef();\n\tconst { setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editorStore );\n\tconst {\n\t\tisDistractionFree,\n\t\tisInserterOpened,\n\t\tisListViewOpen,\n\t\tlistViewShortcut,\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 { isListViewOpened, getListViewToggleRef } = unlock(\n\t\t\tselect( editorStore )\n\t\t);\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\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\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};\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\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// 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={ classnames(\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={ inserterButton }\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\t{ children }\n\t\t\t</div>\n\t\t</NavigableToolbar>\n\t);\n}\n\nexport default DocumentTools;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SACCC,gBAAgB,EAChBC,YAAY,EACZC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,MAAM,EAAEC,WAAW,QAAQ,uBAAuB;AAC3D,SAASC,QAAQ,EAAEC,IAAI,QAAQ,kBAAkB;AACjD,SAASC,MAAM,EAAEC,WAAW,QAAQ,oBAAoB;AACxD,SAASP,KAAK,IAAIQ,sBAAsB,QAAQ,+BAA+B;AAC/E,SAASR,KAAK,IAAIS,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASV,KAAK,IAAIW,WAAW,QAAQ,aAAa;AAClD,OAAOC,iBAAiB,MAAM,wBAAwB;AACtD,OAAOC,iBAAiB,MAAM,wBAAwB;AAEtD,MAAMC,cAAc,GAAKC,KAAK,IAAM;EACnCA,KAAK,CAACD,cAAc,CAAC,CAAC;AACvB,CAAC;AAED,SAASE,aAAaA,CAAE;EACvBC,SAAS;EACTC,iBAAiB,GAAG,KAAK;EACzBC,QAAQ;EACR;EACAC,aAAa,GAAGxB,EAAE,CAAE,mBAAoB;AACzC,CAAC,EAAG;EACH,MAAMyB,cAAc,GAAGf,MAAM,CAAC,CAAC;EAC/B,MAAM;IAAEgB,mBAAmB;IAAEC;EAAoB,CAAC,GACjD5B,WAAW,CAAEgB,WAAY,CAAC;EAC3B,MAAM;IACLa,iBAAiB;IACjBC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;IAChBC,iBAAiB;IACjBC,eAAe;IACfC;EACD,CAAC,GAAGpC,SAAS,CAAIqC,MAAM,IAAM;IAC5B,MAAM;MAAEC;IAAY,CAAC,GAAGD,MAAM,CAAE9B,gBAAiB,CAAC;IAClD,MAAM;MAAEgC;IAAI,CAAC,GAAGF,MAAM,CAAEtB,gBAAiB,CAAC;IAC1C,MAAM;MAAEyB,gBAAgB;MAAEC;IAAqB,CAAC,GAAGzB,MAAM,CACxDqB,MAAM,CAAEpB,WAAY,CACrB,CAAC;IACD,MAAM;MAAEyB;IAA0B,CAAC,GAAGL,MAAM,CAAEvB,sBAAuB,CAAC;IAEtE,OAAO;MACNiB,gBAAgB,EAAEM,MAAM,CAAEpB,WAAY,CAAC,CAACc,gBAAgB,CAAC,CAAC;MAC1DC,cAAc,EAAEQ,gBAAgB,CAAC,CAAC;MAClCP,gBAAgB,EAAES,yBAAyB,CAC1C,8BACD,CAAC;MACDR,iBAAiB,EAAEO,oBAAoB,CAAC,CAAC;MACzCN,eAAe,EAAEG,WAAW,CAAC,CAAC,CAACH,eAAe;MAC9CC,cAAc,EAAEG,GAAG,CAAE,MAAM,EAAE,gBAAiB,CAAC;MAC/CT,iBAAiB,EAAES,GAAG,CAAE,MAAM,EAAE,iBAAkB;IACnD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMI,eAAe,GAAG5C,gBAAgB,CAAE,QAAS,CAAC;EACpD,MAAM6C,cAAc,GAAG7C,gBAAgB,CAAE,MAAO,CAAC;;EAEjD;EACA,MAAM8C,gBAAgB,GAAG3C,EAAE,CAAE,gBAAiB,CAAC;EAE/C,MAAM4C,cAAc,GAAGjC,WAAW,CACjC,MAAMgB,mBAAmB,CAAE,CAAEG,cAAe,CAAC,EAC7C,CAAEH,mBAAmB,EAAEG,cAAc,CACtC,CAAC;EAED,MAAMe,cAAc,GAAGlC,WAAW,CAAE,MAAM;IACzC,IAAKkB,gBAAgB,EAAG;MACvB;MACA;MACA;MACAJ,cAAc,CAACqB,OAAO,CAACC,KAAK,CAAC,CAAC;MAC9BrB,mBAAmB,CAAE,KAAM,CAAC;IAC7B,CAAC,MAAM;MACNA,mBAAmB,CAAE,IAAK,CAAC;IAC5B;EACD,CAAC,EAAE,CAAEG,gBAAgB,EAAEH,mBAAmB,CAAG,CAAC;;EAE9C;EACA,MAAMsB,SAAS,GAAG/C,EAAE,CACnB,uBAAuB,EACvB,yCACD,CAAC;EACD,MAAMgD,UAAU,GAAG,CAAEpB,gBAAgB,GAAG7B,EAAE,CAAE,KAAM,CAAC,GAAGA,EAAE,CAAE,OAAQ,CAAC;EAEnE;IACC;IACA;IACA;IACA;IACAkD,aAAA,CAAChD,gBAAgB;MAChBmB,SAAS,EAAGzB,UAAU,CACrB,uBAAuB,EACvB,0BAA0B,EAC1ByB,SACD,CAAG;MACH,cAAasB,gBAAkB;MAC/BQ,OAAO,EAAC;IAAU,GAElBD,aAAA;MAAK7B,SAAS,EAAC;IAA6B,GACzC,CAAEO,iBAAiB,IACpBsB,aAAA,CAAC3C,WAAW;MACX6C,GAAG,EAAG3B,cAAgB;MACtB4B,EAAE,EAAG/C,MAAQ;MACbe,SAAS,EAAC,wCAAwC;MAClD8B,OAAO,EAAC,SAAS;MACjBG,SAAS,EAAGzB,gBAAkB;MAC9B0B,WAAW,EAAGrC,cAAgB;MAC9BsC,OAAO,EAAGX,cAAgB;MAC1BY,QAAQ,EAAGnC,iBAAmB;MAC9BoC,IAAI,EAAGjD,IAAM;MACbkD,KAAK,EAAGzB,cAAc,GAAGe,UAAU,GAAGD,SAAW;MACjDY,WAAW,EAAG,CAAE1B,cAAgB;MAChC,iBAAgBL;IAAkB,CAClC,CACD,EACC,CAAEa,cAAc,IAAI,CAAER,cAAc,KACrCgB,aAAA,CAAAW,QAAA,QACGpB,eAAe,IAAI,CAAER,eAAe,IACrCiB,aAAA,CAAC3C,WAAW;MACX8C,EAAE,EAAGlD,YAAc;MACnByD,WAAW,EAAG,CAAE1B,cAAgB;MAChCiB,OAAO,EACNjB,cAAc,GAAG,UAAU,GAAG4B,SAC9B;MACDL,QAAQ,EAAGnC,iBAAmB;MAC9ByC,IAAI,EAAC;IAAS,CACd,CACD,EACDb,aAAA,CAAC3C,WAAW;MACX8C,EAAE,EAAGpC,iBAAmB;MACxB2C,WAAW,EAAG,CAAE1B,cAAgB;MAChCiB,OAAO,EAAGjB,cAAc,GAAG,UAAU,GAAG4B,SAAW;MACnDC,IAAI,EAAC;IAAS,CACd,CAAC,EACFb,aAAA,CAAC3C,WAAW;MACX8C,EAAE,EAAGrC,iBAAmB;MACxB4C,WAAW,EAAG,CAAE1B,cAAgB;MAChCiB,OAAO,EAAGjB,cAAc,GAAG,UAAU,GAAG4B,SAAW;MACnDC,IAAI,EAAC;IAAS,CACd,CAAC,EACA,CAAEnC,iBAAiB,IACpBsB,aAAA,CAAC3C,WAAW;MACX8C,EAAE,EAAG/C,MAAQ;MACbe,SAAS,EAAC,iDAAiD;MAC3DqC,IAAI,EAAGlD,QAAU;MACjBiD,QAAQ,EAAGnC,iBAAmB;MAC9BgC,SAAS,EAAGxB;MACZ;MACA6B,KAAK,EAAGnC,aAAe;MACvBgC,OAAO,EAAGZ,cAAgB;MAC1BoB,QAAQ,EAAGjC,gBAAkB;MAC7B6B,WAAW,EAAG,CAAE1B,cAAgB;MAChCiB,OAAO,EACNjB,cAAc,GAAG,UAAU,GAAG4B,SAC9B;MACD,iBAAgBhC,cAAgB;MAChCsB,GAAG,EAAGpB,iBAAmB;MACzB+B,IAAI,EAAC;IAAS,CACd,CAED,CACF,EACCxC,QACE,CACY;EAAC;AAErB;AAEA,eAAeH,aAAa","ignoreList":[]}
+{"version":3,"names":["clsx","useViewportMatch","useSelect","useDispatch","__","_x","NavigableToolbar","ToolSelector","store","blockEditorStore","Button","ToolbarItem","listView","plus","useCallback","keyboardShortcutsStore","preferencesStore","unlock","editorStore","EditorHistoryRedo","EditorHistoryUndo","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","preventDefault","event","DocumentTools","className","disableBlockTools","setIsInserterOpened","setIsListViewOpened","isDistractionFree","isInserterOpened","isListViewOpen","listViewShortcut","inserterSidebarToggleRef","listViewToggleRef","hasFixedToolbar","showIconLabels","select","getSettings","get","isListViewOpened","getEditorMode","getInserterSidebarToggleRef","getListViewToggleRef","getShortcutRepresentation","__unstableGetEditorMode","isVisualMode","isZoomedOutView","isLargeViewport","isWideViewport","toolbarAriaLabel","toggleListView","toggleInserter","longLabel","shortLabel","variant","children","ref","as","isPressed","onMouseDown","onClick","disabled","icon","label","showTooltip","undefined","size","shortcut"],"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-module/components/editor-help/add-blocks.native.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -14,17 +13,23 @@ import { __ } from '@wordpress/i18n';
  */
 import styles from './style.scss';
 import { HelpDetailBodyText, HelpDetailImage } from './view-sections';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const AddBlocks = () => {
-  return createElement(Fragment, null, createElement(HelpDetailImage, {
-    source: require('./images/add-light.png'),
-    sourceDarkMode: require('./images/add-dark.png')
-  }), createElement(View, {
-    style: styles.helpDetailContainer
-  }, createElement(HelpDetailBodyText, {
-    text: __('Add a new block at any time by tapping on the + icon in the toolbar on the bottom left.')
-  }), createElement(HelpDetailBodyText, {
-    text: __('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__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(HelpDetailImage, {
+      source: require('./images/add-light.png'),
+      sourceDarkMode: require('./images/add-dark.png')
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.helpDetailContainer,
+      children: [/*#__PURE__*/_jsx(HelpDetailBodyText, {
+        text: __('Add a new block at any time by tapping on the + icon in the toolbar on the bottom left.')
+      }), /*#__PURE__*/_jsx(HelpDetailBodyText, {
+        text: __('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.')
+      })]
+    })]
+  });
 };
 export default AddBlocks;
 //# sourceMappingURL=add-blocks.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["View","__","styles","HelpDetailBodyText","HelpDetailImage","AddBlocks","createElement","Fragment","source","require","sourceDarkMode","style","helpDetailContainer","text"],"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":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,SAASC,kBAAkB,EAAEC,eAAe,QAAQ,iBAAiB;AAErE,MAAMC,SAAS,GAAGA,CAAA,KAAM;EACvB,OACCC,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACF,eAAe;IACfI,MAAM,EAAGC,OAAO,CAAE,wBAAyB,CAAG;IAC9CC,cAAc,EAAGD,OAAO,CAAE,uBAAwB;EAAG,CACrD,CAAC,EACFH,aAAA,CAACN,IAAI;IAACW,KAAK,EAAGT,MAAM,CAACU;EAAqB,GACzCN,aAAA,CAACH,kBAAkB;IAClBU,IAAI,EAAGZ,EAAE,CACR,yFACD;EAAG,CACH,CAAC,EACFK,aAAA,CAACH,kBAAkB;IAClBU,IAAI,EAAGZ,EAAE,CACR,0KACD;EAAG,CACH,CACI,CACL,CAAC;AAEL,CAAC;AAED,eAAeI,SAAS","ignoreList":[]}
+{"version":3,"names":["View","__","styles","HelpDetailBodyText","HelpDetailImage","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AddBlocks","children","source","require","sourceDarkMode","style","helpDetailContainer","text"],"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":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,SAASC,kBAAkB,EAAEC,eAAe,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEtE,MAAMC,SAAS,GAAGA,CAAA,KAAM;EACvB,oBACCH,KAAA,CAAAE,SAAA;IAAAE,QAAA,gBACCN,IAAA,CAACF,eAAe;MACfS,MAAM,EAAGC,OAAO,CAAE,wBAAyB,CAAG;MAC9CC,cAAc,EAAGD,OAAO,CAAE,uBAAwB;IAAG,CACrD,CAAC,eACFN,KAAA,CAACR,IAAI;MAACgB,KAAK,EAAGd,MAAM,CAACe,mBAAqB;MAAAL,QAAA,gBACzCN,IAAA,CAACH,kBAAkB;QAClBe,IAAI,EAAGjB,EAAE,CACR,yFACD;MAAG,CACH,CAAC,eACFK,IAAA,CAACH,kBAAkB;QAClBe,IAAI,EAAGjB,EAAE,CACR,0KACD;MAAG,CACH,CAAC;IAAA,CACG,CAAC;EAAA,CACN,CAAC;AAEL,CAAC;AAED,eAAeU,SAAS","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -14,17 +13,23 @@ import { __ } from '@wordpress/i18n';
  */
 import styles from './style.scss';
 import { HelpDetailBodyText, HelpDetailImage } from './view-sections';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const CustomizeBlocks = () => {
-  return createElement(Fragment, null, createElement(HelpDetailImage, {
-    source: require('./images/settings-light.png'),
-    sourceDarkMode: require('./images/settings-dark.png')
-  }), createElement(View, {
-    style: styles.helpDetailContainer
-  }, createElement(HelpDetailBodyText, {
-    text: __('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.')
-  }), createElement(HelpDetailBodyText, {
-    text: __('Some blocks have additional settings. Tap the settings icon on the bottom right of the block to view more options.')
-  })));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(HelpDetailImage, {
+      source: require('./images/settings-light.png'),
+      sourceDarkMode: require('./images/settings-dark.png')
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.helpDetailContainer,
+      children: [/*#__PURE__*/_jsx(HelpDetailBodyText, {
+        text: __('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__*/_jsx(HelpDetailBodyText, {
+        text: __('Some blocks have additional settings. Tap the settings icon on the bottom right of the block to view more options.')
+      })]
+    })]
+  });
 };
 export default CustomizeBlocks;
 //# sourceMappingURL=customize-blocks.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["View","__","styles","HelpDetailBodyText","HelpDetailImage","CustomizeBlocks","createElement","Fragment","source","require","sourceDarkMode","style","helpDetailContainer","text"],"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":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,SAASC,kBAAkB,EAAEC,eAAe,QAAQ,iBAAiB;AAErE,MAAMC,eAAe,GAAGA,CAAA,KAAM;EAC7B,OACCC,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACF,eAAe;IACfI,MAAM,EAAGC,OAAO,CAAE,6BAA8B,CAAG;IACnDC,cAAc,EAAGD,OAAO,CAAE,4BAA6B;EAAG,CAC1D,CAAC,EACFH,aAAA,CAACN,IAAI;IAACW,KAAK,EAAGT,MAAM,CAACU;EAAqB,GACzCN,aAAA,CAACH,kBAAkB;IAClBU,IAAI,EAAGZ,EAAE,CACR,qIACD;EAAG,CACH,CAAC,EACFK,aAAA,CAACH,kBAAkB;IAClBU,IAAI,EAAGZ,EAAE,CACR,oHACD;EAAG,CACH,CACI,CACL,CAAC;AAEL,CAAC;AAED,eAAeI,eAAe","ignoreList":[]}
+{"version":3,"names":["View","__","styles","HelpDetailBodyText","HelpDetailImage","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CustomizeBlocks","children","source","require","sourceDarkMode","style","helpDetailContainer","text"],"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":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,SAASC,kBAAkB,EAAEC,eAAe,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEtE,MAAMC,eAAe,GAAGA,CAAA,KAAM;EAC7B,oBACCH,KAAA,CAAAE,SAAA;IAAAE,QAAA,gBACCN,IAAA,CAACF,eAAe;MACfS,MAAM,EAAGC,OAAO,CAAE,6BAA8B,CAAG;MACnDC,cAAc,EAAGD,OAAO,CAAE,4BAA6B;IAAG,CAC1D,CAAC,eACFN,KAAA,CAACR,IAAI;MAACgB,KAAK,EAAGd,MAAM,CAACe,mBAAqB;MAAAL,QAAA,gBACzCN,IAAA,CAACH,kBAAkB;QAClBe,IAAI,EAAGjB,EAAE,CACR,qIACD;MAAG,CACH,CAAC,eACFK,IAAA,CAACH,kBAAkB;QAClBe,IAAI,EAAGjB,EAAE,CACR,oHACD;MAAG,CACH,CAAC;IAAA,CACG,CAAC;EAAA,CACN,CAAC;AAEL,CAAC;AAED,eAAeU,eAAe","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -15,6 +14,8 @@ import { useContext } from '@wordpress/element';
  * Internal dependencies
  */
 import styles from './style.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const HelpDetailNavigationScreen = ({
   content,
   label
@@ -24,28 +25,38 @@ const HelpDetailNavigationScreen = ({
     listProps
   } = useContext(BottomSheetContext);
   const contentContainerStyle = StyleSheet.flatten(listProps.contentContainerStyle);
-  return createElement(BottomSheet.NavigationScreen, {
+  return /*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
     isScrollable: true,
-    fullScreen: true
-  }, createElement(View, {
-    style: styles.container
-  }, createElement(BottomSheet.NavBar, null, createElement(BottomSheet.NavBar.BackButton, {
-    onPress: navigation.goBack
-  }), createElement(BottomSheet.NavBar.Heading, null, label)), createElement(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
-    }
-  }, createElement(TouchableWithoutFeedback, {
-    accessible: false
-  }, createElement(View, null, content)))));
+    fullScreen: true,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.container,
+      children: [/*#__PURE__*/_jsxs(BottomSheet.NavBar, {
+        children: [/*#__PURE__*/_jsx(BottomSheet.NavBar.BackButton, {
+          onPress: navigation.goBack
+        }), /*#__PURE__*/_jsx(BottomSheet.NavBar.Heading, {
+          children: label
+        })]
+      }), /*#__PURE__*/_jsx(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__*/_jsx(TouchableWithoutFeedback, {
+          accessible: false,
+          children: /*#__PURE__*/_jsx(View, {
+            children: content
+          })
+        })
+      })]
+    })
+  });
 };
 export default HelpDetailNavigationScreen;
 //# sourceMappingURL=help-detail-navigation-screen.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ScrollView","StyleSheet","TouchableWithoutFeedback","View","useNavigation","BottomSheet","BottomSheetContext","useContext","styles","HelpDetailNavigationScreen","content","label","navigation","listProps","contentContainerStyle","flatten","createElement","NavigationScreen","isScrollable","fullScreen","style","container","NavBar","BackButton","onPress","goBack","Heading","paddingBottom","Math","max","safeAreaBottomInset","marginTop","accessible"],"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":";AAAA;AACA;AACA;AACA,SACCA,UAAU,EACVC,UAAU,EACVC,wBAAwB,EACxBC,IAAI,QACE,cAAc;AACrB,SAASC,aAAa,QAAQ,0BAA0B;;AAExD;AACA;AACA;AACA,SAASC,WAAW,EAAEC,kBAAkB,QAAQ,uBAAuB;AACvE,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAEjC,MAAMC,0BAA0B,GAAGA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,KAAM;EAC5D,MAAMC,UAAU,GAAGR,aAAa,CAAC,CAAC;EAElC,MAAM;IAAES;EAAU,CAAC,GAAGN,UAAU,CAAED,kBAAmB,CAAC;EACtD,MAAMQ,qBAAqB,GAAGb,UAAU,CAACc,OAAO,CAC/CF,SAAS,CAACC,qBACX,CAAC;EAED,OACCE,aAAA,CAACX,WAAW,CAACY,gBAAgB;IAACC,YAAY;IAACC,UAAU;EAAA,GACpDH,aAAA,CAACb,IAAI;IAACiB,KAAK,EAAGZ,MAAM,CAACa;EAAW,GAC/BL,aAAA,CAACX,WAAW,CAACiB,MAAM,QAClBN,aAAA,CAACX,WAAW,CAACiB,MAAM,CAACC,UAAU;IAC7BC,OAAO,EAAGZ,UAAU,CAACa;EAAQ,CAC7B,CAAC,EACFT,aAAA,CAACX,WAAW,CAACiB,MAAM,CAACI,OAAO,QACxBf,KACyB,CACT,CAAC,EACrBK,aAAA,CAAChB,UAAU;IAAA,GACLa,SAAS;IACdC,qBAAqB,EAAG;MACvB,GAAGA,qBAAqB;MACxBa,aAAa,EAAEC,IAAI,CAACC,GAAG,CACtBhB,SAAS,CAACiB,mBAAmB,EAC7BhB,qBAAqB,CAACa,aACvB,CAAC;MACD;AACN;AACA;AACA;AACA;MACMI,SAAS,EAAE;IACZ;EAAG,GAEHf,aAAA,CAACd,wBAAwB;IAAC8B,UAAU,EAAG;EAAO,GAC7ChB,aAAA,CAACb,IAAI,QAAGO,OAAe,CACE,CACf,CACP,CACuB,CAAC;AAEjC,CAAC;AAED,eAAeD,0BAA0B","ignoreList":[]}
+{"version":3,"names":["ScrollView","StyleSheet","TouchableWithoutFeedback","View","useNavigation","BottomSheet","BottomSheetContext","useContext","styles","jsx","_jsx","jsxs","_jsxs","HelpDetailNavigationScreen","content","label","navigation","listProps","contentContainerStyle","flatten","NavigationScreen","isScrollable","fullScreen","children","style","container","NavBar","BackButton","onPress","goBack","Heading","paddingBottom","Math","max","safeAreaBottomInset","marginTop","accessible"],"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":"AAAA;AACA;AACA;AACA,SACCA,UAAU,EACVC,UAAU,EACVC,wBAAwB,EACxBC,IAAI,QACE,cAAc;AACrB,SAASC,aAAa,QAAQ,0BAA0B;;AAExD;AACA;AACA;AACA,SAASC,WAAW,EAAEC,kBAAkB,QAAQ,uBAAuB;AACvE,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAElC,MAAMC,0BAA0B,GAAGA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,KAAM;EAC5D,MAAMC,UAAU,GAAGZ,aAAa,CAAC,CAAC;EAElC,MAAM;IAAEa;EAAU,CAAC,GAAGV,UAAU,CAAED,kBAAmB,CAAC;EACtD,MAAMY,qBAAqB,GAAGjB,UAAU,CAACkB,OAAO,CAC/CF,SAAS,CAACC,qBACX,CAAC;EAED,oBACCR,IAAA,CAACL,WAAW,CAACe,gBAAgB;IAACC,YAAY;IAACC,UAAU;IAAAC,QAAA,eACpDX,KAAA,CAACT,IAAI;MAACqB,KAAK,EAAGhB,MAAM,CAACiB,SAAW;MAAAF,QAAA,gBAC/BX,KAAA,CAACP,WAAW,CAACqB,MAAM;QAAAH,QAAA,gBAClBb,IAAA,CAACL,WAAW,CAACqB,MAAM,CAACC,UAAU;UAC7BC,OAAO,EAAGZ,UAAU,CAACa;QAAQ,CAC7B,CAAC,eACFnB,IAAA,CAACL,WAAW,CAACqB,MAAM,CAACI,OAAO;UAAAP,QAAA,EACxBR;QAAK,CACoB,CAAC;MAAA,CACV,CAAC,eACrBL,IAAA,CAACV,UAAU;QAAA,GACLiB,SAAS;QACdC,qBAAqB,EAAG;UACvB,GAAGA,qBAAqB;UACxBa,aAAa,EAAEC,IAAI,CAACC,GAAG,CACtBhB,SAAS,CAACiB,mBAAmB,EAC7BhB,qBAAqB,CAACa,aACvB,CAAC;UACD;AACN;AACA;AACA;AACA;UACMI,SAAS,EAAE;QACZ,CAAG;QAAAZ,QAAA,eAEHb,IAAA,CAACR,wBAAwB;UAACkC,UAAU,EAAG,KAAO;UAAAb,QAAA,eAC7Cb,IAAA,CAACP,IAAI;YAAAoB,QAAA,EAAGT;UAAO,CAAQ;QAAC,CACC;MAAC,CAChB,CAAC;IAAA,CACR;EAAC,CACsB,CAAC;AAEjC,CAAC;AAED,eAAeD,0BAA0B","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -13,19 +12,22 @@ import { usePreferredColorSchemeStyle } from '@wordpress/compose';
  * Internal dependencies
  */
 import styles from './style.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
 const HelpGetSupportButton = ({
   onPress,
   title
 }) => {
   const buttonStyle = usePreferredColorSchemeStyle(styles.button, styles.buttonDark);
   const textStyle = usePreferredColorSchemeStyle(styles.buttonText, styles.buttonTextDark);
-  return createElement(Pressable, {
+  return /*#__PURE__*/_jsx(Pressable, {
     style: buttonStyle,
     onPress: onPress,
-    accessibilityRole: 'button'
-  }, createElement(Text, {
-    style: textStyle
-  }, title));
+    accessibilityRole: "button",
+    children: /*#__PURE__*/_jsx(Text, {
+      style: textStyle,
+      children: title
+    })
+  });
 };
 export default HelpGetSupportButton;
 //# sourceMappingURL=help-get-support-button.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Pressable","Text","usePreferredColorSchemeStyle","styles","HelpGetSupportButton","onPress","title","buttonStyle","button","buttonDark","textStyle","buttonText","buttonTextDark","createElement","style","accessibilityRole"],"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":";AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,IAAI,QAAQ,cAAc;;AAE9C;AACA;AACA;AACA,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAEjC,MAAMC,oBAAoB,GAAGA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,KAAM;EACtD,MAAMC,WAAW,GAAGL,4BAA4B,CAC/CC,MAAM,CAACK,MAAM,EACbL,MAAM,CAACM,UACR,CAAC;EAED,MAAMC,SAAS,GAAGR,4BAA4B,CAC7CC,MAAM,CAACQ,UAAU,EACjBR,MAAM,CAACS,cACR,CAAC;EAED,OACCC,aAAA,CAACb,SAAS;IACTc,KAAK,EAAGP,WAAa;IACrBF,OAAO,EAAGA,OAAS;IACnBU,iBAAiB,EAAG;EAAU,GAE9BF,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAGJ;EAAW,GAAGJ,KAAa,CAC/B,CAAC;AAEd,CAAC;AAED,eAAeF,oBAAoB","ignoreList":[]}
+{"version":3,"names":["Pressable","Text","usePreferredColorSchemeStyle","styles","jsx","_jsx","HelpGetSupportButton","onPress","title","buttonStyle","button","buttonDark","textStyle","buttonText","buttonTextDark","style","accessibilityRole","children"],"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":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,IAAI,QAAQ,cAAc;;AAE9C;AACA;AACA;AACA,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElC,MAAMC,oBAAoB,GAAGA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,KAAM;EACtD,MAAMC,WAAW,GAAGP,4BAA4B,CAC/CC,MAAM,CAACO,MAAM,EACbP,MAAM,CAACQ,UACR,CAAC;EAED,MAAMC,SAAS,GAAGV,4BAA4B,CAC7CC,MAAM,CAACU,UAAU,EACjBV,MAAM,CAACW,cACR,CAAC;EAED,oBACCT,IAAA,CAACL,SAAS;IACTe,KAAK,EAAGN,WAAa;IACrBF,OAAO,EAAGA,OAAS;IACnBS,iBAAiB,EAAC,QAAQ;IAAAC,QAAA,eAE1BZ,IAAA,CAACJ,IAAI;MAACc,KAAK,EAAGH,SAAW;MAAAK,QAAA,EAAGT;IAAK,CAAQ;EAAC,CAChC,CAAC;AAEd,CAAC;AAED,eAAeF,oBAAoB","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -13,15 +12,18 @@ import { usePreferredColorSchemeStyle } from '@wordpress/compose';
  * Internal dependencies
  */
 import styles from './style.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
 const HelpSectionTitle = ({
   children
 }) => {
   const helpSectionTitle = usePreferredColorSchemeStyle(styles.helpSectionTitle, styles.helpSectionTitleDark);
-  return createElement(View, {
-    style: styles.helpSectionTitleContainer
-  }, createElement(Text, {
-    style: helpSectionTitle
-  }, children));
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.helpSectionTitleContainer,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: helpSectionTitle,
+      children: children
+    })
+  });
 };
 export default HelpSectionTitle;
 //# sourceMappingURL=help-section-title.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Text","View","usePreferredColorSchemeStyle","styles","HelpSectionTitle","children","helpSectionTitle","helpSectionTitleDark","createElement","style","helpSectionTitleContainer"],"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":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAEzC;AACA;AACA;AACA,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAEjC,MAAMC,gBAAgB,GAAGA,CAAE;EAAEC;AAAS,CAAC,KAAM;EAC5C,MAAMC,gBAAgB,GAAGJ,4BAA4B,CACpDC,MAAM,CAACG,gBAAgB,EACvBH,MAAM,CAACI,oBACR,CAAC;EAED,OACCC,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAGN,MAAM,CAACO;EAA2B,GAC/CF,aAAA,CAACR,IAAI;IAACS,KAAK,EAAGH;EAAkB,GAAGD,QAAgB,CAC9C,CAAC;AAET,CAAC;AAED,eAAeD,gBAAgB","ignoreList":[]}
+{"version":3,"names":["Text","View","usePreferredColorSchemeStyle","styles","jsx","_jsx","HelpSectionTitle","children","helpSectionTitle","helpSectionTitleDark","style","helpSectionTitleContainer"],"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":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAEzC;AACA;AACA;AACA,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElC,MAAMC,gBAAgB,GAAGA,CAAE;EAAEC;AAAS,CAAC,KAAM;EAC5C,MAAMC,gBAAgB,GAAGN,4BAA4B,CACpDC,MAAM,CAACK,gBAAgB,EACvBL,MAAM,CAACM,oBACR,CAAC;EAED,oBACCJ,IAAA,CAACJ,IAAI;IAACS,KAAK,EAAGP,MAAM,CAACQ,yBAA2B;IAAAJ,QAAA,eAC/CF,IAAA,CAACL,IAAI;MAACU,KAAK,EAAGF,gBAAkB;MAAAD,QAAA,EAAGA;IAAQ,CAAQ;EAAC,CAC/C,CAAC;AAET,CAAC;AAED,eAAeD,gBAAgB","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -9,6 +8,7 @@ import { useNavigation } from '@react-navigation/native';
  */
 import { TextControl, Icon } from '@wordpress/components';
 import { chevronRight } from '@wordpress/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
 const HelpTopicRow = ({
   label,
   icon,
@@ -19,16 +19,17 @@ const HelpTopicRow = ({
   const openSubSheet = () => {
     navigation.navigate(screenName);
   };
-  return createElement(TextControl, {
+  return /*#__PURE__*/_jsx(TextControl, {
     separatorType: isLastItem ? 'none' : 'leftMargin',
     customActionButton: true,
     leftAlign: true,
     onPress: openSubSheet,
     label: label,
-    icon: icon
-  }, createElement(Icon, {
-    icon: chevronRight
-  }));
+    icon: icon,
+    children: /*#__PURE__*/_jsx(Icon, {
+      icon: chevronRight
+    })
+  });
 };
 export default HelpTopicRow;
 //# sourceMappingURL=help-topic-row.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useNavigation","TextControl","Icon","chevronRight","HelpTopicRow","label","icon","screenName","isLastItem","navigation","openSubSheet","navigate","createElement","separatorType","customActionButton","leftAlign","onPress"],"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":";AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,0BAA0B;;AAExD;AACA;AACA;AACA,SAASC,WAAW,EAAEC,IAAI,QAAQ,uBAAuB;AACzD,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,MAAMC,YAAY,GAAGA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,UAAU;EAAEC;AAAW,CAAC,KAAM;EACnE,MAAMC,UAAU,GAAGT,aAAa,CAAC,CAAC;EAElC,MAAMU,YAAY,GAAGA,CAAA,KAAM;IAC1BD,UAAU,CAACE,QAAQ,CAAEJ,UAAW,CAAC;EAClC,CAAC;EAED,OACCK,aAAA,CAACX,WAAW;IACXY,aAAa,EAAGL,UAAU,GAAG,MAAM,GAAG,YAAc;IACpDM,kBAAkB;IAClBC,SAAS;IACTC,OAAO,EAAGN,YAAc;IACxBL,KAAK,EAAGA,KAAO;IACfC,IAAI,EAAGA;EAAM,GAEbM,aAAA,CAACV,IAAI;IAACI,IAAI,EAAGH;EAAc,CAAE,CACjB,CAAC;AAEhB,CAAC;AAED,eAAeC,YAAY","ignoreList":[]}
+{"version":3,"names":["useNavigation","TextControl","Icon","chevronRight","jsx","_jsx","HelpTopicRow","label","icon","screenName","isLastItem","navigation","openSubSheet","navigate","separatorType","customActionButton","leftAlign","onPress","children"],"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":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,0BAA0B;;AAExD;AACA;AACA;AACA,SAASC,WAAW,EAAEC,IAAI,QAAQ,uBAAuB;AACzD,SAASC,YAAY,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,YAAY,GAAGA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,UAAU;EAAEC;AAAW,CAAC,KAAM;EACnE,MAAMC,UAAU,GAAGX,aAAa,CAAC,CAAC;EAElC,MAAMY,YAAY,GAAGA,CAAA,KAAM;IAC1BD,UAAU,CAACE,QAAQ,CAAEJ,UAAW,CAAC;EAClC,CAAC;EAED,oBACCJ,IAAA,CAACJ,WAAW;IACXa,aAAa,EAAGJ,UAAU,GAAG,MAAM,GAAG,YAAc;IACpDK,kBAAkB;IAClBC,SAAS;IACTC,OAAO,EAAGL,YAAc;IACxBL,KAAK,EAAGA,KAAO;IACfC,IAAI,EAAGA,IAAM;IAAAU,QAAA,eAEbb,IAAA,CAACH,IAAI;MAACM,IAAI,EAAGL;IAAc,CAAE;EAAC,CAClB,CAAC;AAEhB,CAAC;AAED,eAAeG,YAAY","ignoreList":[]}