Removed GopherJS, basic frontend completed, need backend changes for

torrent storage
This commit is contained in:
2017-11-30 18:12:11 -05:00
parent 67fdef16b1
commit e98ad2cc88
69321 changed files with 5498914 additions and 337 deletions

View File

@@ -0,0 +1,27 @@
import * as React from 'react';
import { StandardProps, PropTypes } from '..';
export interface FormControlProps extends StandardProps<
React.HtmlHTMLAttributes<HTMLDivElement>,
FormControlClassKey
> {
disabled?: boolean;
error?: boolean;
fullWidth?: boolean;
margin?: PropTypes.Margin;
onBlur?: React.EventHandler<any>;
onFocus?: React.EventHandler<any>;
required?: boolean;
component?: React.ReactType;
}
export type FormControlClassKey =
| 'root'
| 'marginNormal'
| 'marginDense'
| 'fullWidth'
;
declare const FormControl: React.ComponentType<FormControlProps>;
export default FormControl;

View File

@@ -0,0 +1,297 @@
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.styles = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
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 _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _withStyles = require('../styles/withStyles');
var _withStyles2 = _interopRequireDefault(_withStyles);
var _Input = require('../Input/Input');
var _reactHelpers = require('../utils/reactHelpers');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var babelPluginFlowReactPropTypes_proptype_Node = require('react').babelPluginFlowReactPropTypes_proptype_Node || require('prop-types').any;
var babelPluginFlowReactPropTypes_proptype_ElementType = require('react').babelPluginFlowReactPropTypes_proptype_ElementType || require('prop-types').any;
var styles = exports.styles = function styles(theme) {
return {
root: {
display: 'inline-flex',
flexDirection: 'column',
position: 'relative',
// Reset fieldset default style
minWidth: 0,
padding: 0,
margin: 0,
border: 0
},
marginNormal: {
marginTop: theme.spacing.unit * 2,
marginBottom: theme.spacing.unit
},
marginDense: {
marginTop: theme.spacing.unit,
marginBottom: theme.spacing.unit / 2
},
fullWidth: {
width: '100%'
}
};
};
var babelPluginFlowReactPropTypes_proptype_Margin = require('prop-types').oneOf(['none', 'dense', 'normal']);
var babelPluginFlowReactPropTypes_proptype_Props = {
/**
* The contents of the form control.
*/
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 label, input and helper text should be displayed in a disabled state.
*/
disabled: require('prop-types').bool,
/**
* If `true`, the label should be displayed in an error state.
*/
error: require('prop-types').bool,
/**
* If `true`, the component, as well as its children,
* will take up the full width of its container.
*/
fullWidth: require('prop-types').bool,
/**
* @ignore
*/
onBlur: require('prop-types').func,
/**
* @ignore
*/
onFocus: require('prop-types').func,
/**
* If `true`, the label will indicate that the input is required.
*/
required: require('prop-types').bool,
/**
* If `dense` or `normal`, will adjust vertical spacing of this and contained components.
*/
margin: require('prop-types').oneOf(['none', 'dense', 'normal'])
};
/**
* Provides context such as dirty/focused/error/required for form inputs.
* Relying on the context provides high flexibilty and ensures that the state always stay
* consitent across the children of the `FormControl`.
* This context is used by the following components:
* - FormLabel
* - FormHelperText
* - Input
* - InputLabel
*/
var FormControl = function (_React$Component) {
(0, _inherits3.default)(FormControl, _React$Component);
function FormControl(props, context) {
(0, _classCallCheck3.default)(this, FormControl);
// We need to iterate through the children and find the Input in order
// to fully support server side rendering.
var _this = (0, _possibleConstructorReturn3.default)(this, (FormControl.__proto__ || (0, _getPrototypeOf2.default)(FormControl)).call(this, props, context));
_this.state = {
adornedStart: false,
dirty: false,
focused: false
};
_this.handleFocus = function (event) {
if (_this.props.onFocus) {
_this.props.onFocus(event);
}
if (!_this.state.focused) {
_this.setState({ focused: true });
}
};
_this.handleBlur = function (event) {
if (_this.props.onBlur) {
_this.props.onBlur(event);
}
if (_this.state.focused) {
_this.setState({ focused: false });
}
};
_this.handleDirty = function () {
if (!_this.state.dirty) {
_this.setState({ dirty: true });
}
};
_this.handleClean = function () {
if (_this.state.dirty) {
_this.setState({ dirty: false });
}
};
var children = _this.props.children;
if (children) {
_react2.default.Children.forEach(children, function (child) {
if ((0, _reactHelpers.isMuiElement)(child, ['Input', 'Select']) && (0, _Input.isDirty)(child.props, true)) {
_this.state.dirty = true;
}
if ((0, _reactHelpers.isMuiElement)(child, ['Input']) && (0, _Input.isAdornedStart)(child.props)) {
_this.state.adornedStart = true;
}
});
}
return _this;
}
(0, _createClass3.default)(FormControl, [{
key: 'getChildContext',
value: function getChildContext() {
var _props = this.props,
disabled = _props.disabled,
error = _props.error,
required = _props.required,
margin = _props.margin;
var _state = this.state,
adornedStart = _state.adornedStart,
dirty = _state.dirty,
focused = _state.focused;
return {
muiFormControl: {
adornedStart: adornedStart,
dirty: dirty,
disabled: disabled,
error: error,
focused: focused,
margin: margin,
required: required,
onDirty: this.handleDirty,
onClean: this.handleClean,
onFocus: this.handleFocus,
onBlur: this.handleBlur
}
};
}
}, {
key: 'render',
value: function render() {
var _classNames;
var _props2 = this.props,
children = _props2.children,
classes = _props2.classes,
className = _props2.className,
ComponentProp = _props2.component,
disabled = _props2.disabled,
error = _props2.error,
fullWidth = _props2.fullWidth,
margin = _props2.margin,
other = (0, _objectWithoutProperties3.default)(_props2, ['children', 'classes', 'className', 'component', 'disabled', 'error', 'fullWidth', 'margin']);
return _react2.default.createElement(
ComponentProp,
(0, _extends3.default)({
className: (0, _classnames2.default)(classes.root, (_classNames = {}, (0, _defineProperty3.default)(_classNames, classes.marginNormal, margin === 'normal'), (0, _defineProperty3.default)(_classNames, classes.marginDense, margin === 'dense'), (0, _defineProperty3.default)(_classNames, classes.fullWidth, fullWidth), _classNames), className)
}, other, {
onFocus: this.handleFocus,
onBlur: this.handleBlur
}),
children
);
}
}]);
return FormControl;
}(_react2.default.Component);
FormControl.defaultProps = {
component: 'div',
disabled: false,
error: false,
fullWidth: false,
margin: 'none',
required: false
};
FormControl.childContextTypes = {
muiFormControl: _propTypes2.default.object.isRequired
};
exports.default = (0, _withStyles2.default)(styles, { name: 'MuiFormControl' })(FormControl);

