@lskjs/navbar
Version:
LSK ux subrepo: navbar
100 lines (80 loc) • 7.55 kB
JavaScript
"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 _classnames = _interopRequireDefault(require("classnames"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = _interopRequireDefault(require("react"));
var _SafeAnchor = _interopRequireDefault(require("./SafeAnchor"));
var _AbstractNavItem = _interopRequireDefault(require("./AbstractNavItem"));
var _ThemeProvider = require("./ThemeProvider");
var propTypes = {
/**
* @default 'nav-link'
*/
bsPrefix: _propTypes["default"].string,
/**
* The active state of the NavItem item.
*/
active: _propTypes["default"].bool,
/**
* The disabled state of the NavItem item.
*/
disabled: _propTypes["default"].bool,
/**
* The ARIA role for the `NavLink`, In the context of a 'tablist' parent Nav,
* the role defaults to 'tab'
* */
role: _propTypes["default"].string,
/** The HTML href attribute for the `NavLink` */
href: _propTypes["default"].string,
/** A callback fired when the `NavLink` is selected.
*
* ```js
* function (eventKey: any, event: SyntheticEvent) {}
* ```
*/
onSelect: _propTypes["default"].func,
/**
* Uniquely idenifies the `NavItem` amongst its siblings,
* used to determine and control the active state of the parent `Nav`
*/
eventKey: _propTypes["default"].any,
/** @default 'a' */
as: _propTypes["default"].elementType
};
var defaultProps = {
disabled: false,
as: _SafeAnchor["default"]
};
var NavLink = _react["default"].forwardRef(function (_ref, ref) {
var bsPrefix = _ref.bsPrefix,
disabled = _ref.disabled,
className = _ref.className,
href = _ref.href,
eventKey = _ref.eventKey,
onSelect = _ref.onSelect,
as = _ref.as,
props = (0, _objectWithoutProperties2["default"])(_ref, ["bsPrefix", "disabled", "className", "href", "eventKey", "onSelect", "as"]);
bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'nav-link');
return /*#__PURE__*/_react["default"].createElement(_AbstractNavItem["default"], (0, _extends2["default"])({}, props, {
href: href,
ref: ref,
eventKey: eventKey,
as: as,
disabled: disabled,
onSelect: onSelect,
className: (0, _classnames["default"])(className, bsPrefix, disabled && 'disabled')
}));
});
NavLink.displayName = 'NavLink';
NavLink.propTypes = propTypes;
NavLink.defaultProps = defaultProps;
var _default = NavLink;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9OYXZMaW5rLmpzIl0sIm5hbWVzIjpbInByb3BUeXBlcyIsImJzUHJlZml4IiwiUHJvcFR5cGVzIiwic3RyaW5nIiwiYWN0aXZlIiwiYm9vbCIsImRpc2FibGVkIiwicm9sZSIsImhyZWYiLCJvblNlbGVjdCIsImZ1bmMiLCJldmVudEtleSIsImFueSIsImFzIiwiZWxlbWVudFR5cGUiLCJkZWZhdWx0UHJvcHMiLCJTYWZlQW5jaG9yIiwiTmF2TGluayIsIlJlYWN0IiwiZm9yd2FyZFJlZiIsInJlZiIsImNsYXNzTmFtZSIsInByb3BzIiwiZGlzcGxheU5hbWUiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFFQTs7QUFFQTs7QUFDQTs7QUFDQTs7QUFFQSxJQUFNQSxTQUFTLEdBQUc7QUFDaEI7OztBQUdBQyxFQUFBQSxRQUFRLEVBQUVDLHNCQUFVQyxNQUpKOztBQU1oQjs7O0FBR0FDLEVBQUFBLE1BQU0sRUFBRUYsc0JBQVVHLElBVEY7O0FBV2hCOzs7QUFHQUMsRUFBQUEsUUFBUSxFQUFFSixzQkFBVUcsSUFkSjs7QUFnQmhCOzs7O0FBSUFFLEVBQUFBLElBQUksRUFBRUwsc0JBQVVDLE1BcEJBOztBQXNCaEI7QUFDQUssRUFBQUEsSUFBSSxFQUFFTixzQkFBVUMsTUF2QkE7O0FBeUJoQjs7Ozs7O0FBTUFNLEVBQUFBLFFBQVEsRUFBRVAsc0JBQVVRLElBL0JKOztBQWlDaEI7Ozs7QUFJQUMsRUFBQUEsUUFBUSxFQUFFVCxzQkFBVVUsR0FyQ0o7O0FBdUNoQjtBQUNBQyxFQUFBQSxFQUFFLEVBQUVYLHNCQUFVWTtBQXhDRSxDQUFsQjtBQTJDQSxJQUFNQyxZQUFZLEdBQUc7QUFDbkJULEVBQUFBLFFBQVEsRUFBRSxLQURTO0FBRW5CTyxFQUFBQSxFQUFFLEVBQUVHO0FBRmUsQ0FBckI7O0FBS0EsSUFBTUMsT0FBTyxHQUFHQyxrQkFBTUMsVUFBTixDQUNkLGdCQUVFQyxHQUZGLEVBR0s7QUFBQSxNQUZEbkIsUUFFQyxRQUZEQSxRQUVDO0FBQUEsTUFGU0ssUUFFVCxRQUZTQSxRQUVUO0FBQUEsTUFGbUJlLFNBRW5CLFFBRm1CQSxTQUVuQjtBQUFBLE1BRjhCYixJQUU5QixRQUY4QkEsSUFFOUI7QUFBQSxNQUZvQ0csUUFFcEMsUUFGb0NBLFFBRXBDO0FBQUEsTUFGOENGLFFBRTlDLFFBRjhDQSxRQUU5QztBQUFBLE1BRndESSxFQUV4RCxRQUZ3REEsRUFFeEQ7QUFBQSxNQUYrRFMsS0FFL0Q7QUFDSHJCLEVBQUFBLFFBQVEsR0FBRyx1Q0FBbUJBLFFBQW5CLEVBQTZCLFVBQTdCLENBQVg7QUFDQSxzQkFDRSxnQ0FBQywyQkFBRCxnQ0FDTXFCLEtBRE47QUFFRSxJQUFBLElBQUksRUFBRWQsSUFGUjtBQUdFLElBQUEsR0FBRyxFQUFFWSxHQUhQO0FBSUUsSUFBQSxRQUFRLEVBQUVULFFBSlo7QUFLRSxJQUFBLEVBQUUsRUFBRUUsRUFMTjtBQU1FLElBQUEsUUFBUSxFQUFFUCxRQU5aO0FBT0UsSUFBQSxRQUFRLEVBQUVHLFFBUFo7QUFRRSxJQUFBLFNBQVMsRUFBRSw0QkFBV1ksU0FBWCxFQUFzQnBCLFFBQXRCLEVBQWdDSyxRQUFRLElBQUksVUFBNUM7QUFSYixLQURGO0FBWUQsQ0FsQmEsQ0FBaEI7O0FBcUJBVyxPQUFPLENBQUNNLFdBQVIsR0FBc0IsU0FBdEI7QUFDQU4sT0FBTyxDQUFDakIsU0FBUixHQUFvQkEsU0FBcEI7QUFDQWlCLE9BQU8sQ0FBQ0YsWUFBUixHQUF1QkEsWUFBdkI7ZUFFZUUsTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IFNhZmVBbmNob3IgZnJvbSAnLi9TYWZlQW5jaG9yJztcbmltcG9ydCBBYnN0cmFjdE5hdkl0ZW0gZnJvbSAnLi9BYnN0cmFjdE5hdkl0ZW0nO1xuaW1wb3J0IHsgdXNlQm9vdHN0cmFwUHJlZml4IH0gZnJvbSAnLi9UaGVtZVByb3ZpZGVyJztcblxuY29uc3QgcHJvcFR5cGVzID0ge1xuICAvKipcbiAgICogQGRlZmF1bHQgJ25hdi1saW5rJ1xuICAgKi9cbiAgYnNQcmVmaXg6IFByb3BUeXBlcy5zdHJpbmcsXG5cbiAgLyoqXG4gICAqIFRoZSBhY3RpdmUgc3RhdGUgb2YgdGhlIE5hdkl0ZW0gaXRlbS5cbiAgICovXG4gIGFjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG5cbiAgLyoqXG4gICAqIFRoZSBkaXNhYmxlZCBzdGF0ZSBvZiB0aGUgTmF2SXRlbSBpdGVtLlxuICAgKi9cbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuXG4gIC8qKlxuICAgKiBUaGUgQVJJQSByb2xlIGZvciB0aGUgYE5hdkxpbmtgLCBJbiB0aGUgY29udGV4dCBvZiBhICd0YWJsaXN0JyBwYXJlbnQgTmF2LFxuICAgKiB0aGUgcm9sZSBkZWZhdWx0cyB0byAndGFiJ1xuICAgKiAqL1xuICByb2xlOiBQcm9wVHlwZXMuc3RyaW5nLFxuXG4gIC8qKiBUaGUgSFRNTCBocmVmIGF0dHJpYnV0ZSBmb3IgdGhlIGBOYXZMaW5rYCAqL1xuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuXG4gIC8qKiBBIGNhbGxiYWNrIGZpcmVkIHdoZW4gdGhlIGBOYXZMaW5rYCBpcyBzZWxlY3RlZC5cbiAgICpcbiAgICogYGBganNcbiAgICogZnVuY3Rpb24gKGV2ZW50S2V5OiBhbnksIGV2ZW50OiBTeW50aGV0aWNFdmVudCkge31cbiAgICogYGBgXG4gICAqL1xuICBvblNlbGVjdDogUHJvcFR5cGVzLmZ1bmMsXG5cbiAgLyoqXG4gICAqIFVuaXF1ZWx5IGlkZW5pZmllcyB0aGUgYE5hdkl0ZW1gIGFtb25nc3QgaXRzIHNpYmxpbmdzLFxuICAgKiB1c2VkIHRvIGRldGVybWluZSBhbmQgY29udHJvbCB0aGUgYWN0aXZlIHN0YXRlIG9mIHRoZSBwYXJlbnQgYE5hdmBcbiAgICovXG4gIGV2ZW50S2V5OiBQcm9wVHlwZXMuYW55LFxuXG4gIC8qKiBAZGVmYXVsdCAnYScgKi9cbiAgYXM6IFByb3BUeXBlcy5lbGVtZW50VHlwZSxcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wcyA9IHtcbiAgZGlzYWJsZWQ6IGZhbHNlLFxuICBhczogU2FmZUFuY2hvcixcbn07XG5cbmNvbnN0IE5hdkxpbmsgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICAoXG4gICAgeyBic1ByZWZpeCwgZGlzYWJsZWQsIGNsYXNzTmFtZSwgaHJlZiwgZXZlbnRLZXksIG9uU2VsZWN0LCBhcywgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGJzUHJlZml4ID0gdXNlQm9vdHN0cmFwUHJlZml4KGJzUHJlZml4LCAnbmF2LWxpbmsnKTtcbiAgICByZXR1cm4gKFxuICAgICAgPEFic3RyYWN0TmF2SXRlbVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBldmVudEtleT17ZXZlbnRLZXl9XG4gICAgICAgIGFzPXthc31cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvblNlbGVjdD17b25TZWxlY3R9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc05hbWUsIGJzUHJlZml4LCBkaXNhYmxlZCAmJiAnZGlzYWJsZWQnKX1cbiAgICAgIC8+XG4gICAgKTtcbiAgfSxcbik7XG5cbk5hdkxpbmsuZGlzcGxheU5hbWUgPSAnTmF2TGluayc7XG5OYXZMaW5rLnByb3BUeXBlcyA9IHByb3BUeXBlcztcbk5hdkxpbmsuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBOYXZMaW5rO1xuIl19
//# sourceMappingURL=NavLink.js.map