@talend/react-bootstrap/lib/NavbarToggle.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 _bootstrapUtils = require("./utils/bootstrapUtils");
var _createChainedFunction = _interopRequireDefault(require("./utils/createChainedFunction"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const propTypes = {
  onClick: _propTypes.default.func,
  /**
   * The toggle content, if left empty it will render the default toggle (seen above).
   */
  children: _propTypes.default.node
};
const contextTypes = {
  $bs_navbar: _propTypes.default.shape({
    bsClass: _propTypes.default.string,
    expanded: _propTypes.default.bool,
    onToggle: _propTypes.default.func.isRequired
  })
};
class NavbarToggle extends _react.default.Component {
  render() {
    const {
      onClick,
      className,
      children,
      ...props
    } = this.props;
    const navbarProps = this.context.$bs_navbar || {
      bsClass: 'navbar'
    };
    const buttonProps = {
      type: 'button',
      ...props,
      onClick: (0, _createChainedFunction.default)(onClick, navbarProps.onToggle),
      className: (0, _classnames.default)(className, (0, _bootstrapUtils.prefix)(navbarProps, 'toggle'), !navbarProps.expanded && 'collapsed')
    };
    if (children) {
      return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
        ...buttonProps,
        children: children
      });
    }
    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
      ...buttonProps,
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
        className: "sr-only",
        children: "Toggle navigation"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
        className: "icon-bar"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
        className: "icon-bar"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
        className: "icon-bar"
      })]
    });
  }
}
NavbarToggle.propTypes = propTypes;
NavbarToggle.contextTypes = contextTypes;
var _default = exports.default = NavbarToggle;
//# sourceMappingURL=NavbarToggle.js.map