Import ReactSelect as component to allow dynamic use in Registry (#23)

src/ReactDashboard.js

@@ -14,6 +14,7 @@ export {default as Metric } from './components/Metric';
 export {default as Multi} from './components/Multi';
 export {default as Table } from './components/Table';
 export {default as Text } from './components/Text';
+export {default as ReactSelect} from './components/ReactSelect';
 
 // UTILS
 export {default as Registry } from './utils/Registry';

src/components/Autocomplete.js

@@ -11,12 +11,11 @@
  */
 
 import React, { Component } from 'react';
-import Select from 'react-select';
 import Registry from '../utils/Registry';
 import {makeKey} from '../utils/utils';
 import BaseComponent from './BaseComponent';
 import DashboardConstants from '../constants/DashboardConstants';
-
+import ReactSelect from './ReactSelect';
 
 export default class Autocomplete extends BaseComponent {
 
@@ -62,7 +61,7 @@ export default class Autocomplete extends BaseComponent {
 
   render(){
     return (
-      <Select.Async value={this.state.value} loadOptions={this.loadOptions.bind(this)} {...this.props} onChange={this.onChange.bind(this)}/>
+      <ReactSelect.Async value={this.state.value} loadOptions={this.loadOptions.bind(this)} {...this.props} onChange={this.onChange.bind(this)}/>
     );
   }
 }

src/components/ReactSelect.js

@@ -0,0 +1,7 @@
+import Registry from '../utils/Registry';
+import Select from 'react-select';
+
+let ReactSelect = Select;
+export default ReactSelect;
+
+Registry.set('ReactSelect', Select);