Restructure and rename components

src/components/fields/EnumField.jsx

@@ -0,0 +1,36 @@
+import React from 'react'
+import input from '../../config/input.js'
+
+class EnumField extends React.Component {
+  static propTypes = {
+    onChange: React.PropTypes.func.isRequired,
+    name: React.PropTypes.string.isRequired,
+    value: React.PropTypes.string,
+    allowedValues: React.PropTypes.array.isRequired,
+    doc: React.PropTypes.string,
+    style: React.PropTypes.object,
+  }
+
+  onChange(e) {
+    return this.props.onChange(e.target.value)
+  }
+
+  render() {
+    const options = this.props.allowedValues.map(val => {
+      return <option key={val} value={val}>{val}</option>
+    })
+
+    return <select
+      style={{
+        ...input.select,
+        ...this.props.style
+      }}
+      value={this.props.value}
+      onChange={this.onChange.bind(this)}
+    >
+      {options}
+    </select>
+  }
+}
+
+export default EnumField