Fixes Textfield dafault value

README.md

@@ -10,6 +10,8 @@ Note: For React 0.13.x compatibility, specify formsy-react 0.14.1 in your app.
 
 ## Usage
 
+Note for `FormsyText` you must use `value` instead of `defaultValue` to set a default value.
+
 ### ES6:
 
 ```js
@@ -81,62 +83,63 @@ const Form = React.createClass({
     let { wordsError } = this.errorMessages;
 
     return (
-        <Formsy.Form
-          onValid={this.enableButton}
-          onInvalid={this.disableButton}
-          onValidSubmit={this.submitForm} >
-
-           <FormsyText
-            name='name'
-            validations='isWords'
-            validationError={wordsError}
-            required
-            hintText="What is your name?"
-            floatingLabelText="Name" />
-
-          <FormsySelect
-            name='frequency'
-            required
-            floatingLabelText="How often do you?"
-            menuItems={this.selectFieldItems}/>
-
-          <FormsyDate
-            name='date'
-            required
-            floatingLabelText="Date" />
-
-          <FormsyTime
-            name='time'
-            required
-            floatingLabelText="Time" />
-
-          <FormsyCheckbox
-            name='agree'
-            label="Do you agree to disagree?"
-            defaultChecked={true} />
-
-          <FormsyToggle
-            name='toggle'
-            label="Toggle" />
-
-          <FormsyRadioGroup name="shipSpeed" defaultSelected="not_light">
-            <FormsyRadio
-              value="light"
-              label="prepare for light speed" />
-            <FormsyRadio
-              value="not_light"
-              label="light speed too slow" />
-            <FormsyRadio
-              value="ludicrous"
-              label="go to ludicrous speed"
-              disabled={true} />
-          </FormsyRadioGroup>
-
-          <RaisedButton
-            type="submit"
-            label="Submit"
-            disabled={!this.state.canSubmit} />
-        </Formsy.Form>
+      <Formsy.Form
+        onValid={this.enableButton}
+        onInvalid={this.disableButton}
+        onValidSubmit={this.submitForm} >
+
+         <FormsyText
+          name='name'
+          validations='isWords'
+          validationError={wordsError}
+          required
+          hintText="What is your name?"
+          value="Bob"
+          floatingLabelText="Name" />
+
+        <FormsySelect
+          name='frequency'
+          required
+          floatingLabelText="How often do you?"
+          menuItems={this.selectFieldItems}/>
+
+        <FormsyDate
+          name='date'
+          required
+          floatingLabelText="Date" />
+
+        <FormsyTime
+          name='time'
+          required
+          floatingLabelText="Time" />
+
+        <FormsyCheckbox
+          name='agree'
+          label="Do you agree to disagree?"
+          defaultChecked={true} />
+
+        <FormsyToggle
+          name='toggle'
+          label="Toggle" />
+
+        <FormsyRadioGroup name="shipSpeed" defaultSelected="not_light">
+          <FormsyRadio
+            value="light"
+            label="prepare for light speed" />
+          <FormsyRadio
+            value="not_light"
+            label="light speed too slow" />
+          <FormsyRadio
+            value="ludicrous"
+            label="go to ludicrous speed"
+            disabled={true} />
+        </FormsyRadioGroup>
+
+        <RaisedButton
+          type="submit"
+          label="Submit"
+          disabled={!this.state.canSubmit} />
+      </Formsy.Form>
     );
   }
 });
@@ -159,7 +162,8 @@ See [issues](https://github.com/mbrookes/formsy-material-ui/issues).
 * 0.2.1 Convert dependencies to peerDependencies.
 * 0.2.2 Add prepublish script and associated dev dependency to package.json.
 * 0.2.3 Fix textfield initialization through this.refs.form.reset(model) (@vijayrawatsan).
-* 0.2.4 Updated textfield handling (@vijayrawatsan), selectfield fix (@dmlinn),
+* 0.2.4 Updated textfield handling (@vijayrawatsan), selectfield fix (@dmlinn).
+* 0.2.5 (Unpublished). Fix issue #21 defaults?
 
 ## Acknowledgements
 

formsy-material-ui.jsx

@@ -127,10 +127,6 @@ let FormsyText = React.createClass({
     }
   },
 
-  handleValueChange: function handleValueChange(event, value) {
-    this.setValue(value);
-  },
-
   handleBlur: function handleBlur(event) {
     this.setValue(event.currentTarget.value);
   },
@@ -145,6 +141,7 @@ let FormsyText = React.createClass({
     return (
       <TextField
         {...this.props}
+        defaultValue={this.props.value}
         onChange={this.handleChange}
         onBlur={this.handleBlur}
         onEnterKeyDown={this.handleEnterKeyDown}

index.js

@@ -138,10 +138,6 @@ var FormsyText = React.createClass({
     }
   },
 
-  handleValueChange: function handleValueChange(event, value) {
-    this.setValue(value);
-  },
-
   handleBlur: function handleBlur(event) {
     this.setValue(event.currentTarget.value);
   },
@@ -154,6 +150,7 @@ var FormsyText = React.createClass({
 
   render: function render() {
     return React.createElement(TextField, _extends({}, this.props, {
+      defaultValue: this.props.value,
       onChange: this.handleChange,
       onBlur: this.handleBlur,
       onEnterKeyDown: this.handleEnterKeyDown,
@@ -202,4 +199,4 @@ module.exports = {
   FormsyText: FormsyText,
   FormsyTime: FormsyTime,
   FormsyToggle: FormsyToggle
-};
+};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "formsy-material-ui",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "A formsy-react compatibility wrapper for Material-UI form components.",
   "main": "index.js",
   "scripts": {

test/TextfieldTests.jsx

@@ -0,0 +1,163 @@
+injectTapEventPlugin();
+
+let { FormsyText } = FMUI;
+
+TestForm = React.createClass({
+
+  childContextTypes: {
+    muiTheme: React.PropTypes.object
+  },
+
+  getChildContext(){
+    return {
+      muiTheme: Styles.ThemeManager.getMuiTheme(Styles.LightRawTheme)
+    }
+  },
+
+  getInitialState: function () {
+    return {
+      canSumbit: false
+    };
+  },
+
+  styles: {
+    paperStyle: {
+      width: 300,
+      margin: 20,
+      padding: 20
+    },
+    submitStyle: {
+      marginTop: 32
+    },
+    spanStyle: {
+      marginTop: 32,
+      fontSize: 10,
+      fontColor: "grey"
+    }
+  },
+
+  enableButton: function () {
+    this.setState({
+      canSubmit: true
+    });
+  },
+
+  disableButton: function () {
+    this.setState({
+      canSubmit: false
+    });
+  },
+
+  submitForm: function (data) {
+    alert(JSON.stringify(data, null, 4));
+  },
+
+  notifyFormError: function (data) {
+    console.error('Form error:', data);
+  },
+
+  render: function () {
+    const {paperStyle, submitStyle, spanStyle } = this.styles;
+    const wordsError = "Please only use letters";
+
+    return (
+      <Paper style={paperStyle}>
+
+        <Formsy.Form
+          onValid={this.enableButton}
+          onInvalid={this.disableButton}
+          onValidSubmit={this.submitForm}
+          onInvalidSubmit={this.notifyFormError} >
+
+          <span style={spanStyle}>Name only - all following have a name and some other combination of options.</span>
+          <FormsyText
+            name='name' />
+
+          <span style={spanStyle}>floatingLabelText</span>
+          <FormsyText
+            name='label'
+            floatingLabelText="Name" />
+
+          <span style={spanStyle}>hintText</span>
+          <FormsyText
+            name='hint'
+            hintText="Hint text"
+            />
+
+          <span style={spanStyle}>floatingLabelText, hintText</span>
+          <FormsyText
+            name='label-hint'
+            floatingLabelText="Name"
+            hintText="Hint text"
+            />
+
+          <span style={spanStyle}>floatingLabelText, defaultValue</span>
+          <FormsyText
+            name='label-default'
+            floatingLabelText="Name"
+            defaultValue="default"
+            />
+
+          <span style={spanStyle}>hintText, defaultValue</span>
+          <FormsyText
+            name='hint-default'
+            hintText="Hint text"
+            defaultValue="default"
+            />
+
+          <span style={spanStyle}>floatingLabelText, hintText, defaultValue</span>
+          <FormsyText
+            name='label-hint-default'
+            floatingLabelText="Name"
+            hintText="Hint text"
+            defaultValue="default"
+            />
+
+          <span style={spanStyle}>required</span>
+          <FormsyText
+            name='required'
+            required />
+
+          <span style={spanStyle}>validation</span>
+          <FormsyText
+            name='validation'
+            validations='isWords' />
+
+          <span style={spanStyle}>validation, validationError</span>
+          <FormsyText
+            name='validation-error'
+            validations='isWords'
+            validationError={wordsError} />
+
+          <span style={spanStyle}>validation, required</span>
+          <FormsyText
+            name='validation-required'
+            validations='isWords'
+            required />
+
+          <span style={spanStyle}>validation, validationError, required</span>
+          <FormsyText
+            name='validation-error-required'
+            validations='isWords'
+            validationError={wordsError}
+            required />
+
+          <span style={spanStyle}>validation, validationError, required, hintText, label</span>
+          <FormsyText
+            name='validation-error-required-hint-label'
+            validations='isWords'
+            validationError={wordsError}
+            required
+            hintText="What is your name?"
+            floatingLabelText="Name" />
+
+          <RaisedButton
+            style={submitStyle}
+            type="submit"
+            label="Submit"
+            disabled={!this.state.canSubmit} />
+        </Formsy.Form>
+      </Paper>
+    );
+  }
+});