Completely updated React, fixed #11, (hopefully)

goTorrentWebUI/node_modules/material-ui/es/ButtonBase/Ripple.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 classNames from 'classnames';
 import Transition from 'react-transition-group/Transition';
 
@@ -18,15 +15,6 @@ class Ripple extends React.Component {
     return _temp = super(...args), this.state = {
       rippleVisible: false,
       rippleLeaving: false
-    }, this.getRippleStyles = props => {
-      const { rippleSize, rippleX, rippleY } = props;
-
-      return {
-        width: rippleSize,
-        height: rippleSize,
-        top: -(rippleSize / 2) + rippleY,
-        left: -(rippleSize / 2) + rippleX
-      };
     }, this.handleEnter = () => {
       this.setState({
         rippleVisible: true
@@ -61,19 +49,54 @@ class Ripple extends React.Component {
       [classes.rippleFast]: pulsate
     });
 
+    const rippleStyles = {
+      width: rippleSize,
+      height: rippleSize,
+      top: -(rippleSize / 2) + rippleY,
+      left: -(rippleSize / 2) + rippleX
+    };
+
     return React.createElement(
       Transition,
       _extends({ onEnter: this.handleEnter, onExit: this.handleExit }, other),
       React.createElement(
         'span',
         { className: className },
-        React.createElement('span', { className: rippleClassName, style: this.getRippleStyles(this.props) })
+        React.createElement('span', { className: rippleClassName, style: rippleStyles })
       )
     );
   }
 }
 
+Ripple.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes: PropTypes.object.isRequired,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
+   */
+  pulsate: PropTypes.bool,
+  /**
+   * Diameter of the ripple.
+   */
+  rippleSize: PropTypes.number,
+  /**
+   * Horizontal position of the ripple center.
+   */
+  rippleX: PropTypes.number,
+  /**
+   * Vertical position of the ripple center.
+   */
+  rippleY: PropTypes.number
+} : {};
+
 Ripple.defaultProps = {
   pulsate: false
 };
+
 export default Ripple;