Completely updated React, fixed #11, (hopefully)

goTorrentWebUI/node_modules/material-ui/Table/TableRow.js

@@ -17,8 +17,6 @@ var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProp
 
 var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
 
-var _ref;
-
 var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
@@ -37,10 +35,6 @@ var _withStyles2 = _interopRequireDefault(_withStyles);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var babelPluginFlowReactPropTypes_proptype_ElementType = require('react').babelPluginFlowReactPropTypes_proptype_ElementType || require('prop-types').any;
-
-var babelPluginFlowReactPropTypes_proptype_Node = require('react').babelPluginFlowReactPropTypes_proptype_Node || require('prop-types').any;
-
 var styles = exports.styles = function styles(theme) {
   return {
     root: {
@@ -52,60 +46,25 @@ var styles = exports.styles = function styles(theme) {
       },
       verticalAlign: 'middle'
     },
-    head: {
+    typeHead: {
       height: 56
     },
-    footer: {
+    typeFooter: {
       height: 56
     },
+    selected: {
+      backgroundColor: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.04)' // grey[100]
+      : 'rgba(255, 255, 255, 0.08)'
+    },
     hover: {
       '&:hover': {
-        background: theme.palette.background.contentFrame
+        backgroundColor: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.07)' // grey[200]
+        : 'rgba(255, 255, 255, 0.14)'
       }
-    },
-    selected: {
-      background: theme.palette.background.appBar
     }
   };
 };
 
-var babelPluginFlowReactPropTypes_proptype_Context = {
-  table: require('prop-types').object.isRequired
-};
-var babelPluginFlowReactPropTypes_proptype_Props = {
-  /**
-   * Should be valid `<tr>` children such as `TableCell`.
-   */
-  children: typeof babelPluginFlowReactPropTypes_proptype_Node === 'function' ? babelPluginFlowReactPropTypes_proptype_Node : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Node),
-
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: require('prop-types').object,
-
-  /**
-   * @ignore
-   */
-  className: require('prop-types').string,
-
-  /**
-   * The component used for the root node.
-   * Either a string to use a DOM element or a component.
-   */
-  component: typeof babelPluginFlowReactPropTypes_proptype_ElementType === 'function' ? babelPluginFlowReactPropTypes_proptype_ElementType : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_ElementType),
-
-  /**
-   * If `true`, the table row will shade on hover.
-   */
-  hover: require('prop-types').bool,
-
-  /**
-   * If `true`, the table row will have the selected shading.
-   */
-  selected: require('prop-types').bool
-};
-
-
 /**
  * Will automatically set dynamic row height
  * based on the material table element parent (head, body, etc).
@@ -115,34 +74,50 @@ function TableRow(props, context) {
 
   var classes = props.classes,
       classNameProp = props.className,
-      children = props.children,
       Component = props.component,
       hover = props.hover,
       selected = props.selected,
-      other = (0, _objectWithoutProperties3.default)(props, ['classes', 'className', 'children', 'component', 'hover', 'selected']);
+      other = (0, _objectWithoutProperties3.default)(props, ['classes', 'className', 'component', 'hover', 'selected']);
   var table = context.table;
 
 
-  var className = (0, _classnames2.default)(classes.root, (_classNames = {}, (0, _defineProperty3.default)(_classNames, classes.head, table && table.head), (0, _defineProperty3.default)(_classNames, classes.footer, table && table.footer), (0, _defineProperty3.default)(_classNames, classes.hover, table && hover), (0, _defineProperty3.default)(_classNames, classes.selected, table && selected), _classNames), classNameProp);
+  var className = (0, _classnames2.default)(classes.root, (_classNames = {}, (0, _defineProperty3.default)(_classNames, classes.typeHead, table && table.head), (0, _defineProperty3.default)(_classNames, classes.typeFooter, table && table.footer), (0, _defineProperty3.default)(_classNames, classes.hover, table && hover), (0, _defineProperty3.default)(_classNames, classes.selected, table && selected), _classNames), classNameProp);
 
-  return _react2.default.createElement(
-    Component,
-    (0, _extends3.default)({ className: className }, other),
-    children
-  );
+  return _react2.default.createElement(Component, (0, _extends3.default)({ className: className }, other));
 }
 
-TableRow.propTypes = process.env.NODE_ENV !== "production" ? (_ref = {
-  classes: require('prop-types').object.isRequired,
-  component: typeof babelPluginFlowReactPropTypes_proptype_ElementType === 'function' ? babelPluginFlowReactPropTypes_proptype_ElementType.isRequired ? babelPluginFlowReactPropTypes_proptype_ElementType.isRequired : babelPluginFlowReactPropTypes_proptype_ElementType : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_ElementType).isRequired,
-  hover: require('prop-types').bool.isRequired,
-  selected: require('prop-types').bool.isRequired,
-  children: typeof babelPluginFlowReactPropTypes_proptype_Node === 'function' ? babelPluginFlowReactPropTypes_proptype_Node : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Node)
-}, (0, _defineProperty3.default)(_ref, 'classes', require('prop-types').object), (0, _defineProperty3.default)(_ref, 'className', require('prop-types').string), (0, _defineProperty3.default)(_ref, 'component', typeof babelPluginFlowReactPropTypes_proptype_ElementType === 'function' ? babelPluginFlowReactPropTypes_proptype_ElementType : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_ElementType)), (0, _defineProperty3.default)(_ref, 'hover', require('prop-types').bool), (0, _defineProperty3.default)(_ref, 'selected', require('prop-types').bool), _ref) : {};
+TableRow.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * Should be valid `<tr>` children such as `TableCell`.
+   */
+  children: _propTypes2.default.node,
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes: _propTypes2.default.object.isRequired,
+  /**
+   * @ignore
+   */
+  className: _propTypes2.default.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a DOM element or a component.
+   */
+  component: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.func]),
+  /**
+   * If `true`, the table row will shade on hover.
+   */
+  hover: _propTypes2.default.bool,
+  /**
+   * If `true`, the table row will have the selected shading.
+   */
+  selected: _propTypes2.default.bool
+} : {};
+
 TableRow.defaultProps = {
+  component: 'tr',
   hover: false,
-  selected: false,
-  component: 'tr'
+  selected: false
 };
 
 TableRow.contextTypes = {