Dashboard sipadu mbip
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

NavbarToggle.js 2.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. "use strict";
  2. var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
  3. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  4. exports.__esModule = true;
  5. exports.default = void 0;
  6. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  7. var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
  8. var _classnames = _interopRequireDefault(require("classnames"));
  9. var _react = _interopRequireWildcard(require("react"));
  10. var _useEventCallback = _interopRequireDefault(require("@restart/hooks/useEventCallback"));
  11. var _ThemeProvider = require("./ThemeProvider");
  12. var _NavbarContext = _interopRequireDefault(require("./NavbarContext"));
  13. var defaultProps = {
  14. label: 'Toggle navigation'
  15. };
  16. var NavbarToggle = _react.default.forwardRef(function (_ref, ref) {
  17. var bsPrefix = _ref.bsPrefix,
  18. className = _ref.className,
  19. children = _ref.children,
  20. label = _ref.label,
  21. _ref$as = _ref.as,
  22. Component = _ref$as === void 0 ? 'button' : _ref$as,
  23. onClick = _ref.onClick,
  24. props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["bsPrefix", "className", "children", "label", "as", "onClick"]);
  25. bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'navbar-toggler');
  26. var _ref2 = (0, _react.useContext)(_NavbarContext.default) || {},
  27. onToggle = _ref2.onToggle,
  28. expanded = _ref2.expanded;
  29. var handleClick = (0, _useEventCallback.default)(function (e) {
  30. if (onClick) onClick(e);
  31. if (onToggle) onToggle();
  32. });
  33. if (Component === 'button') {
  34. props.type = 'button';
  35. }
  36. return _react.default.createElement(Component, (0, _extends2.default)({}, props, {
  37. ref: ref,
  38. onClick: handleClick,
  39. "aria-label": label,
  40. className: (0, _classnames.default)(className, bsPrefix, !expanded && 'collapsed')
  41. }), children || _react.default.createElement("span", {
  42. className: bsPrefix + "-icon"
  43. }));
  44. });
  45. NavbarToggle.displayName = 'NavbarToggle';
  46. NavbarToggle.defaultProps = defaultProps;
  47. var _default = NavbarToggle;
  48. exports.default = _default;
  49. module.exports = exports["default"];