@wordpress/editor 13.34.0 → 14.0.0

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

@@ -1,12 +1,13 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { SVG, Path } from '@wordpress/primitives';
-export default createElement(SVG, {
+import { jsx as _jsx } from "react/jsx-runtime";
+export default /*#__PURE__*/_jsx(SVG, {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24"
-}, createElement(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__*/_jsx(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

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

@@ -1 +1 @@
-{"version":3,"names":["SVG","Path","createElement","xmlns","viewBox","d"],"sources":["@wordpress/editor/src/components/editor-help/icon-move-blocks.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\n\nexport default (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<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\" />\n\t</SVG>\n);\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,GAAG,EAAEC,IAAI,QAAQ,uBAAuB;AAEjD,eACCC,aAAA,CAACF,GAAG;EAACG,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1DF,aAAA,CAACD,IAAI;EAACI,CAAC,EAAC;AAAwb,CAAE,CAC9b,CAAC","ignoreList":[]}
+{"version":3,"names":["SVG","Path","jsx","_jsx","xmlns","viewBox","children","d"],"sources":["@wordpress/editor/src/components/editor-help/icon-move-blocks.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\n\nexport default (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<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\" />\n\t</SVG>\n);\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAG,EAAEC,IAAI,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElD,4BACCA,IAAA,CAACH,GAAG;EAACI,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,eAC1DH,IAAA,CAACF,IAAI;IAACM,CAAC,EAAC;EAAwb,CAAE;AAAC,CAC/b,CAAC","ignoreList":[]}

package/build-module/components/editor-help/index.native.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -29,31 +28,34 @@ import RemoveBlocks from './remove-blocks';
 import CustomizeBlocks from './customize-blocks';
 import moveBlocksIcon from './icon-move-blocks';
 import HelpSectionTitle from './help-section-title';
+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 HELP_TOPICS = [{
   label: __('What is a block?'),
   slug: 'what-is-a-block',
   icon: helpFilled,
-  view: createElement(IntroToBlocks, null)
+  view: /*#__PURE__*/_jsx(IntroToBlocks, {})
 }, {
   label: __('Add blocks'),
   slug: 'add-blocks',
   icon: plusCircleFilled,
-  view: createElement(AddBlocks, null)
+  view: /*#__PURE__*/_jsx(AddBlocks, {})
 }, {
   label: __('Move blocks'),
   slug: 'move-blocks',
   icon: moveBlocksIcon,
-  view: createElement(MoveBlocks, null)
+  view: /*#__PURE__*/_jsx(MoveBlocks, {})
 }, {
   label: __('Remove blocks'),
   slug: 'remove-blocks',
   icon: trash,
-  view: createElement(RemoveBlocks, null)
+  view: /*#__PURE__*/_jsx(RemoveBlocks, {})
 }, {
   label: __('Customize blocks'),
   slug: 'customize-blocks',
   icon: cog,
-  view: createElement(CustomizeBlocks, null)
+  view: /*#__PURE__*/_jsx(CustomizeBlocks, {})
 }];
 function EditorHelpTopics({
   close,
@@ -67,81 +69,99 @@ function EditorHelpTopics({
     postType: select(editorStore).getEditedPostAttribute('type')
   }));
   const title = postType === 'page' ? __('How to edit your page') : __('How to edit your post');
-  const supportSection = createElement(Fragment, null, createElement(HelpSectionTitle, null, __('Get support')), createElement(HelpGetSupportButton, {
-    title: __('Contact support'),
-    onPress: requestContactCustomerSupport
-  }), createElement(HelpGetSupportButton, {
-    title: __('More support options'),
-    onPress: requestGotoCustomerSupportOptions
-  }));
-  return createElement(BottomSheet, {
+  const supportSection = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(HelpSectionTitle, {
+      children: __('Get support')
+    }), /*#__PURE__*/_jsx(HelpGetSupportButton, {
+      title: __('Contact support'),
+      onPress: requestContactCustomerSupport
+    }), /*#__PURE__*/_jsx(HelpGetSupportButton, {
+      title: __('More support options'),
+      onPress: requestGotoCustomerSupportOptions
+    })]
+  });
+  return /*#__PURE__*/_jsx(BottomSheet, {
     isVisible: isVisible,
     onClose: onClose,
     hideHeader: true,
     hasNavigation: true,
     contentStyle: styles.contentContainer,
-    testID: "editor-help-modal"
-  }, createElement(SafeAreaView, {
-    style: styles.safeAreaContainer
-  }, createElement(BottomSheet.NavigationContainer, {
-    animate: true,
-    main: true,
-    style: styles.navigationContainer
-  }, createElement(BottomSheet.NavigationScreen, {
-    isScrollable: true,
-    fullScreen: true,
-    name: "help-topics"
-  }, createElement(View, {
-    style: styles.container
-  }, createElement(BottomSheet.NavBar, null, createElement(BottomSheet.NavBar.DismissButton, {
-    onPress: close,
-    iosText: __('Close')
-  }), createElement(BottomSheet.NavBar.Heading, null, title)), createElement(BottomSheetConsumer, null, ({
-    listProps
-  }) => {
-    const contentContainerStyle = StyleSheet.flatten(listProps.contentContainerStyle);
-    return 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(PanelBody, null, createElement(HelpSectionTitle, null, __('The basics')), HELP_TOPICS.map(({
-      label,
-      icon,
-      slug
-    }, index) => {
-      const isLastItem = index === HELP_TOPICS.length - 1;
-      return createElement(HelpTopicRow, {
-        key: slug,
-        label: label,
-        icon: icon,
-        screenName: slug,
-        isLastItem: isLastItem
-      });
-    }), showSupport && supportSection));
-  }))), HELP_TOPICS.map(({
-    view,
-    label,
-    slug
-  }) => {
-    return createElement(HelpDetailNavigationScreen, {
-      key: slug,
-      name: slug,
-      content: view,
-      label: label,
-      options: {
-        gestureEnabled: false,
-        ...TransitionPresets.DefaultTransition
-      }
-    });
-  }))));
+    testID: "editor-help-modal",
+    children: /*#__PURE__*/_jsx(SafeAreaView, {
+      style: styles.safeAreaContainer,
+      children: /*#__PURE__*/_jsxs(BottomSheet.NavigationContainer, {
+        animate: true,
+        main: true,
+        style: styles.navigationContainer,
+        children: [/*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
+          isScrollable: true,
+          fullScreen: true,
+          name: "help-topics",
+          children: /*#__PURE__*/_jsxs(View, {
+            style: styles.container,
+            children: [/*#__PURE__*/_jsxs(BottomSheet.NavBar, {
+              children: [/*#__PURE__*/_jsx(BottomSheet.NavBar.DismissButton, {
+                onPress: close,
+                iosText: __('Close')
+              }), /*#__PURE__*/_jsx(BottomSheet.NavBar.Heading, {
+                children: title
+              })]
+            }), /*#__PURE__*/_jsx(BottomSheetConsumer, {
+              children: ({
+                listProps
+              }) => {
+                const contentContainerStyle = StyleSheet.flatten(listProps.contentContainerStyle);
+                return /*#__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__*/_jsxs(PanelBody, {
+                    children: [/*#__PURE__*/_jsx(HelpSectionTitle, {
+                      children: __('The basics')
+                    }), HELP_TOPICS.map(({
+                      label,
+                      icon,
+                      slug
+                    }, index) => {
+                      const isLastItem = index === HELP_TOPICS.length - 1;
+                      return /*#__PURE__*/_jsx(HelpTopicRow, {
+                        label: label,
+                        icon: icon,
+                        screenName: slug,
+                        isLastItem: isLastItem
+                      }, slug);
+                    }), showSupport && supportSection]
+                  })
+                });
+              }
+            })]
+          })
+        }), HELP_TOPICS.map(({
+          view,
+          label,
+          slug
+        }) => {
+          return /*#__PURE__*/_jsx(HelpDetailNavigationScreen, {
+            name: slug,
+            content: view,
+            label: label,
+            options: {
+              gestureEnabled: false,
+              ...TransitionPresets.DefaultTransition
+            }
+          }, slug);
+        })]
+      })
+    })
+  });
 }
 export default EditorHelpTopics;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["SafeAreaView","ScrollView","StyleSheet","View","TransitionPresets","BottomSheet","BottomSheetConsumer","PanelBody","__","helpFilled","plusCircleFilled","trash","cog","useSelect","store","editorStore","requestContactCustomerSupport","requestGotoCustomerSupportOptions","styles","HelpDetailNavigationScreen","HelpTopicRow","HelpGetSupportButton","IntroToBlocks","AddBlocks","MoveBlocks","RemoveBlocks","CustomizeBlocks","moveBlocksIcon","HelpSectionTitle","HELP_TOPICS","label","slug","icon","view","createElement","EditorHelpTopics","close","isVisible","onClose","showSupport","postType","select","getEditedPostAttribute","title","supportSection","Fragment","onPress","hideHeader","hasNavigation","contentStyle","contentContainer","testID","style","safeAreaContainer","NavigationContainer","animate","main","navigationContainer","NavigationScreen","isScrollable","fullScreen","name","container","NavBar","DismissButton","iosText","Heading","listProps","contentContainerStyle","flatten","paddingBottom","Math","max","safeAreaBottomInset","marginTop","map","index","isLastItem","length","key","screenName","content","options","gestureEnabled","DefaultTransition"],"sources":["@wordpress/editor/src/components/editor-help/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView, ScrollView, StyleSheet, View } from 'react-native';\nimport { TransitionPresets } from '@react-navigation/stack';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tBottomSheet,\n\tBottomSheetConsumer,\n\tPanelBody,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { helpFilled, plusCircleFilled, trash, cog } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\nimport {\n\trequestContactCustomerSupport,\n\trequestGotoCustomerSupportOptions,\n} from '@wordpress/react-native-bridge';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport HelpDetailNavigationScreen from './help-detail-navigation-screen';\nimport HelpTopicRow from './help-topic-row';\nimport HelpGetSupportButton from './help-get-support-button';\nimport IntroToBlocks from './intro-to-blocks';\nimport AddBlocks from './add-blocks';\nimport MoveBlocks from './move-blocks';\nimport RemoveBlocks from './remove-blocks';\nimport CustomizeBlocks from './customize-blocks';\nimport moveBlocksIcon from './icon-move-blocks';\nimport HelpSectionTitle from './help-section-title';\n\nconst HELP_TOPICS = [\n\t{\n\t\tlabel: __( 'What is a block?' ),\n\t\tslug: 'what-is-a-block',\n\t\ticon: helpFilled,\n\t\tview: <IntroToBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Add blocks' ),\n\t\tslug: 'add-blocks',\n\t\ticon: plusCircleFilled,\n\t\tview: <AddBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Move blocks' ),\n\t\tslug: 'move-blocks',\n\t\ticon: moveBlocksIcon,\n\t\tview: <MoveBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Remove blocks' ),\n\t\tslug: 'remove-blocks',\n\t\ticon: trash,\n\t\tview: <RemoveBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Customize blocks' ),\n\t\tslug: 'customize-blocks',\n\t\ticon: cog,\n\t\tview: <CustomizeBlocks />,\n\t},\n];\n\nfunction EditorHelpTopics( { close, isVisible, onClose, showSupport } ) {\n\tconst { postType } = useSelect( ( select ) => ( {\n\t\tpostType: select( editorStore ).getEditedPostAttribute( 'type' ),\n\t} ) );\n\n\tconst title =\n\t\tpostType === 'page'\n\t\t\t? __( 'How to edit your page' )\n\t\t\t: __( 'How to edit your post' );\n\n\tconst supportSection = (\n\t\t<>\n\t\t\t<HelpSectionTitle>{ __( 'Get support' ) }</HelpSectionTitle>\n\t\t\t<HelpGetSupportButton\n\t\t\t\ttitle={ __( 'Contact support' ) }\n\t\t\t\tonPress={ requestContactCustomerSupport }\n\t\t\t/>\n\t\t\t<HelpGetSupportButton\n\t\t\t\ttitle={ __( 'More support options' ) }\n\t\t\t\tonPress={ requestGotoCustomerSupportOptions }\n\t\t\t/>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ isVisible }\n\t\t\tonClose={ onClose }\n\t\t\thideHeader\n\t\t\thasNavigation\n\t\t\tcontentStyle={ styles.contentContainer }\n\t\t\ttestID=\"editor-help-modal\"\n\t\t>\n\t\t\t<SafeAreaView style={ styles.safeAreaContainer }>\n\t\t\t\t<BottomSheet.NavigationContainer\n\t\t\t\t\tanimate\n\t\t\t\t\tmain\n\t\t\t\t\tstyle={ styles.navigationContainer }\n\t\t\t\t>\n\t\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\t\tisScrollable\n\t\t\t\t\t\tfullScreen\n\t\t\t\t\t\tname=\"help-topics\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ styles.container }>\n\t\t\t\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t\t\t\t<BottomSheet.NavBar.DismissButton\n\t\t\t\t\t\t\t\t\tonPress={ close }\n\t\t\t\t\t\t\t\t\tiosText={ __( 'Close' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t\t\t\t<BottomSheetConsumer>\n\t\t\t\t\t\t\t\t{ ( { listProps } ) => {\n\t\t\t\t\t\t\t\t\tconst contentContainerStyle =\n\t\t\t\t\t\t\t\t\t\tStyleSheet.flatten(\n\t\t\t\t\t\t\t\t\t\t\tlistProps.contentContainerStyle\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<ScrollView\n\t\t\t\t\t\t\t\t\t\t\t{ ...listProps }\n\t\t\t\t\t\t\t\t\t\t\tcontentContainerStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\t...contentContainerStyle,\n\t\t\t\t\t\t\t\t\t\t\t\tpaddingBottom: Math.max(\n\t\t\t\t\t\t\t\t\t\t\t\t\tlistProps.safeAreaBottomInset,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontentContainerStyle.paddingBottom\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t/**\n\t\t\t\t\t\t\t\t\t\t\t\t * Remove margin set via `hideHeader`. Combining a header\n\t\t\t\t\t\t\t\t\t\t\t\t * and navigation in this bottom sheet is at odds with the\n\t\t\t\t\t\t\t\t\t\t\t\t * current `BottomSheet` implementation.\n\t\t\t\t\t\t\t\t\t\t\t\t */\n\t\t\t\t\t\t\t\t\t\t\t\tmarginTop: 0,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t\t\t\t\t\t\t<HelpSectionTitle>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'The basics' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</HelpSectionTitle>\n\t\t\t\t\t\t\t\t\t\t\t\t{ /* Print out help topics. */ }\n\t\t\t\t\t\t\t\t\t\t\t\t{ HELP_TOPICS.map(\n\t\t\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label, icon, slug },\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex\n\t\t\t\t\t\t\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst isLastItem =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tHELP_TOPICS.length -\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t1;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<HelpTopicRow\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ slug }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscreenName={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tslug\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLastItem\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t{ showSupport &&\n\t\t\t\t\t\t\t\t\t\t\t\t\tsupportSection }\n\t\t\t\t\t\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t\t\t\t\t</ScrollView>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t</BottomSheetConsumer>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t\t{ /* Print out help detail screens. */ }\n\t\t\t\t\t{ HELP_TOPICS.map( ( { view, label, slug } ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<HelpDetailNavigationScreen\n\t\t\t\t\t\t\t\tkey={ slug }\n\t\t\t\t\t\t\t\tname={ slug }\n\t\t\t\t\t\t\t\tcontent={ view }\n\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t\toptions={ {\n\t\t\t\t\t\t\t\t\tgestureEnabled: false,\n\t\t\t\t\t\t\t\t\t...TransitionPresets.DefaultTransition,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</BottomSheet.NavigationContainer>\n\t\t\t</SafeAreaView>\n\t\t</BottomSheet>\n\t);\n}\n\nexport default EditorHelpTopics;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["SafeAreaView","ScrollView","StyleSheet","View","TransitionPresets","BottomSheet","BottomSheetConsumer","PanelBody","__","helpFilled","plusCircleFilled","trash","cog","useSelect","store","editorStore","requestContactCustomerSupport","requestGotoCustomerSupportOptions","styles","HelpDetailNavigationScreen","HelpTopicRow","HelpGetSupportButton","IntroToBlocks","AddBlocks","MoveBlocks","RemoveBlocks","CustomizeBlocks","moveBlocksIcon","HelpSectionTitle","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","HELP_TOPICS","label","slug","icon","view","EditorHelpTopics","close","isVisible","onClose","showSupport","postType","select","getEditedPostAttribute","title","supportSection","children","onPress","hideHeader","hasNavigation","contentStyle","contentContainer","testID","style","safeAreaContainer","NavigationContainer","animate","main","navigationContainer","NavigationScreen","isScrollable","fullScreen","name","container","NavBar","DismissButton","iosText","Heading","listProps","contentContainerStyle","flatten","paddingBottom","Math","max","safeAreaBottomInset","marginTop","map","index","isLastItem","length","screenName","content","options","gestureEnabled","DefaultTransition"],"sources":["@wordpress/editor/src/components/editor-help/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView, ScrollView, StyleSheet, View } from 'react-native';\nimport { TransitionPresets } from '@react-navigation/stack';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tBottomSheet,\n\tBottomSheetConsumer,\n\tPanelBody,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { helpFilled, plusCircleFilled, trash, cog } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\nimport {\n\trequestContactCustomerSupport,\n\trequestGotoCustomerSupportOptions,\n} from '@wordpress/react-native-bridge';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport HelpDetailNavigationScreen from './help-detail-navigation-screen';\nimport HelpTopicRow from './help-topic-row';\nimport HelpGetSupportButton from './help-get-support-button';\nimport IntroToBlocks from './intro-to-blocks';\nimport AddBlocks from './add-blocks';\nimport MoveBlocks from './move-blocks';\nimport RemoveBlocks from './remove-blocks';\nimport CustomizeBlocks from './customize-blocks';\nimport moveBlocksIcon from './icon-move-blocks';\nimport HelpSectionTitle from './help-section-title';\n\nconst HELP_TOPICS = [\n\t{\n\t\tlabel: __( 'What is a block?' ),\n\t\tslug: 'what-is-a-block',\n\t\ticon: helpFilled,\n\t\tview: <IntroToBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Add blocks' ),\n\t\tslug: 'add-blocks',\n\t\ticon: plusCircleFilled,\n\t\tview: <AddBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Move blocks' ),\n\t\tslug: 'move-blocks',\n\t\ticon: moveBlocksIcon,\n\t\tview: <MoveBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Remove blocks' ),\n\t\tslug: 'remove-blocks',\n\t\ticon: trash,\n\t\tview: <RemoveBlocks />,\n\t},\n\t{\n\t\tlabel: __( 'Customize blocks' ),\n\t\tslug: 'customize-blocks',\n\t\ticon: cog,\n\t\tview: <CustomizeBlocks />,\n\t},\n];\n\nfunction EditorHelpTopics( { close, isVisible, onClose, showSupport } ) {\n\tconst { postType } = useSelect( ( select ) => ( {\n\t\tpostType: select( editorStore ).getEditedPostAttribute( 'type' ),\n\t} ) );\n\n\tconst title =\n\t\tpostType === 'page'\n\t\t\t? __( 'How to edit your page' )\n\t\t\t: __( 'How to edit your post' );\n\n\tconst supportSection = (\n\t\t<>\n\t\t\t<HelpSectionTitle>{ __( 'Get support' ) }</HelpSectionTitle>\n\t\t\t<HelpGetSupportButton\n\t\t\t\ttitle={ __( 'Contact support' ) }\n\t\t\t\tonPress={ requestContactCustomerSupport }\n\t\t\t/>\n\t\t\t<HelpGetSupportButton\n\t\t\t\ttitle={ __( 'More support options' ) }\n\t\t\t\tonPress={ requestGotoCustomerSupportOptions }\n\t\t\t/>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ isVisible }\n\t\t\tonClose={ onClose }\n\t\t\thideHeader\n\t\t\thasNavigation\n\t\t\tcontentStyle={ styles.contentContainer }\n\t\t\ttestID=\"editor-help-modal\"\n\t\t>\n\t\t\t<SafeAreaView style={ styles.safeAreaContainer }>\n\t\t\t\t<BottomSheet.NavigationContainer\n\t\t\t\t\tanimate\n\t\t\t\t\tmain\n\t\t\t\t\tstyle={ styles.navigationContainer }\n\t\t\t\t>\n\t\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\t\tisScrollable\n\t\t\t\t\t\tfullScreen\n\t\t\t\t\t\tname=\"help-topics\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ styles.container }>\n\t\t\t\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t\t\t\t<BottomSheet.NavBar.DismissButton\n\t\t\t\t\t\t\t\t\tonPress={ close }\n\t\t\t\t\t\t\t\t\tiosText={ __( 'Close' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t\t\t\t<BottomSheetConsumer>\n\t\t\t\t\t\t\t\t{ ( { listProps } ) => {\n\t\t\t\t\t\t\t\t\tconst contentContainerStyle =\n\t\t\t\t\t\t\t\t\t\tStyleSheet.flatten(\n\t\t\t\t\t\t\t\t\t\t\tlistProps.contentContainerStyle\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<ScrollView\n\t\t\t\t\t\t\t\t\t\t\t{ ...listProps }\n\t\t\t\t\t\t\t\t\t\t\tcontentContainerStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\t...contentContainerStyle,\n\t\t\t\t\t\t\t\t\t\t\t\tpaddingBottom: Math.max(\n\t\t\t\t\t\t\t\t\t\t\t\t\tlistProps.safeAreaBottomInset,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontentContainerStyle.paddingBottom\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t/**\n\t\t\t\t\t\t\t\t\t\t\t\t * Remove margin set via `hideHeader`. Combining a header\n\t\t\t\t\t\t\t\t\t\t\t\t * and navigation in this bottom sheet is at odds with the\n\t\t\t\t\t\t\t\t\t\t\t\t * current `BottomSheet` implementation.\n\t\t\t\t\t\t\t\t\t\t\t\t */\n\t\t\t\t\t\t\t\t\t\t\t\tmarginTop: 0,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t\t\t\t\t\t\t<HelpSectionTitle>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'The basics' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</HelpSectionTitle>\n\t\t\t\t\t\t\t\t\t\t\t\t{ /* Print out help topics. */ }\n\t\t\t\t\t\t\t\t\t\t\t\t{ HELP_TOPICS.map(\n\t\t\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ label, icon, slug },\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex\n\t\t\t\t\t\t\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst isLastItem =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tHELP_TOPICS.length -\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t1;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<HelpTopicRow\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ slug }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tscreenName={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tslug\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLastItem={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisLastItem\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t{ showSupport &&\n\t\t\t\t\t\t\t\t\t\t\t\t\tsupportSection }\n\t\t\t\t\t\t\t\t\t\t\t</PanelBody>\n\t\t\t\t\t\t\t\t\t\t</ScrollView>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t</BottomSheetConsumer>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t\t{ /* Print out help detail screens. */ }\n\t\t\t\t\t{ HELP_TOPICS.map( ( { view, label, slug } ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<HelpDetailNavigationScreen\n\t\t\t\t\t\t\t\tkey={ slug }\n\t\t\t\t\t\t\t\tname={ slug }\n\t\t\t\t\t\t\t\tcontent={ view }\n\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t\toptions={ {\n\t\t\t\t\t\t\t\t\tgestureEnabled: false,\n\t\t\t\t\t\t\t\t\t...TransitionPresets.DefaultTransition,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</BottomSheet.NavigationContainer>\n\t\t\t</SafeAreaView>\n\t\t</BottomSheet>\n\t);\n}\n\nexport default EditorHelpTopics;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -15,44 +14,51 @@ import { usePreferredColorSchemeStyle } from '@wordpress/compose';
  */
 import styles from './style.scss';
 import { HelpDetailBodyText, HelpDetailSectionHeadingText, 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 IntroToBlocks = () => {
   const titleStyle = usePreferredColorSchemeStyle(styles.helpDetailTitle, styles.helpDetailTitleDark);
-  return createElement(Fragment, null, createElement(HelpDetailImage, {
-    source: require('./images/block-layout-collage.png')
-  }), createElement(View, {
-    style: styles.helpDetailContainer
-  }, createElement(Text, {
-    accessibilityRole: "header",
-    selectable: true,
-    style: titleStyle
-  }, __('Welcome to the world of blocks')), createElement(HelpDetailBodyText, {
-    text: __('Blocks are pieces of content that you can insert, rearrange, and style without needing to know how to code. Blocks are an easy and modern way for you to create beautiful layouts.')
-  }), createElement(HelpDetailSectionHeadingText, {
-    text: __('Rich text editing')
-  }), createElement(HelpDetailBodyText, {
-    text: __('Blocks allow you to focus on writing your content, knowing that all the formatting tools you need are there to help you get your message across.')
-  }), createElement(HelpDetailImage, {
-    accessible: true,
-    accessibilityLabel: __('Text formatting controls are located within the toolbar positioned above the keyboard while editing a text block'),
-    source: require('./images/rich-text-light.png'),
-    sourceDarkMode: require('./images/rich-text-dark.png')
-  }), createElement(HelpDetailSectionHeadingText, {
-    text: __('Embed media')
-  }), createElement(HelpDetailBodyText, {
-    text: __('Make your content stand out by adding images, gifs, videos, and embedded media to your pages.')
-  }), createElement(HelpDetailImage, {
-    source: require('./images/embed-media-light.png'),
-    sourceDarkMode: require('./images/embed-media-dark.png')
-  }), createElement(HelpDetailSectionHeadingText, {
-    text: __('Build layouts')
-  }), createElement(HelpDetailBodyText, {
-    text: __('Arrange your content into columns, add Call to Action buttons, and overlay images with text.')
-  }), createElement(HelpDetailImage, {
-    source: require('./images/build-layouts-light.png'),
-    sourceDarkMode: require('./images/build-layouts-dark.png')
-  }), createElement(HelpDetailBodyText, {
-    text: __('Give it a try by adding a few blocks to your post or page!')
-  })));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(HelpDetailImage, {
+      source: require('./images/block-layout-collage.png')
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.helpDetailContainer,
+      children: [/*#__PURE__*/_jsx(Text, {
+        accessibilityRole: "header",
+        selectable: true,
+        style: titleStyle,
+        children: __('Welcome to the world of blocks')
+      }), /*#__PURE__*/_jsx(HelpDetailBodyText, {
+        text: __('Blocks are pieces of content that you can insert, rearrange, and style without needing to know how to code. Blocks are an easy and modern way for you to create beautiful layouts.')
+      }), /*#__PURE__*/_jsx(HelpDetailSectionHeadingText, {
+        text: __('Rich text editing')
+      }), /*#__PURE__*/_jsx(HelpDetailBodyText, {
+        text: __('Blocks allow you to focus on writing your content, knowing that all the formatting tools you need are there to help you get your message across.')
+      }), /*#__PURE__*/_jsx(HelpDetailImage, {
+        accessible: true,
+        accessibilityLabel: __('Text formatting controls are located within the toolbar positioned above the keyboard while editing a text block'),
+        source: require('./images/rich-text-light.png'),
+        sourceDarkMode: require('./images/rich-text-dark.png')
+      }), /*#__PURE__*/_jsx(HelpDetailSectionHeadingText, {
+        text: __('Embed media')
+      }), /*#__PURE__*/_jsx(HelpDetailBodyText, {
+        text: __('Make your content stand out by adding images, gifs, videos, and embedded media to your pages.')
+      }), /*#__PURE__*/_jsx(HelpDetailImage, {
+        source: require('./images/embed-media-light.png'),
+        sourceDarkMode: require('./images/embed-media-dark.png')
+      }), /*#__PURE__*/_jsx(HelpDetailSectionHeadingText, {
+        text: __('Build layouts')
+      }), /*#__PURE__*/_jsx(HelpDetailBodyText, {
+        text: __('Arrange your content into columns, add Call to Action buttons, and overlay images with text.')
+      }), /*#__PURE__*/_jsx(HelpDetailImage, {
+        source: require('./images/build-layouts-light.png'),
+        sourceDarkMode: require('./images/build-layouts-dark.png')
+      }), /*#__PURE__*/_jsx(HelpDetailBodyText, {
+        text: __('Give it a try by adding a few blocks to your post or page!')
+      })]
+    })]
+  });
 };
 export default IntroToBlocks;
 //# sourceMappingURL=intro-to-blocks.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["View","Text","__","usePreferredColorSchemeStyle","styles","HelpDetailBodyText","HelpDetailSectionHeadingText","HelpDetailImage","IntroToBlocks","titleStyle","helpDetailTitle","helpDetailTitleDark","createElement","Fragment","source","require","style","helpDetailContainer","accessibilityRole","selectable","text","accessible","accessibilityLabel","sourceDarkMode"],"sources":["@wordpress/editor/src/components/editor-help/intro-to-blocks.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport {\n\tHelpDetailBodyText,\n\tHelpDetailSectionHeadingText,\n\tHelpDetailImage,\n} from './view-sections';\n\nconst IntroToBlocks = () => {\n\tconst titleStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailTitle,\n\t\tstyles.helpDetailTitleDark\n\t);\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/block-layout-collage.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<Text\n\t\t\t\t\taccessibilityRole=\"header\"\n\t\t\t\t\tselectable\n\t\t\t\t\tstyle={ titleStyle }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Welcome to the world of blocks' ) }\n\t\t\t\t</Text>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Blocks are pieces of content that you can insert, rearrange, and style without needing to know how to code. Blocks are an easy and modern way for you to create beautiful layouts.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailSectionHeadingText\n\t\t\t\t\ttext={ __( 'Rich text editing' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Blocks allow you to focus on writing your content, knowing that all the formatting tools you need are there to help you get your message across.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailImage\n\t\t\t\t\taccessible\n\t\t\t\t\taccessibilityLabel={ __(\n\t\t\t\t\t\t'Text formatting controls are located within the toolbar positioned above the keyboard while editing a text block'\n\t\t\t\t\t) }\n\t\t\t\t\tsource={ require( './images/rich-text-light.png' ) }\n\t\t\t\t\tsourceDarkMode={ require( './images/rich-text-dark.png' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailSectionHeadingText text={ __( 'Embed media' ) } />\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Make your content stand out by adding images, gifs, videos, and embedded media to your pages.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailImage\n\t\t\t\t\tsource={ require( './images/embed-media-light.png' ) }\n\t\t\t\t\tsourceDarkMode={ require( './images/embed-media-dark.png' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailSectionHeadingText text={ __( 'Build layouts' ) } />\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Arrange your content into columns, add Call to Action buttons, and overlay images with text.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailImage\n\t\t\t\t\tsource={ require( './images/build-layouts-light.png' ) }\n\t\t\t\t\tsourceDarkMode={ require( './images/build-layouts-dark.png' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Give it a try by adding a few blocks to your post or page!'\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 IntroToBlocks;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAEzC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,SACCC,kBAAkB,EAClBC,4BAA4B,EAC5BC,eAAe,QACT,iBAAiB;AAExB,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC3B,MAAMC,UAAU,GAAGN,4BAA4B,CAC9CC,MAAM,CAACM,eAAe,EACtBN,MAAM,CAACO,mBACR,CAAC;EACD,OACCC,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACL,eAAe;IACfO,MAAM,EAAGC,OAAO,CAAE,mCAAoC;EAAG,CACzD,CAAC,EACFH,aAAA,CAACZ,IAAI;IAACgB,KAAK,EAAGZ,MAAM,CAACa;EAAqB,GACzCL,aAAA,CAACX,IAAI;IACJiB,iBAAiB,EAAC,QAAQ;IAC1BC,UAAU;IACVH,KAAK,EAAGP;EAAY,GAElBP,EAAE,CAAE,gCAAiC,CAClC,CAAC,EACPU,aAAA,CAACP,kBAAkB;IAClBe,IAAI,EAAGlB,EAAE,CACR,oLACD;EAAG,CACH,CAAC,EACFU,aAAA,CAACN,4BAA4B;IAC5Bc,IAAI,EAAGlB,EAAE,CAAE,mBAAoB;EAAG,CAClC,CAAC,EACFU,aAAA,CAACP,kBAAkB;IAClBe,IAAI,EAAGlB,EAAE,CACR,kJACD;EAAG,CACH,CAAC,EACFU,aAAA,CAACL,eAAe;IACfc,UAAU;IACVC,kBAAkB,EAAGpB,EAAE,CACtB,kHACD,CAAG;IACHY,MAAM,EAAGC,OAAO,CAAE,8BAA+B,CAAG;IACpDQ,cAAc,EAAGR,OAAO,CAAE,6BAA8B;EAAG,CAC3D,CAAC,EACFH,aAAA,CAACN,4BAA4B;IAACc,IAAI,EAAGlB,EAAE,CAAE,aAAc;EAAG,CAAE,CAAC,EAC7DU,aAAA,CAACP,kBAAkB;IAClBe,IAAI,EAAGlB,EAAE,CACR,+FACD;EAAG,CACH,CAAC,EACFU,aAAA,CAACL,eAAe;IACfO,MAAM,EAAGC,OAAO,CAAE,gCAAiC,CAAG;IACtDQ,cAAc,EAAGR,OAAO,CAAE,+BAAgC;EAAG,CAC7D,CAAC,EACFH,aAAA,CAACN,4BAA4B;IAACc,IAAI,EAAGlB,EAAE,CAAE,eAAgB;EAAG,CAAE,CAAC,EAC/DU,aAAA,CAACP,kBAAkB;IAClBe,IAAI,EAAGlB,EAAE,CACR,8FACD;EAAG,CACH,CAAC,EACFU,aAAA,CAACL,eAAe;IACfO,MAAM,EAAGC,OAAO,CAAE,kCAAmC,CAAG;IACxDQ,cAAc,EAAGR,OAAO,CAAE,iCAAkC;EAAG,CAC/D,CAAC,EACFH,aAAA,CAACP,kBAAkB;IAClBe,IAAI,EAAGlB,EAAE,CACR,4DACD;EAAG,CACH,CACI,CACL,CAAC;AAEL,CAAC;AAED,eAAeM,aAAa","ignoreList":[]}