View File

@@ -0,0 +1,235 @@
// @flow
import React from 'react';
import type { ElementType, Node } from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import withStyles from '../styles/withStyles';
import { isDirty, isAdornedStart } from '../Input/Input';
import { isMuiElement } from '../utils/reactHelpers';
export const styles = (theme: Object) => ({
root: {
display: 'inline-flex',
flexDirection: 'column',
position: 'relative',
// Reset fieldset default style
minWidth: 0,
padding: 0,
margin: 0,
border: 0,
},
marginNormal: {
marginTop: theme.spacing.unit * 2,
marginBottom: theme.spacing.unit,
},
marginDense: {
marginTop: theme.spacing.unit,
marginBottom: theme.spacing.unit / 2,
},
fullWidth: {
width: '100%',
},
});
export type Margin = 'none' | 'dense' | 'normal';
type ProvidedProps = {
disabled: boolean,
classes: Object,
component: ElementType,
error: boolean,
fullWidth: boolean,
margin: Margin,
required: boolean,
};
export type Props = {
/**
* The contents of the form control.
*/
children?: Node,
/**
* Useful to extend the style applied to components.
*/
classes?: Object,
/**
* @ignore
*/
className?: string,
/**
* The component used for the root node.
* Either a string to use a DOM element or a component.
*/
component?: ElementType,
/**
* If `true`, the label, input and helper text should be displayed in a disabled state.
*/
disabled?: boolean,
/**
* If `true`, the label should be displayed in an error state.
*/
error?: boolean,
/**
* If `true`, the component, as well as its children,
* will take up the full width of its container.
*/
fullWidth?: boolean,
/**
* @ignore
*/
onBlur?: Function,
/**
* @ignore
*/
onFocus?: Function,
/**
* If `true`, the label will indicate that the input is required.
*/
required?: boolean,
/**
* If `dense` or `normal`, will adjust vertical spacing of this and contained components.
*/
margin?: Margin,
};
type State = {
adornedStart: boolean,
dirty: boolean,
focused: boolean,
};
/**
* Provides context such as dirty/focused/error/required for form inputs.
* Relying on the context provides high flexibilty and ensures that the state always stay
* consitent across the children of the `FormControl`.
* This context is used by the following components:
* - FormLabel
* - FormHelperText
* - Input
* - InputLabel
*/
class FormControl extends React.Component<ProvidedProps & Props, State> {
static defaultProps = {
component: 'div',
disabled: false,
error: false,
fullWidth: false,
margin: 'none',
required: false,
};
static childContextTypes = {
muiFormControl: PropTypes.object.isRequired,
};
constructor(props, context) {
super(props, context);
// We need to iterate through the children and find the Input in order
// to fully support server side rendering.
const { children } = this.props;
if (children) {
React.Children.forEach(children, child => {
if (isMuiElement(child, ['Input', 'Select']) && isDirty(child.props, true)) {
this.state.dirty = true;
}
if (isMuiElement(child, ['Input']) && isAdornedStart(child.props)) {
this.state.adornedStart = true;
}
});
}
}
state = {
adornedStart: false,
dirty: false,
focused: false,
};
getChildContext() {
const { disabled, error, required, margin } = this.props;
const { adornedStart, dirty, focused } = this.state;
return {
muiFormControl: {
adornedStart,
dirty,
disabled,
error,
focused,
margin,
required,
onDirty: this.handleDirty,
onClean: this.handleClean,
onFocus: this.handleFocus,
onBlur: this.handleBlur,
},
};
}
handleFocus = event => {
if (this.props.onFocus) {
this.props.onFocus(event);
}
if (!this.state.focused) {
this.setState({ focused: true });
}
};
handleBlur = event => {
if (this.props.onBlur) {
this.props.onBlur(event);
}
if (this.state.focused) {
this.setState({ focused: false });
}
};
handleDirty = () => {
if (!this.state.dirty) {
this.setState({ dirty: true });
}
};
handleClean = () => {
if (this.state.dirty) {
this.setState({ dirty: false });
}
};
render() {
const {
children,
classes,
className,
component: ComponentProp,
disabled,
error,
fullWidth,
margin,
...other
} = this.props;
return (
<ComponentProp
className={classNames(
classes.root,
{
[classes.marginNormal]: margin === 'normal',
[classes.marginDense]: margin === 'dense',
[classes.fullWidth]: fullWidth,
},
className,
)}
{...other}
onFocus={this.handleFocus}
onBlur={this.handleBlur}
>
{children}
</ComponentProp>
);
}
}
export default withStyles(styles, { name: 'MuiFormControl' })(FormControl);

