Added logging, changed some directory structure

goTorrentWebUI/node_modules/material-ui/transitions/Collapse.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { StandardProps } from '..';
+import { Theme } from '../styles/createMuiTheme';
+import { TransitionDuration, TransitionProps } from '../internal/transition';
+
+export interface CollapseProps extends StandardProps<
+  TransitionProps,
+  CollapseClassKey,
+  'children'
+> {
+  children?: React.ReactNode;
+  theme?: Theme;
+  timeout?: TransitionDuration | 'auto';
+}
+
+export type CollapseClassKey =
+  | 'container'
+  | 'entered'
+  ;
+
+declare const Collapse: React.ComponentType<CollapseProps>;
+
+export default Collapse;

goTorrentWebUI/node_modules/material-ui/transitions/Collapse.js

@@ -0,0 +1,327 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styles = undefined;
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _Transition = require('react-transition-group/Transition');
+
+var _Transition2 = _interopRequireDefault(_Transition);
+
+var _withStyles = require('../styles/withStyles');
+
+var _withStyles2 = _interopRequireDefault(_withStyles);
+
+var _transitions = require('../styles/transitions');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// @inheritedComponent Transition
+
+var babelPluginFlowReactPropTypes_proptype_Node = require('react').babelPluginFlowReactPropTypes_proptype_Node || require('prop-types').any;
+
+var babelPluginFlowReactPropTypes_proptype_TransitionCallback = require('../internal/transition').babelPluginFlowReactPropTypes_proptype_TransitionCallback || require('prop-types').any;
+
+var styles = exports.styles = function styles(theme) {
+  return {
+    container: {
+      height: 0,
+      overflow: 'hidden',
+      transition: theme.transitions.create('height')
+    },
+    entered: {
+      height: 'auto'
+    },
+    wrapper: {
+      // Hack to get children with a negative margin to not falsify the height computation.
+      display: 'flex'
+    },
+    wrapperInner: {
+      width: '100%'
+    }
+  };
+};
+
+var babelPluginFlowReactPropTypes_proptype_TransitionDuration = require('prop-types').oneOfType([require('prop-types').number, require('prop-types').shape({
+  enter: require('prop-types').number,
+  exit: require('prop-types').number
+}), require('prop-types').oneOf(['auto'])]);
+
+var babelPluginFlowReactPropTypes_proptype_Props = {
+  /**
+   * @ignore
+   */
+  appear: require('prop-types').bool,
+
+  /**
+   * The content node to be collapsed.
+   */
+  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,
+
+  /**
+   * The height of the container when collapsed.
+   */
+  collapsedHeight: require('prop-types').string,
+
+  /**
+   * If `true`, the component will transition in.
+   */
+  in: require('prop-types').bool.isRequired,
+
+  /**
+   * @ignore
+   */
+  onEnter: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onEntering: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onEntered: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onExit: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onExiting: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  style: require('prop-types').object,
+
+  /**
+   * @ignore
+   */
+  theme: require('prop-types').object,
+
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   *
+   * Set to 'auto' to automatically calculate transition time based on height.
+   */
+  timeout: require('prop-types').oneOfType([require('prop-types').number, require('prop-types').shape({
+    enter: require('prop-types').number,
+    exit: require('prop-types').number
+  }), require('prop-types').oneOf(['auto'])])
+};
+
+var Collapse = function (_React$Component) {
+  (0, _inherits3.default)(Collapse, _React$Component);
+
+  function Collapse() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3.default)(this, Collapse);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = Collapse.__proto__ || (0, _getPrototypeOf2.default)(Collapse)).call.apply(_ref, [this].concat(args))), _this), _this.wrapper = null, _this.autoTransitionDuration = undefined, _this.handleEnter = function (node) {
+      node.style.height = _this.props.collapsedHeight;
+
+      if (_this.props.onEnter) {
+        _this.props.onEnter(node);
+      }
+    }, _this.handleEntering = function (node) {
+      var _this$props = _this.props,
+          timeout = _this$props.timeout,
+          theme = _this$props.theme;
+
+      var wrapperHeight = _this.wrapper ? _this.wrapper.clientHeight : 0;
+
+      if (timeout === 'auto') {
+        var duration2 = theme.transitions.getAutoHeightDuration(wrapperHeight);
+        node.style.transitionDuration = duration2 + 'ms';
+        _this.autoTransitionDuration = duration2;
+      } else if (typeof timeout === 'number') {
+        node.style.transitionDuration = timeout + 'ms';
+      } else if (timeout) {
+        node.style.transitionDuration = timeout.enter + 'ms';
+      } else {
+        // The propType will warn in this case.
+      }
+
+      node.style.height = wrapperHeight + 'px';
+
+      if (_this.props.onEntering) {
+        _this.props.onEntering(node);
+      }
+    }, _this.handleEntered = function (node) {
+      node.style.height = 'auto';
+
+      if (_this.props.onEntered) {
+        _this.props.onEntered(node);
+      }
+    }, _this.handleExit = function (node) {
+      var wrapperHeight = _this.wrapper ? _this.wrapper.clientHeight : 0;
+      node.style.height = wrapperHeight + 'px';
+
+      if (_this.props.onExit) {
+        _this.props.onExit(node);
+      }
+    }, _this.handleExiting = function (node) {
+      var _this$props2 = _this.props,
+          timeout = _this$props2.timeout,
+          theme = _this$props2.theme;
+
+      var wrapperHeight = _this.wrapper ? _this.wrapper.clientHeight : 0;
+
+      if (timeout === 'auto') {
+        var duration2 = theme.transitions.getAutoHeightDuration(wrapperHeight);
+        node.style.transitionDuration = duration2 + 'ms';
+        _this.autoTransitionDuration = duration2;
+      } else if (typeof timeout === 'number') {
+        node.style.transitionDuration = timeout + 'ms';
+      } else if (timeout) {
+        node.style.transitionDuration = timeout.exit + 'ms';
+      } else {
+        // The propType will warn in this case.
+      }
+
+      node.style.height = _this.props.collapsedHeight;
+
+      if (_this.props.onExiting) {
+        _this.props.onExiting(node);
+      }
+    }, _this.addEndListener = function (node, next) {
+      var timeout = void 0;
+
+      if (_this.props.timeout === 'auto') {
+        timeout = _this.autoTransitionDuration || 0;
+      } else {
+        timeout = _this.props.timeout;
+      }
+
+      setTimeout(next, timeout);
+    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+  }
+
+  (0, _createClass3.default)(Collapse, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          appear = _props.appear,
+          children = _props.children,
+          classes = _props.classes,
+          collapsedHeight = _props.collapsedHeight,
+          onEnter = _props.onEnter,
+          onEntering = _props.onEntering,
+          onEntered = _props.onEntered,
+          onExit = _props.onExit,
+          onExiting = _props.onExiting,
+          style = _props.style,
+          timeout = _props.timeout,
+          theme = _props.theme,
+          other = (0, _objectWithoutProperties3.default)(_props, ['appear', 'children', 'classes', 'collapsedHeight', 'onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'style', 'timeout', 'theme']);
+
+
+      return _react2.default.createElement(
+        _Transition2.default,
+        (0, _extends3.default)({
+          appear: appear,
+          onEntering: this.handleEntering,
+          onEnter: this.handleEnter,
+          onEntered: this.handleEntered,
+          onExiting: this.handleExiting,
+          onExit: this.handleExit,
+          addEndListener: this.addEndListener,
+          style: (0, _extends3.default)({ minHeight: collapsedHeight }, style)
+        }, other),
+        function (state) {
+          return _react2.default.createElement(
+            'div',
+            {
+              className: (0, _classnames2.default)(classes.container, (0, _defineProperty3.default)({}, classes.entered, state === 'entered'))
+            },
+            _react2.default.createElement(
+              'div',
+              {
+                className: classes.wrapper,
+                ref: function ref(node) {
+                  _this2.wrapper = node;
+                }
+              },
+              _react2.default.createElement(
+                'div',
+                { className: classes.wrapperInner },
+                children
+              )
+            )
+          );
+        }
+      );
+    }
+  }]);
+  return Collapse;
+}(_react2.default.Component);
+
+Collapse.defaultProps = {
+  appear: false,
+  collapsedHeight: '0px',
+  timeout: _transitions.duration.standard
+};
+exports.default = (0, _withStyles2.default)(styles, {
+  withTheme: true,
+  name: 'MuiCollapse'
+})(Collapse);