+{"version":3,"names":["View","Text","__","usePreferredColorSchemeStyle","styles","HelpDetailBodyText","HelpDetailSectionHeadingText","HelpDetailImage","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","IntroToBlocks","titleStyle","helpDetailTitle","helpDetailTitleDark","children","source","require","style","helpDetailContainer","accessibilityRole","selectable","text","accessible","accessibilityLabel","sourceDarkMode"],"sources":["@wordpress/editor/src/components/editor-help/intro-to-blocks.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport {\n\tHelpDetailBodyText,\n\tHelpDetailSectionHeadingText,\n\tHelpDetailImage,\n} from './view-sections';\n\nconst IntroToBlocks = () => {\n\tconst titleStyle = usePreferredColorSchemeStyle(\n\t\tstyles.helpDetailTitle,\n\t\tstyles.helpDetailTitleDark\n\t);\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/block-layout-collage.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<Text\n\t\t\t\t\taccessibilityRole=\"header\"\n\t\t\t\t\tselectable\n\t\t\t\t\tstyle={ titleStyle }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Welcome to the world of blocks' ) }\n\t\t\t\t</Text>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Blocks are pieces of content that you can insert, rearrange, and style without needing to know how to code. Blocks are an easy and modern way for you to create beautiful layouts.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailSectionHeadingText\n\t\t\t\t\ttext={ __( 'Rich text editing' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Blocks allow you to focus on writing your content, knowing that all the formatting tools you need are there to help you get your message across.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailImage\n\t\t\t\t\taccessible\n\t\t\t\t\taccessibilityLabel={ __(\n\t\t\t\t\t\t'Text formatting controls are located within the toolbar positioned above the keyboard while editing a text block'\n\t\t\t\t\t) }\n\t\t\t\t\tsource={ require( './images/rich-text-light.png' ) }\n\t\t\t\t\tsourceDarkMode={ require( './images/rich-text-dark.png' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailSectionHeadingText text={ __( 'Embed media' ) } />\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Make your content stand out by adding images, gifs, videos, and embedded media to your pages.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailImage\n\t\t\t\t\tsource={ require( './images/embed-media-light.png' ) }\n\t\t\t\t\tsourceDarkMode={ require( './images/embed-media-dark.png' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailSectionHeadingText text={ __( 'Build layouts' ) } />\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Arrange your content into columns, add Call to Action buttons, and overlay images with text.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailImage\n\t\t\t\t\tsource={ require( './images/build-layouts-light.png' ) }\n\t\t\t\t\tsourceDarkMode={ require( './images/build-layouts-dark.png' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Give it a try by adding a few blocks to your post or page!'\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 IntroToBlocks;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAEzC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,4BAA4B,QAAQ,oBAAoB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,SACCC,kBAAkB,EAClBC,4BAA4B,EAC5BC,eAAe,QACT,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEzB,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC3B,MAAMC,UAAU,GAAGZ,4BAA4B,CAC9CC,MAAM,CAACY,eAAe,EACtBZ,MAAM,CAACa,mBACR,CAAC;EACD,oBACCN,KAAA,CAAAE,SAAA;IAAAK,QAAA,gBACCT,IAAA,CAACF,eAAe;MACfY,MAAM,EAAGC,OAAO,CAAE,mCAAoC;IAAG,CACzD,CAAC,eACFT,KAAA,CAACX,IAAI;MAACqB,KAAK,EAAGjB,MAAM,CAACkB,mBAAqB;MAAAJ,QAAA,gBACzCT,IAAA,CAACR,IAAI;QACJsB,iBAAiB,EAAC,QAAQ;QAC1BC,UAAU;QACVH,KAAK,EAAGN,UAAY;QAAAG,QAAA,EAElBhB,EAAE,CAAE,gCAAiC;MAAC,CACnC,CAAC,eACPO,IAAA,CAACJ,kBAAkB;QAClBoB,IAAI,EAAGvB,EAAE,CACR,oLACD;MAAG,CACH,CAAC,eACFO,IAAA,CAACH,4BAA4B;QAC5BmB,IAAI,EAAGvB,EAAE,CAAE,mBAAoB;MAAG,CAClC,CAAC,eACFO,IAAA,CAACJ,kBAAkB;QAClBoB,IAAI,EAAGvB,EAAE,CACR,kJACD;MAAG,CACH,CAAC,eACFO,IAAA,CAACF,eAAe;QACfmB,UAAU;QACVC,kBAAkB,EAAGzB,EAAE,CACtB,kHACD,CAAG;QACHiB,MAAM,EAAGC,OAAO,CAAE,8BAA+B,CAAG;QACpDQ,cAAc,EAAGR,OAAO,CAAE,6BAA8B;MAAG,CAC3D,CAAC,eACFX,IAAA,CAACH,4BAA4B;QAACmB,IAAI,EAAGvB,EAAE,CAAE,aAAc;MAAG,CAAE,CAAC,eAC7DO,IAAA,CAACJ,kBAAkB;QAClBoB,IAAI,EAAGvB,EAAE,CACR,+FACD;MAAG,CACH,CAAC,eACFO,IAAA,CAACF,eAAe;QACfY,MAAM,EAAGC,OAAO,CAAE,gCAAiC,CAAG;QACtDQ,cAAc,EAAGR,OAAO,CAAE,+BAAgC;MAAG,CAC7D,CAAC,eACFX,IAAA,CAACH,4BAA4B;QAACmB,IAAI,EAAGvB,EAAE,CAAE,eAAgB;MAAG,CAAE,CAAC,eAC/DO,IAAA,CAACJ,kBAAkB;QAClBoB,IAAI,EAAGvB,EAAE,CACR,8FACD;MAAG,CACH,CAAC,eACFO,IAAA,CAACF,eAAe;QACfY,MAAM,EAAGC,OAAO,CAAE,kCAAmC,CAAG;QACxDQ,cAAc,EAAGR,OAAO,CAAE,iCAAkC;MAAG,CAC/D,CAAC,eACFX,IAAA,CAACJ,kBAAkB;QAClBoB,IAAI,EAAGvB,EAAE,CACR,4DACD;MAAG,CACH,CAAC;IAAA,CACG,CAAC;EAAA,CACN,CAAC;AAEL,CAAC;AAED,eAAeY,aAAa","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -14,27 +13,34 @@ import { __ } from '@wordpress/i18n';
  */
 import styles from './style.scss';
 import { HelpDetailBodyText, HelpDetailImage, HelpDetailSectionHeadingText } 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 MoveBlocks = () => {
-  return createElement(Fragment, null, createElement(HelpDetailImage, {
-    source: require('./images/drag-and-drop-light.png'),
-    sourceDarkMode: require('./images/drag-and-drop-dark.png')
-  }), createElement(View, {
-    style: styles.helpDetailContainer
-  }, createElement(HelpDetailSectionHeadingText, {
-    text: __('Drag & drop'),
-    badge: __('NEW')
-  }), createElement(HelpDetailBodyText, {
-    text: __('Drag & drop makes rearranging blocks a breeze. Press and hold on a block, then drag it to its new location and release.')
-  })), createElement(HelpDetailImage, {
-    source: require('./images/move-light.png'),
-    sourceDarkMode: require('./images/move-dark.png')
-  }), createElement(View, {
-    style: styles.helpDetailContainer
-  }, createElement(HelpDetailSectionHeadingText, {
-    text: __('Arrow buttons')
-  }), createElement(HelpDetailBodyText, {
-    text: __('You can also rearrange blocks by tapping a block and then tapping the up and down arrows that appear on the bottom left side of the block to move it up or down.')
-  })));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(HelpDetailImage, {
+      source: require('./images/drag-and-drop-light.png'),
+      sourceDarkMode: require('./images/drag-and-drop-dark.png')
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.helpDetailContainer,
+      children: [/*#__PURE__*/_jsx(HelpDetailSectionHeadingText, {
+        text: __('Drag & drop'),
+        badge: __('NEW')
+      }), /*#__PURE__*/_jsx(HelpDetailBodyText, {
+        text: __('Drag & drop makes rearranging blocks a breeze. Press and hold on a block, then drag it to its new location and release.')
+      })]
+    }), /*#__PURE__*/_jsx(HelpDetailImage, {
+      source: require('./images/move-light.png'),
+      sourceDarkMode: require('./images/move-dark.png')
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.helpDetailContainer,
+      children: [/*#__PURE__*/_jsx(HelpDetailSectionHeadingText, {
+        text: __('Arrow buttons')
+      }), /*#__PURE__*/_jsx(HelpDetailBodyText, {
+        text: __('You can also rearrange blocks by tapping a block and then tapping the up and down arrows that appear on the bottom left side of the block to move it up or down.')
+      })]
+    })]
+  });
 };
 export default MoveBlocks;
 //# sourceMappingURL=move-blocks.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["View","__","styles","HelpDetailBodyText","HelpDetailImage","HelpDetailSectionHeadingText","MoveBlocks","createElement","Fragment","source","require","sourceDarkMode","style","helpDetailContainer","text","badge"],"sources":["@wordpress/editor/src/components/editor-help/move-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 {\n\tHelpDetailBodyText,\n\tHelpDetailImage,\n\tHelpDetailSectionHeadingText,\n} from './view-sections';\n\nconst MoveBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/drag-and-drop-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/drag-and-drop-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailSectionHeadingText\n\t\t\t\t\ttext={ __( 'Drag & drop' ) }\n\t\t\t\t\tbadge={ __( 'NEW' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Drag & drop makes rearranging blocks a breeze. Press and hold on a block, then drag it to its new location and release.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/move-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/move-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailSectionHeadingText text={ __( 'Arrow buttons' ) } />\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'You can also rearrange blocks by tapping a block and then tapping the up and down arrows that appear on the bottom left side of the block to move it up or down.'\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 MoveBlocks;\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,SACCC,kBAAkB,EAClBC,eAAe,EACfC,4BAA4B,QACtB,iBAAiB;AAExB,MAAMC,UAAU,GAAGA,CAAA,KAAM;EACxB,OACCC,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACH,eAAe;IACfK,MAAM,EAAGC,OAAO,CAAE,kCAAmC,CAAG;IACxDC,cAAc,EAAGD,OAAO,CAAE,iCAAkC;EAAG,CAC/D,CAAC,EACFH,aAAA,CAACP,IAAI;IAACY,KAAK,EAAGV,MAAM,CAACW;EAAqB,GACzCN,aAAA,CAACF,4BAA4B;IAC5BS,IAAI,EAAGb,EAAE,CAAE,aAAc,CAAG;IAC5Bc,KAAK,EAAGd,EAAE,CAAE,KAAM;EAAG,CACrB,CAAC,EACFM,aAAA,CAACJ,kBAAkB;IAClBW,IAAI,EAAGb,EAAE,CACR,yHACD;EAAG,CACH,CACI,CAAC,EACPM,aAAA,CAACH,eAAe;IACfK,MAAM,EAAGC,OAAO,CAAE,yBAA0B,CAAG;IAC/CC,cAAc,EAAGD,OAAO,CAAE,wBAAyB;EAAG,CACtD,CAAC,EACFH,aAAA,CAACP,IAAI;IAACY,KAAK,EAAGV,MAAM,CAACW;EAAqB,GACzCN,aAAA,CAACF,4BAA4B;IAACS,IAAI,EAAGb,EAAE,CAAE,eAAgB;EAAG,CAAE,CAAC,EAC/DM,aAAA,CAACJ,kBAAkB;IAClBW,IAAI,EAAGb,EAAE,CACR,kKACD;EAAG,CACH,CACI,CACL,CAAC;AAEL,CAAC;AAED,eAAeK,UAAU","ignoreList":[]}