View File

@@ -0,0 +1,27 @@
import * as React from 'react';
import { StandardProps } from '..';
export interface FormControlLabelProps extends StandardProps<
React.LabelHTMLAttributes<HTMLLabelElement>,
FormControlLabelClassKey,
'onChange'
> {
checked?: boolean | string;
control: React.ReactElement<any>;
disabled?: boolean;
inputRef?: React.Ref<any>;
label: React.ReactNode;
name?: string;
onChange?: (event: React.ChangeEvent<{}>, checked: boolean) => void;
value?: string;
}
export type FormControlLabelClassKey =
| 'root'
| 'disabled'
| 'label'
;
declare const FormControlLabel: React.ComponentType<FormControlLabelProps>;
export default FormControlLabel;

View File

@@ -0,0 +1,187 @@
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.styles = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _ref;
/* eslint-disable jsx-a11y/label-has-for */
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _withStyles = require('../styles/withStyles');
var _withStyles2 = _interopRequireDefault(_withStyles);
var _Typography = require('../Typography');
var _Typography2 = _interopRequireDefault(_Typography);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var babelPluginFlowReactPropTypes_proptype_Element = require('react').babelPluginFlowReactPropTypes_proptype_Element || 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: {
display: 'inline-flex',
alignItems: 'center',
cursor: 'pointer',
// Remove grey highlight
WebkitTapHighlightColor: theme.palette.common.transparent,
marginLeft: -14,
marginRight: theme.spacing.unit * 2 // used for row presentation of radio/checkbox
},
disabled: {
color: theme.palette.text.disabled,
cursor: 'default'
},
label: {
userSelect: 'none'
}
};
};
var babelPluginFlowReactPropTypes_proptype_Props = {
/**
* If `true`, the component appears selected.
*/
checked: require('prop-types').oneOfType([require('prop-types').bool, require('prop-types').string]),
/**
* Useful to extend the style applied to components.
*/
classes: require('prop-types').object,
/**
* @ignore
*/
className: require('prop-types').string,
/**
* A control element. For instance, it can be be a `Radio`, a `Switch` or a `Checkbox`.
*/
control: 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 control will be disabled.
*/
disabled: require('prop-types').bool,
/**
* Use that property to pass a ref callback to the native input component.
*/
inputRef: require('prop-types').func,
/**
* The text to be used in an enclosing label element.
*/
label: typeof babelPluginFlowReactPropTypes_proptype_Node === 'function' ? babelPluginFlowReactPropTypes_proptype_Node.isRequired ? babelPluginFlowReactPropTypes_proptype_Node.isRequired : babelPluginFlowReactPropTypes_proptype_Node : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Node).isRequired,
/*
* @ignore
*/
name: require('prop-types').string,
/**
* Callback fired when the state is changed.
*
* @param {object} event The event source of the callback
* @param {boolean} checked The `checked` value of the switch
*/
onChange: require('prop-types').func,
/**
* The value of the component.
*/
value: require('prop-types').string
};
/**
* Drop in replacement of the `Radio`, `Switch` and `Checkbox` component.
* Use this component if you want to display an extra label.
*/
function FormControlLabel(props, context) {
var checked = props.checked,
classes = props.classes,
classNameProp = props.className,
control = props.control,
disabledProp = props.disabled,
inputRef = props.inputRef,
label = props.label,
name = props.name,
onChange = props.onChange,
value = props.value,
other = (0, _objectWithoutProperties3.default)(props, ['checked', 'classes', 'className', 'control', 'disabled', 'inputRef', 'label', 'name', 'onChange', 'value']);
var muiFormControl = context.muiFormControl;
var disabled = disabledProp;
if (typeof control.props.disabled !== 'undefined') {
if (typeof disabled === 'undefined') {
disabled = control.props.disabled;
}
}
if (muiFormControl) {
if (typeof disabled === 'undefined') {
disabled = muiFormControl.disabled;
}
}
var className = (0, _classnames2.default)(classes.root, (0, _defineProperty3.default)({}, classes.disabled, disabled), classNameProp);
return _react2.default.createElement(
'label',
(0, _extends3.default)({ className: className }, other),
_react2.default.cloneElement(control, {
disabled: disabled,
checked: typeof control.props.checked === 'undefined' ? checked : control.props.checked,
name: control.props.name || name,
onChange: control.props.onChange || onChange,
value: control.props.value || value,
inputRef: control.props.inputRef || inputRef
}),
_react2.default.createElement(
_Typography2.default,
{ className: classes.label },
label
)
);
}
FormControlLabel.propTypes = process.env.NODE_ENV !== "production" ? (_ref = {
classes: require('prop-types').object.isRequired,
checked: require('prop-types').oneOfType([require('prop-types').bool, require('prop-types').string])
}, (0, _defineProperty3.default)(_ref, 'classes', require('prop-types').object), (0, _defineProperty3.default)(_ref, 'className', require('prop-types').string), (0, _defineProperty3.default)(_ref, 'control', typeof babelPluginFlowReactPropTypes_proptype_Element === 'function' ? babelPluginFlowReactPropTypes_proptype_Element.isRequired ? babelPluginFlowReactPropTypes_proptype_Element.isRequired : babelPluginFlowReactPropTypes_proptype_Element : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Element).isRequired), (0, _defineProperty3.default)(_ref, 'disabled', require('prop-types').bool), (0, _defineProperty3.default)(_ref, 'inputRef', require('prop-types').func), (0, _defineProperty3.default)(_ref, 'label', typeof babelPluginFlowReactPropTypes_proptype_Node === 'function' ? babelPluginFlowReactPropTypes_proptype_Node.isRequired ? babelPluginFlowReactPropTypes_proptype_Node.isRequired : babelPluginFlowReactPropTypes_proptype_Node : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Node).isRequired), (0, _defineProperty3.default)(_ref, 'name', require('prop-types').string), (0, _defineProperty3.default)(_ref, 'onChange', require('prop-types').func), (0, _defineProperty3.default)(_ref, 'value', require('prop-types').string), _ref) : {};
FormControlLabel.contextTypes = {
muiFormControl: _propTypes2.default.object
};
exports.default = (0, _withStyles2.default)(styles, { name: 'MuiFormControlLabel' })(FormControlLabel);