goTorrentWebUI/node_modules/material-ui/transitions/Collapse.js.flow

@@ -0,0 +1,246 @@
+// @flow
+// @inheritedComponent Transition
+
+import React from 'react';
+import classNames from 'classnames';
+import type { Node } from 'react';
+import Transition from 'react-transition-group/Transition';
+import withStyles from '../styles/withStyles';
+import { duration } from '../styles/transitions';
+import type { TransitionCallback } from '../internal/transition';
+
+export const styles = (theme: Object) => ({
+  container: {
+    height: 0,
+    overflow: 'hidden',
+    transition: theme.transitions.create('height'),
+  },
+  entered: {
+    height: 'auto',
+  },
+  wrapper: {
+    // Hack to get children with a negative margin to not falsify the height computation.
+    display: 'flex',
+  },
+  wrapperInner: {
+    width: '100%',
+  },
+});
+
+export type TransitionDuration = number | { enter?: number, exit?: number } | 'auto';
+
+type ProvidedProps = {
+  appear: boolean,
+  classes: Object,
+  collapsedHeight: string,
+  timeout: TransitionDuration,
+  theme: Object,
+};
+
+export type Props = {
+  /**
+   * @ignore
+   */
+  appear?: boolean,
+  /**
+   * The content node to be collapsed.
+   */
+  children: Node,
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes?: Object,
+  /**
+   * The height of the container when collapsed.
+   */
+  collapsedHeight?: string,
+  /**
+   * If `true`, the component will transition in.
+   */
+  in: boolean,
+  /**
+   * @ignore
+   */
+  onEnter?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onEntering?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onEntered?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onExit?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onExiting?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  style?: Object,
+  /**
+   * @ignore
+   */
+  theme?: Object,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   *
+   * Set to 'auto' to automatically calculate transition time based on height.
+   */
+  timeout?: TransitionDuration,
+};
+
+class Collapse extends React.Component<ProvidedProps & Props> {
+  static defaultProps = {
+    appear: false,
+    collapsedHeight: '0px',
+    timeout: duration.standard,
+  };
+
+  wrapper = null;
+  autoTransitionDuration = undefined;
+
+  handleEnter = (node: HTMLElement) => {
+    node.style.height = this.props.collapsedHeight;
+
+    if (this.props.onEnter) {
+      this.props.onEnter(node);
+    }
+  };
+
+  handleEntering = (node: HTMLElement) => {
+    const { timeout, theme } = this.props;
+    const wrapperHeight = this.wrapper ? this.wrapper.clientHeight : 0;
+
+    if (timeout === 'auto') {
+      const duration2 = theme.transitions.getAutoHeightDuration(wrapperHeight);
+      node.style.transitionDuration = `${duration2}ms`;
+      this.autoTransitionDuration = duration2;
+    } else if (typeof timeout === 'number') {
+      node.style.transitionDuration = `${timeout}ms`;
+    } else if (timeout) {
+      node.style.transitionDuration = `${timeout.enter}ms`;
+    } else {
+      // The propType will warn in this case.
+    }
+
+    node.style.height = `${wrapperHeight}px`;
+
+    if (this.props.onEntering) {
+      this.props.onEntering(node);
+    }
+  };
+
+  handleEntered = (node: HTMLElement) => {
+    node.style.height = 'auto';
+
+    if (this.props.onEntered) {
+      this.props.onEntered(node);
+    }
+  };
+
+  handleExit = (node: HTMLElement) => {
+    const wrapperHeight = this.wrapper ? this.wrapper.clientHeight : 0;
+    node.style.height = `${wrapperHeight}px`;
+
+    if (this.props.onExit) {
+      this.props.onExit(node);
+    }
+  };
+
+  handleExiting = (node: HTMLElement) => {
+    const { timeout, theme } = this.props;
+    const wrapperHeight = this.wrapper ? this.wrapper.clientHeight : 0;
+
+    if (timeout === 'auto') {
+      const duration2 = theme.transitions.getAutoHeightDuration(wrapperHeight);
+      node.style.transitionDuration = `${duration2}ms`;
+      this.autoTransitionDuration = duration2;
+    } else if (typeof timeout === 'number') {
+      node.style.transitionDuration = `${timeout}ms`;
+    } else if (timeout) {
+      node.style.transitionDuration = `${timeout.exit}ms`;
+    } else {
+      // The propType will warn in this case.
+    }
+
+    node.style.height = this.props.collapsedHeight;
+
+    if (this.props.onExiting) {
+      this.props.onExiting(node);
+    }
+  };
+
+  addEndListener = (node, next: Function) => {
+    let timeout;
+
+    if (this.props.timeout === 'auto') {
+      timeout = this.autoTransitionDuration || 0;
+    } else {
+      timeout = this.props.timeout;
+    }
+
+    setTimeout(next, timeout);
+  };
+
+  render() {
+    const {
+      appear,
+      children,
+      classes,
+      collapsedHeight,
+      onEnter,
+      onEntering,
+      onEntered,
+      onExit,
+      onExiting,
+      style,
+      timeout,
+      theme,
+      ...other
+    } = this.props;
+
+    return (
+      <Transition
+        appear={appear}
+        onEntering={this.handleEntering}
+        onEnter={this.handleEnter}
+        onEntered={this.handleEntered}
+        onExiting={this.handleExiting}
+        onExit={this.handleExit}
+        addEndListener={this.addEndListener}
+        style={{ minHeight: collapsedHeight, ...style }}
+        {...other}
+      >
+        {state => {
+          return (
+            <div
+              className={classNames(classes.container, {
+                [classes.entered]: state === 'entered',
+              })}
+            >
+              <div
+                className={classes.wrapper}
+                ref={node => {
+                  this.wrapper = node;
+                }}
+              >
+                <div className={classes.wrapperInner}>{children}</div>
+              </div>
+            </div>
+          );
+        }}
+      </Transition>
+    );
+  }
+}
+
+export default withStyles(styles, {
+  withTheme: true,
+  name: 'MuiCollapse',
+})(Collapse);

