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

Bootstrap 3 components built with React

import PropTypes from 'prop-types';
import React from 'react';
import cn from 'classnames';
import { prefix, splitBsPropsAndOmit, bsClass } from './utils/bootstrapUtils';
import PanelCollapse from './PanelCollapse';
import { jsx as _jsx } from "react/jsx-runtime";
const propTypes = {
  /**
   * A convenience prop that renders a Collapse component around the Body for
   * situations when the parent Panel only contains a single Panel.Body child.
   *
   * renders:
   * ```jsx
   * <Panel.Collapse>
   *  <Panel.Body />
   * </Panel.Collapse>
   * ```
   */
  collapsible: PropTypes.bool.isRequired
};
const defaultProps = {
  collapsible: false
};
const contextTypes = {
  $bs_panel: PropTypes.shape({
    bsClass: PropTypes.string
  })
};
class PanelBody extends React.Component {
  render() {
    const {
      children,
      className,
      collapsible
    } = this.props;
    const {
      bsClass: _bsClass
    } = this.context.$bs_panel || {};
    const [bsProps, elementProps] = splitBsPropsAndOmit(this.props, ['collapsible']);
    bsProps.bsClass = _bsClass || bsProps.bsClass;
    let body = /*#__PURE__*/_jsx("div", {
      ...elementProps,
      className: cn(className, prefix(bsProps, 'body')),
      children: children
    });
    if (collapsible) {
      body = /*#__PURE__*/_jsx(PanelCollapse, {
        children: body
      });
    }
    return body;
  }
}
PanelBody.propTypes = propTypes;
PanelBody.defaultProps = defaultProps;
PanelBody.contextTypes = contextTypes;
export default bsClass('panel', PanelBody);
//# sourceMappingURL=PanelBody.js.map