Introduce AutocompelteInput for source editing

src/components/inputs/AutocompleteInput.jsx

@@ -0,0 +1,54 @@
+import React from 'react'
+import Autocomplete from 'react-autocomplete'
+import input from '../../config/input'
+import colors from '../../config/colors'
+import { margins, fontSizes } from '../../config/scales'
+
+class AutocompleteInput extends React.Component {
+  static propTypes = {
+    value: React.PropTypes.string.isRequired,
+    options: React.PropTypes.array.isRequired,
+    style: React.PropTypes.object,
+    onChange: React.PropTypes.func.isRequired,
+  }
+
+  render() {
+		return <Autocomplete
+			menuStyle={{
+				border: 'none',
+        padding: '2px 0',
+        position: 'fixed',
+        overflow: 'auto',
+        maxHeight: '50%',
+			}}
+			inputProps={{
+        style: {
+					...input.input,
+					width: null,
+          ...this.props.style,
+				}
+			}}
+      value={this.props.value}
+			items={this.props.options}
+			getItemValue={(item) => item[0]}
+			onSelect={v => this.props.onChange(v)}
+      onChange={(e, v) => this.props.onChange(v)}
+			renderItem={(item, isHighlighted) => (
+				<div
+					key={item[0]}
+					style={{
+						userSelect: 'none',
+						color: colors.lowgray,
+						background: isHighlighted ? colors.midgray : colors.gray,
+						padding: margins[0],
+						fontSize: fontSizes[5],
+					}}
+				>
+			   {item[1]}
+				</div>
+			)}
+		/>
+  }
+}
+
+export default AutocompleteInput