goTorrentWebUI/node_modules/material-ui/transitions/Fade.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { Theme } from '../styles/createMuiTheme';
+import { TransitionDuration, TransitionProps } from '../internal/transition';
+
+export interface FadeProps extends TransitionProps {
+  theme?: Theme;
+  timeout?: TransitionDuration;
+}
+
+declare const Fade: React.ComponentType<FadeProps>;
+
+export default Fade;

goTorrentWebUI/node_modules/material-ui/transitions/Fade.js

@@ -0,0 +1,218 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Transition = require('react-transition-group/Transition');
+
+var _Transition2 = _interopRequireDefault(_Transition);
+
+var _transitions = require('../styles/transitions');
+
+var _withTheme = require('../styles/withTheme');
+
+var _withTheme2 = _interopRequireDefault(_withTheme);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var babelPluginFlowReactPropTypes_proptype_Element = require('react').babelPluginFlowReactPropTypes_proptype_Element || require('prop-types').any;
+// @inheritedComponent Transition
+
+var babelPluginFlowReactPropTypes_proptype_TransitionCallback = require('../internal/transition').babelPluginFlowReactPropTypes_proptype_TransitionCallback || require('prop-types').any;
+
+var babelPluginFlowReactPropTypes_proptype_TransitionDuration = require('../internal/transition').babelPluginFlowReactPropTypes_proptype_TransitionDuration || require('prop-types').any;
+
+var babelPluginFlowReactPropTypes_proptype_Props = {
+  /**
+   * @ignore
+   */
+  appear: require('prop-types').bool,
+
+  /**
+   * A single child content element.
+   */
+  children: typeof babelPluginFlowReactPropTypes_proptype_Element === 'function' ? babelPluginFlowReactPropTypes_proptype_Element.isRequired ? babelPluginFlowReactPropTypes_proptype_Element.isRequired : babelPluginFlowReactPropTypes_proptype_Element : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Element).isRequired,
+
+  /**
+   * If `true`, the component will transition in.
+   */
+  in: require('prop-types').bool.isRequired,
+
+  /**
+   * @ignore
+   */
+  onEnter: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onEntering: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onExit: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  theme: require('prop-types').object,
+
+  /**
+   * @ignore
+   */
+  style: require('prop-types').object,
+
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   */
+  timeout: typeof babelPluginFlowReactPropTypes_proptype_TransitionDuration === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionDuration : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionDuration)
+};
+
+
+var reflow = function reflow(node) {
+  return node.scrollTop;
+};
+
+/**
+ * The Fade transition is used by the Modal component.
+ * It's using [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
+ */
+
+var Fade = function (_React$Component) {
+  (0, _inherits3.default)(Fade, _React$Component);
+
+  function Fade() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3.default)(this, Fade);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = Fade.__proto__ || (0, _getPrototypeOf2.default)(Fade)).call.apply(_ref, [this].concat(args))), _this), _this.handleEnter = function (node) {
+      node.style.opacity = '0';
+      reflow(node);
+
+      if (_this.props.onEnter) {
+        _this.props.onEnter(node);
+      }
+    }, _this.handleEntering = function (node) {
+      var _this$props = _this.props,
+          theme = _this$props.theme,
+          timeout = _this$props.timeout;
+
+      node.style.transition = theme.transitions.create('opacity', {
+        duration: typeof timeout === 'number' ? timeout : timeout.enter
+      });
+      // $FlowFixMe - https://github.com/facebook/flow/pull/5161
+      node.style.webkitTransition = theme.transitions.create('opacity', {
+        duration: typeof timeout === 'number' ? timeout : timeout.enter
+      });
+      node.style.opacity = '1';
+
+      if (_this.props.onEntering) {
+        _this.props.onEntering(node);
+      }
+    }, _this.handleExit = function (node) {
+      var _this$props2 = _this.props,
+          theme = _this$props2.theme,
+          timeout = _this$props2.timeout;
+
+      node.style.transition = theme.transitions.create('opacity', {
+        duration: typeof timeout === 'number' ? timeout : timeout.exit
+      });
+      // $FlowFixMe - https://github.com/facebook/flow/pull/5161
+      node.style.webkitTransition = theme.transitions.create('opacity', {
+        duration: typeof timeout === 'number' ? timeout : timeout.exit
+      });
+      node.style.opacity = '0';
+
+      if (_this.props.onExit) {
+        _this.props.onExit(node);
+      }
+    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+  }
+
+  (0, _createClass3.default)(Fade, [{
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          appear = _props.appear,
+          children = _props.children,
+          onEnter = _props.onEnter,
+          onEntering = _props.onEntering,
+          onExit = _props.onExit,
+          styleProp = _props.style,
+          theme = _props.theme,
+          other = (0, _objectWithoutProperties3.default)(_props, ['appear', 'children', 'onEnter', 'onEntering', 'onExit', 'style', 'theme']);
+
+
+      var style = (0, _extends3.default)({}, styleProp);
+
+      // For server side rendering.
+      if (!this.props.in || appear) {
+        style.opacity = '0';
+      }
+
+      return _react2.default.createElement(
+        _Transition2.default,
+        (0, _extends3.default)({
+          appear: appear,
+          style: style,
+          onEnter: this.handleEnter,
+          onEntering: this.handleEntering,
+          onExit: this.handleExit
+        }, other),
+        children
+      );
+    }
+  }]);
+  return Fade;
+}(_react2.default.Component);
+
+Fade.defaultProps = {
+  appear: true,
+  timeout: {
+    enter: _transitions.duration.enteringScreen,
+    exit: _transitions.duration.leavingScreen
+  }
+};
+exports.default = (0, _withTheme2.default)()(Fade);

