Use format-library in gutenberg-mobile

packages/block-library/src/heading/edit.native.js

@@ -14,7 +14,7 @@ import { View } from 'react-native';
 import { __ } from '@wordpress/i18n';
 import { Component } from '@wordpress/element';
 import { RichText, BlockControls } from '@wordpress/editor';
-import { parse, createBlock } from '@wordpress/blocks';
+import { createBlock } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -62,14 +62,7 @@ class HeadingEdit extends Component {
 					style={ {
 						minHeight: Math.max( minHeight, this.state.aztecHeight ),
 					} }
-					onChange={ ( event ) => {
-						// Create a React Tree from the new HTML
-						const newParaBlock = parse( `<!-- wp:heading {"level":${ level }} --><${ tagName }>${ event.content }</${ tagName }><!-- /wp:heading -->` )[ 0 ];
-						setAttributes( {
-							...this.props.attributes,
-							content: newParaBlock.attributes.content,
-						} );
-					} }
+					onChange={ ( value ) => setAttributes( { content: value } ) }
 					onMerge={ mergeBlocks }
 					onSplit={
 						insertBlocksAfter ?

packages/block-library/src/paragraph/edit.native.js

@@ -8,7 +8,7 @@ import { View } from 'react-native';
  */
 import { __ } from '@wordpress/i18n';
 import { Component } from '@wordpress/element';
-import { parse, createBlock } from '@wordpress/blocks';
+import { createBlock } from '@wordpress/blocks';
 import { RichText } from '@wordpress/editor';
 
 /**
@@ -99,12 +99,9 @@ class ParagraphEdit extends Component {
 						...style,
 						minHeight: Math.max( minHeight, this.state.aztecHeight ),
 					} }
-					onChange={ ( event ) => {
-						// Create a React Tree from the new HTML
-						const newParaBlock = parse( '<!-- wp:paragraph --><p>' + event.content + '</p><!-- /wp:paragraph -->' )[ 0 ];
+					onChange={ ( nextContent ) => {
 						setAttributes( {
-							...this.props.attributes,
-							content: newParaBlock.attributes.content,
+							content: nextContent,
 						} );
 					} }
 					onSplit={ this.splitBlock }

packages/editor/src/components/index.native.js

@@ -1,7 +1,11 @@
 export * from './colors';
 export * from './font-sizes';
 export { default as PlainText } from './plain-text';
-export { default as RichText } from './rich-text';
+export {
+	default as RichText,
+	RichTextShortcut,
+	RichTextToolbarButton,
+} from './rich-text';
 export { default as MediaPlaceholder } from './media-placeholder';
 export { default as BlockFormatControls } from './block-format-controls';
 export { default as BlockControls } from './block-controls';
@@ -13,3 +17,4 @@ export { default as EditorHistoryUndo } from './editor-history/undo';
 export { default as InspectorControls } from './inspector-controls';
 export { default as BottomSheet } from './mobile/bottom-sheet';
 export { default as Picker } from './mobile/picker';
+export { default as URLInput } from './url-input';

packages/editor/src/components/rich-text/format-toolbar/index.native.js

@@ -0,0 +1,18 @@
+/**
+ * WordPress dependencies
+ */
+
+import { Toolbar, Slot } from '@wordpress/components';
+
+const FormatToolbar = ( { controls } ) => {
+	return (
+		<Toolbar>
+			{ controls.map( ( format ) =>
+				<Slot name={ `RichText.ToolbarControls.${ format }` } key={ format } />
+			) }
+			<Slot name="RichText.ToolbarControls" />
+		</Toolbar>
+	);
+};
+
+export default FormatToolbar;