View File

@@ -0,0 +1,145 @@
// @flow
/* eslint-disable jsx-a11y/label-has-for */
import React from 'react';
import type { Node, Element } from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import withStyles from '../styles/withStyles';
import Typography from '../Typography';
export const styles = (theme: Object) => ({
root: {
display: 'inline-flex',
alignItems: 'center',
cursor: 'pointer',
// Remove grey highlight
WebkitTapHighlightColor: theme.palette.common.transparent,
marginLeft: -14,
marginRight: theme.spacing.unit * 2, // used for row presentation of radio/checkbox
},
disabled: {
color: theme.palette.text.disabled,
cursor: 'default',
},
label: {
userSelect: 'none',
},
});
type Context = {
muiFormControl?: Object,
};
type ProvidedProps = {
classes: Object,
};
export type Props = {
/**
* If `true`, the component appears selected.
*/
checked?: boolean | string,
/**
* Useful to extend the style applied to components.
*/
classes?: Object,
/**
* @ignore
*/
className?: string,
/**
* A control element. For instance, it can be be a `Radio`, a `Switch` or a `Checkbox`.
*/
control: Element<any>,
/**
* If `true`, the control will be disabled.
*/
disabled?: boolean,
/**
* Use that property to pass a ref callback to the native input component.
*/
inputRef?: Function,
/**
* The text to be used in an enclosing label element.
*/
label: Node,
/*
* @ignore
*/
name?: string,
/**
* Callback fired when the state is changed.
*
* @param {object} event The event source of the callback
* @param {boolean} checked The `checked` value of the switch
*/
onChange?: Function,
/**
* The value of the component.
*/
value?: string,
};
/**
* Drop in replacement of the `Radio`, `Switch` and `Checkbox` component.
* Use this component if you want to display an extra label.
*/
function FormControlLabel(props: ProvidedProps & Props, context: Context) {
const {
checked,
classes,
className: classNameProp,
control,
disabled: disabledProp,
inputRef,
label,
name,
onChange,
value,
...other
} = props;
const { muiFormControl } = context;
let disabled = disabledProp;
if (typeof control.props.disabled !== 'undefined') {
if (typeof disabled === 'undefined') {
disabled = control.props.disabled;
}
}
if (muiFormControl) {
if (typeof disabled === 'undefined') {
disabled = muiFormControl.disabled;
}
}
const className = classNames(
classes.root,
{
[classes.disabled]: disabled,
},
classNameProp,
);
return (
<label className={className} {...other}>
{React.cloneElement(control, {
disabled,
checked: typeof control.props.checked === 'undefined' ? checked : control.props.checked,
name: control.props.name || name,
onChange: control.props.onChange || onChange,
value: control.props.value || value,
inputRef: control.props.inputRef || inputRef,
})}
<Typography className={classes.label}>{label}</Typography>
</label>
);
}
FormControlLabel.contextTypes = {
muiFormControl: PropTypes.object,
};
export default withStyles(styles, { name: 'MuiFormControlLabel' })(FormControlLabel);