goTorrentWebUI/node_modules/material-ui/transitions/Fade.js.flow

@@ -0,0 +1,147 @@
+// @flow
+// @inheritedComponent Transition
+
+import React from 'react';
+import type { Element } from 'react';
+import Transition from 'react-transition-group/Transition';
+import { duration } from '../styles/transitions';
+import withTheme from '../styles/withTheme';
+import type { TransitionDuration, TransitionCallback } from '../internal/transition';
+
+type ProvidedProps = {
+  appear: boolean,
+  timeout: TransitionDuration,
+  theme: Object,
+};
+
+export type Props = {
+  /**
+   * @ignore
+   */
+  appear?: boolean,
+  /**
+   * A single child content element.
+   */
+  children: Element<any>,
+  /**
+   * If `true`, the component will transition in.
+   */
+  in: boolean,
+  /**
+   * @ignore
+   */
+  onEnter?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onEntering?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onExit?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  theme?: Object,
+  /**
+   * @ignore
+   */
+  style?: Object,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   */
+  timeout?: TransitionDuration,
+};
+
+const reflow = node => node.scrollTop;
+
+/**
+ * The Fade transition is used by the Modal component.
+ * It's using [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
+ */
+class Fade extends React.Component<ProvidedProps & Props> {
+  static defaultProps = {
+    appear: true,
+    timeout: {
+      enter: duration.enteringScreen,
+      exit: duration.leavingScreen,
+    },
+  };
+
+  handleEnter = (node: HTMLElement) => {
+    node.style.opacity = '0';
+    reflow(node);
+
+    if (this.props.onEnter) {
+      this.props.onEnter(node);
+    }
+  };
+
+  handleEntering = (node: HTMLElement) => {
+    const { theme, timeout } = this.props;
+    node.style.transition = theme.transitions.create('opacity', {
+      duration: typeof timeout === 'number' ? timeout : timeout.enter,
+    });
+    // $FlowFixMe - https://github.com/facebook/flow/pull/5161
+    node.style.webkitTransition = theme.transitions.create('opacity', {
+      duration: typeof timeout === 'number' ? timeout : timeout.enter,
+    });
+    node.style.opacity = '1';
+
+    if (this.props.onEntering) {
+      this.props.onEntering(node);
+    }
+  };
+
+  handleExit = (node: HTMLElement) => {
+    const { theme, timeout } = this.props;
+    node.style.transition = theme.transitions.create('opacity', {
+      duration: typeof timeout === 'number' ? timeout : timeout.exit,
+    });
+    // $FlowFixMe - https://github.com/facebook/flow/pull/5161
+    node.style.webkitTransition = theme.transitions.create('opacity', {
+      duration: typeof timeout === 'number' ? timeout : timeout.exit,
+    });
+    node.style.opacity = '0';
+
+    if (this.props.onExit) {
+      this.props.onExit(node);
+    }
+  };
+
+  render() {
+    const {
+      appear,
+      children,
+      onEnter,
+      onEntering,
+      onExit,
+      style: styleProp,
+      theme,
+      ...other
+    } = this.props;
+
+    const style = { ...styleProp };
+
+    // For server side rendering.
+    if (!this.props.in || appear) {
+      style.opacity = '0';
+    }
+
+    return (
+      <Transition
+        appear={appear}
+        style={style}
+        onEnter={this.handleEnter}
+        onEntering={this.handleEntering}
+        onExit={this.handleExit}
+        {...other}
+      >
+        {children}
+      </Transition>
+    );
+  }
+}
+
+export default withTheme()(Fade);

goTorrentWebUI/node_modules/material-ui/transitions/Grow.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { Theme } from '../styles/createMuiTheme';
+import { TransitionDuration, TransitionProps } from '../internal/transition';
+
+export interface GrowProps extends TransitionProps {
+  theme?: Theme;
+  timeout?: TransitionDuration | 'auto';
+}
+
+declare const Grow: React.ComponentType<GrowProps>;
+
+export default Grow;

goTorrentWebUI/node_modules/material-ui/transitions/Grow.js

