From fedbdc80173f908be72de0a9b1ecb6c646f9d780 Mon Sep 17 00:00:00 2001
From: Matt Chowning <matt.chowning@automattic.com>
Date: Fri, 16 Aug 2019 14:29:41 -0400
Subject: [PATCH] WIP - enabling more shared components by giving mobile empty
 components

---
 .../src/components/rich-text/index.native.js         | 12 ++----------
 packages/components/src/index.native.js              |  3 +++
 packages/components/src/panel/body.native.js         |  3 +++
 packages/components/src/text-control/index.native.js |  3 +++
 .../src/toggle-control/toggle-control.native.js      |  3 +++
 5 files changed, 14 insertions(+), 10 deletions(-)
 create mode 100644 packages/components/src/panel/body.native.js
 create mode 100644 packages/components/src/text-control/index.native.js
 create mode 100644 packages/components/src/toggle-control/toggle-control.native.js

diff --git a/packages/block-editor/src/components/rich-text/index.native.js b/packages/block-editor/src/components/rich-text/index.native.js
index ccb5e0d15bf7e..30e882ed49d80 100644
--- a/packages/block-editor/src/components/rich-text/index.native.js
+++ b/packages/block-editor/src/components/rich-text/index.native.js
@@ -20,12 +20,12 @@ import Autocomplete from '../autocomplete';
 import BlockFormatControls from '../block-format-controls';
 import FormatToolbar from './format-toolbar';
 import { withBlockEditContext } from '../block-edit/context';
-import { ListEdit } from './list-edit';
 
 const wrapperClasses = 'editor-rich-text block-editor-rich-text';
 const classes = 'editor-rich-text__editable block-editor-rich-text__editable';
 
 function RichTextWraper( {
+	children,
 	tagName,
 	value: originalValue,
 	onChange: originalOnChange,
@@ -33,7 +33,6 @@ function RichTextWraper( {
 	selectionEnd,
 	onSelectionChange,
 	multiline,
-	onTagNameChange,
 	inlineToolbar,
 	wrapperClassName,
 	className,
@@ -86,14 +85,7 @@ function RichTextWraper( {
 		>
 			{ ( { isSelected, value, onChange } ) =>
 				<View>
-					{ isSelected && multiline === 'li' && (
-						<ListEdit
-							onTagNameChange={ onTagNameChange }
-							tagName={ tagName }
-							value={ value }
-							onChange={ onChange }
-						/>
-					) }
+					{ children && children( { value, onChange } ) }
 					{ isSelected && ! inlineToolbar && (
 						<BlockFormatControls>
 							<FormatToolbar />
diff --git a/packages/components/src/index.native.js b/packages/components/src/index.native.js
index 4984cdde2fd36..0b95fee303790 100644
--- a/packages/components/src/index.native.js
+++ b/packages/components/src/index.native.js
@@ -10,6 +10,9 @@ export { default as Spinner } from './spinner';
 export { createSlotFill, Slot, Fill, Provider as SlotFillProvider } from './slot-fill';
 export { default as BaseControl } from './base-control';
 export { default as TextareaControl } from './textarea-control';
+export { default as PanelBody } from './panel/body';
+export { default as TextControl } from './text-control';
+export { default as ToggleControl } from './toggle-control';
 
 // Higher-Order Components
 export { default as withConstrainedTabbing } from './higher-order/with-constrained-tabbing';
diff --git a/packages/components/src/panel/body.native.js b/packages/components/src/panel/body.native.js
new file mode 100644
index 0000000000000..43caaca84a77a
--- /dev/null
+++ b/packages/components/src/panel/body.native.js
@@ -0,0 +1,3 @@
+// Not used by mobile at this time
+const PanelBody = () => null;
+export default PanelBody;
diff --git a/packages/components/src/text-control/index.native.js b/packages/components/src/text-control/index.native.js
new file mode 100644
index 0000000000000..bbff361cedea7
--- /dev/null
+++ b/packages/components/src/text-control/index.native.js
@@ -0,0 +1,3 @@
+// Not used by mobile at this time
+const TextControl = () => null;
+export default TextControl;
diff --git a/packages/components/src/toggle-control/toggle-control.native.js b/packages/components/src/toggle-control/toggle-control.native.js
new file mode 100644
index 0000000000000..0828acb7edcc0
--- /dev/null
+++ b/packages/components/src/toggle-control/toggle-control.native.js
@@ -0,0 +1,3 @@
+// Not used by mobile at this time
+const ToggleControl = () => null;
+export default ToggleControl;