fix(data-decorator): allow inner panel to be closed with esc key or c…

…lick outside (#646)
carbon-design-system · Jul 2, 2020 · 8183b79 · 8183b79
1 parent 33200e4
commit 8183b79
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/DataDecorator/DataDecorator.js b/src/components/DataDecorator/DataDecorator.js
@@ -26,13 +26,13 @@ class DataDecorator extends Component {
   toggleOpen = () => (this.state.isOpen ? this.close() : this.open());
 
   open = () => {
-    this.props.onOpen();
     this.setState({ isOpen: true });
+    this.props.onOpen();
   };
 
   close = () => {
-    this.props.onClose();
     this.setState({ isOpen: false });
+    this.props.onClose();
   };
 
   render() {
@@ -90,6 +90,7 @@ class DataDecorator extends Component {
         />
         <PanelV2
           isOpen={this.state.isOpen}
+          onClose={this.close}
           stopPropagation={stopPropagation}
           stopPropagationEvents={stopPropagationEvents}
           closeButton={{