Merge pull request #4 from instructure-react/after-open-callback

[added] onOpen callback

Author: claydiffrient

lib/components/Tray.js

@@ -9,6 +9,7 @@ export default React.createClass({
   propTypes: {
     isOpen: React.PropTypes.bool,
     onBlur: React.PropTypes.func,
+    onOpen: React.PropTypes.func,
     closeTimeoutMS: React.PropTypes.number,
     closeOnBlur: React.PropTypes.bool,
     maintainFocus: React.PropTypes.bool

lib/components/TrayPortal.js

@@ -54,6 +54,7 @@ export default React.createClass({
     overlayClassName: PropTypes.string,
     isOpen: PropTypes.bool,
     onBlur: PropTypes.func,
+    onOpen: PropTypes.func,
     closeOnBlur: PropTypes.bool,
     closeTimeoutMS: PropTypes.number,
     children: PropTypes.any,
@@ -129,6 +130,9 @@ export default React.createClass({
   open() {
     focusManager.markForFocusLater();
     this.setState({isOpen: true}, () => {
+      if (this.props.onOpen) {
+        this.props.onOpen();
+      }
       this.setState({afterOpen: true});
     });
   },

lib/components/__tests__/Tray-test.js

@@ -48,6 +48,12 @@ describe('react-tray', function() {
     }, 0);
   });
 
+  it('should call onOpen when it opens', function() {
+    let calledOpen = false;
+    renderTray({isOpen: true, onOpen: function() { calledOpen = true;}});
+    equal(calledOpen, true);
+  });
+
   it('should close on overlay click', function() {
     renderTray({isOpen: true, onBlur: function() {}, closeTimeoutMS: 0});
     TestUtils.Simulate.click(document.querySelector('.ReactTray__Overlay'));