View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import { StandardProps } from '..';
export interface FormGroupProps extends StandardProps<
React.HtmlHTMLAttributes<HTMLDivElement>,
FormGroupClassKey
> {
row?: boolean;
}
export type FormGroupClassKey =
| 'root'
| 'row'
;
declare const FormGroup: React.ComponentType<FormGroupProps>;
export default FormGroup;

View File

@@ -0,0 +1,101 @@
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.styles = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _ref;
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _withStyles = require('../styles/withStyles');
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;
var styles = exports.styles = {
root: {
display: 'flex',
flexDirection: 'column',
flexWrap: 'wrap'
},
row: {
flexDirection: 'row'
}
};
var babelPluginFlowReactPropTypes_proptype_Props = {
/**
* The content of the component.
*/
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,
/**
* Display group of elements in a compact row.
*/
row: require('prop-types').bool
};
/**
* `FormGroup` wraps controls such as `Checkbox` and `Switch`.
* It provides compact row layout.
* For the `Radio`, you should be using the `RadioGroup` component instead of this one.
*/
function FormGroup(props) {
var classes = props.classes,
className = props.className,
children = props.children,
row = props.row,
other = (0, _objectWithoutProperties3.default)(props, ['classes', 'className', 'children', 'row']);
var rootClassName = (0, _classnames2.default)(classes.root, (0, _defineProperty3.default)({}, classes.row, row), className);
return _react2.default.createElement(
'div',
(0, _extends3.default)({ className: rootClassName }, other),
children
);
}
FormGroup.propTypes = process.env.NODE_ENV !== "production" ? (_ref = {
classes: require('prop-types').object.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, 'row', require('prop-types').bool), _ref) : {};
FormGroup.defaultProps = {
row: false
};
exports.default = (0, _withStyles2.default)(styles, { name: 'MuiFormGroup' })(FormGroup);

View File

@@ -0,0 +1,68 @@
// @flow
import React from 'react';
import type { Node } from 'react';
import classNames from 'classnames';
import withStyles from '../styles/withStyles';
export const styles = {
root: {
display: 'flex',
flexDirection: 'column',
flexWrap: 'wrap',
},
row: {
flexDirection: 'row',
},
};
type ProvidedProps = {
classes: Object,
};
export type Props = {
/**
* The content of the component.
*/
children?: Node,
/**
* Useful to extend the style applied to components.
*/
classes?: Object,
/**
* @ignore
*/
className?: string,
/**
* Display group of elements in a compact row.
*/
row?: boolean,
};
/**
* `FormGroup` wraps controls such as `Checkbox` and `Switch`.
* It provides compact row layout.
* For the `Radio`, you should be using the `RadioGroup` component instead of this one.
*/
function FormGroup(props: ProvidedProps & Props) {
const { classes, className, children, row, ...other } = props;
const rootClassName = classNames(
classes.root,
{
[classes.row]: row,
},
className,
);
return (
<div className={rootClassName} {...other}>
{children}
</div>
);
}
FormGroup.defaultProps = {
row: false,
};
export default withStyles(styles, { name: 'MuiFormGroup' })(FormGroup);

