@lskjs/navbar/NavDropdown.js

LSK ux subrepo: navbar

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _Dropdown = _interopRequireDefault(require("./Dropdown"));

var _NavItem = _interopRequireDefault(require("./NavItem"));

var _NavLink = _interopRequireDefault(require("./NavLink"));

var propTypes = {
  /**
   * An html id attribute for the Toggle button, necessary for assistive technologies, such as screen readers.
   * @type {string|number}
   * @required
   */
  id: _propTypes["default"].any,

  /** An `onClick` handler passed to the Toggle component */
  onClick: _propTypes["default"].func,

  /** The content of the non-toggle Button.  */
  title: _propTypes["default"].node.isRequired,

  /** Disables the toggle NavLink  */
  disabled: _propTypes["default"].bool,

  /** Style the toggle NavLink as active  */
  active: _propTypes["default"].bool,

  /** An ARIA accessible role applied to the Menu component. When set to 'menu', The dropdown */
  menuRole: _propTypes["default"].string,

  /**
   *  Which event when fired outside the component will cause it to be closed.
   *
   * _see [DropdownMenu](#menu-props) for more details_
   */
  rootCloseEvent: _propTypes["default"].string,

  /** @ignore */
  bsPrefix: _propTypes["default"].string
};

var NavDropdown = _react["default"].forwardRef(function (_ref, ref) {
  var id = _ref.id,
      title = _ref.title,
      children = _ref.children,
      bsPrefix = _ref.bsPrefix,
      rootCloseEvent = _ref.rootCloseEvent,
      menuRole = _ref.menuRole,
      disabled = _ref.disabled,
      active = _ref.active,
      props = (0, _objectWithoutProperties2["default"])(_ref, ["id", "title", "children", "bsPrefix", "rootCloseEvent", "menuRole", "disabled", "active"]);
  return /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], (0, _extends2["default"])({
    ref: ref
  }, props, {
    as: _NavItem["default"]
  }), /*#__PURE__*/_react["default"].createElement(_Dropdown["default"].Toggle, {
    id: id,
    eventKey: null,
    active: active,
    disabled: disabled,
    childBsPrefix: bsPrefix,
    as: _NavLink["default"]
  }, title), /*#__PURE__*/_react["default"].createElement(_Dropdown["default"].Menu, {
    role: menuRole,
    rootCloseEvent: rootCloseEvent
  }, children));
});