+{"version":3,"names":["View","__","styles","HelpDetailBodyText","HelpDetailImage","HelpDetailSectionHeadingText","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MoveBlocks","children","source","require","sourceDarkMode","style","helpDetailContainer","text","badge"],"sources":["@wordpress/editor/src/components/editor-help/move-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 {\n\tHelpDetailBodyText,\n\tHelpDetailImage,\n\tHelpDetailSectionHeadingText,\n} from './view-sections';\n\nconst MoveBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/drag-and-drop-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/drag-and-drop-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailSectionHeadingText\n\t\t\t\t\ttext={ __( 'Drag & drop' ) }\n\t\t\t\t\tbadge={ __( 'NEW' ) }\n\t\t\t\t/>\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Drag & drop makes rearranging blocks a breeze. Press and hold on a block, then drag it to its new location and release.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/move-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/move-dark.png' ) }\n\t\t\t/>\n\t\t\t<View style={ styles.helpDetailContainer }>\n\t\t\t\t<HelpDetailSectionHeadingText text={ __( 'Arrow buttons' ) } />\n\t\t\t\t<HelpDetailBodyText\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'You can also rearrange blocks by tapping a block and then tapping the up and down arrows that appear on the bottom left side of the block to move it up or down.'\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 MoveBlocks;\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,SACCC,kBAAkB,EAClBC,eAAe,EACfC,4BAA4B,QACtB,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEzB,MAAMC,UAAU,GAAGA,CAAA,KAAM;EACxB,oBACCH,KAAA,CAAAE,SAAA;IAAAE,QAAA,gBACCN,IAAA,CAACH,eAAe;MACfU,MAAM,EAAGC,OAAO,CAAE,kCAAmC,CAAG;MACxDC,cAAc,EAAGD,OAAO,CAAE,iCAAkC;IAAG,CAC/D,CAAC,eACFN,KAAA,CAACT,IAAI;MAACiB,KAAK,EAAGf,MAAM,CAACgB,mBAAqB;MAAAL,QAAA,gBACzCN,IAAA,CAACF,4BAA4B;QAC5Bc,IAAI,EAAGlB,EAAE,CAAE,aAAc,CAAG;QAC5BmB,KAAK,EAAGnB,EAAE,CAAE,KAAM;MAAG,CACrB,CAAC,eACFM,IAAA,CAACJ,kBAAkB;QAClBgB,IAAI,EAAGlB,EAAE,CACR,yHACD;MAAG,CACH,CAAC;IAAA,CACG,CAAC,eACPM,IAAA,CAACH,eAAe;MACfU,MAAM,EAAGC,OAAO,CAAE,yBAA0B,CAAG;MAC/CC,cAAc,EAAGD,OAAO,CAAE,wBAAyB;IAAG,CACtD,CAAC,eACFN,KAAA,CAACT,IAAI;MAACiB,KAAK,EAAGf,MAAM,CAACgB,mBAAqB;MAAAL,QAAA,gBACzCN,IAAA,CAACF,4BAA4B;QAACc,IAAI,EAAGlB,EAAE,CAAE,eAAgB;MAAG,CAAE,CAAC,eAC/DM,IAAA,CAACJ,kBAAkB;QAClBgB,IAAI,EAAGlB,EAAE,CACR,kKACD;MAAG,CACH,CAAC;IAAA,CACG,CAAC;EAAA,CACN,CAAC;AAEL,CAAC;AAED,eAAeW,UAAU","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -14,15 +13,21 @@ import { __ } from '@wordpress/i18n';
  */
 import styles from './style.scss';
 import { HelpDetailBodyText, HelpDetailImage } from './view-sections';
+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 RemoveBlocks = () => {
-  return createElement(Fragment, null, createElement(HelpDetailImage, {
-    source: require('./images/options-light.png'),
-    sourceDarkMode: require('./images/options-dark.png')
-  }), createElement(View, {
-    style: styles.helpDetailContainer
-  }, createElement(HelpDetailBodyText, {
-    text: __('To remove a block, select the block and click the three dots in the bottom right of the block to view the settings. From there, choose the option to remove the block.')
-  })));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(HelpDetailImage, {
+      source: require('./images/options-light.png'),
+      sourceDarkMode: require('./images/options-dark.png')
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.helpDetailContainer,
+      children: /*#__PURE__*/_jsx(HelpDetailBodyText, {
+        text: __('To remove a block, select the block and click the three dots in the bottom right of the block to view the settings. From there, choose the option to remove the block.')
+      })
+    })]
+  });
 };
 export default RemoveBlocks;
 //# sourceMappingURL=remove-blocks.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["View","__","styles","HelpDetailBodyText","HelpDetailImage","RemoveBlocks","createElement","Fragment","source","require","sourceDarkMode","style","helpDetailContainer","text"],"sources":["@wordpress/editor/src/components/editor-help/remove-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 RemoveBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/options-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/options-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'To remove a block, select the block and click the three dots in the bottom right of the block to view the settings. From there, choose the option to remove the block.'\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 RemoveBlocks;\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,YAAY,GAAGA,CAAA,KAAM;EAC1B,OACCC,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACF,eAAe;IACfI,MAAM,EAAGC,OAAO,CAAE,4BAA6B,CAAG;IAClDC,cAAc,EAAGD,OAAO,CAAE,2BAA4B;EAAG,CACzD,CAAC,EACFH,aAAA,CAACN,IAAI;IAACW,KAAK,EAAGT,MAAM,CAACU;EAAqB,GACzCN,aAAA,CAACH,kBAAkB;IAClBU,IAAI,EAAGZ,EAAE,CACR,wKACD;EAAG,CACH,CACI,CACL,CAAC;AAEL,CAAC;AAED,eAAeI,YAAY","ignoreList":[]}
