Completely updated React, fixed #11, (hopefully)
This commit is contained in:
119
goTorrentWebUI/node_modules/material-ui/MobileStepper/MobileStepper.js
generated
vendored
119
goTorrentWebUI/node_modules/material-ui/MobileStepper/MobileStepper.js
generated
vendored
@@ -21,13 +21,14 @@ var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProp
|
||||
|
||||
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
||||
|
||||
var _ref; // weak
|
||||
// @inheritedComponent Paper
|
||||
|
||||
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);
|
||||
@@ -46,8 +47,6 @@ var _Progress = require('../Progress');
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var babelPluginFlowReactPropTypes_proptype_Element = require('react').babelPluginFlowReactPropTypes_proptype_Element || require('prop-types').any;
|
||||
|
||||
var styles = exports.styles = function styles(theme) {
|
||||
return {
|
||||
root: {
|
||||
@@ -85,81 +84,33 @@ var styles = exports.styles = function styles(theme) {
|
||||
margin: '0 2px'
|
||||
},
|
||||
dotActive: {
|
||||
backgroundColor: theme.palette.primary[500]
|
||||
backgroundColor: theme.palette.primary.main
|
||||
},
|
||||
progress: {
|
||||
width: '50%'
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
var babelPluginFlowReactPropTypes_proptype_Position = require('prop-types').oneOf(['bottom', 'top', 'static']);
|
||||
|
||||
var babelPluginFlowReactPropTypes_proptype_Type = require('prop-types').oneOf(['text', 'dots', 'progress']);
|
||||
|
||||
var babelPluginFlowReactPropTypes_proptype_Props = {
|
||||
/**
|
||||
* Set the active step (zero based index).
|
||||
* Defines which dot is highlighted when the type is 'dots'.
|
||||
*/
|
||||
activeStep: require('prop-types').number,
|
||||
|
||||
/**
|
||||
* A back button element. For instance, it can be be a `Button` or a `IconButton`.
|
||||
*/
|
||||
backButton: typeof babelPluginFlowReactPropTypes_proptype_Element === 'function' ? babelPluginFlowReactPropTypes_proptype_Element.isRequired ? babelPluginFlowReactPropTypes_proptype_Element.isRequired : babelPluginFlowReactPropTypes_proptype_Element : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Element).isRequired,
|
||||
|
||||
/**
|
||||
* Useful to extend the style applied to components.
|
||||
*/
|
||||
classes: require('prop-types').object,
|
||||
|
||||
/**
|
||||
* @ignore
|
||||
*/
|
||||
className: require('prop-types').string,
|
||||
|
||||
/**
|
||||
* A next button element. For instance, it can be be a `Button` or a `IconButton`.
|
||||
*/
|
||||
nextButton: typeof babelPluginFlowReactPropTypes_proptype_Element === 'function' ? babelPluginFlowReactPropTypes_proptype_Element.isRequired ? babelPluginFlowReactPropTypes_proptype_Element.isRequired : babelPluginFlowReactPropTypes_proptype_Element : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Element).isRequired,
|
||||
|
||||
/**
|
||||
* Set the positioning type.
|
||||
*/
|
||||
position: require('prop-types').oneOf(['bottom', 'top', 'static']),
|
||||
|
||||
/**
|
||||
* The total steps.
|
||||
*/
|
||||
steps: require('prop-types').number.isRequired,
|
||||
|
||||
/**
|
||||
* The type of mobile stepper to use.
|
||||
*/
|
||||
type: require('prop-types').oneOf(['text', 'dots', 'progress'])
|
||||
};
|
||||
|
||||
}; // @inheritedComponent Paper
|
||||
|
||||
function MobileStepper(props) {
|
||||
var activeStep = props.activeStep,
|
||||
backButton = props.backButton,
|
||||
classes = props.classes,
|
||||
classNameProp = props.className,
|
||||
position = props.position,
|
||||
type = props.type,
|
||||
nextButton = props.nextButton,
|
||||
position = props.position,
|
||||
steps = props.steps,
|
||||
other = (0, _objectWithoutProperties3.default)(props, ['activeStep', 'backButton', 'classes', 'className', 'position', 'type', 'nextButton', 'steps']);
|
||||
variant = props.variant,
|
||||
other = (0, _objectWithoutProperties3.default)(props, ['activeStep', 'backButton', 'classes', 'className', 'nextButton', 'position', 'steps', 'variant']);
|
||||
|
||||
|
||||
var className = (0, _classnames2.default)(classes.root, classes['position' + (0, _helpers.capitalizeFirstLetter)(position)], classNameProp);
|
||||
var className = (0, _classnames2.default)(classes.root, classes['position' + (0, _helpers.capitalize)(position)], classNameProp);
|
||||
|
||||
return _react2.default.createElement(
|
||||
_Paper2.default,
|
||||
(0, _extends3.default)({ square: true, elevation: 0, className: className }, other),
|
||||
backButton,
|
||||
type === 'dots' && _react2.default.createElement(
|
||||
variant === 'dots' && _react2.default.createElement(
|
||||
'div',
|
||||
{ className: classes.dots },
|
||||
[].concat((0, _toConsumableArray3.default)(new Array(steps))).map(function (_, step) {
|
||||
@@ -168,25 +119,55 @@ function MobileStepper(props) {
|
||||
return _react2.default.createElement('div', { key: step, className: dotClassName });
|
||||
})
|
||||
),
|
||||
type === 'progress' && _react2.default.createElement(
|
||||
variant === 'progress' && _react2.default.createElement(
|
||||
'div',
|
||||
{ className: classes.progress },
|
||||
_react2.default.createElement(_Progress.LinearProgress, { mode: 'determinate', value: Math.ceil(activeStep / (steps - 1) * 100) })
|
||||
_react2.default.createElement(_Progress.LinearProgress, { variant: 'determinate', value: Math.ceil(activeStep / (steps - 1) * 100) })
|
||||
),
|
||||
nextButton
|
||||
);
|
||||
}
|
||||
|
||||
MobileStepper.propTypes = process.env.NODE_ENV !== "production" ? (_ref = {
|
||||
activeStep: require('prop-types').number.isRequired,
|
||||
classes: require('prop-types').object.isRequired,
|
||||
position: require('prop-types').oneOf(['bottom', 'top', 'static']).isRequired,
|
||||
type: require('prop-types').oneOf(['text', 'dots', 'progress']).isRequired
|
||||
}, (0, _defineProperty3.default)(_ref, 'activeStep', require('prop-types').number), (0, _defineProperty3.default)(_ref, 'backButton', 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, 'classes', require('prop-types').object), (0, _defineProperty3.default)(_ref, 'className', require('prop-types').string), (0, _defineProperty3.default)(_ref, 'nextButton', 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, 'position', require('prop-types').oneOf(['bottom', 'top', 'static'])), (0, _defineProperty3.default)(_ref, 'steps', require('prop-types').number.isRequired), (0, _defineProperty3.default)(_ref, 'type', require('prop-types').oneOf(['text', 'dots', 'progress'])), _ref) : {};
|
||||
MobileStepper.propTypes = process.env.NODE_ENV !== "production" ? {
|
||||
/**
|
||||
* Set the active step (zero based index).
|
||||
* Defines which dot is highlighted when the variant is 'dots'.
|
||||
*/
|
||||
activeStep: _propTypes2.default.number,
|
||||
/**
|
||||
* A back button element. For instance, it can be be a `Button` or a `IconButton`.
|
||||
*/
|
||||
backButton: _propTypes2.default.node,
|
||||
/**
|
||||
* Useful to extend the style applied to components.
|
||||
*/
|
||||
classes: _propTypes2.default.object.isRequired,
|
||||
/**
|
||||
* @ignore
|
||||
*/
|
||||
className: _propTypes2.default.string,
|
||||
/**
|
||||
* A next button element. For instance, it can be be a `Button` or a `IconButton`.
|
||||
*/
|
||||
nextButton: _propTypes2.default.node,
|
||||
/**
|
||||
* Set the positioning type.
|
||||
*/
|
||||
position: _propTypes2.default.oneOf(['bottom', 'top', 'static']),
|
||||
/**
|
||||
* The total steps.
|
||||
*/
|
||||
steps: _propTypes2.default.number.isRequired,
|
||||
/**
|
||||
* The type of mobile stepper to use.
|
||||
*/
|
||||
variant: _propTypes2.default.oneOf(['text', 'dots', 'progress'])
|
||||
} : {};
|
||||
|
||||
MobileStepper.defaultProps = {
|
||||
activeStep: 0,
|
||||
position: 'bottom',
|
||||
type: 'dots'
|
||||
variant: 'dots'
|
||||
};
|
||||
|
||||
exports.default = (0, _withStyles2.default)(styles, { name: 'MuiMobileStepper' })(MobileStepper);
|
Reference in New Issue
Block a user