Dashboard sipadu mbip
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

BreadcrumbItem.js 2.1KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. exports.__esModule = true;
  4. exports.default = void 0;
  5. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  6. var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
  7. var _classnames = _interopRequireDefault(require("classnames"));
  8. var _react = _interopRequireDefault(require("react"));
  9. var _SafeAnchor = _interopRequireDefault(require("./SafeAnchor"));
  10. var _ThemeProvider = require("./ThemeProvider");
  11. var defaultProps = {
  12. active: false
  13. };
  14. var BreadcrumbItem = _react.default.forwardRef( // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
  15. function (_ref, ref) {
  16. var bsPrefix = _ref.bsPrefix,
  17. active = _ref.active,
  18. className = _ref.className,
  19. _ref$as = _ref.as,
  20. Component = _ref$as === void 0 ? 'li' : _ref$as,
  21. props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["bsPrefix", "active", "className", "as"]);
  22. var prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'breadcrumb-item');
  23. var href = props.href,
  24. title = props.title,
  25. target = props.target,
  26. elementProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["href", "title", "target"]);
  27. var linkProps = {
  28. href: href,
  29. title: title,
  30. target: target
  31. };
  32. return _react.default.createElement(Component, {
  33. ref: ref,
  34. className: (0, _classnames.default)(prefix, className, {
  35. active: active
  36. }),
  37. "aria-current": active ? 'page' : undefined
  38. }, active ? _react.default.createElement("span", (0, _extends2.default)({}, elementProps, {
  39. className: (0, _classnames.default)({
  40. active: active
  41. })
  42. })) : _react.default.createElement(_SafeAnchor.default, (0, _extends2.default)({}, elementProps, linkProps)));
  43. });
  44. BreadcrumbItem.displayName = 'BreadcrumbItem';
  45. BreadcrumbItem.defaultProps = defaultProps;
  46. var _default = BreadcrumbItem;
  47. exports.default = _default;
  48. module.exports = exports["default"];