@@ -0,0 +1,295 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+exports.getScale = getScale;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _CSSTransition = require('react-transition-group/CSSTransition');
+
+var _CSSTransition2 = _interopRequireDefault(_CSSTransition);
+
+var _withTheme = require('../styles/withTheme');
+
+var _withTheme2 = _interopRequireDefault(_withTheme);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var babelPluginFlowReactPropTypes_proptype_Element = require('react').babelPluginFlowReactPropTypes_proptype_Element || require('prop-types').any;
+// @inheritedComponent CSSTransition
+
+// Only exported for tests.
+var babelPluginFlowReactPropTypes_proptype_TransitionClasses = require('../internal/transition').babelPluginFlowReactPropTypes_proptype_TransitionClasses || require('prop-types').any;
+
+var babelPluginFlowReactPropTypes_proptype_TransitionCallback = require('../internal/transition').babelPluginFlowReactPropTypes_proptype_TransitionCallback || require('prop-types').any;
+
+function getScale(value) {
+  return 'scale(' + value + ', ' + Math.pow(value, 2) + ')';
+}
+
+var babelPluginFlowReactPropTypes_proptype_TransitionDuration = require('prop-types').oneOfType([require('prop-types').number, require('prop-types').shape({
+  enter: require('prop-types').number,
+  exit: require('prop-types').number
+}), require('prop-types').oneOf(['auto'])]);
+
+var babelPluginFlowReactPropTypes_proptype_Props = {
+  /**
+   * @ignore
+   */
+  appear: require('prop-types').bool,
+
+  /**
+   * A single child content element.
+   */
+  children: typeof babelPluginFlowReactPropTypes_proptype_Element === 'function' ? babelPluginFlowReactPropTypes_proptype_Element.isRequired ? babelPluginFlowReactPropTypes_proptype_Element.isRequired : babelPluginFlowReactPropTypes_proptype_Element : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Element).isRequired,
+
+  /**
+   * If `true`, show the component; triggers the enter or exit animation.
+   */
+  in: require('prop-types').bool.isRequired,
+
+  /**
+   * @ignore
+   */
+  onEnter: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onEntering: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onEntered: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onExit: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onExiting: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onExited: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * Use that property to pass a ref callback to the root component.
+   */
+  rootRef: require('prop-types').func,
+
+  /**
+   * @ignore
+   */
+  style: require('prop-types').object,
+
+  /**
+   * The animation classNames applied to the component as it enters or exits.
+   * This property is a direct binding to [`CSSTransition.classNames`](https://reactcommunity.org/react-transition-group/#CSSTransition-prop-classNames).
+   */
+  transitionClasses: typeof babelPluginFlowReactPropTypes_proptype_TransitionClasses === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionClasses : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionClasses),
+
+  /**
+   * @ignore
+   */
+  theme: require('prop-types').object,
+
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   *
+   * Set to 'auto' to automatically calculate transition time based on height.
+   */
+  timeout: require('prop-types').oneOfType([require('prop-types').number, require('prop-types').shape({
+    enter: require('prop-types').number,
+    exit: require('prop-types').number
+  }), require('prop-types').oneOf(['auto'])])
+};
+
+/**
+ * The Grow transition is used by the Popover component.
+ * It's using [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
+ */
+var Grow = function (_React$Component) {
+  (0, _inherits3.default)(Grow, _React$Component);
+
+  function Grow() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3.default)(this, Grow);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = Grow.__proto__ || (0, _getPrototypeOf2.default)(Grow)).call.apply(_ref, [this].concat(args))), _this), _this.autoTimeout = undefined, _this.handleEnter = function (node) {
+      node.style.opacity = '0';
+      node.style.transform = getScale(0.75);
+
+      if (_this.props.onEnter) {
+        _this.props.onEnter(node);
+      }
+    }, _this.handleEntering = function (node) {
+      var _this$props = _this.props,
+          theme = _this$props.theme,
+          timeout = _this$props.timeout;
+
+      var duration = 0;
+
+      if (timeout === 'auto') {
+        duration = theme.transitions.getAutoHeightDuration(node.clientHeight);
+        _this.autoTimeout = duration;
+      } else if (typeof timeout === 'number') {
+        duration = timeout;
+      } else if (timeout) {
+        duration = timeout.enter;
+      } else {
+        // The propType will warn in this case.
+      }
+
+      node.style.transition = [theme.transitions.create('opacity', {
+        duration: duration
+      }), theme.transitions.create('transform', {
+        duration: duration * 0.666
+      })].join(',');
+
+      node.style.opacity = '1';
+      node.style.transform = getScale(1);
+
+      if (_this.props.onEntering) {
+        _this.props.onEntering(node);
+      }
+    }, _this.handleExit = function (node) {
+      var _this$props2 = _this.props,
+          theme = _this$props2.theme,
+          timeout = _this$props2.timeout;
+
+      var duration = 0;
+
+      if (timeout === 'auto') {
+        duration = theme.transitions.getAutoHeightDuration(node.clientHeight);
+        _this.autoTimeout = duration;
+      } else if (typeof timeout === 'number') {
+        duration = timeout;
+      } else if (timeout) {
+        duration = timeout.exit;
+      } else {
+        // The propType will warn in this case.
+      }
+
+      node.style.transition = [theme.transitions.create('opacity', {
+        duration: duration
+      }), theme.transitions.create('transform', {
+        duration: duration * 0.666,
+        delay: duration * 0.333
+      })].join(',');
+
+      node.style.opacity = '0';
+      node.style.transform = getScale(0.75);
+
+      if (_this.props.onExit) {
+        _this.props.onExit(node);
+      }
+    }, _this.addEndListener = function (node, next) {
+      var timeout = void 0;
+
+      if (_this.props.timeout === 'auto') {
+        timeout = _this.autoTimeout || 0;
+      } else {
+        timeout = _this.props.timeout;
+      }
+
+      setTimeout(next, timeout);
+    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+  }
+
+  (0, _createClass3.default)(Grow, [{
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          appear = _props.appear,
+          children = _props.children,
+          onEnter = _props.onEnter,
+          onEntering = _props.onEntering,
+          onExit = _props.onExit,
+          rootRef = _props.rootRef,
+          styleProp = _props.style,
+          transitionClasses = _props.transitionClasses,
+          timeout = _props.timeout,
+          theme = _props.theme,
+          other = (0, _objectWithoutProperties3.default)(_props, ['appear', 'children', 'onEnter', 'onEntering', 'onExit', 'rootRef', 'style', 'transitionClasses', 'timeout', 'theme']);
+
+
+      var style = (0, _extends3.default)({}, children.props.style, styleProp);
+
+      // For server side rendering.
+      if (!this.props.in || appear) {
+        style.opacity = '0';
+      }
+
+      return _react2.default.createElement(
+        _CSSTransition2.default,
+        (0, _extends3.default)({
+          classNames: transitionClasses,
+          onEnter: this.handleEnter,
+          onEntering: this.handleEntering,
+          onExit: this.handleExit,
+          addEndListener: this.addEndListener,
+          appear: appear,
+          style: style
+        }, other, {
+          ref: rootRef
+        }),
+        children
+      );
+    }
+  }]);
+  return Grow;
+}(_react2.default.Component);
+
+Grow.defaultProps = {
+  appear: true,
+  timeout: 'auto',
+  transitionClasses: {}
+};
+exports.default = (0, _withTheme2.default)()(Grow);

goTorrentWebUI/node_modules/material-ui/transitions/Grow.js.flow

