[react-x] Export all components from the main react-x object (#59)

* Remove the react-x-components package and move exports to react-x

* Remove the Components export from react-x tests

README.md

@@ -50,17 +50,13 @@ API | Version | Description
 
 ## Components
 
-See the [`react-x-components`](/packages/react-x-components) for a full list of cross-platform components built with `react-x`.
-
 Component | Version | Description
 ----------|---------|------------
-[`react-x-components`](/packages/react-x-components) | [![npm](https://img.shields.io/npm/v/react-x-components.svg)][npm-components] | All cross-platform components developed for react-x.
 [`react-x-primitives`](/packages/react-x-primitives) | [![npm](https://img.shields.io/npm/v/react-x-primitives.svg)][npm-primitives] | Set of primitive components to render across targets.
 [`react-x-render`](/packages/react-x-render) | [![npm](https://img.shields.io/npm/v/react-x-render.svg)][npm-render] | Conditional rendering based on if/unless conditions.
 [`react-x-svg`](/packages/react-x-svg) | [![npm](https://img.shields.io/npm/v/react-x-svg.svg)][npm-svg] | Cross-platform SVG support for ReactDOM and React Native.
 [`react-x-switch`](/packages/react-x-switch) | [![npm](https://img.shields.io/npm/v/react-x-switch.svg)][npm-switch] | Switch component for toggling on/off.
 
-[npm-components]: https://www.npmjs.com/package/react-x-components
 [npm-primitives]: https://www.npmjs.com/package/react-x-primitives
 [npm-render]: https://www.npmjs.com/package/react-x-render
 [npm-svg]: https://www.npmjs.com/package/react-x-svg

packages/react-x/package.json

@@ -21,10 +21,12 @@
   ],
   "dependencies": {
     "react-x-clipboard": "^1.3.0",
-    "react-x-components": "^1.3.0",
     "react-x-keychain": "^1.3.0",
     "react-x-primitives": "^1.3.0",
-    "react-x-styled": "^1.3.0"
+    "react-x-render": "^1.3.0",
+    "react-x-styled": "^1.3.0",
+    "react-x-svg": "^1.3.0",
+    "react-x-switch": "^1.3.0"
   },
   "peerDependencies": {
     "react": "*"

packages/react-x/src/__tests__/react-x.spec.js

@@ -4,18 +4,40 @@ import ReactX from '../react-x';
 
 /* eslint-disable no-undef */
 describe('ReactX', () => {
-  const names = [
-    'Animated',
-    'Clipboard',
-    'Components',
-    'Keychain',
-    'Styled',
-    'StyleSheet',
-  ];
+  context('APIs', () => {
+    const apis = [
+      'Animated',
+      'Clipboard',
+      'Keychain',
+      'Styled',
+      'StyleSheet',
+    ];
 
-  forEach({name: names}, () => {
-    it('should exist', () => {
-      expect(ReactX[name]).toBeDefined();
+    forEach({api: apis}, () => {
+      it('should exist', () => {
+        expect(ReactX[api]).toBeDefined();
+      });
+    });
+  });
+
+  context('Components', () => {
+    const components = [
+      // TODO(mark): Can't test SVG because it is a set of components.
+      'Image',
+      'Render',
+      'Switch',
+      'Text',
+      'View',
+    ];
+
+    forEach({component: components}, () => {
+      it('should exist', () => {
+        expect(ReactX[component]).toBeDefined();
+      });
+
+      it('should be a component', () => {
+        expect(ReactX[component]).toBeInstanceOf(Function);
+      });
     });
   });
 });

packages/react-x/src/react-x.js

@@ -1,9 +1,17 @@
 /* eslint-disable brace-style */
 module.exports = {
+  // APIs
   get Animated() { return require('react-x-primitives').Animated; },
   get Clipboard() { return require('react-x-clipboard').default; },
-  get Components() { return require('react-x-components'); },
   get Keychain() { return require('react-x-keychain').default; },
   get Styled() { return require('react-x-styled').default; },
   get StyleSheet() { return require('react-x-primitives').StyleSheet; },
+
+  // Components
+  get Image() { return require('react-x-primitives').Image; },
+  get Render() { return require('react-x-render').default; },
+  get SVG() { return require('react-x-svg').default; },
+  get Switch() { return require('react-x-switch').default; },
+  get Text() { return require('react-x-primitives').Text; },
+  get View() { return require('react-x-primitives').View; },
 };