From 01cea9ad3d2f082ff155fd381a3a57157e020e18 Mon Sep 17 00:00:00 2001
From: vrde <agranzot@gmail.com>
Date: Wed, 14 Oct 2015 15:30:10 +0200
Subject: [PATCH] Property component now propagate its name to its input child

---
 js/components/ascribe_forms/input_checkbox.js | 8 ++++++--
 js/components/ascribe_forms/property.js       | 6 ++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/js/components/ascribe_forms/input_checkbox.js b/js/components/ascribe_forms/input_checkbox.js
index 38885441..620c310f 100644
--- a/js/components/ascribe_forms/input_checkbox.js
+++ b/js/components/ascribe_forms/input_checkbox.js
@@ -17,11 +17,13 @@ let InputCheckbox = React.createClass({
         //
         // Since this component even has checkbox in its name, it felt wrong to expose defaultValue
         // as the default-setting prop to other developers, which is why we choose defaultChecked.
+        defaultValue: React.PropTypes.string,
         defaultChecked: React.PropTypes.bool,
         children: React.PropTypes.oneOfType([
             React.PropTypes.arrayOf(React.PropTypes.element),
             React.PropTypes.element
         ]),
+        name: React.PropTypes.string,
 
         // provided by Property
         disabled: React.PropTypes.bool,
@@ -102,8 +104,10 @@ let InputCheckbox = React.createClass({
         return (
             <span
                 style={this.props.style}
-                onClick={this.onChange}>
+                onClick={this.onChange}
+                name={this.props.name}>
                 <input
+                    name={this.props.name}
                     type="checkbox"
                     ref="checkbox"
                     onChange={this.onChange}
@@ -119,4 +123,4 @@ let InputCheckbox = React.createClass({
     }
 });
 
-export default InputCheckbox;
\ No newline at end of file
+export default InputCheckbox;
diff --git a/js/components/ascribe_forms/property.js b/js/components/ascribe_forms/property.js
index f3c26935..3d95fd8b 100644
--- a/js/components/ascribe_forms/property.js
+++ b/js/components/ascribe_forms/property.js
@@ -31,6 +31,7 @@ let Property = React.createClass({
         footer: React.PropTypes.element,
         handleChange: React.PropTypes.func,
         ignoreFocus: React.PropTypes.bool,
+        name: React.PropTypes.string.isRequired,
         className: React.PropTypes.string,
 
         onClick: React.PropTypes.func,
@@ -210,7 +211,8 @@ let Property = React.createClass({
                 onFocus: this.handleFocus,
                 onBlur: this.handleBlur,
                 disabled: !this.props.editable,
-                ref: 'input'
+                ref: 'input',
+                name: this.props.name
             });
         });
     },
@@ -260,4 +262,4 @@ let Property = React.createClass({
     }
 });
 
-export default Property;
\ No newline at end of file
+export default Property;