Completely updated React, fixed #11, (hopefully)

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

@@ -1,10 +1,7 @@
-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 _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; }
-
-//  weak
-
+import _extends from 'babel-runtime/helpers/extends';
+import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
 import React from 'react';
+import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import TransitionGroup from 'react-transition-group/TransitionGroup';
 import classNames from 'classnames';
@@ -41,10 +38,7 @@ export const 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%': {
@@ -67,7 +61,7 @@ export const styles = theme => ({
       transform: 'scale(1)'
     },
     '50%': {
-      transform: 'scale(0.9)'
+      transform: 'scale(0.92)'
     },
     '100%': {
       transform: 'scale(1)'
@@ -122,8 +116,7 @@ class TouchRipple extends React.Component {
       }
 
       const element = fakeElement ? null : ReactDOM.findDOMNode(this);
-      const rect = element ? // $FlowFixMe
-      element.getBoundingClientRect() : {
+      const rect = element ? element.getBoundingClientRect() : {
         width: 0,
         height: 0,
         left: 0,
@@ -153,12 +146,8 @@ class TouchRipple extends React.Component {
           rippleSize += 1;
         }
       } else {
-        const sizeX = Math.max(
-        // $FlowFixMe
-        Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;
-        const sizeY = Math.max(
-        // $FlowFixMe
-        Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;
+        const sizeX = Math.max(Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;
+        const sizeY = Math.max(Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;
         rippleSize = Math.sqrt(Math.pow(sizeX, 2) + Math.pow(sizeY, 2));
       }
 
@@ -180,7 +169,7 @@ class TouchRipple extends React.Component {
       const { pulsate, rippleX, rippleY, rippleSize, cb } = params;
       let ripples = this.state.ripples;
 
-      // Add a ripple to the ripples array
+      // Add a ripple to the ripples array.
       ripples = [...ripples, React.createElement(Ripple, {
         key: this.state.nextKey,
         classes: this.props.classes,
@@ -254,7 +243,24 @@ class TouchRipple extends React.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: PropTypes.bool,
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes: PropTypes.object.isRequired,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string
+} : {};
+
 TouchRipple.defaultProps = {
   center: false
 };
+
 export default withStyles(styles, { flip: false, name: 'MuiTouchRipple' })(TouchRipple);