View File

@@ -0,0 +1,22 @@
import * as React from 'react';
import { StandardProps } from '..';
export interface FormHelperTextProps extends StandardProps<
React.HTMLAttributes<HTMLParagraphElement>,
FormHelperTextClassKey
> {
disabled?: boolean;
error?: boolean;
margin?: 'dense';
}
export type FormHelperTextClassKey =
| 'root'
| 'dense'
| 'error'
| 'disabled'
;
declare const FormHelperText: React.ComponentType<FormHelperTextProps>;
export default FormHelperText;

View File

@@ -0,0 +1,148 @@
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.styles = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _ref;
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _withStyles = require('../styles/withStyles');
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;
var styles = exports.styles = function styles(theme) {
return {
root: {
color: theme.palette.input.helperText,
fontFamily: theme.typography.fontFamily,
fontSize: theme.typography.pxToRem(12),
textAlign: 'left',
marginTop: theme.spacing.unit,
lineHeight: '1em',
minHeight: '1em',
margin: 0
},
dense: {
marginTop: theme.spacing.unit / 2
},
error: {
color: theme.palette.error.A400
},
disabled: {
color: theme.palette.input.disabled
}
};
};
var babelPluginFlowReactPropTypes_proptype_Props = {
/**
* The content of the component.
*/
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,
/**
* If `true`, the helper text should be displayed in a disabled state.
*/
disabled: require('prop-types').bool,
/**
* If `true`, helper text should be displayed in an error state.
*/
error: require('prop-types').bool,
/**
* If `dense`, will adjust vertical spacing. This is normally obtained via context from
* FormControl.
*/
margin: require('prop-types').oneOf(['dense'])
};
function FormHelperText(props, context) {
var _classNames;
var children = props.children,
classes = props.classes,
classNameProp = props.className,
disabledProp = props.disabled,
errorProp = props.error,
marginProp = props.margin,
other = (0, _objectWithoutProperties3.default)(props, ['children', 'classes', 'className', 'disabled', 'error', 'margin']);
var muiFormControl = context.muiFormControl;
var disabled = disabledProp;
var error = errorProp;
var margin = marginProp;
if (muiFormControl) {
if (typeof disabled === 'undefined') {
disabled = muiFormControl.disabled;
}
if (typeof error === 'undefined') {
error = muiFormControl.error;
}
if (typeof margin === 'undefined') {
margin = muiFormControl.margin;
}
}
var className = (0, _classnames2.default)(classes.root, (_classNames = {}, (0, _defineProperty3.default)(_classNames, classes.disabled, disabled), (0, _defineProperty3.default)(_classNames, classes.error, error), (0, _defineProperty3.default)(_classNames, classes.dense, margin === 'dense'), _classNames), classNameProp);
return _react2.default.createElement(
'p',
(0, _extends3.default)({ className: className }, other),
children
);
}
FormHelperText.propTypes = process.env.NODE_ENV !== "production" ? (_ref = {
classes: require('prop-types').object.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, 'disabled', require('prop-types').bool), (0, _defineProperty3.default)(_ref, 'error', require('prop-types').bool), (0, _defineProperty3.default)(_ref, 'margin', require('prop-types').oneOf(['dense'])), _ref) : {};
FormHelperText.contextTypes = {
muiFormControl: _propTypes2.default.object
};
exports.default = (0, _withStyles2.default)(styles, { name: 'MuiFormHelperText' })(FormHelperText);

View File

