Merge pull request HurricaneJames#1 from rikukissa/master

Usage with a React class as the type attribute

Author: HurricaneJames

src/LazyInput.jsx

@@ -3,7 +3,10 @@ var React = require('react');
 var LazyInput = React.createClass({
   displayName: "LazyInput",
   propTypes: {
-    type: React.PropTypes.string,               // ['text'] type of input/textarea
+    type: React.PropTypes.oneOfType([           // by defaut it will use a React.DOM.input (type='text')
+      React.PropTypes.string,                   // ['text'] type of input ('textarea' will create a textarea element, anything else will pass to input)
+      React.PropTypes.func                      // a React component class
+    ]),
     lazyLevel: React.PropTypes.number           // [1000]   number of ms to wait before responding to changes in prop.value
     // note: passes through everything but lazyLevel
   },
@@ -56,7 +59,12 @@ var LazyInput = React.createClass({
     return props;
   },
   render: function() {
-    return React.createElement(this.props.type === "textarea" ? "textarea" : "input", this.getProps());
+    var type = this.props.type;
+    if(!type || type === "text") {
+      type = "input";
+    }
+
+    return React.createElement(type, this.getProps());
   }
 
 });

src/__tests__/LazyInput-test.jsx

@@ -32,6 +32,16 @@ describe('LazyInput', function() {
     var input = TestUtils.renderIntoDocument(<LazyInput type="textarea" />);
     expect(TestUtils.findRenderedDOMComponentWithTag(input, 'textarea')).not.to.be(undefined);
   });
+  it('should render a custom type when a React class is given', function() {
+    var CustomType = React.createClass({
+      render: function() {
+        return <input className="custom" {...this.props} />
+      }
+    });
+
+    var input = TestUtils.renderIntoDocument(<LazyInput type={CustomType} />);
+    expect(TestUtils.findRenderedDOMComponentWithClass(input, 'custom')).not.to.be(undefined);
+  });
 
   describe("props", function() {
     // specificially import props