fix(onchange): Form onChange prop honors dot notation nesting, matching submit prop

lib/index.js

@@ -300,7 +300,7 @@ var Formsy = function (_React$Component) {
  _this.validate = function (component) {
  // Trigger onChange
  if (_this.state.canChange) {
- _this.props.onChange(_this.getCurrentValues(), _this.isChanged());
+ _this.props.onChange(_this.getModel(), _this.isChanged());
  }
 
  var validation = _this.runValidation(component);

src/index.js

@@ -272,7 +272,7 @@ class Formsy extends React.Component {
  validate = (component) => {
  // Trigger onChange
  if (this.state.canChange) {
- this.props.onChange(this.getCurrentValues(), this.isChanged());
+ this.props.onChange(this.getModel(), this.isChanged());
  }
 
  const validation = this.runValidation(component);

tests/Formsy-spec.js

@@ -415,6 +415,40 @@ export default {
 
  },
 
+ 'onChange should honor dot notation transformations': function (test) {
+
+ const hasChanged = sinon.spy();
+ class TestForm extends React.Component {
+ state = {
+ showInput: false
+ }
+ addInput() {
+ this.setState({
+ showInput: true
+ })
+ }
+ render() {
+ return (
+ <Formsy onChange={hasChanged}>
+ {
+ this.state.showInput ?
+ <TestInput name="parent.child" value="test"/>
+ :
+ null
+ }
+ </Formsy>);
+ }
+ }
+
+ const form = TestUtils.renderIntoDocument(<TestForm/>);
+ form.addInput();
+ immediate(() => {
+ test.deepEqual(hasChanged.args[0][0], {parent: {child: 'test'}});
+ test.done();
+ });
+
+ },
+
  'Update a form': {
 
  'should allow elements to check if the form is disabled': function (test) {