NavDropdown.displayName = 'NavDropdown';
NavDropdown.propTypes = propTypes;
NavDropdown.Item = _Dropdown["default"].Item;
NavDropdown.Divider = _Dropdown["default"].Divider;
NavDropdown.Header = _Dropdown["default"].Header;
var _default = NavDropdown;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9OYXZEcm9wZG93bi5qcyJdLCJuYW1lcyI6WyJwcm9wVHlwZXMiLCJpZCIsIlByb3BUeXBlcyIsImFueSIsIm9uQ2xpY2siLCJmdW5jIiwidGl0bGUiLCJub2RlIiwiaXNSZXF1aXJlZCIsImRpc2FibGVkIiwiYm9vbCIsImFjdGl2ZSIsIm1lbnVSb2xlIiwic3RyaW5nIiwicm9vdENsb3NlRXZlbnQiLCJic1ByZWZpeCIsIk5hdkRyb3Bkb3duIiwiUmVhY3QiLCJmb3J3YXJkUmVmIiwicmVmIiwiY2hpbGRyZW4iLCJwcm9wcyIsIk5hdkl0ZW0iLCJOYXZMaW5rIiwiZGlzcGxheU5hbWUiLCJJdGVtIiwiRHJvcGRvd24iLCJEaXZpZGVyIiwiSGVhZGVyIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBRUE7O0FBQ0E7O0FBQ0E7O0FBRUEsSUFBTUEsU0FBUyxHQUFHO0FBQ2hCOzs7OztBQUtBQyxFQUFBQSxFQUFFLEVBQUVDLHNCQUFVQyxHQU5FOztBQVFoQjtBQUNBQyxFQUFBQSxPQUFPLEVBQUVGLHNCQUFVRyxJQVRIOztBQVdoQjtBQUNBQyxFQUFBQSxLQUFLLEVBQUVKLHNCQUFVSyxJQUFWLENBQWVDLFVBWk47O0FBY2hCO0FBQ0FDLEVBQUFBLFFBQVEsRUFBRVAsc0JBQVVRLElBZko7O0FBaUJoQjtBQUNBQyxFQUFBQSxNQUFNLEVBQUVULHNCQUFVUSxJQWxCRjs7QUFvQmhCO0FBQ0FFLEVBQUFBLFFBQVEsRUFBRVYsc0JBQVVXLE1BckJKOztBQXVCaEI7Ozs7O0FBS0FDLEVBQUFBLGNBQWMsRUFBRVosc0JBQVVXLE1BNUJWOztBQThCaEI7QUFDQUUsRUFBQUEsUUFBUSxFQUFFYixzQkFBVVc7QUEvQkosQ0FBbEI7O0FBa0NBLElBQU1HLFdBQVcsR0FBR0Msa0JBQU1DLFVBQU4sQ0FDbEIsZ0JBWUVDLEdBWkY7QUFBQSxNQUVJbEIsRUFGSixRQUVJQSxFQUZKO0FBQUEsTUFHSUssS0FISixRQUdJQSxLQUhKO0FBQUEsTUFJSWMsUUFKSixRQUlJQSxRQUpKO0FBQUEsTUFLSUwsUUFMSixRQUtJQSxRQUxKO0FBQUEsTUFNSUQsY0FOSixRQU1JQSxjQU5KO0FBQUEsTUFPSUYsUUFQSixRQU9JQSxRQVBKO0FBQUEsTUFRSUgsUUFSSixRQVFJQSxRQVJKO0FBQUEsTUFTSUUsTUFUSixRQVNJQSxNQVRKO0FBQUEsTUFVT1UsS0FWUDtBQUFBLHNCQWNFLGdDQUFDLG9CQUFEO0FBQVUsSUFBQSxHQUFHLEVBQUVGO0FBQWYsS0FBd0JFLEtBQXhCO0FBQStCLElBQUEsRUFBRSxFQUFFQztBQUFuQyxtQkFDRSxnQ0FBQyxvQkFBRCxDQUFVLE1BQVY7QUFDRSxJQUFBLEVBQUUsRUFBRXJCLEVBRE47QUFFRSxJQUFBLFFBQVEsRUFBRSxJQUZaO0FBR0UsSUFBQSxNQUFNLEVBQUVVLE1BSFY7QUFJRSxJQUFBLFFBQVEsRUFBRUYsUUFKWjtBQUtFLElBQUEsYUFBYSxFQUFFTSxRQUxqQjtBQU1FLElBQUEsRUFBRSxFQUFFUTtBQU5OLEtBUUdqQixLQVJILENBREYsZUFZRSxnQ0FBQyxvQkFBRCxDQUFVLElBQVY7QUFBZSxJQUFBLElBQUksRUFBRU0sUUFBckI7QUFBK0IsSUFBQSxjQUFjLEVBQUVFO0FBQS9DLEtBQ0dNLFFBREgsQ0FaRixDQWRGO0FBQUEsQ0FEa0IsQ0FBcEI7O0FBa0NBSixXQUFXLENBQUNRLFdBQVosR0FBMEIsYUFBMUI7QUFDQVIsV0FBVyxDQUFDaEIsU0FBWixHQUF3QkEsU0FBeEI7QUFDQWdCLFdBQVcsQ0FBQ1MsSUFBWixHQUFtQkMscUJBQVNELElBQTVCO0FBQ0FULFdBQVcsQ0FBQ1csT0FBWixHQUFzQkQscUJBQVNDLE9BQS9CO0FBQ0FYLFdBQVcsQ0FBQ1ksTUFBWixHQUFxQkYscUJBQVNFLE1BQTlCO2VBRWVaLFciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcblxuaW1wb3J0IERyb3Bkb3duIGZyb20gJy4vRHJvcGRvd24nO1xuaW1wb3J0IE5hdkl0ZW0gZnJvbSAnLi9OYXZJdGVtJztcbmltcG9ydCBOYXZMaW5rIGZyb20gJy4vTmF2TGluayc7XG5cbmNvbnN0IHByb3BUeXBlcyA9IHtcbiAgLyoqXG4gICAqIEFuIGh0bWwgaWQgYXR0cmlidXRlIGZvciB0aGUgVG9nZ2xlIGJ1dHRvbiwgbmVjZXNzYXJ5IGZvciBhc3Npc3RpdmUgdGVjaG5vbG9naWVzLCBzdWNoIGFzIHNjcmVlbiByZWFkZXJzLlxuICAgKiBAdHlwZSB7c3RyaW5nfG51bWJlcn1cbiAgICogQHJlcXVpcmVkXG4gICAqL1xuICBpZDogUHJvcFR5cGVzLmFueSxcblxuICAvKiogQW4gYG9uQ2xpY2tgIGhhbmRsZXIgcGFzc2VkIHRvIHRoZSBUb2dnbGUgY29tcG9uZW50ICovXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuXG4gIC8qKiBUaGUgY29udGVudCBvZiB0aGUgbm9uLXRvZ2dsZSBCdXR0b24uICAqL1xuICB0aXRsZTogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcblxuICAvKiogRGlzYWJsZXMgdGhlIHRvZ2dsZSBOYXZMaW5rICAqL1xuICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG5cbiAgLyoqIFN0eWxlIHRoZSB0b2dnbGUgTmF2TGluayBhcyBhY3RpdmUgICovXG4gIGFjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG5cbiAgLyoqIEFuIEFSSUEgYWNjZXNzaWJsZSByb2xlIGFwcGxpZWQgdG8gdGhlIE1lbnUgY29tcG9uZW50LiBXaGVuIHNldCB0byAnbWVudScsIFRoZSBkcm9wZG93biAqL1xuICBtZW51Um9sZTogUHJvcFR5cGVzLnN0cmluZyxcblxuICAvKipcbiAgICogIFdoaWNoIGV2ZW50IHdoZW4gZmlyZWQgb3V0c2lkZSB0aGUgY29tcG9uZW50IHdpbGwgY2F1c2UgaXQgdG8gYmUgY2xvc2VkLlxuICAgKlxuICAgKiBfc2VlIFtEcm9wZG93bk1lbnVdKCNtZW51LXByb3BzKSBmb3IgbW9yZSBkZXRhaWxzX1xuICAgKi9cbiAgcm9vdENsb3NlRXZlbnQ6IFByb3BUeXBlcy5zdHJpbmcsXG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgYnNQcmVmaXg6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuXG5jb25zdCBOYXZEcm9wZG93biA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBpZCxcbiAgICAgIHRpdGxlLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBic1ByZWZpeCxcbiAgICAgIHJvb3RDbG9zZUV2ZW50LFxuICAgICAgbWVudVJvbGUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGFjdGl2ZSxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxEcm9wZG93biByZWY9e3JlZn0gey4uLnByb3BzfSBhcz17TmF2SXRlbX0+XG4gICAgICA8RHJvcGRvd24uVG9nZ2xlXG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgZXZlbnRLZXk9e251bGx9XG4gICAgICAgIGFjdGl2ZT17YWN0aXZlfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGNoaWxkQnNQcmVmaXg9e2JzUHJlZml4fVxuICAgICAgICBhcz17TmF2TGlua31cbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9Ecm9wZG93bi5Ub2dnbGU+XG5cbiAgICAgIDxEcm9wZG93bi5NZW51IHJvbGU9e21lbnVSb2xlfSByb290Q2xvc2VFdmVudD17cm9vdENsb3NlRXZlbnR9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0Ryb3Bkb3duLk1lbnU+XG4gICAgPC9Ecm9wZG93bj5cbiAgKSxcbik7XG5cbk5hdkRyb3Bkb3duLmRpc3BsYXlOYW1lID0gJ05hdkRyb3Bkb3duJztcbk5hdkRyb3Bkb3duLnByb3BUeXBlcyA9IHByb3BUeXBlcztcbk5hdkRyb3Bkb3duLkl0ZW0gPSBEcm9wZG93bi5JdGVtO1xuTmF2RHJvcGRvd24uRGl2aWRlciA9IERyb3Bkb3duLkRpdmlkZXI7XG5OYXZEcm9wZG93bi5IZWFkZXIgPSBEcm9wZG93bi5IZWFkZXI7XG5cbmV4cG9ydCBkZWZhdWx0IE5hdkRyb3Bkb3duO1xuIl19
//# sourceMappingURL=NavDropdown.js.map