[added] onOpen callback

This gives you the ability to call a callback after the tray opens.
instructure-react · Jul 11, 2016 · afe8d85 · afe8d85
1 parent 462dfbc
commit afe8d85
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/lib/components/Tray.js b/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

diff --git a/lib/components/TrayPortal.js b/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});
     });
   },

diff --git a/lib/components/__tests__/Tray-test.js b/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'));