From 885e31111c0640b4d871fbd2f2e565877a37799c Mon Sep 17 00:00:00 2001
From: lukasmartinelli <me@lukasmartinelli.ch>
Date: Mon, 12 Sep 2016 19:54:02 +0200
Subject: [PATCH] Add string field

---
 src/fields/color.jsx  |  1 +
 src/fields/spec.jsx   |  8 ++++++++
 src/fields/string.jsx | 22 ++++++++++++++++++++++
 3 files changed, 31 insertions(+)
 create mode 100644 src/fields/string.jsx

diff --git a/src/fields/color.jsx b/src/fields/color.jsx
index 1b95669..6ca92af 100644
--- a/src/fields/color.jsx
+++ b/src/fields/color.jsx
@@ -14,6 +14,7 @@ static propTypes = {
 		return <Input
 			label={this.props.name}
 			name={this.props.name}
+			value={this.props.value}
 		/>
 	}
 }
diff --git a/src/fields/spec.jsx b/src/fields/spec.jsx
index 270cb50..47affd5 100644
--- a/src/fields/spec.jsx
+++ b/src/fields/spec.jsx
@@ -4,6 +4,7 @@ import GlSpec from 'mapbox-gl-style-spec/reference/latest.min.js'
 import NumberField from './number'
 import EnumField from './enum'
 import ColorField from './color'
+import StringField from './string'
 
 class SpecField extends React.Component {
 	static propTypes = {
@@ -37,6 +38,13 @@ class SpecField extends React.Component {
 					doc={this.props.fieldSpec.doc}
 				/>
 			)
+			case 'string': return (
+				<StringField
+					value={this.props.value}
+					name={this.props.fieldName}
+					doc={this.props.fieldSpec.doc}
+				/>
+			)
 			case 'color': return (
 				<ColorField
 					value={this.props.value}
diff --git a/src/fields/string.jsx b/src/fields/string.jsx
new file mode 100644
index 0000000..494e1ca
--- /dev/null
+++ b/src/fields/string.jsx
@@ -0,0 +1,22 @@
+import React from 'react'
+import { Input } from 'rebass'
+
+/*** Number fields with support for min, max and units and documentation*/
+class StringField extends React.Component {
+static propTypes = {
+		name: React.PropTypes.string.isRequired,
+    value: React.PropTypes.number,
+    default: React.PropTypes.number,
+    doc: React.PropTypes.string,
+  }
+
+	render() {
+		return <Input
+			label={this.props.name}
+			name={this.props.name}
+			value={this.props.value}
+		/>
+	}
+}
+
+export default StringField