Completely updated React, fixed #11, (hopefully)

goTorrentWebUI/node_modules/material-ui/Hidden/HiddenCss.js

@@ -16,14 +16,14 @@ var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
 
 var _defineProperty3 = _interopRequireDefault(_defineProperty2);
 
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
 var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 var _warning = require('warning');
 
 var _warning2 = _interopRequireDefault(_warning);
@@ -38,39 +38,18 @@ var _withStyles2 = _interopRequireDefault(_withStyles);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var babelPluginFlowReactPropTypes_proptype_Node = require('react').babelPluginFlowReactPropTypes_proptype_Node || require('prop-types').any; /* eslint-disable flowtype/require-valid-file-annotation */
-
-var babelPluginFlowReactPropTypes_proptype_HiddenProps = require('./types').babelPluginFlowReactPropTypes_proptype_HiddenProps || require('prop-types').any;
-
-var babelPluginFlowReactPropTypes_proptype_Props = (0, _extends3.default)({}, babelPluginFlowReactPropTypes_proptype_HiddenProps === require('prop-types').any ? {} : babelPluginFlowReactPropTypes_proptype_HiddenProps, {
-  /**
-   * The content of the component.
-   */
-  children: typeof babelPluginFlowReactPropTypes_proptype_Node === 'function' ? babelPluginFlowReactPropTypes_proptype_Node.isRequired ? babelPluginFlowReactPropTypes_proptype_Node.isRequired : babelPluginFlowReactPropTypes_proptype_Node : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Node).isRequired,
-
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: require('prop-types').object.isRequired
-});
-
-
-function generateStyles(theme) {
+var styles = function styles(theme) {
   var hidden = {
     display: 'none'
   };
 
-  return _createBreakpoints.keys.reduce(function (styles, key) {
-    styles['only' + (0, _helpers.capitalizeFirstLetter)(key)] = (0, _defineProperty3.default)({}, theme.breakpoints.only(key), hidden);
-    styles[key + 'Up'] = (0, _defineProperty3.default)({}, theme.breakpoints.up(key), hidden);
-    styles[key + 'Down'] = (0, _defineProperty3.default)({}, theme.breakpoints.down(key), hidden);
+  return _createBreakpoints.keys.reduce(function (acc, key) {
+    acc['only' + (0, _helpers.capitalize)(key)] = (0, _defineProperty3.default)({}, theme.breakpoints.only(key), hidden);
+    acc[key + 'Up'] = (0, _defineProperty3.default)({}, theme.breakpoints.up(key), hidden);
+    acc[key + 'Down'] = (0, _defineProperty3.default)({}, theme.breakpoints.down(key), hidden);
 
-    return styles;
+    return acc;
   }, {});
-}
-
-var styles = function styles(theme) {
-  return generateStyles(theme);
 };
 
 /**
@@ -79,23 +58,28 @@ var styles = function styles(theme) {
 function HiddenCss(props) {
   var children = props.children,
       classes = props.classes,
-      only = props.only,
-      xsUp = props.xsUp,
-      smUp = props.smUp,
-      mdUp = props.mdUp,
+      className = props.className,
+      lgDown = props.lgDown,
       lgUp = props.lgUp,
+      mdDown = props.mdDown,
+      mdUp = props.mdUp,
+      only = props.only,
+      smDown = props.smDown,
+      smUp = props.smUp,
+      xlDown = props.xlDown,
       xlUp = props.xlUp,
       xsDown = props.xsDown,
-      smDown = props.smDown,
-      mdDown = props.mdDown,
-      lgDown = props.lgDown,
-      xlDown = props.xlDown,
-      other = (0, _objectWithoutProperties3.default)(props, ['children', 'classes', 'only', 'xsUp', 'smUp', 'mdUp', 'lgUp', 'xlUp', 'xsDown', 'smDown', 'mdDown', 'lgDown', 'xlDown']);
+      xsUp = props.xsUp,
+      other = (0, _objectWithoutProperties3.default)(props, ['children', 'classes', 'className', 'lgDown', 'lgUp', 'mdDown', 'mdUp', 'only', 'smDown', 'smUp', 'xlDown', 'xlUp', 'xsDown', 'xsUp']);
 
 
   process.env.NODE_ENV !== "production" ? (0, _warning2.default)((0, _keys2.default)(other).length === 0 || (0, _keys2.default)(other).length === 1 && other.hasOwnProperty('ref'), 'Material-UI: unsupported properties received ' + (0, _keys2.default)(other).join(', ') + ' by `<Hidden />`.') : void 0;
 
-  var className = [];
+  var classNames = [];
+
+  if (className) {
+    classNames.push(className);
+  }
 
   for (var i = 0; i < _createBreakpoints.keys.length; i += 1) {
     var breakpoint = _createBreakpoints.keys[i];
@@ -103,23 +87,89 @@ function HiddenCss(props) {
     var breakpointDown = props[breakpoint + 'Down'];
 
     if (breakpointUp) {
-      className.push(classes[breakpoint + 'Up']);
+      classNames.push(classes[breakpoint + 'Up']);
     }
     if (breakpointDown) {
-      className.push(classes[breakpoint + 'Down']);
+      classNames.push(classes[breakpoint + 'Down']);
     }
   }
 
   if (only) {
-    className.push(classes['only' + (0, _helpers.capitalizeFirstLetter)(only)]);
+    var onlyBreakpoints = Array.isArray(only) ? only : [only];
+    onlyBreakpoints.forEach(function (breakpoint) {
+      classNames.push(classes['only' + (0, _helpers.capitalize)(breakpoint)]);
+    });
   }
 
   return _react2.default.createElement(
-    'span',
-    { className: className },
+    'div',
+    { className: classNames.join(' ') },
     children
   );
 }
 
-HiddenCss.propTypes = process.env.NODE_ENV !== "production" ? babelPluginFlowReactPropTypes_proptype_Props : {};
+HiddenCss.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * The content of the component.
+   */
+  children: _propTypes2.default.node,
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes: _propTypes2.default.object.isRequired,
+  /**
+   * @ignore
+   */
+  className: _propTypes2.default.string,
+  /**
+   * Specify which implementation to use.  'js' is the default, 'css' works better for server
+   * side rendering.
+   */
+  implementation: _propTypes2.default.oneOf(['js', 'css']),
+  /**
+   * If true, screens this size and down will be hidden.
+   */
+  lgDown: _propTypes2.default.bool,
+  /**
+   * If true, screens this size and up will be hidden.
+   */
+  lgUp: _propTypes2.default.bool,
+  /**
+   * If true, screens this size and down will be hidden.
+   */
+  mdDown: _propTypes2.default.bool,
+  /**
+   * If true, screens this size and up will be hidden.
+   */
+  mdUp: _propTypes2.default.bool,
+  /**
+   * Hide the given breakpoint(s).
+   */
+  only: _propTypes2.default.oneOfType([_propTypes2.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), _propTypes2.default.arrayOf(_propTypes2.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']))]),
+  /**
+   * If true, screens this size and down will be hidden.
+   */
+  smDown: _propTypes2.default.bool,
+  /**
+   * If true, screens this size and up will be hidden.
+   */
+  smUp: _propTypes2.default.bool,
+  /**
+   * If true, screens this size and down will be hidden.
+   */
+  xlDown: _propTypes2.default.bool,
+  /**
+   * If true, screens this size and up will be hidden.
+   */
+  xlUp: _propTypes2.default.bool,
+  /**
+   * If true, screens this size and down will be hidden.
+   */
+  xsDown: _propTypes2.default.bool,
+  /**
+   * If true, screens this size and up will be hidden.
+   */
+  xsUp: _propTypes2.default.bool
+} : {};
+
 exports.default = (0, _withStyles2.default)(styles, { name: 'MuiHiddenCss' })(HiddenCss);