Completely updated React, fixed #11, (hopefully)
This commit is contained in:
316
goTorrentWebUI/node_modules/material-ui/es/internal/SwitchBase.js
generated
vendored
316
goTorrentWebUI/node_modules/material-ui/es/internal/SwitchBase.js
generated
vendored
@@ -1,16 +1,12 @@
|
||||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
||||
|
||||
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
||||
|
||||
import _extends from 'babel-runtime/helpers/extends';
|
||||
import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
|
||||
import React from 'react';
|
||||
|
||||
import PropTypes from 'prop-types';
|
||||
import classNames from 'classnames';
|
||||
import CheckBoxOutlineBlankIcon from '../internal/svg-icons/CheckBoxOutlineBlank';
|
||||
import CheckBoxIcon from '../internal/svg-icons/CheckBox';
|
||||
import withStyles from '../styles/withStyles';
|
||||
import IconButton from '../IconButton';
|
||||
import CheckBoxOutlineBlankIcon from '../svg-icons/CheckBoxOutlineBlank';
|
||||
import CheckBoxIcon from '../svg-icons/CheckBox';
|
||||
import Icon from '../Icon';
|
||||
|
||||
export const styles = {
|
||||
root: {
|
||||
@@ -34,135 +30,193 @@ export const styles = {
|
||||
disabled: {}
|
||||
};
|
||||
|
||||
// NB: If changed, please update Checkbox, Switch and Radio
|
||||
// so that the API documentation is updated.
|
||||
/**
|
||||
* @ignore - internal component.
|
||||
*/
|
||||
class SwitchBase extends React.Component {
|
||||
constructor(...args) {
|
||||
var _temp;
|
||||
|
||||
|
||||
export default function createSwitch({
|
||||
defaultIcon = React.createElement(CheckBoxOutlineBlankIcon, null),
|
||||
defaultCheckedIcon = React.createElement(CheckBoxIcon, null),
|
||||
inputType = 'checkbox'
|
||||
} = {}) {
|
||||
/**
|
||||
* @ignore - internal component.
|
||||
*/
|
||||
class SwitchBase extends React.Component {
|
||||
constructor(...args) {
|
||||
var _temp;
|
||||
|
||||
return _temp = super(...args), this.state = {}, this.input = null, this.button = null, this.isControlled = null, this.handleInputChange = event => {
|
||||
const checked = event.target.checked;
|
||||
|
||||
if (!this.isControlled) {
|
||||
this.setState({ checked });
|
||||
}
|
||||
|
||||
if (this.props.onChange) {
|
||||
this.props.onChange(event, checked);
|
||||
}
|
||||
}, _temp;
|
||||
}
|
||||
|
||||
componentWillMount() {
|
||||
const { props } = this;
|
||||
|
||||
this.isControlled = props.checked !== undefined;
|
||||
return _temp = super(...args), this.state = {}, this.input = null, this.isControlled = null, this.handleInputChange = event => {
|
||||
const checked = event.target.checked;
|
||||
|
||||
if (!this.isControlled) {
|
||||
// not controlled, use internal state
|
||||
this.setState({
|
||||
checked: props.defaultChecked !== undefined ? props.defaultChecked : false
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
render() {
|
||||
const _props = this.props,
|
||||
{
|
||||
checked: checkedProp,
|
||||
classes,
|
||||
className: classNameProp,
|
||||
checkedClassName,
|
||||
checkedIcon,
|
||||
disabled: disabledProp,
|
||||
disabledClassName,
|
||||
icon: iconProp,
|
||||
inputProps,
|
||||
inputRef,
|
||||
name,
|
||||
onChange,
|
||||
tabIndex,
|
||||
value
|
||||
} = _props,
|
||||
other = _objectWithoutProperties(_props, ['checked', 'classes', 'className', 'checkedClassName', 'checkedIcon', 'disabled', 'disabledClassName', 'icon', 'inputProps', 'inputRef', 'name', 'onChange', 'tabIndex', 'value']);
|
||||
|
||||
const { muiFormControl } = this.context;
|
||||
let disabled = disabledProp;
|
||||
|
||||
if (muiFormControl) {
|
||||
if (typeof disabled === 'undefined') {
|
||||
disabled = muiFormControl.disabled;
|
||||
}
|
||||
this.setState({ checked });
|
||||
}
|
||||
|
||||
const checked = this.isControlled ? checkedProp : this.state.checked;
|
||||
const className = classNames(classes.root, classes.default, classNameProp, {
|
||||
[classNames(classes.checked, checkedClassName)]: checked,
|
||||
[classNames(classes.disabled, disabledClassName)]: disabled
|
||||
if (this.props.onChange) {
|
||||
this.props.onChange(event, checked);
|
||||
}
|
||||
}, _temp;
|
||||
}
|
||||
|
||||
componentWillMount() {
|
||||
const { props } = this;
|
||||
|
||||
this.isControlled = props.checked != null;
|
||||
|
||||
if (!this.isControlled) {
|
||||
// not controlled, use internal state
|
||||
this.setState({
|
||||
checked: props.defaultChecked !== undefined ? props.defaultChecked : false
|
||||
});
|
||||
|
||||
let icon = checked ? checkedIcon : iconProp;
|
||||
|
||||
if (typeof icon === 'string') {
|
||||
icon = React.createElement(
|
||||
Icon,
|
||||
null,
|
||||
icon
|
||||
);
|
||||
}
|
||||
|
||||
return React.createElement(
|
||||
IconButton,
|
||||
_extends({
|
||||
'data-mui-test': 'SwitchBase',
|
||||
component: 'span',
|
||||
className: className,
|
||||
disabled: disabled,
|
||||
tabIndex: null,
|
||||
role: undefined,
|
||||
rootRef: node => {
|
||||
this.button = node;
|
||||
}
|
||||
}, other),
|
||||
icon,
|
||||
React.createElement('input', _extends({
|
||||
type: inputType,
|
||||
name: name,
|
||||
checked: this.isControlled ? checkedProp : undefined,
|
||||
onChange: this.handleInputChange,
|
||||
className: classes.input,
|
||||
disabled: disabled,
|
||||
tabIndex: tabIndex,
|
||||
value: value
|
||||
}, inputProps, {
|
||||
ref: node => {
|
||||
this.input = node;
|
||||
if (inputRef) {
|
||||
inputRef(node);
|
||||
}
|
||||
}
|
||||
}))
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
SwitchBase.defaultProps = {
|
||||
checkedIcon: defaultCheckedIcon,
|
||||
disableRipple: false,
|
||||
icon: defaultIcon
|
||||
};
|
||||
SwitchBase.contextTypes = {
|
||||
muiFormControl: PropTypes.object
|
||||
};
|
||||
return withStyles(styles, { name: 'MuiSwitchBase' })(SwitchBase);
|
||||
}
|
||||
render() {
|
||||
const _props = this.props,
|
||||
{
|
||||
checked: checkedProp,
|
||||
checkedIcon,
|
||||
classes,
|
||||
className: classNameProp,
|
||||
disabled: disabledProp,
|
||||
icon: iconProp,
|
||||
id,
|
||||
inputProps,
|
||||
inputRef,
|
||||
name,
|
||||
onChange,
|
||||
tabIndex,
|
||||
type,
|
||||
value
|
||||
} = _props,
|
||||
other = _objectWithoutProperties(_props, ['checked', 'checkedIcon', 'classes', 'className', 'disabled', 'icon', 'id', 'inputProps', 'inputRef', 'name', 'onChange', 'tabIndex', 'type', 'value']);
|
||||
|
||||
const { muiFormControl } = this.context;
|
||||
let disabled = disabledProp;
|
||||
|
||||
if (muiFormControl) {
|
||||
if (typeof disabled === 'undefined') {
|
||||
disabled = muiFormControl.disabled;
|
||||
}
|
||||
}
|
||||
|
||||
const checked = this.isControlled ? checkedProp : this.state.checked;
|
||||
const className = classNames(classes.root, classes.default, classNameProp, {
|
||||
[classes.checked]: checked,
|
||||
[classes.disabled]: disabled
|
||||
});
|
||||
|
||||
const icon = checked ? checkedIcon : iconProp;
|
||||
|
||||
const hasLabelFor = type === 'checkbox' || type === 'radio';
|
||||
|
||||
return React.createElement(
|
||||
IconButton,
|
||||
_extends({
|
||||
component: 'span',
|
||||
className: className,
|
||||
disabled: disabled,
|
||||
tabIndex: null,
|
||||
role: undefined
|
||||
}, other),
|
||||
icon,
|
||||
React.createElement('input', _extends({
|
||||
id: hasLabelFor && id,
|
||||
type: type,
|
||||
name: name,
|
||||
checked: checked,
|
||||
onChange: this.handleInputChange,
|
||||
className: classes.input,
|
||||
disabled: disabled,
|
||||
tabIndex: tabIndex,
|
||||
value: value,
|
||||
ref: inputRef
|
||||
}, inputProps))
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// NB: If changed, please update Checkbox, Switch and Radio
|
||||
// so that the API documentation is updated.
|
||||
SwitchBase.propTypes = process.env.NODE_ENV !== "production" ? {
|
||||
/**
|
||||
* If `true`, the component is checked.
|
||||
*/
|
||||
checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
|
||||
/**
|
||||
* The icon to display when the component is checked.
|
||||
*/
|
||||
checkedIcon: PropTypes.node,
|
||||
/**
|
||||
* Useful to extend the style applied to components.
|
||||
*/
|
||||
classes: PropTypes.object.isRequired,
|
||||
/**
|
||||
* @ignore
|
||||
*/
|
||||
className: PropTypes.string,
|
||||
/**
|
||||
* @ignore
|
||||
*/
|
||||
defaultChecked: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, the switch will be disabled.
|
||||
*/
|
||||
disabled: PropTypes.bool,
|
||||
/**
|
||||
* If `true`, the ripple effect will be disabled.
|
||||
*/
|
||||
disableRipple: PropTypes.bool,
|
||||
/**
|
||||
* The icon to display when the component is unchecked.
|
||||
*/
|
||||
icon: PropTypes.node,
|
||||
/**
|
||||
* The id of the `input` element.
|
||||
*/
|
||||
id: PropTypes.string,
|
||||
/**
|
||||
* If `true`, the component appears indeterminate.
|
||||
*/
|
||||
indeterminate: PropTypes.bool,
|
||||
/**
|
||||
* The icon to display when the component is indeterminate.
|
||||
*/
|
||||
indeterminateIcon: PropTypes.node,
|
||||
/**
|
||||
* Properties applied to the `input` element.
|
||||
*/
|
||||
inputProps: PropTypes.object,
|
||||
/**
|
||||
* Use that property to pass a ref callback to the native input component.
|
||||
*/
|
||||
inputRef: PropTypes.func,
|
||||
/*
|
||||
* @ignore
|
||||
*/
|
||||
name: PropTypes.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: PropTypes.func,
|
||||
/**
|
||||
* @ignore
|
||||
*/
|
||||
tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
||||
/**
|
||||
* The input component property `type`.
|
||||
*/
|
||||
type: PropTypes.string,
|
||||
/**
|
||||
* The value of the component.
|
||||
*/
|
||||
value: PropTypes.string
|
||||
} : {};
|
||||
|
||||
SwitchBase.defaultProps = {
|
||||
checkedIcon: React.createElement(CheckBoxIcon, null),
|
||||
disableRipple: false,
|
||||
icon: React.createElement(CheckBoxOutlineBlankIcon, null),
|
||||
type: 'checkbox'
|
||||
};
|
||||
|
||||
SwitchBase.contextTypes = {
|
||||
muiFormControl: PropTypes.object
|
||||
};
|
||||
|
||||
export default withStyles(styles, { name: 'MuiSwitchBase' })(SwitchBase);
|
||||
Reference in New Issue
Block a user