@trendmicro/react-modal - npm Package Compare versions

Comparing version 0.8.1 to 0.9.0

lib/index.js

@@ -1,2 +0,2 @@
-/*! react-modal v0.8.1 | (c) 2017 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-modal */
+/*! react-modal v0.9.0 | (c) 2017 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-modal */
 module.exports =
@@ -100,8 +100,4 @@ /******/ (function(modules) { // webpackBootstrap
 
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+exports.__esModule = true;
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
 var _class, _temp;
@@ -164,30 +160,27 @@
 
-        return _possibleConstructorReturn(this, (ModalOverlay.__proto__ || Object.getPrototypeOf(ModalOverlay)).apply(this, arguments));
+        return _possibleConstructorReturn(this, _PureComponent.apply(this, arguments));
     }
 
-    _createClass(ModalOverlay, [{
-        key: 'render',
-        value: function render() {
-            var _props = this.props,
-                children = _props.children,
-                show = _props.show,
-                closeOnOverlayClick = _props.closeOnOverlayClick,
-                onOpen = _props.onOpen,
-                onClose = _props.onClose;
+    ModalOverlay.prototype.render = function render() {
+        var _props = this.props,
+            children = _props.children,
+            show = _props.show,
+            closeOnOverlayClick = _props.closeOnOverlayClick,
+            onOpen = _props.onOpen,
+            onClose = _props.onClose;
 
 
-            return _react2.default.createElement(
-                _reactModal2.default,
-                {
-                    isOpen: show,
-                    onAfterOpen: onOpen,
-                    onRequestClose: onClose,
-                    shouldCloseOnOverlayClick: closeOnOverlayClick,
-                    style: customStyles,
-                    contentLabel: 'Modal'
-                },
-                children
-            );
-        }
-    }]);
+        return _react2.default.createElement(
+            _reactModal2.default,
+            {
+                isOpen: show,
+                onAfterOpen: onOpen,
+                onRequestClose: onClose,
+                shouldCloseOnOverlayClick: closeOnOverlayClick,
+                style: customStyles,
+                contentLabel: 'Modal'
+            },
+            children
+        );
+    };
 
@@ -222,5 +215,3 @@ return ModalOverlay;
 
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+exports.__esModule = true;
 
@@ -326,10 +317,6 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+exports.__esModule = true;
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
 var _class, _temp2;
@@ -363,4 +350,2 @@
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
@@ -378,4 +363,2 @@
     function Modal() {
-        var _ref;
-
         var _temp, _this, _ret;
@@ -389,3 +372,3 @@
 
-        return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Modal.__proto__ || Object.getPrototypeOf(Modal)).call.apply(_ref, [this].concat(args))), _this), _this.actions = {
+        return _ret = (_temp = (_this = _possibleConstructorReturn(this, _PureComponent.call.apply(_PureComponent, [this].concat(args))), _this), _this.actions = {
             onClose: function onClose(event) {
@@ -397,68 +380,68 @@ _this.props.onClose && _this.props.onClose(event);
 
-    _createClass(Modal, [{
-        key: 'renderCloseButton',
-        value: function renderCloseButton() {
-            return _react2.default.createElement(
-                'button',
-                {
-                    type: 'button',
-                    className: _index2.default.close,
-                    onClick: this.actions.onClose
-                },
-                '\xD7'
-            );
-        }
-    }, {
-        key: 'render',
-        value: function render() {
-            var _props = this.props,
-                children = _props.children,
-                show = _props.show,
-                closeOnOverlayClick = _props.closeOnOverlayClick,
-                onOpen = _props.onOpen,
-                onClose = _props.onClose,
-                size = _props.size,
-                className = _props.className,
-                showOverlay = _props.showOverlay,
-                showCloseButton = _props.showCloseButton,
-                props = _objectWithoutProperties(_props, ['children', 'show', 'closeOnOverlayClick', 'onOpen', 'onClose', 'size', 'className', 'showOverlay', 'showCloseButton']);
+    Modal.prototype.renderCloseButton = function renderCloseButton() {
+        return _react2.default.createElement(
+            'button',
+            {
+                type: 'button',
+                className: _index2.default.close,
+                onClick: this.actions.onClose
+            },
+            '\xD7'
+        );
+    };
 
-            if (!showOverlay) {
-                return _react2.default.createElement(
-                    _ModalContent2.default,
-                    _extends({}, props, {
-                        className: (0, _classnames2.default)(className, _defineProperty({}, _index2.default.hasCloseButton, showCloseButton)),
-                        size: size,
-                        style: { display: show ? 'block' : 'none' }
-                    }),
-                    children,
-                    showCloseButton && this.renderCloseButton()
-                );
-            }
+    Modal.prototype.render = function render() {
+        var _classNames2;
 
+        var _props = this.props,
+            children = _props.children,
+            show = _props.show,
+            closeOnOverlayClick = _props.closeOnOverlayClick,
+            onOpen = _props.onOpen,
+            onClose = _props.onClose,
+            size = _props.size,
+            className = _props.className,
+            showOverlay = _props.showOverlay,
+            showCloseButton = _props.showCloseButton,
+            props = _objectWithoutProperties(_props, ['children', 'show', 'closeOnOverlayClick', 'onOpen', 'onClose', 'size', 'className', 'showOverlay', 'showCloseButton']);
+
+        if (!showOverlay) {
+            var _classNames;
+
             return _react2.default.createElement(
-                _ModalOverlay2.default,
-                {
-                    show: show,
-                    closeOnOverlayClick: closeOnOverlayClick,
-                    onOpen: onOpen,
-                    onClose: onClose
-                },
-                _react2.default.createElement(
-                    _ModalContent2.default,
-                    _extends({}, props, {
-                        className: (0, _classnames2.default)(className, _defineProperty({}, _index2.default.hasCloseButton, showCloseButton)),
-                        size: size,
-                        style: { // border and boxShadow properties are specified in ModalOverlay
-                            border: 'none',
-                            boxShadow: 'none'
-                        }
-                    }),
-                    children,
-                    showCloseButton && this.renderCloseButton()
-                )
+                _ModalContent2.default,
+                _extends({}, props, {
+                    className: (0, _classnames2.default)(className, (_classNames = {}, _classNames[_index2.default.hasCloseButton] = showCloseButton, _classNames)),
+                    size: size,
+                    style: { display: show ? 'block' : 'none' }
+                }),
+                children,
+                showCloseButton && this.renderCloseButton()
             );
         }
-    }]);
 
+        return _react2.default.createElement(
+            _ModalOverlay2.default,
+            {
+                show: show,
+                closeOnOverlayClick: closeOnOverlayClick,
+                onOpen: onOpen,
+                onClose: onClose
+            },
+            _react2.default.createElement(
+                _ModalContent2.default,
+                _extends({}, props, {
+                    className: (0, _classnames2.default)(className, (_classNames2 = {}, _classNames2[_index2.default.hasCloseButton] = showCloseButton, _classNames2)),
+                    size: size,
+                    style: { // border and boxShadow properties are specified in ModalOverlay
+                        border: 'none',
+                        boxShadow: 'none'
+                    }
+                }),
+                children,
+                showCloseButton && this.renderCloseButton()
+            )
+        );
+    };
+
     return Modal;
@@ -491,10 +474,6 @@ }(_react.PureComponent), _class.propTypes = _extends({}, _ModalOverlay2.default.propTypes, _ModalContent2.default.propTypes, {
 
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+exports.__esModule = true;
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
 var _class, _temp;
@@ -520,4 +499,2 @@
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
@@ -537,25 +514,24 @@
 
-        return _possibleConstructorReturn(this, (ModalHeader.__proto__ || Object.getPrototypeOf(ModalHeader)).apply(this, arguments));
+        return _possibleConstructorReturn(this, _PureComponent.apply(this, arguments));
     }
 
-    _createClass(ModalHeader, [{
-        key: 'render',
-        value: function render() {
-            var _props = this.props,
-                _props$style = _props.style,
-                style = _props$style === undefined ? {} : _props$style,
-                padding = _props.padding,
-                props = _objectWithoutProperties(_props, ['style', 'padding']);
+    ModalHeader.prototype.render = function render() {
+        var _classNames;
 
-            if (typeof padding === 'string') {
-                style.padding = padding;
-            }
+        var _props = this.props,
+            _props$style = _props.style,
+            style = _props$style === undefined ? {} : _props$style,
+            padding = _props.padding,
+            props = _objectWithoutProperties(_props, ['style', 'padding']);
 
-            return _react2.default.createElement('div', _extends({}, props, {
-                style: style,
-                className: (0, _classnames2.default)(_index2.default.modalHeader, _defineProperty({}, _index2.default.padding, !!padding))
-            }));
+        if (typeof padding === 'string') {
+            style.padding = padding;
         }
-    }]);
 
+        return _react2.default.createElement('div', _extends({}, props, {
+            style: style,
+            className: (0, _classnames2.default)(_index2.default.modalHeader, (_classNames = {}, _classNames[_index2.default.padding] = !!padding, _classNames))
+        }));
+    };
+
     return ModalHeader;
@@ -576,5 +552,3 @@ }(_react.PureComponent), _class.propTypes = {
 
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+exports.__esModule = true;
 
@@ -597,5 +571,5 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var ModalTitle = function ModalTitle(props) {
+    var _classNames;
 
-var ModalTitle = function ModalTitle(props) {
     var children = props.children;
@@ -605,3 +579,3 @@
     return _react2.default.createElement('div', _extends({}, props, {
-        className: (0, _classnames2.default)(_index2.default.modalTitle, _defineProperty({}, _index2.default.ellipsis, doEllipsis))
+        className: (0, _classnames2.default)(_index2.default.modalTitle, (_classNames = {}, _classNames[_index2.default.ellipsis] = doEllipsis, _classNames))
     }));
@@ -619,10 +593,6 @@ };
 
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+exports.__esModule = true;
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
 var _class, _temp;
@@ -648,4 +618,2 @@
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
@@ -665,25 +633,24 @@
 
-        return _possibleConstructorReturn(this, (ModalBody.__proto__ || Object.getPrototypeOf(ModalBody)).apply(this, arguments));
+        return _possibleConstructorReturn(this, _PureComponent.apply(this, arguments));
     }
 
-    _createClass(ModalBody, [{
-        key: 'render',
-        value: function render() {
-            var _props = this.props,
-                _props$style = _props.style,
-                style = _props$style === undefined ? {} : _props$style,
-                padding = _props.padding,
-                props = _objectWithoutProperties(_props, ['style', 'padding']);
+    ModalBody.prototype.render = function render() {
+        var _classNames;
 
-            if (typeof padding === 'string') {
-                style.padding = padding;
-            }
+        var _props = this.props,
+            _props$style = _props.style,
+            style = _props$style === undefined ? {} : _props$style,
+            padding = _props.padding,
+            props = _objectWithoutProperties(_props, ['style', 'padding']);
 
-            return _react2.default.createElement('div', _extends({}, props, {
-                style: style,
-                className: (0, _classnames2.default)(_index2.default.modalBody, _defineProperty({}, _index2.default.padding, !!padding))
-            }));
+        if (typeof padding === 'string') {
+            style.padding = padding;
         }
-    }]);
 
+        return _react2.default.createElement('div', _extends({}, props, {
+            style: style,
+            className: (0, _classnames2.default)(_index2.default.modalBody, (_classNames = {}, _classNames[_index2.default.padding] = !!padding, _classNames))
+        }));
+    };
+
     return ModalBody;
@@ -704,10 +671,6 @@ }(_react.PureComponent), _class.propTypes = {
 
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+exports.__esModule = true;
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
 var _class, _temp;
@@ -733,4 +696,2 @@
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
@@ -750,25 +711,24 @@
 
-        return _possibleConstructorReturn(this, (ModalFooter.__proto__ || Object.getPrototypeOf(ModalFooter)).apply(this, arguments));
+        return _possibleConstructorReturn(this, _PureComponent.apply(this, arguments));
     }
 
-    _createClass(ModalFooter, [{
-        key: 'render',
-        value: function render() {
-            var _props = this.props,
-                _props$style = _props.style,
-                style = _props$style === undefined ? {} : _props$style,
-                padding = _props.padding,
-                props = _objectWithoutProperties(_props, ['style', 'padding']);
+    ModalFooter.prototype.render = function render() {
+        var _classNames;
 
-            if (typeof padding === 'string') {
-                style.padding = padding;
-            }
+        var _props = this.props,
+            _props$style = _props.style,
+            style = _props$style === undefined ? {} : _props$style,
+            padding = _props.padding,
+            props = _objectWithoutProperties(_props, ['style', 'padding']);
 
-            return _react2.default.createElement('div', _extends({}, props, {
-                style: style,
-                className: (0, _classnames2.default)(_index2.default.modalFooter, _defineProperty({}, _index2.default.padding, !!padding))
-            }));
+        if (typeof padding === 'string') {
+            style.padding = padding;
         }
-    }]);
 
+        return _react2.default.createElement('div', _extends({}, props, {
+            style: style,
+            className: (0, _classnames2.default)(_index2.default.modalFooter, (_classNames = {}, _classNames[_index2.default.padding] = !!padding, _classNames))
+        }));
+    };
+
     return ModalFooter;
@@ -775,0 +735,0 @@ }(_react.PureComponent), _class.propTypes = {

package.json

 {
   "name": "@trendmicro/react-modal",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "Trend Micro Components: React Modal",
@@ -52,7 +52,7 @@ "main": "lib/index.js",
     "classnames": "^2.2.5",
-    "prop-types": "^15.5.10",
-    "react-modal": "^2.3.2"
+    "prop-types": "^15.6.0",
+    "react-modal": "^3.0.4"
   },
   "devDependencies": {
-    "@trendmicro/react-buttons": "~1.2.0",
+    "@trendmicro/react-buttons": "~1.2.1",
     "babel-cli": "~6.26.0",
@@ -63,8 +63,8 @@ "babel-core": "~6.26.0",
     "babel-plugin-transform-decorators-legacy": "~1.3.4",
-    "babel-preset-es2015": "~6.24.1",
+    "babel-preset-env": "^1.6.1",
     "babel-preset-react": "~6.24.1",
     "babel-preset-stage-0": "~6.24.1",
-    "clean-css": "~4.1.8",
-    "clean-css-cli": "~4.1.9",
-    "coveralls": "~2.13.1",
+    "clean-css": "~4.1.9",
+    "clean-css-cli": "~4.1.10",
+    "coveralls": "~3.0.0",
     "css-loader": "~0.28.7",
@@ -77,4 +77,4 @@ "eslint": "~3.19.0",
     "eslint-plugin-react": "~6.10.3",
-    "extract-text-webpack-plugin": "~3.0.0",
-    "file-loader": "~0.11.2",
+    "extract-text-webpack-plugin": "~3.0.1",
+    "file-loader": "~1.1.5",
     "find-imports": "~0.5.2",
@@ -86,3 +86,3 @@ "html-webpack-plugin": "~2.30.1",
     "react-dom": "^0.14.0 || >=15.0.0",
-    "style-loader": "~0.18.2",
+    "style-loader": "~0.19.0",
     "stylint": "~1.5.9",
@@ -93,6 +93,6 @@ "stylint-loader": "~1.0.0",
     "trendmicro-ui": "~0.4.4",
-    "url-loader": "~0.5.9",
-    "webpack": "~3.5.6",
-    "webpack-dev-server": "~2.7.1"
+    "url-loader": "~0.6.2",
+    "webpack": "~3.8.1",
+    "webpack-dev-server": "~2.9.3"
   }
 }

No alert changes

Worsened metrics

Total package byte prevSize

66688

decreased by-6.66%

Lines of code

648

decreased by-5.95%

Dependency changes

• + Addedreact-dom@19.0.0(transitive)

• + Addedreact-lifecycles-compat@3.0.4(transitive)

• + Addedreact-modal@3.16.3(transitive)

• + Addedscheduler@0.25.0(transitive)

• + Addedwarning@4.0.3(transitive)

• - Removedasap@2.0.6(transitive)

• - Removedcore-js@1.2.7(transitive)

• - Removedcreate-react-class@15.7.0(transitive)

• - Removedencoding@0.1.13(transitive)

• - Removedfbjs@0.8.18(transitive)

• - Removediconv-lite@0.6.3(transitive)

• - Removedis-stream@1.1.0(transitive)

• - Removedisomorphic-fetch@2.2.1(transitive)

• - Removednode-fetch@1.7.3(transitive)

• - Removedpromise@7.3.1(transitive)

• - Removedreact@15.7.0(transitive)

• - Removedreact-dom@15.7.0(transitive)

• - Removedreact-modal@2.4.1(transitive)

• - Removedsafer-buffer@2.1.2(transitive)

• - Removedsetimmediate@1.0.5(transitive)

• - Removedua-parser-js@0.7.40(transitive)

• - Removedwhatwg-fetch@3.6.20(transitive)

• Updatedprop-types@^15.6.0

• Updatedreact-modal@^3.0.4