@@ -0,0 +1,225 @@
+// @flow
+// @inheritedComponent CSSTransition
+
+import React from 'react';
+import type { Element } from 'react';
+import CSSTransition from 'react-transition-group/CSSTransition';
+import withTheme from '../styles/withTheme';
+import type { TransitionCallback, TransitionClasses } from '../internal/transition';
+
+// Only exported for tests.
+export function getScale(value: number) {
+  return `scale(${value}, ${value ** 2})`;
+}
+
+export type TransitionDuration = number | { enter?: number, exit?: number } | 'auto';
+
+type ProvidedProps = {
+  appear: boolean,
+  timeout: TransitionDuration,
+  theme: Object,
+};
+
+export type Props = {
+  /**
+   * @ignore
+   */
+  appear?: boolean,
+  /**
+   * A single child content element.
+   */
+  children: Element<any>,
+  /**
+   * If `true`, show the component; triggers the enter or exit animation.
+   */
+  in: boolean,
+  /**
+   * @ignore
+   */
+  onEnter?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onEntering?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onEntered?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onExit?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onExiting?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onExited?: TransitionCallback,
+  /**
+   * Use that property to pass a ref callback to the root component.
+   */
+  rootRef?: Function,
+  /**
+   * @ignore
+   */
+  style?: Object,
+  /**
+   * The animation classNames applied to the component as it enters or exits.
+   * This property is a direct binding to [`CSSTransition.classNames`](https://reactcommunity.org/react-transition-group/#CSSTransition-prop-classNames).
+   */
+  transitionClasses?: TransitionClasses,
+  /**
+   * @ignore
+   */
+  theme?: Object,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   *
+   * Set to 'auto' to automatically calculate transition time based on height.
+   */
+  timeout?: TransitionDuration,
+};
+
+/**
+ * The Grow transition is used by the Popover component.
+ * It's using [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
+ */
+class Grow extends React.Component<ProvidedProps & Props> {
+  static defaultProps = {
+    appear: true,
+    timeout: 'auto',
+    transitionClasses: {},
+  };
+
+  autoTimeout = undefined;
+
+  handleEnter = (node: HTMLElement) => {
+    node.style.opacity = '0';
+    node.style.transform = getScale(0.75);
+
+    if (this.props.onEnter) {
+      this.props.onEnter(node);
+    }
+  };
+
+  handleEntering = (node: HTMLElement) => {
+    const { theme, timeout } = this.props;
+    let duration = 0;
+
+    if (timeout === 'auto') {
+      duration = theme.transitions.getAutoHeightDuration(node.clientHeight);
+      this.autoTimeout = duration;
+    } else if (typeof timeout === 'number') {
+      duration = timeout;
+    } else if (timeout) {
+      duration = timeout.enter;
+    } else {
+      // The propType will warn in this case.
+    }
+
+    node.style.transition = [
+      theme.transitions.create('opacity', {
+        duration,
+      }),
+      theme.transitions.create('transform', {
+        duration: duration * 0.666,
+      }),
+    ].join(',');
+
+    node.style.opacity = '1';
+    node.style.transform = getScale(1);
+
+    if (this.props.onEntering) {
+      this.props.onEntering(node);
+    }
+  };
+
+  handleExit = (node: HTMLElement) => {
+    const { theme, timeout } = this.props;
+    let duration = 0;
+
+    if (timeout === 'auto') {
+      duration = theme.transitions.getAutoHeightDuration(node.clientHeight);
+      this.autoTimeout = duration;
+    } else if (typeof timeout === 'number') {
+      duration = timeout;
+    } else if (timeout) {
+      duration = timeout.exit;
+    } else {
+      // The propType will warn in this case.
+    }
+
+    node.style.transition = [
+      theme.transitions.create('opacity', {
+        duration,
+      }),
+      theme.transitions.create('transform', {
+        duration: duration * 0.666,
+        delay: duration * 0.333,
+      }),
+    ].join(',');
+
+    node.style.opacity = '0';
+    node.style.transform = getScale(0.75);
+
+    if (this.props.onExit) {
+      this.props.onExit(node);
+    }
+  };
+
+  addEndListener = (node, next: Function) => {
+    let timeout;
+
+    if (this.props.timeout === 'auto') {
+      timeout = this.autoTimeout || 0;
+    } else {
+      timeout = this.props.timeout;
+    }
+
+    setTimeout(next, timeout);
+  };
+
+  render() {
+    const {
+      appear,
+      children,
+      onEnter,
+      onEntering,
+      onExit,
+      rootRef,
+      style: styleProp,
+      transitionClasses,
+      timeout,
+      theme,
+      ...other
+    } = this.props;
+
+    const style = { ...children.props.style, ...styleProp };
+
+    // For server side rendering.
+    if (!this.props.in || appear) {
+      style.opacity = '0';
+    }
+
+    return (
+      <CSSTransition
+        classNames={transitionClasses}
+        onEnter={this.handleEnter}
+        onEntering={this.handleEntering}
+        onExit={this.handleExit}
+        addEndListener={this.addEndListener}
+        appear={appear}
+        style={style}
+        {...other}
+        ref={rootRef}
+      >
+        {children}
+      </CSSTransition>
+    );
+  }
+}
+
+export default withTheme()(Grow);

goTorrentWebUI/node_modules/material-ui/transitions/Slide.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Theme } from '../styles/createMuiTheme';
+import { TransitionDuration, TransitionProps } from '../internal/transition';
+
+export interface SlideProps extends TransitionProps {
+  direction?: 'left' | 'right' | 'up' | 'down';
+  theme?: Theme;
+  timeout?: TransitionDuration;
+}
+
+declare const Slide: React.ComponentType<SlideProps>;
+
+export default Slide;

goTorrentWebUI/node_modules/material-ui/transitions/Slide.js

