Completely updated React, fixed #11, (hopefully)

goTorrentWebUI/node_modules/material-ui/ButtonBase/Ripple.js

@@ -40,6 +40,10 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
@@ -50,38 +54,6 @@ var _Transition2 = _interopRequireDefault(_Transition);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var babelPluginFlowReactPropTypes_proptype_Props = {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: require('prop-types').object,
-
-  /**
-   * @ignore
-   */
-  className: require('prop-types').string,
-
-  /**
-   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
-   */
-  pulsate: require('prop-types').bool,
-
-  /**
-   * Diameter of the ripple.
-   */
-  rippleSize: require('prop-types').number.isRequired,
-
-  /**
-   * Horizontal position of the ripple center.
-   */
-  rippleX: require('prop-types').number.isRequired,
-
-  /**
-   * Vertical position of the ripple center.
-   */
-  rippleY: require('prop-types').number.isRequired
-}; //  weak
-
 /**
  * @ignore - internal component.
  */
@@ -102,18 +74,6 @@ var Ripple = function (_React$Component) {
     return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = Ripple.__proto__ || (0, _getPrototypeOf2.default)(Ripple)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
       rippleVisible: false,
       rippleLeaving: false
-    }, _this.getRippleStyles = function (props) {
-      var rippleSize = props.rippleSize,
-          rippleX = props.rippleX,
-          rippleY = props.rippleY;
-
-
-      return {
-        width: rippleSize,
-        height: rippleSize,
-        top: -(rippleSize / 2) + rippleY,
-        left: -(rippleSize / 2) + rippleX
-      };
     }, _this.handleEnter = function () {
       _this.setState({
         rippleVisible: true
@@ -147,13 +107,20 @@ var Ripple = function (_React$Component) {
 
       var rippleClassName = (0, _classnames2.default)(classes.ripple, (_classNames2 = {}, (0, _defineProperty3.default)(_classNames2, classes.rippleVisible, rippleVisible), (0, _defineProperty3.default)(_classNames2, classes.rippleFast, pulsate), _classNames2));
 
+      var rippleStyles = {
+        width: rippleSize,
+        height: rippleSize,
+        top: -(rippleSize / 2) + rippleY,
+        left: -(rippleSize / 2) + rippleX
+      };
+
       return _react2.default.createElement(
         _Transition2.default,
         (0, _extends3.default)({ onEnter: this.handleEnter, onExit: this.handleExit }, other),
         _react2.default.createElement(
           'span',
           { className: className },
-          _react2.default.createElement('span', { className: rippleClassName, style: this.getRippleStyles(this.props) })
+          _react2.default.createElement('span', { className: rippleClassName, style: rippleStyles })
         )
       );
     }
@@ -161,7 +128,35 @@ var Ripple = function (_React$Component) {
   return Ripple;
 }(_react2.default.Component);
 
+Ripple.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes: _propTypes2.default.object.isRequired,
+  /**
+   * @ignore
+   */
+  className: _propTypes2.default.string,
+  /**
+   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
+   */
+  pulsate: _propTypes2.default.bool,
+  /**
+   * Diameter of the ripple.
+   */
+  rippleSize: _propTypes2.default.number,
+  /**
+   * Horizontal position of the ripple center.
+   */
+  rippleX: _propTypes2.default.number,
+  /**
+   * Vertical position of the ripple center.
+   */
+  rippleY: _propTypes2.default.number
+} : {};
+
 Ripple.defaultProps = {
   pulsate: false
 };
+
 exports.default = Ripple;