React Modal v3 (#4)

* Deprecate "disableOverlay" prop and replace it with "disableOverlayClick"

* Integrate Webpack 4, Babel 7 and Styleguidist

* Bump to 3.0.0

* Update the code to use the `React.createRef()` API introduced in React 16.3

* Remove unused parameter

* Update README.md

* Update license year to 2019

README.md

@@ -105,6 +105,7 @@ class ModalWrapper extends PureComponent {
     static propTypes = {
         ...Modal.propTypes
     };
+
     static defaultProps = {
         ...Modal.defaultProps
     };
@@ -118,12 +119,15 @@ class ModalWrapper extends PureComponent {
             }
         }
     }
+
     componentDidMount() {
         this.changeBodyStyle();
     }
+
     componentWillUnmount() {
         this.restoreBodyStyle();
     }
+
     changeBodyStyle() {
         if (bodyStyle) {
             return;
@@ -135,13 +139,15 @@ class ModalWrapper extends PureComponent {
         };
         body.style.overflowY = 'hidden';
     }
+
     restoreBodyStyle() {
         if (bodyStyle) {
             const body = document.querySelector('body');
             body.style.overflowY = bodyStyle.overflowY;
             bodyStyle = null;
         }
     }
+
     render() {
         const { onClose, ...props } = this.props;
 
@@ -177,7 +183,7 @@ onClose | Function | | A callback fired on clicking the overlay or the close but
 show | Boolean | true | Whether the modal is visible.
 showCloseButton | Boolean | true | Whether the close button (x) is visible.
 showOverlay | Boolean | true | Display an overlay in the background. Defaults to `true`.
-disableOverlay | Boolean | false | Don't close the modal on clicking the overlay. Defaults to `false`.
+disableOverlayClick | Boolean | false | Don't close the modal on clicking the overlay. Defaults to `false`.
 overlayClassName | String | | className to assign to modal overlay.
 overlayStyle | Object | | style to assign to modal overlay.
 size | String | '' | One of: 'xs', 'sm', 'md', 'lg', 'extra-small', 'small', 'medium', 'large', or an empty string. Defaults to empty string that will automatically resize to fit contents.

babel.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+    extends: '@trendmicro/babel-config',
+    presets: [
+        '@babel/preset-env',
+        '@babel/preset-react'
+    ]
+};