#15 added support for load data to LookUp component

Author: jonisaa

src/components/fieldComponents/Lookup.js

@@ -1,16 +1,32 @@
 import React, { Component, PropTypes } from 'react';
 import FormGroup from '../FormGroup';
-import Select from 'react-select';
+import ReSelect from 'react-select';
 
 class Lookup extends Component {
+    fetchItems = () => {
+        const { options } = this.props;
+
+        return fetch(options.url)
+            .then(response => response.json())
+            .then(json => {
+                return { options: json }
+            });
+    };
+
     render() {
-        let { value, name, displayName, help, error, touched, onChange, onBlur, options, fieldLayout} = this.props;
-        let selectProps = { options, value, name, onChange, onBlur: (event) => onBlur() };
+        let { value, name, displayName, help, error, touched, onChange, onBlur, options, fieldLayout } = this.props;
         let formGroupProps = { error, touched, displayName, name, help, fieldLayout};
+        let selectProps;
+
+        if (!options.url && Array.isArray(options)) {
+            selectProps = { options, value, name, onChange, onBlur: (event) => onBlur() };
+        } else {
+            selectProps = { value, name, onChange, onBlur: (event) => onBlur(), loadOptions: this.fetchItems, valueKey: options.value? options.value : 'value', labelKey: options.label? options.label : 'label' }
+        }
 
         return (
             <FormGroup {...formGroupProps}>
-                <Select {...selectProps}/>
+                <ReSelect.Async {...selectProps}/>
             </FormGroup>
         )
     }