@talend/react-bootstrap
Version:
Bootstrap 3 components built with React
61 lines (60 loc) • 2.01 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = _interopRequireDefault(require("react"));
var _elementType = _interopRequireDefault(require("react-prop-types/lib/elementType"));
var _bootstrapUtils = require("./utils/bootstrapUtils");
var _PanelToggle = _interopRequireDefault(require("./PanelToggle"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const propTypes = {
componentClass: _elementType.default,
/**
* A convenience prop that renders the Panel.Title as a panel collapse toggle component
* for the common use-case.
*/
toggle: _propTypes.default.bool
};
const contextTypes = {
$bs_panel: _propTypes.default.shape({
bsClass: _propTypes.default.string
})
};
const defaultProps = {
componentClass: 'div'
};
class PanelTitle extends _react.default.Component {
render() {
let {
children,
className,
toggle,
componentClass: Component,
...props
} = this.props;
const {
bsClass: _bsClass
} = this.context.$bs_panel || {};
const [bsProps, elementProps] = (0, _bootstrapUtils.splitBsProps)(props);
bsProps.bsClass = _bsClass || bsProps.bsClass;
if (toggle) {
children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_PanelToggle.default, {
children: children
});
}
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
...elementProps,
className: (0, _classnames.default)(className, (0, _bootstrapUtils.prefix)(bsProps, 'title')),
children: children
});
}
}
PanelTitle.propTypes = propTypes;
PanelTitle.defaultProps = defaultProps;
PanelTitle.contextTypes = contextTypes;
var _default = exports.default = (0, _bootstrapUtils.bsClass)('panel', PanelTitle);
//# sourceMappingURL=PanelTitle.js.map