ds/ns - allow ReactSelect.AsyncCreatable

If you pass in loadOptions as well as creatable,
we will now render an AsyncCreatable.

src/components/Select.js

@@ -53,9 +53,14 @@ class Select extends React.Component {
   render() {
     const { className, multi, value, valueComponent, ...props } = this.props;
     delete props.onChange; // don't pass onChange prop to react-select
-    const SelectElement = this.props.loadOptions ? ReactSelect.Async :
-                          this.props.creatable ? ReactSelect.Creatable :
-                          ReactSelect;
+    let SelectElement = ReactSelect;
+    if (this.props.loadOptions && this.props.creatable) {
+      SelectElement = ReactSelect.AsyncCreatable;
+    } else if (this.props.loadOptions) {
+      SelectElement = ReactSelect.Async;
+    } else if (this.props.creatable) {
+      SelectElement = ReactSelect.Creatable;
+    }
     const classNames = classnames(className, { 'select-async': this.props.loadOptions });
     const valueComponentRenderer = valueComponent ? valueComponent :
                                    multi ? SelectMultiValue :

test/components/Select.spec.js

@@ -117,4 +117,16 @@ describe('<Select />', () => {
     component.focus();
     sinon.assert.calledOnce(component.selectEl.focus);
   });
+
+  it('should render AsyncCreatable if loadOptions and creatable', () => {
+    const getOptions = () => {};
+
+    const component = shallow(<Select loadOptions={getOptions} creatable />);
+    assert.equal(component.type(), ReactSelect.AsyncCreatable);
+  });
+
+  it('should render Creatable if creatable', () => {
+    const component = shallow(<Select creatable />);
+    assert.equal(component.type(), ReactSelect.Creatable);
+  });
 });