Merge remote-tracking branch 'origin/master'

Author: jonisaa

demo/Server.js

@@ -45,5 +45,5 @@ if (development) {
 }
 
 app.listen(4000, '0.0.0.0', function () {
-    console.log(colors.green(`React-metaform started at http://localhost:4000/. NODE_ENV: ${process.env.NODE_ENV}`));
+    console.log(colors.green(`Redux-autoform started at http://localhost:4000/. NODE_ENV: ${process.env.NODE_ENV}`));
 });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "redux-autoform-bootstrap-ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Bootstrap UI implementation for redux-autoform",
   "main": "./lib/index.js",
   "scripts": {
@@ -74,7 +74,7 @@
     "react-hot-loader": "^1.3.0",
     "react-router": "^2.0.0",
     "react-router-redux": "^4.0.2",
-    "redux-autoform": "^0.8.1",
+    "redux-autoform": "^0.10.0",
     "redux-devtools": "^3.2.0",
     "redux-devtools-dock-monitor": "^1.1.1",
     "redux-devtools-log-monitor": "^1.0.9",

src/components/fieldComponents/Radio.js

@@ -8,21 +8,23 @@ class Radio extends Component {
         onChange(event.target.value);
     };
 
-    getOptions = () => {
+    getOptions = (value) => {
         let { options, name, fieldLayout } = this.props;
-        let radioProps = { inline: fieldLayout == 'inline', name };
+
+        // these props don't vary per item
+        let invariantRadioProps = { inline: fieldLayout == 'inline', name, onChange: this.handleChange };
 
         return options.map((item, index) => (
-            <BootstrapRadio key={index} value={item.value} onChange={this.handleChange} {...radioProps}>
+            <BootstrapRadio key={index} value={item.value}  checked={item.value == value} {...invariantRadioProps}>
                 {item.text}
             </BootstrapRadio>
         ))
     };
 
     render() {
-        let { error, touched, displayName, name, help, fieldLayout, innerSize } = this.props;
+        let { error, touched, displayName, name, help, fieldLayout, innerSize, value } = this.props;
         let formGroupProps = { error, touched, displayName, name, help, fieldLayout, innerSize };
-        let options = this.getOptions();
+        let options = this.getOptions(value);
 
         return (
             <FormGroup {...formGroupProps} >