@talend/react-bootstrap/lib/Popover.js

Bootstrap 3 components built with React

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _isRequiredForA11y = _interopRequireDefault(require("prop-types-extra/lib/isRequiredForA11y"));
var _bootstrapUtils = require("./utils/bootstrapUtils");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const propTypes = {
  /**
   * An html id attribute, necessary for accessibility
   * @type {string}
   * @required
   */
  id: (0, _isRequiredForA11y.default)(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
  /**
   * Sets the direction the Popover is positioned towards.
   */
  placement: _propTypes.default.oneOf(['top', 'right', 'bottom', 'left']),
  /**
   * The "top" position value for the Popover.
   */
  positionTop: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
  /**
   * The "left" position value for the Popover.
   */
  positionLeft: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
  /**
   * The "top" position value for the Popover arrow.
   */
  arrowOffsetTop: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
  /**
   * The "left" position value for the Popover arrow.
   */
  arrowOffsetLeft: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
  /**
   * Title content
   */
  title: _propTypes.default.node
};
const defaultProps = {
  placement: 'right'
};
class Popover extends _react.default.Component {
  render() {
    const {
      placement,
      positionTop,
      positionLeft,
      arrowOffsetTop,
      arrowOffsetLeft,
      title,
      className,
      style,
      children,
      ...props
    } = this.props;
    const [bsProps, elementProps] = (0, _bootstrapUtils.splitBsProps)(props);
    const classes = {
      ...(0, _bootstrapUtils.getClassSet)(bsProps),
      [placement]: true
    };
    const outerStyle = {
      display: 'block',
      top: positionTop,
      left: positionLeft,
      ...style
    };
    const arrowStyle = {
      top: arrowOffsetTop,
      left: arrowOffsetLeft
    };
    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      ...elementProps,
      role: "tooltip",
      className: (0, _classnames.default)(className, classes),
      style: outerStyle,
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: "arrow",
        style: arrowStyle
      }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
        className: (0, _bootstrapUtils.prefix)(bsProps, 'title'),
        children: title
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: (0, _bootstrapUtils.prefix)(bsProps, 'content'),
        children: children
      })]
    });
  }
}
Popover.propTypes = propTypes;
Popover.defaultProps = defaultProps;
var _default = exports.default = (0, _bootstrapUtils.bsClass)('popover', Popover);
//# sourceMappingURL=Popover.js.map