@@ -0,0 +1,114 @@
// @flow
import React from 'react';
import type { Node } from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import withStyles from '../styles/withStyles';
export const styles = (theme: Object) => ({
root: {
color: theme.palette.input.helperText,
fontFamily: theme.typography.fontFamily,
fontSize: theme.typography.pxToRem(12),
textAlign: 'left',
marginTop: theme.spacing.unit,
lineHeight: '1em',
minHeight: '1em',
margin: 0,
},
dense: {
marginTop: theme.spacing.unit / 2,
},
error: {
color: theme.palette.error.A400,
},
disabled: {
color: theme.palette.input.disabled,
},
});
type ProvidedProps = {
classes: Object,
};
export type Props = {
/**
* The content of the component.
*/
children?: Node,
/**
* Useful to extend the style applied to components.
*/
classes?: Object,
/**
* @ignore
*/
className?: string,
/**
* If `true`, the helper text should be displayed in a disabled state.
*/
disabled?: boolean,
/**
* If `true`, helper text should be displayed in an error state.
*/
error?: boolean,
/**
* If `dense`, will adjust vertical spacing. This is normally obtained via context from
* FormControl.
*/
margin?: 'dense',
};
function FormHelperText(props: ProvidedProps & Props, context: { muiFormControl: Object }) {
const {
children,
classes,
className: classNameProp,
disabled: disabledProp,
error: errorProp,
margin: marginProp,
...other
} = props;
const { muiFormControl } = context;
let disabled = disabledProp;
let error = errorProp;
let margin = marginProp;
if (muiFormControl) {
if (typeof disabled === 'undefined') {
disabled = muiFormControl.disabled;
}
if (typeof error === 'undefined') {
error = muiFormControl.error;
}
if (typeof margin === 'undefined') {
margin = muiFormControl.margin;
}
}
const className = classNames(
classes.root,
{
[classes.disabled]: disabled,
[classes.error]: error,
[classes.dense]: margin === 'dense',
},
classNameProp,
);
return (
<p className={className} {...other}>
{children}
</p>
);
}
FormHelperText.contextTypes = {
muiFormControl: PropTypes.object,
};
export default withStyles(styles, { name: 'MuiFormHelperText' })(FormHelperText);

View File

@@ -0,0 +1,23 @@
import * as React from 'react';
import { StandardProps } from '..';
export interface FormLabelProps extends StandardProps<
React.LabelHTMLAttributes<HTMLLabelElement>,
FormLabelClassKey
> {
disabled?: boolean;
error?: boolean;
focused?: boolean;
required?: boolean;
}
export type FormLabelClassKey =
| 'root'
| 'focused'
| 'error'
| 'disabled'
;
declare const FormLabel: React.ComponentType<FormLabelProps>;
export default FormLabel;

View File

@@ -0,0 +1,174 @@
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.styles = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _ref;
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _withStyles = require('../styles/withStyles');
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;
var babelPluginFlowReactPropTypes_proptype_ElementType = require('react').babelPluginFlowReactPropTypes_proptype_ElementType || require('prop-types').any;
var styles = exports.styles = function styles(theme) {
var focusColor = theme.palette.primary[theme.palette.type === 'light' ? 'A700' : 'A200'];
return {
root: {
fontFamily: theme.typography.fontFamily,
color: theme.palette.input.labelText,
fontSize: theme.typography.pxToRem(16),
lineHeight: 1,
padding: 0
},
focused: {
color: focusColor
},
error: {
color: theme.palette.error.A400
},
disabled: {
color: theme.palette.input.disabled
}
};
};
var babelPluginFlowReactPropTypes_proptype_Props = {
/**
* The content of the component.
*/
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 label should be displayed in a disabled state.
*/
disabled: require('prop-types').bool,
/**
* If `true`, the label should be displayed in an error state.
*/
error: require('prop-types').bool,
/**
* If `true`, the input of this label is focused (used by `FormGroup` components).
*/
focused: require('prop-types').bool,
/**
* If `true`, the label will indicate that the input is required.
*/
required: require('prop-types').bool
};
function FormLabel(props, context) {
var _classNames;
var children = props.children,
classes = props.classes,
classNameProp = props.className,
Component = props.component,
disabledProp = props.disabled,
errorProp = props.error,
focusedProp = props.focused,
requiredProp = props.required,
other = (0, _objectWithoutProperties3.default)(props, ['children', 'classes', 'className', 'component', 'disabled', 'error', 'focused', 'required']);
var muiFormControl = context.muiFormControl;
var required = requiredProp;
var focused = focusedProp;
var disabled = disabledProp;
var error = errorProp;
if (muiFormControl) {
if (typeof required === 'undefined') {
required = muiFormControl.required;
}
if (typeof focused === 'undefined') {
focused = muiFormControl.focused;
}
if (typeof disabled === 'undefined') {
disabled = muiFormControl.disabled;
}
if (typeof error === 'undefined') {
error = muiFormControl.error;
}
}
var className = (0, _classnames2.default)(classes.root, (_classNames = {}, (0, _defineProperty3.default)(_classNames, classes.focused, focused), (0, _defineProperty3.default)(_classNames, classes.disabled, disabled), (0, _defineProperty3.default)(_classNames, classes.error, error), _classNames), classNameProp);
var asteriskClassName = (0, _classnames2.default)((0, _defineProperty3.default)({}, classes.error, error));
return _react2.default.createElement(
Component,
(0, _extends3.default)({ className: className }, other),
children,
required && _react2.default.createElement(
'span',
{ className: asteriskClassName },
'\u2009*'
)
);
}
FormLabel.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,
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, 'disabled', require('prop-types').bool), (0, _defineProperty3.default)(_ref, 'error', require('prop-types').bool), (0, _defineProperty3.default)(_ref, 'focused', require('prop-types').bool), (0, _defineProperty3.default)(_ref, 'required', require('prop-types').bool), _ref) : {};
FormLabel.defaultProps = {
component: 'label'
};
FormLabel.contextTypes = {
muiFormControl: _propTypes2.default.object
};
exports.default = (0, _withStyles2.default)(styles, { name: 'MuiFormLabel' })(FormLabel);

