diff --git a/src/components/fields/PropertyGroup.jsx b/src/components/fields/PropertyGroup.jsx index 3a8abff..2a074b9 100644 --- a/src/components/fields/PropertyGroup.jsx +++ b/src/components/fields/PropertyGroup.jsx @@ -46,7 +46,7 @@ export default class PropertyGroup extends React.Component { onChange={this.onPropertyChange.bind(this)} key={fieldName} fieldName={fieldName} - value={fieldValue} + value={fieldValue === undefined ? fieldSpec.default : fieldValue} fieldSpec={fieldSpec} /> }) diff --git a/src/components/fields/SpecField.jsx b/src/components/fields/SpecField.jsx index 99afb22..47e1c70 100644 --- a/src/components/fields/SpecField.jsx +++ b/src/components/fields/SpecField.jsx @@ -51,8 +51,8 @@ export default class SpecField extends React.Component { render() { const commonProps = { style: this.props.style, - default: this.props.fieldSpec.default, value: this.props.value, + default: this.props.fieldSpec.default, name: this.props.fieldName, onChange: newValue => this.props.onChange(this.props.fieldName, newValue) } @@ -70,13 +70,11 @@ export default class SpecField extends React.Component { if(options.length <= 3 && optionsLabelLength(options) <= 20) { return } else { return } diff --git a/src/components/inputs/CheckboxInput.jsx b/src/components/inputs/CheckboxInput.jsx index c903aa5..0758680 100644 --- a/src/components/inputs/CheckboxInput.jsx +++ b/src/components/inputs/CheckboxInput.jsx @@ -5,7 +5,7 @@ import { margins } from '../../config/scales' class CheckboxInput extends React.Component { static propTypes = { - value: React.PropTypes.string, + value: React.PropTypes.bool.isRequired, style: React.PropTypes.object, onChange: React.PropTypes.func, } @@ -56,7 +56,7 @@ class CheckboxInput extends React.Component { ...styles.input, ...this.props.style, }} - onChange={e => {this.props.onChange(!this.props.value)}} + onChange={e => this.props.onChange(!this.props.value)} checked={this.props.value} />