[fixed] ModalTrigger passes onFocus prop and onBlur prop to child

Author: teloo

src/ModalTrigger.js

@@ -54,6 +54,8 @@ const ModalTrigger = React.createClass({
     props.onClick = createChainedFunction(child.props.onClick, this.toggle);
     props.onMouseOver = createChainedFunction(child.props.onMouseOver, this.props.onMouseOver);
     props.onMouseOut = createChainedFunction(child.props.onMouseOut, this.props.onMouseOut);
+    props.onFocus = createChainedFunction(child.props.onFocus, this.props.onFocus);
+    props.onBlur = createChainedFunction(child.props.onBlur, this.props.onBlur);
 
     return cloneElement(child, props);
   }

test/ModalTriggerSpec.js

@@ -42,4 +42,34 @@ describe('ModalTrigger', function() {
     ReactTestUtils.Simulate.mouseOut(modalTrigger);
     assert.equal(called, true);
   });
+
+  it('Should pass ModalTrigger onFocus prop to children', function() {
+    let called = false;
+    let callback = function() {
+      called = true;
+    };
+    let instance = ReactTestUtils.renderIntoDocument(
+      <ModalTrigger modal={<div>test</div>} onFocus={callback}>
+        <button>button</button>
+      </ModalTrigger>
+    );
+    let modalTrigger = instance.getDOMNode();
+    ReactTestUtils.Simulate.focus(modalTrigger);
+    assert.equal(called, true);
+  });
+
+  it('Should pass ModalTrigger onBlur prop to children', function() {
+    let called = false;
+    let callback = function() {
+      called = true;
+    };
+    let instance = ReactTestUtils.renderIntoDocument(
+      <ModalTrigger modal={<div>test</div>} onBlur={callback}>
+        <button>button</button>
+      </ModalTrigger>
+    );
+    let modalTrigger = instance.getDOMNode();
+    ReactTestUtils.Simulate.blur(modalTrigger);
+    assert.equal(called, true);
+  });
 });