From 63b143acbab4243f2a6c8ff6803d69528e0fd800 Mon Sep 17 00:00:00 2001
From: Arnaud Limbourg <arnaudlimbourg@users.noreply.github.com>
Date: Sat, 29 Nov 2014 18:21:27 +0100
Subject: [PATCH] onKeyDown handler

We should be able to pass an onKeyDown handler. A use-case is to kno when the user pressed "enter" in the input.
---
 src/js/input.jsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/js/input.jsx b/src/js/input.jsx
index db12efe4807c62..1ed6d29b1ca2b2 100644
--- a/src/js/input.jsx
+++ b/src/js/input.jsx
@@ -17,7 +17,8 @@ var Input = React.createClass({
     placeholder: React.PropTypes.string,
     type: React.PropTypes.string,
     name: React.PropTypes.string.isRequired,
-    onChange: React.PropTypes.func
+    onChange: React.PropTypes.func,
+    onKeyDown: React.PropTypes.func
   },
 
   mixins: [Classable],
@@ -56,11 +57,11 @@ var Input = React.createClass({
         <textarea {...this.props} className="mui-input-textarea" placeholder=""
           rows={this.state.rows} /> : 
         <textarea {...this.props} value={this.state.value} className="mui-input-textarea" 
-          placeholder="" rows={this.state.rows} onChange={this._onTextAreaChange} /> :
+          placeholder="" rows={this.state.rows} onChange={this._onTextAreaChange} onKeyDown={this._onKeyDown} /> :
         this.props.valueLink ? 
           <input {...this.props} ref="input" placeholder="" /> :
           <input {...this.props} ref="input" value={this.state.value} placeholder=""
-            onChange={this._onInputChange} />;
+            onChange={this._onInputChange} onKeyDown={this._onKeyDown} />;
 
     return (
       <div ref={this.props.ref} className={classes}>
@@ -93,6 +94,10 @@ var Input = React.createClass({
     if (this.props.onChange) this.props.onChange(e, value);
   },
 
+  _onKeyDown: function(e) {
+    if (this.props.onKeyDown) this.props.onKeyDown(e);
+  },
+
   _onPlaceholderClick: function(e) {
     this.refs.input.getDOMNode().focus();
   },