@@ -0,0 +1,343 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+exports.setTranslateValue = setTranslateValue;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactDom = require('react-dom');
+
+var _reactEventListener = require('react-event-listener');
+
+var _reactEventListener2 = _interopRequireDefault(_reactEventListener);
+
+var _debounce = require('lodash/debounce');
+
+var _debounce2 = _interopRequireDefault(_debounce);
+
+var _Transition = require('react-transition-group/Transition');
+
+var _Transition2 = _interopRequireDefault(_Transition);
+
+var _withTheme = require('../styles/withTheme');
+
+var _withTheme2 = _interopRequireDefault(_withTheme);
+
+var _transitions = require('../styles/transitions');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var babelPluginFlowReactPropTypes_proptype_Element = require('react').babelPluginFlowReactPropTypes_proptype_Element || require('prop-types').any;
+// @inheritedComponent Transition
+
+var babelPluginFlowReactPropTypes_proptype_TransitionCallback = require('../internal/transition').babelPluginFlowReactPropTypes_proptype_TransitionCallback || require('prop-types').any;
+
+var babelPluginFlowReactPropTypes_proptype_TransitionDuration = require('../internal/transition').babelPluginFlowReactPropTypes_proptype_TransitionDuration || require('prop-types').any;
+
+var GUTTER = 24;
+
+// Translate the node so he can't be seen on the screen.
+// Later, we gonna translate back the node to his original location
+// with `translate3d(0, 0, 0)`.`
+function getTranslateValue(props, node) {
+  var direction = props.direction;
+
+  var rect = node.getBoundingClientRect();
+
+  var transform = void 0;
+
+  if (node.fakeTransform) {
+    transform = node.fakeTransform;
+  } else {
+    var computedStyle = window.getComputedStyle(node);
+    transform = computedStyle.getPropertyValue('-webkit-transform') || computedStyle.getPropertyValue('transform');
+  }
+
+  var offsetX = 0;
+  var offsetY = 0;
+
+  if (transform && transform !== 'none' && typeof transform === 'string') {
+    var transformValues = transform.split('(')[1].split(')')[0].split(',');
+    offsetX = parseInt(transformValues[4], 10);
+    offsetY = parseInt(transformValues[5], 10);
+  }
+
+  if (direction === 'left') {
+    return 'translateX(100vw) translateX(-' + (rect.left - offsetX) + 'px)';
+  } else if (direction === 'right') {
+    return 'translateX(-' + (rect.left + rect.width + GUTTER - offsetX) + 'px)';
+  } else if (direction === 'up') {
+    return 'translateY(100vh) translateY(-' + (rect.top - offsetY) + 'px)';
+  }
+
+  // direction === 'down
+  return 'translate3d(0, ' + (0 - (rect.top + rect.height)) + 'px, 0)';
+}
+
+function setTranslateValue(props, node) {
+  var transform = getTranslateValue(props, node);
+
+  if (transform) {
+    node.style.transform = transform;
+    node.style.webkitTransform = transform;
+  }
+}
+
+var babelPluginFlowReactPropTypes_proptype_Direction = require('prop-types').oneOf(['left', 'right', 'up', 'down']);
+
+var babelPluginFlowReactPropTypes_proptype_Props = {
+  /**
+   * A single child content element.
+   */
+  children: typeof babelPluginFlowReactPropTypes_proptype_Element === 'function' ? babelPluginFlowReactPropTypes_proptype_Element.isRequired ? babelPluginFlowReactPropTypes_proptype_Element.isRequired : babelPluginFlowReactPropTypes_proptype_Element : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Element).isRequired,
+
+  /**
+   * Direction the child node will enter from.
+   */
+  direction: require('prop-types').oneOf(['left', 'right', 'up', 'down']),
+
+  /**
+   * If `true`, show the component; triggers the enter or exit animation.
+   */
+  in: require('prop-types').bool.isRequired,
+
+  /**
+   * @ignore
+   */
+  onEnter: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onEntering: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onEntered: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onExit: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onExiting: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  onExited: typeof babelPluginFlowReactPropTypes_proptype_TransitionCallback === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionCallback : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionCallback),
+
+  /**
+   * @ignore
+   */
+  style: require('prop-types').object,
+
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   */
+  timeout: typeof babelPluginFlowReactPropTypes_proptype_TransitionDuration === 'function' ? babelPluginFlowReactPropTypes_proptype_TransitionDuration : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_TransitionDuration),
+
+  /**
+   * @ignore
+   */
+  theme: require('prop-types').object
+};
+
+
+var reflow = function reflow(node) {
+  return node.scrollTop;
+};
+
+var Slide = function (_React$Component) {
+  (0, _inherits3.default)(Slide, _React$Component);
+
+  function Slide() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3.default)(this, Slide);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = Slide.__proto__ || (0, _getPrototypeOf2.default)(Slide)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
+      // We use this state to handle the server-side rendering.
+      firstMount: true
+    }, _this.transition = null, _this.handleResize = (0, _debounce2.default)(function () {
+      // Skip configuration where the position is screen size invariant.
+      if (_this.props.in || _this.props.direction === 'down' || _this.props.direction === 'right') {
+        return;
+      }
+
+      var node = (0, _reactDom.findDOMNode)(_this.transition);
+      if (node instanceof HTMLElement) {
+        setTranslateValue(_this.props, node);
+      }
+    }, 166), _this.handleEnter = function (node) {
+      setTranslateValue(_this.props, node);
+      reflow(node);
+
+      if (_this.props.onEnter) {
+        _this.props.onEnter(node);
+      }
+    }, _this.handleEntering = function (node) {
+      var _this$props = _this.props,
+          theme = _this$props.theme,
+          timeout = _this$props.timeout;
+
+      node.style.transition = theme.transitions.create('transform', {
+        duration: typeof timeout === 'number' ? timeout : timeout.enter,
+        easing: theme.transitions.easing.easeOut
+      });
+      // $FlowFixMe - https://github.com/facebook/flow/pull/5161
+      node.style.webkitTransition = theme.transitions.create('-webkit-transform', {
+        duration: typeof timeout === 'number' ? timeout : timeout.enter,
+        easing: theme.transitions.easing.easeOut
+      });
+      node.style.transform = 'translate3d(0, 0, 0)';
+      node.style.webkitTransform = 'translate3d(0, 0, 0)';
+      if (_this.props.onEntering) {
+        _this.props.onEntering(node);
+      }
+    }, _this.handleExit = function (node) {
+      var _this$props2 = _this.props,
+          theme = _this$props2.theme,
+          timeout = _this$props2.timeout;
+
+      node.style.transition = theme.transitions.create('transform', {
+        duration: typeof timeout === 'number' ? timeout : timeout.exit,
+        easing: theme.transitions.easing.sharp
+      });
+      // $FlowFixMe - https://github.com/facebook/flow/pull/5161
+      node.style.webkitTransition = theme.transitions.create('-webkit-transform', {
+        duration: typeof timeout === 'number' ? timeout : timeout.exit,
+        easing: theme.transitions.easing.sharp
+      });
+      setTranslateValue(_this.props, node);
+
+      if (_this.props.onExit) {
+        _this.props.onExit(node);
+      }
+    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+  }
+
+  (0, _createClass3.default)(Slide, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      // state.firstMount handle SSR, once the component is mounted, we need
+      // to propery hide it.
+      if (!this.props.in) {
+        // We need to set initial translate values of transition element
+        // otherwise component will be shown when in=false.
+        var element = (0, _reactDom.findDOMNode)(this.transition);
+        if (element instanceof HTMLElement) {
+          element.style.visibility = 'inherit';
+          setTranslateValue(this.props, element);
+        }
+      }
+    }
+  }, {
+    key: 'componentWillReceiveProps',
+    value: function componentWillReceiveProps() {
+      this.setState({
+        firstMount: false
+      });
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      this.handleResize.cancel();
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          children = _props.children,
+          onEnter = _props.onEnter,
+          onEntering = _props.onEntering,
+          onExit = _props.onExit,
+          styleProp = _props.style,
+          theme = _props.theme,
+          other = (0, _objectWithoutProperties3.default)(_props, ['children', 'onEnter', 'onEntering', 'onExit', 'style', 'theme']);
+
+
+      var style = (0, _extends3.default)({}, styleProp);
+
+      if (!this.props.in && this.state.firstMount) {
+        style.visibility = 'hidden';
+      }
+
+      return _react2.default.createElement(
+        _reactEventListener2.default,
+        { target: 'window', onResize: this.handleResize },
+        _react2.default.createElement(
+          _Transition2.default,
+          (0, _extends3.default)({
+            onEnter: this.handleEnter,
+            onEntering: this.handleEntering,
+            onExit: this.handleExit,
+            appear: true,
+            style: style
+          }, other, {
+            ref: function ref(node) {
+              _this2.transition = node;
+            }
+          }),
+          children
+        )
+      );
+    }
+  }]);
+  return Slide;
+}(_react2.default.Component);
+
+Slide.defaultProps = {
+  direction: 'down',
+  timeout: {
+    enter: _transitions.duration.enteringScreen,
+    exit: _transitions.duration.leavingScreen
+  }
+};
+exports.default = (0, _withTheme2.default)()(Slide);

goTorrentWebUI/node_modules/material-ui/transitions/Slide.js.flow