View File

@@ -0,0 +1,141 @@
// @flow
import React from 'react';
import type { ElementType, Node } from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import withStyles from '../styles/withStyles';
export const styles = (theme: Object) => {
const focusColor = theme.palette.primary[theme.palette.type === 'light' ? 'A700' : 'A200'];
return {
root: {
fontFamily: theme.typography.fontFamily,
color: theme.palette.input.labelText,
fontSize: theme.typography.pxToRem(16),
lineHeight: 1,
padding: 0,
},
focused: {
color: focusColor,
},
error: {
color: theme.palette.error.A400,
},
disabled: {
color: theme.palette.input.disabled,
},
};
};
type ProvidedProps = {
classes: Object,
component: ElementType,
};
export type Props = {
/**
* The content of the component.
*/
children?: Node,
/**
* Useful to extend the style applied to components.
*/
classes?: Object,
/**
* @ignore
*/
className?: string,
/**
* The component used for the root node.
* Either a string to use a DOM element or a component.
*/
component?: ElementType,
/**
* If `true`, the label should be displayed in a disabled state.
*/
disabled?: boolean,
/**
* If `true`, the label should be displayed in an error state.
*/
error?: boolean,
/**
* If `true`, the input of this label is focused (used by `FormGroup` components).
*/
focused?: boolean,
/**
* If `true`, the label will indicate that the input is required.
*/
required?: boolean,
};
function FormLabel(props: ProvidedProps & Props, context: { muiFormControl: Object }) {
const {
children,
classes,
className: classNameProp,
component: Component,
disabled: disabledProp,
error: errorProp,
focused: focusedProp,
required: requiredProp,
...other
} = props;
const { muiFormControl } = context;
let required = requiredProp;
let focused = focusedProp;
let disabled = disabledProp;
let error = errorProp;
if (muiFormControl) {
if (typeof required === 'undefined') {
required = muiFormControl.required;
}
if (typeof focused === 'undefined') {
focused = muiFormControl.focused;
}
if (typeof disabled === 'undefined') {
disabled = muiFormControl.disabled;
}
if (typeof error === 'undefined') {
error = muiFormControl.error;
}
}
const className = classNames(
classes.root,
{
[classes.focused]: focused,
[classes.disabled]: disabled,
[classes.error]: error,
},
classNameProp,
);
const asteriskClassName = classNames({
[classes.error]: error,
});
return (
<Component className={className} {...other}>
{children}
{required && (
<span className={asteriskClassName} data-mui-test="FormLabelAsterisk">
{'\u2009*'}
</span>
)}
</Component>
);
}
FormLabel.defaultProps = {
component: 'label',
};
FormLabel.contextTypes = {
muiFormControl: PropTypes.object,
};
export default withStyles(styles, { name: 'MuiFormLabel' })(FormLabel);

View File

@@ -0,0 +1,10 @@
export { default as FormGroup } from './FormGroup';
export * from './FormGroup';
export { default as FormLabel } from './FormLabel';
export * from './FormLabel';
export { default as FormControl } from './FormControl';
export * from './FormControl';
export { default as FormHelperText } from './FormHelperText';
export * from './FormHelperText';
export { default as FormControlLabel } from './FormControlLabel';
export * from './FormControlLabel';

52
torrent-project/node_modules/material-ui/Form/index.js generated vendored Normal file
View File

@@ -0,0 +1,52 @@
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _FormGroup = require('./FormGroup');
Object.defineProperty(exports, 'FormGroup', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_FormGroup).default;
}
});
var _FormLabel = require('./FormLabel');
Object.defineProperty(exports, 'FormLabel', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_FormLabel).default;
}
});
var _FormControl = require('./FormControl');
Object.defineProperty(exports, 'FormControl', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_FormControl).default;
}
});
var _FormHelperText = require('./FormHelperText');
Object.defineProperty(exports, 'FormHelperText', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_FormHelperText).default;
}
});
var _FormControlLabel = require('./FormControlLabel');
Object.defineProperty(exports, 'FormControlLabel', {
enumerable: true,
get: function get() {
return _interopRequireDefault(_FormControlLabel).default;
}
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

View File

@@ -0,0 +1,7 @@
// @flow
export { default as FormGroup } from './FormGroup';
export { default as FormLabel } from './FormLabel';
export { default as FormControl } from './FormControl';
export { default as FormHelperText } from './FormHelperText';
export { default as FormControlLabel } from './FormControlLabel';