+{"version":3,"names":["View","__","styles","HelpDetailBodyText","HelpDetailImage","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","RemoveBlocks","children","source","require","sourceDarkMode","style","helpDetailContainer","text"],"sources":["@wordpress/editor/src/components/editor-help/remove-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 RemoveBlocks = () => {\n\treturn (\n\t\t<>\n\t\t\t<HelpDetailImage\n\t\t\t\tsource={ require( './images/options-light.png' ) }\n\t\t\t\tsourceDarkMode={ require( './images/options-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'To remove a block, select the block and click the three dots in the bottom right of the block to view the settings. From there, choose the option to remove the block.'\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 RemoveBlocks;\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,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEtE,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC1B,oBACCD,KAAA,CAAAF,SAAA;IAAAI,QAAA,gBACCN,IAAA,CAACF,eAAe;MACfS,MAAM,EAAGC,OAAO,CAAE,4BAA6B,CAAG;MAClDC,cAAc,EAAGD,OAAO,CAAE,2BAA4B;IAAG,CACzD,CAAC,eACFR,IAAA,CAACN,IAAI;MAACgB,KAAK,EAAGd,MAAM,CAACe,mBAAqB;MAAAL,QAAA,eACzCN,IAAA,CAACH,kBAAkB;QAClBe,IAAI,EAAGjB,EAAE,CACR,wKACD;MAAG,CACH;IAAC,CACG,CAAC;EAAA,CACN,CAAC;AAEL,CAAC;AAED,eAAeU,YAAY","ignoreList":[]}