@@ -0,0 +1,258 @@
+// @flow
+// @inheritedComponent Transition
+
+import React from 'react';
+import type { Element } from 'react';
+import { findDOMNode } from 'react-dom';
+import EventListener from 'react-event-listener';
+import debounce from 'lodash/debounce';
+import Transition from 'react-transition-group/Transition';
+import withTheme from '../styles/withTheme';
+import { duration } from '../styles/transitions';
+import type { TransitionDuration, TransitionCallback } from '../internal/transition';
+
+const GUTTER = 24;
+
+// Translate the node so he can't be seen on the screen.
+// Later, we gonna translate back the node to his original location
+// with `translate3d(0, 0, 0)`.`
+function getTranslateValue(props, node: HTMLElement) {
+  const { direction } = props;
+  const rect = node.getBoundingClientRect();
+
+  let transform;
+
+  if (node.fakeTransform) {
+    transform = node.fakeTransform;
+  } else {
+    const computedStyle = window.getComputedStyle(node);
+    transform =
+      computedStyle.getPropertyValue('-webkit-transform') ||
+      computedStyle.getPropertyValue('transform');
+  }
+
+  let offsetX = 0;
+  let offsetY = 0;
+
+  if (transform && transform !== 'none' && typeof transform === 'string') {
+    const transformValues = transform
+      .split('(')[1]
+      .split(')')[0]
+      .split(',');
+    offsetX = parseInt(transformValues[4], 10);
+    offsetY = parseInt(transformValues[5], 10);
+  }
+
+  if (direction === 'left') {
+    return `translateX(100vw) translateX(-${rect.left - offsetX}px)`;
+  } else if (direction === 'right') {
+    return `translateX(-${rect.left + rect.width + GUTTER - offsetX}px)`;
+  } else if (direction === 'up') {
+    return `translateY(100vh) translateY(-${rect.top - offsetY}px)`;
+  }
+
+  // direction === 'down
+  return `translate3d(0, ${0 - (rect.top + rect.height)}px, 0)`;
+}
+
+export function setTranslateValue(props: Object, node: HTMLElement | Object) {
+  const transform = getTranslateValue(props, node);
+
+  if (transform) {
+    node.style.transform = transform;
+    node.style.webkitTransform = transform;
+  }
+}
+
+export type Direction = 'left' | 'right' | 'up' | 'down';
+
+type ProvidedProps = {
+  timeout: TransitionDuration,
+  theme: Object,
+};
+
+export type Props = {
+  /**
+   * A single child content element.
+   */
+  children: Element<any>,
+  /**
+   * Direction the child node will enter from.
+   */
+  direction?: Direction,
+  /**
+   * If `true`, show the component; triggers the enter or exit animation.
+   */
+  in: boolean,
+  /**
+   * @ignore
+   */
+  onEnter?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onEntering?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onEntered?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onExit?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onExiting?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  onExited?: TransitionCallback,
+  /**
+   * @ignore
+   */
+  style?: Object,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   */
+  timeout?: TransitionDuration,
+  /**
+   * @ignore
+   */
+  theme?: Object,
+};
+
+type State = {
+  firstMount: boolean,
+};
+
+const reflow = node => node.scrollTop;
+
+class Slide extends React.Component<ProvidedProps & Props, State> {
+  static defaultProps = {
+    direction: 'down',
+    timeout: {
+      enter: duration.enteringScreen,
+      exit: duration.leavingScreen,
+    },
+  };
+
+  state = {
+    // We use this state to handle the server-side rendering.
+    firstMount: true,
+  };
+
+  componentDidMount() {
+    // state.firstMount handle SSR, once the component is mounted, we need
+    // to propery hide it.
+    if (!this.props.in) {
+      // We need to set initial translate values of transition element
+      // otherwise component will be shown when in=false.
+      const element = findDOMNode(this.transition);
+      if (element instanceof HTMLElement) {
+        element.style.visibility = 'inherit';
+        setTranslateValue(this.props, element);
+      }
+    }
+  }
+
+  componentWillReceiveProps() {
+    this.setState({
+      firstMount: false,
+    });
+  }
+
+  componentWillUnmount() {
+    this.handleResize.cancel();
+  }
+
+  transition = null;
+
+  handleResize = debounce(() => {
+    // Skip configuration where the position is screen size invariant.
+    if (this.props.in || this.props.direction === 'down' || this.props.direction === 'right') {
+      return;
+    }
+
+    const node = findDOMNode(this.transition);
+    if (node instanceof HTMLElement) {
+      setTranslateValue(this.props, node);
+    }
+  }, 166);
+
+  handleEnter = (node: HTMLElement) => {
+    setTranslateValue(this.props, node);
+    reflow(node);
+
+    if (this.props.onEnter) {
+      this.props.onEnter(node);
+    }
+  };
+
+  handleEntering = (node: HTMLElement) => {
+    const { theme, timeout } = this.props;
+    node.style.transition = theme.transitions.create('transform', {
+      duration: typeof timeout === 'number' ? timeout : timeout.enter,
+      easing: theme.transitions.easing.easeOut,
+    });
+    // $FlowFixMe - https://github.com/facebook/flow/pull/5161
+    node.style.webkitTransition = theme.transitions.create('-webkit-transform', {
+      duration: typeof timeout === 'number' ? timeout : timeout.enter,
+      easing: theme.transitions.easing.easeOut,
+    });
+    node.style.transform = 'translate3d(0, 0, 0)';
+    node.style.webkitTransform = 'translate3d(0, 0, 0)';
+    if (this.props.onEntering) {
+      this.props.onEntering(node);
+    }
+  };
+
+  handleExit = (node: HTMLElement) => {
+    const { theme, timeout } = this.props;
+    node.style.transition = theme.transitions.create('transform', {
+      duration: typeof timeout === 'number' ? timeout : timeout.exit,
+      easing: theme.transitions.easing.sharp,
+    });
+    // $FlowFixMe - https://github.com/facebook/flow/pull/5161
+    node.style.webkitTransition = theme.transitions.create('-webkit-transform', {
+      duration: typeof timeout === 'number' ? timeout : timeout.exit,
+      easing: theme.transitions.easing.sharp,
+    });
+    setTranslateValue(this.props, node);
+
+    if (this.props.onExit) {
+      this.props.onExit(node);
+    }
+  };
+
+  render() {
+    const { children, onEnter, onEntering, onExit, style: styleProp, theme, ...other } = this.props;
+
+    const style = { ...styleProp };
+
+    if (!this.props.in && this.state.firstMount) {
+      style.visibility = 'hidden';
+    }
+
+    return (
+      <EventListener target="window" onResize={this.handleResize}>
+        <Transition
+          onEnter={this.handleEnter}
+          onEntering={this.handleEntering}
+          onExit={this.handleExit}
+          appear
+          style={style}
+          {...other}
+          ref={node => {
+            this.transition = node;
+          }}
+        >
+          {children}
+        </Transition>
+      </EventListener>
+    );
+  }
+}
+
+export default withTheme()(Slide);