WordPress · koke · May 6, 2019
diff --git a/packages/block-editor/src/components/index.native.js b/packages/block-editor/src/components/index.native.js
@@ -20,7 +20,3 @@ export { default as DefaultBlockAppender } from './default-block-appender';
 
 // State Related Components
 export { default as BlockEditorProvider } from './provider';
-
-// Mobile Editor Related Components
-export { default as BottomSheet } from './mobile/bottom-sheet';
-export { default as Picker } from './mobile/picker';
diff --git a/packages/block-library/src/image/edit.native.js b/packages/block-library/src/image/edit.native.js
@@ -29,9 +29,11 @@ import {
 	RichText,
 	BlockControls,
 	InspectorControls,
+} from '@wordpress/block-editor';
+import {
 	BottomSheet,
 	Picker,
-} from '@wordpress/block-editor';
+} from '@wordpress-mobile/components';
 import { __, sprintf } from '@wordpress/i18n';
 import { isURL } from '@wordpress/url';
 import { doAction, hasAction } from '@wordpress/hooks';

diff --git a/packages/format-library/src/link/modal.native.js b/packages/format-library/src/link/modal.native.js
@@ -9,7 +9,7 @@ import { Switch, Platform } from 'react-native';
  */
 import { __ } from '@wordpress/i18n';
 import { Component } from '@wordpress/element';
-import { BottomSheet } from '@wordpress/block-editor';
+import { BottomSheet } from '@wordpress-mobile/components';
 import { prependHTTP } from '@wordpress/url';
 import {
 	withSpokenMessages,

diff --git a/packages/mobile/components/.npmrc b/packages/mobile/components/.npmrc
@@ -0,0 +1 @@
+package-lock=false
diff --git a/packages/mobile/components/CHANGELOG.md b/packages/mobile/components/CHANGELOG.md
@@ -0,0 +1,3 @@
+## 1.0.0 (Unreleased)
+
+- Initial release: BottomSheet and Picker components
diff --git a/packages/mobile/components/README.md b/packages/mobile/components/README.md
@@ -0,0 +1,11 @@
+# Components
+
+This packages includes a library of React Native components to be used for creating common UI elements in the WordPress mobile apps.
+
+## Installation
+
+Install the module
+
+```bash
+npm install @wordpress-mobile/components --save
+```
diff --git a/packages/mobile/components/package.json b/packages/mobile/components/package.json
@@ -0,0 +1,24 @@
+{
+	"name": "@wordpress-mobile/components",
+	"version": "1.0.0",
+	"description": "React Native components for WordPress mobile apps",
+	"repository": "git+https://github.com/WordPress/gutenberg.git",
+	"author": "The WordPress Contributors",
+	"license": "GPL-2.0-or-later",
+	"keywords": [
+		"wordpress",
+		"mobile",
+		"react-native"
+	],
+	"main": "src/index",
+	"react-native": "src/index",
+	"dependencies": {
+		"@wordpress/components": "file:../components",
+		"@wordpress/element": "file:../element",
+		"@wordpress/i18n": "file:../i18n",
+		"react": "16.8.3",
+		"react-native": "^0.59.3",
+		"react-native-modal": "^6.5.0",
+		"react-native-safe-area": "^0.5.0"
+	}
+}
diff --git a/...ents/mobile/bottom-sheet/button.native.js → ...ile/components/src/bottom-sheet/button.js b/...ents/mobile/bottom-sheet/button.native.js → ...ile/components/src/bottom-sheet/button.js
diff --git a/...onents/mobile/bottom-sheet/cell.native.js → ...obile/components/src/bottom-sheet/cell.js b/...onents/mobile/bottom-sheet/cell.native.js → ...obile/components/src/bottom-sheet/cell.js
diff --git a/...bile/bottom-sheet/cellStyles.android.scss → .../src/bottom-sheet/cellStyles.android.scss b/...bile/bottom-sheet/cellStyles.android.scss → .../src/bottom-sheet/cellStyles.android.scss
diff --git a/...s/mobile/bottom-sheet/cellStyles.ios.scss → ...ents/src/bottom-sheet/cellStyles.ios.scss b/...s/mobile/bottom-sheet/cellStyles.ios.scss → ...ents/src/bottom-sheet/cellStyles.ios.scss
diff --git a/...nents/mobile/bottom-sheet/index.native.js → ...bile/components/src/bottom-sheet/index.js b/...nents/mobile/bottom-sheet/index.native.js → ...bile/components/src/bottom-sheet/index.js
diff --git a/...om-sheet/keyboard-avoiding-view.native.js → ...rc/bottom-sheet/keyboard-avoiding-view.js b/...om-sheet/keyboard-avoiding-view.native.js → ...rc/bottom-sheet/keyboard-avoiding-view.js
diff --git a/...mobile/bottom-sheet/picker-cell.native.js → ...omponents/src/bottom-sheet/picker-cell.js b/...mobile/bottom-sheet/picker-cell.native.js → ...omponents/src/bottom-sheet/picker-cell.js
diff --git a/...ts/mobile/bottom-sheet/styles.native.scss → ...nents/src/bottom-sheet/styles.native.scss b/...ts/mobile/bottom-sheet/styles.native.scss → ...nents/src/bottom-sheet/styles.native.scss
diff --git a/packages/mobile/components/src/index.js b/packages/mobile/components/src/index.js
@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+
+export BottomSheet from './bottom-sheet';
+export Picker from './picker';
diff --git a/...components/mobile/picker/index.android.js → ...le/components/src/picker/index.android.js b/...components/mobile/picker/index.android.js → ...le/components/src/picker/index.android.js
@@ -9,7 +9,11 @@ import { View } from 'react-native';
  */
 import { __ } from '@wordpress/i18n';
 import { Component } from '@wordpress/element';
-import { BottomSheet } from '@wordpress/block-editor';
+
+/**
+ * Internal dependencies
+ */
+import BottomSheet from '../bottom-sheet';
 
 export default class Picker extends Component {
 	constructor() {

diff --git a/...src/components/mobile/picker/index.ios.js → ...mobile/components/src/picker/index.ios.js b/...src/components/mobile/picker/index.ios.js → ...mobile/components/src/picker/index.ios.js
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		## 1.0.0 (Unreleased)

		- Initial release: BottomSheet and Picker components