Added pseudo _onSubmit event to Control component. Fixes #78

Author: davidkpiano

src/components/control-component.js

@@ -1,6 +1,12 @@
 import { Component, cloneElement, PropTypes } from 'react';
 
 class Control extends Component {
+  constructor(props) {
+    super(props);
+
+    this.handleKeyPress = this.handleKeyPress.bind(this);
+  }
+
   componentWillMount() {
     const { _onLoad, modelValue } = this.props;
 
@@ -9,20 +15,31 @@ class Control extends Component {
     }
   }
 
+  handleKeyPress(event) {
+    const { _onSubmit } = this.props;
+
+    if (_onSubmit && event.key === 'Enter') {
+      _onSubmit(event);
+    }
+  }
+
   render() {
     const { control } = this.props;
 
     return cloneElement(
-      control, {
+      control,
+      {
         ...control.props,
         ...this.props,
+        onKeyPress: this.handleKeyPress,
       });
   }
 }
 
 Control.propTypes = {
   control: PropTypes.object,
   _onLoad: PropTypes.func,
+  _onSubmit: PropTypes.func,
   modelValue: PropTypes.any,
 };
 

src/components/field-component.js

@@ -63,11 +63,6 @@ const controlPropsMap = {
     ...props,
     defaultValue: props.modelValue,
     name: props.model,
-    onKeyPress: (e) => {
-      if (e.key === 'Enter') {
-        props.onChange(e);
-      }
-    },
   }),
   textarea: (props) => controlPropsMap.text(props),
 };
@@ -143,6 +138,7 @@ function sequenceEventActions(control, props) {
     onBlur: [() => dispatch(blur(model))],
     onChange: [],
     _onLoad: [], // pseudo-event
+    _onSubmit: [], // pseudo-event
   };
 
   const controlChangeMethod = changeMethod(model, changeAction);
@@ -159,6 +155,7 @@ function sequenceEventActions(control, props) {
   }
 
   eventActions[updateOnEventHandler].push(updaterFn(dispatchChange));
+  eventActions._onSubmit.push(updaterFn(dispatchChange));
 
   if (control.props.defaultValue) {
     eventActions._onLoad.push(() => dispatch(

test/field-component-spec.js

@@ -1088,6 +1088,7 @@ describe('<Field /> component', () => {
         <Provider store={store}>
           <Field
             model="test.foo"
+            updateOn="blur"
           >
             <input type="text" />
           </Field>