diff --git a/src/fields/enum.jsx b/src/fields/enum.jsx index 46db1d8..ef2041b 100644 --- a/src/fields/enum.jsx +++ b/src/fields/enum.jsx @@ -2,34 +2,34 @@ import React from 'react' import inputStyle from './input.js' class EnumField extends React.Component { - static propTypes = { + static propTypes = { onChange: React.PropTypes.func.isRequired, - name: React.PropTypes.string.isRequired, + name: React.PropTypes.string.isRequired, value: React.PropTypes.string, allowedValues: React.PropTypes.array.isRequired, doc: React.PropTypes.string, } - onChange(e) { - return this.props.onChange(e.target.value) - } + onChange(e) { + return this.props.onChange(e.target.value) + } - render() { - const options = this.props.allowedValues.map(val => { - return - }) + render() { + const options = this.props.allowedValues.map(val => { + return + }) - return
- - -
- } + return
+ + +
+ } } export default EnumField diff --git a/src/fields/number.jsx b/src/fields/number.jsx index 942c2f6..c0c2e45 100644 --- a/src/fields/number.jsx +++ b/src/fields/number.jsx @@ -3,9 +3,9 @@ import inputStyle from './input.js' /*** Number fields with support for min, max and units and documentation*/ class NumberField extends React.Component { - static propTypes = { + static propTypes = { onChange: React.PropTypes.func.isRequired, - name: React.PropTypes.string.isRequired, + name: React.PropTypes.string.isRequired, value: React.PropTypes.number, default: React.PropTypes.number, unit: React.PropTypes.string, @@ -14,28 +14,28 @@ class NumberField extends React.Component { doc: React.PropTypes.string, } - onChange(e) { - const value = parseFloat(e.target.value) - /*TODO: we can do range validation already here? - if(this.props.min && value < this.props.min) return - if(this.props.max && value > this.props.max) return - */ - this.props.onChange(value) - } + onChange(e) { + const value = parseFloat(e.target.value) + /*TODO: we can do range validation already here? + if(this.props.min && value < this.props.min) return + if(this.props.max && value > this.props.max) return + */ + this.props.onChange(value) + } - render() { - return
- - -
- } + render() { + return
+ + +
+ } } export default NumberField diff --git a/src/fields/string.jsx b/src/fields/string.jsx index fb400a5..c76625c 100644 --- a/src/fields/string.jsx +++ b/src/fields/string.jsx @@ -3,31 +3,31 @@ import inputStyle from './input.js' /*** Number fields with support for min, max and units and documentation*/ class StringField extends React.Component { -static propTypes = { + static propTypes = { onChange: React.PropTypes.func.isRequired, - name: React.PropTypes.string.isRequired, + name: React.PropTypes.string.isRequired, value: React.PropTypes.string, default: React.PropTypes.number, doc: React.PropTypes.string, } - onChange(e) { - const value = e.target.value - return this.props.onChange(value === "" ? null: value) - } + onChange(e) { + const value = e.target.value + return this.props.onChange(value === "" ? null: value) + } -render() { - return
- - -
- } + render() { + return
+ + +
+ } } export default StringField