Completely updated React, fixed #11, (hopefully)

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

@@ -41,6 +41,10 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _reactDom = require('react-dom');
 
 var _reactDom2 = _interopRequireDefault(_reactDom);
@@ -63,8 +67,6 @@ var _Ripple2 = _interopRequireDefault(_Ripple);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-//  weak
-
 var DURATION = 550;
 var DELAY_RIPPLE = exports.DELAY_RIPPLE = 80;
 
@@ -96,10 +98,7 @@ var styles = exports.styles = function styles(theme) {
       display: 'block',
       width: '100%',
       height: '100%',
-      animation: 'mui-ripple-pulsate 1500ms ' + theme.transitions.easing.easeInOut + ' 200ms infinite',
-      rippleVisible: {
-        opacity: 0.2
-      }
+      animation: 'mui-ripple-pulsate 2500ms ' + theme.transitions.easing.easeInOut + ' 200ms infinite'
     },
     '@keyframes mui-ripple-enter': {
       '0%': {
@@ -122,7 +121,7 @@ var styles = exports.styles = function styles(theme) {
         transform: 'scale(1)'
       },
       '50%': {
-        transform: 'scale(0.9)'
+        transform: 'scale(0.92)'
       },
       '100%': {
         transform: 'scale(1)'
@@ -149,27 +148,10 @@ var styles = exports.styles = function styles(theme) {
   };
 };
 
-var babelPluginFlowReactPropTypes_proptype_Props = {
-  /**
-   * If `true`, the ripple starts at the center of the component
-   * rather than at the point of interaction.
-   */
-  center: require('prop-types').bool,
-
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: require('prop-types').object,
-
-  /**
-   * @ignore
-   */
-  className: require('prop-types').string
-};
-
 /**
  * @ignore - internal component.
  */
+
 var TouchRipple = function (_React$Component) {
   (0, _inherits3.default)(TouchRipple, _React$Component);
 
@@ -211,8 +193,7 @@ var TouchRipple = function (_React$Component) {
       }
 
       var element = fakeElement ? null : _reactDom2.default.findDOMNode(_this);
-      var rect = element ? // $FlowFixMe
-      element.getBoundingClientRect() : {
+      var rect = element ? element.getBoundingClientRect() : {
         width: 0,
         height: 0,
         left: 0,
@@ -242,12 +223,8 @@ var TouchRipple = function (_React$Component) {
           rippleSize += 1;
         }
       } else {
-        var sizeX = Math.max(
-        // $FlowFixMe
-        Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;
-        var sizeY = Math.max(
-        // $FlowFixMe
-        Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;
+        var sizeX = Math.max(Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;
+        var sizeY = Math.max(Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;
         rippleSize = Math.sqrt(Math.pow(sizeX, 2) + Math.pow(sizeY, 2));
       }
 
@@ -274,7 +251,7 @@ var TouchRipple = function (_React$Component) {
 
       var ripples = _this.state.ripples;
 
-      // Add a ripple to the ripples array
+      // Add a ripple to the ripples array.
       ripples = [].concat((0, _toConsumableArray3.default)(ripples), [_react2.default.createElement(_Ripple2.default, {
         key: _this.state.nextKey,
         classes: _this.props.classes,
@@ -357,7 +334,24 @@ var TouchRipple = function (_React$Component) {
   return TouchRipple;
 }(_react2.default.Component);
 
+TouchRipple.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * If `true`, the ripple starts at the center of the component
+   * rather than at the point of interaction.
+   */
+  center: _propTypes2.default.bool,
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes: _propTypes2.default.object.isRequired,
+  /**
+   * @ignore
+   */
+  className: _propTypes2.default.string
+} : {};
+
 TouchRipple.defaultProps = {
   center: false
 };
+
 exports.default = (0, _withStyles2.default)(styles, { flip: false, name: 'MuiTouchRipple' })(TouchRipple);