|
- import _extends from "@babel/runtime/helpers/esm/extends";
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
- import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
- import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-
- /* eslint react/prefer-stateless-function: 0 */
- import React from 'react';
- import PropTypes from 'prop-types';
- import classNames from 'classnames';
- import { mapToCssModules, deprecated, warnOnce, tagPropType } from './utils';
- var propTypes = {
- children: PropTypes.node,
- type: PropTypes.string,
- size: PropTypes.string,
- bsSize: PropTypes.string,
- state: deprecated(PropTypes.string, 'Please use the props "valid" and "invalid" to indicate the state.'),
- valid: PropTypes.bool,
- invalid: PropTypes.bool,
- tag: tagPropType,
- innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
- static: deprecated(PropTypes.bool, 'Please use the prop "plaintext"'),
- 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(_assertThisInitialized(_this)));
- _this.focus = _this.focus.bind(_assertThisInitialized(_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,
- state = _this$props.state,
- valid = _this$props.valid,
- invalid = _this$props.invalid,
- tag = _this$props.tag,
- addon = _this$props.addon,
- staticInput = _this$props.static,
- plaintext = _this$props.plaintext,
- innerRef = _this$props.innerRef,
- attributes = _objectWithoutPropertiesLoose(_this$props, ["className", "cssModule", "type", "bsSize", "state", "valid", "invalid", "tag", "addon", "static", "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 Tag = tag || (selectInput || textareaInput ? type : 'input');
- var formControlClass = 'form-control';
-
- if (plaintext || staticInput) {
- formControlClass = formControlClass + "-plaintext";
- Tag = tag || 'input';
- } else if (fileInput) {
- formControlClass = formControlClass + "-file";
- } else if (checkInput) {
- if (addon) {
- formControlClass = null;
- } else {
- formControlClass = 'form-check-input';
- }
- }
-
- if (state && typeof valid === 'undefined' && typeof invalid === 'undefined') {
- if (state === 'danger') {
- invalid = true;
- } else if (state === 'success') {
- valid = true;
- }
- }
-
- 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 || staticInput || 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 React.createElement(Tag, _extends({}, attributes, {
- ref: innerRef,
- className: classes
- }));
- };
-
- return Input;
- }(React.Component);
-
- Input.propTypes = propTypes;
- Input.defaultProps = defaultProps;
- export default Input;
|