GoScrobble/web/node_modules/reactstrap/es/Input.js

124 lines
4.1 KiB
JavaScript

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
/* eslint react/prefer-stateless-function: 0 */
import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import { mapToCssModules, warnOnce, tagPropType } from './utils';
var propTypes = {
children: PropTypes.node,
type: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
bsSize: PropTypes.string,
valid: PropTypes.bool,
invalid: PropTypes.bool,
tag: tagPropType,
innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
plaintext: PropTypes.bool,
addon: PropTypes.bool,
className: PropTypes.string,
cssModule: PropTypes.object
};
var defaultProps = {
type: 'text'
};
var Input = /*#__PURE__*/function (_React$Component) {
_inheritsLoose(Input, _React$Component);
function Input(props) {
var _this;
_this = _React$Component.call(this, props) || this;
_this.getRef = _this.getRef.bind(_assertThisInitialized(_this));
_this.focus = _this.focus.bind(_assertThisInitialized(_this));
return _this;
}
var _proto = Input.prototype;
_proto.getRef = function getRef(ref) {
if (this.props.innerRef) {
this.props.innerRef(ref);
}
this.ref = ref;
};
_proto.focus = function focus() {
if (this.ref) {
this.ref.focus();
}
};
_proto.render = function render() {
var _this$props = this.props,
className = _this$props.className,
cssModule = _this$props.cssModule,
type = _this$props.type,
bsSize = _this$props.bsSize,
valid = _this$props.valid,
invalid = _this$props.invalid,
tag = _this$props.tag,
addon = _this$props.addon,
plaintext = _this$props.plaintext,
innerRef = _this$props.innerRef,
attributes = _objectWithoutPropertiesLoose(_this$props, ["className", "cssModule", "type", "bsSize", "valid", "invalid", "tag", "addon", "plaintext", "innerRef"]);
var checkInput = ['radio', 'checkbox'].indexOf(type) > -1;
var isNotaNumber = new RegExp('\\D', 'g');
var fileInput = type === 'file';
var textareaInput = type === 'textarea';
var selectInput = type === 'select';
var rangeInput = type === 'range';
var Tag = tag || (selectInput || textareaInput ? type : 'input');
var formControlClass = 'form-control';
if (plaintext) {
formControlClass = formControlClass + "-plaintext";
Tag = tag || 'input';
} else if (fileInput) {
formControlClass = formControlClass + "-file";
} else if (rangeInput) {
formControlClass = formControlClass + "-range";
} else if (checkInput) {
if (addon) {
formControlClass = null;
} else {
formControlClass = 'form-check-input';
}
}
if (attributes.size && isNotaNumber.test(attributes.size)) {
warnOnce('Please use the prop "bsSize" instead of the "size" to bootstrap\'s input sizing.');
bsSize = attributes.size;
delete attributes.size;
}
var classes = mapToCssModules(classNames(className, invalid && 'is-invalid', valid && 'is-valid', bsSize ? "form-control-" + bsSize : false, formControlClass), cssModule);
if (Tag === 'input' || tag && typeof tag === 'function') {
attributes.type = type;
}
if (attributes.children && !(plaintext || type === 'select' || typeof Tag !== 'string' || Tag === 'select')) {
warnOnce("Input with a type of \"" + type + "\" cannot have children. Please use \"value\"/\"defaultValue\" instead.");
delete attributes.children;
}
return /*#__PURE__*/React.createElement(Tag, _extends({}, attributes, {
ref: innerRef,
className: classes,
"aria-invalid": invalid
}));
};
return Input;
}(React.Component);
Input.propTypes = propTypes;
Input.defaultProps = defaultProps;
export default Input;