@talend/react-bootstrap/lib-esm/FormGroup.js

Bootstrap 3 components built with React

import classNames from 'classnames';
import React from 'react';
import PropTypes from 'prop-types';
import { bsClass, bsSizes, getClassSet, splitBsPropsAndOmit } from './utils/bootstrapUtils';
import { Size } from './utils/StyleConfig';
import ValidComponentChildren from './utils/ValidComponentChildren';
import { jsx as _jsx } from "react/jsx-runtime";
const propTypes = {
  /**
   * Sets `id` on `<FormControl>` and `htmlFor` on `<FormGroup.Label>`.
   */
  controlId: PropTypes.string,
  validationState: PropTypes.oneOf(['success', 'warning', 'error', null])
};
const childContextTypes = {
  $bs_formGroup: PropTypes.object.isRequired
};
class FormGroup extends React.Component {
  getChildContext() {
    const {
      controlId,
      validationState
    } = this.props;
    return {
      $bs_formGroup: {
        controlId,
        validationState
      }
    };
  }
  hasFeedback(children) {
    return ValidComponentChildren.some(children, child => child.props.bsRole === 'feedback' || child.props.children && this.hasFeedback(child.props.children));
  }
  render() {
    const {
      validationState,
      className,
      children,
      ...props
    } = this.props;
    const [bsProps, elementProps] = splitBsPropsAndOmit(props, ['controlId']);
    const classes = {
      ...getClassSet(bsProps),
      'has-feedback': this.hasFeedback(children)
    };
    if (validationState) {
      classes[`has-${validationState}`] = true;
    }
    return /*#__PURE__*/_jsx("div", {
      ...elementProps,
      className: classNames(className, classes),
      children: children
    });
  }
}
FormGroup.propTypes = propTypes;
FormGroup.childContextTypes = childContextTypes;
export default bsClass('form-group', bsSizes([Size.LARGE, Size.SMALL], FormGroup));
//# sourceMappingURL=FormGroup.js.map