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.

DropdownItem.js 2.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
  3. import classNames from 'classnames';
  4. import React, { useContext } from 'react';
  5. import useEventCallback from '@restart/hooks/useEventCallback';
  6. import SafeAnchor from './SafeAnchor';
  7. import SelectableContext, { makeEventKey } from './SelectableContext';
  8. import { useBootstrapPrefix } from './ThemeProvider';
  9. import NavContext from './NavContext';
  10. var defaultProps = {
  11. as: SafeAnchor,
  12. disabled: false
  13. };
  14. var DropdownItem = React.forwardRef(function (_ref, ref) {
  15. var bsPrefix = _ref.bsPrefix,
  16. className = _ref.className,
  17. children = _ref.children,
  18. eventKey = _ref.eventKey,
  19. disabled = _ref.disabled,
  20. href = _ref.href,
  21. onClick = _ref.onClick,
  22. onSelect = _ref.onSelect,
  23. propActive = _ref.active,
  24. Component = _ref.as,
  25. props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "children", "eventKey", "disabled", "href", "onClick", "onSelect", "active", "as"]);
  26. var prefix = useBootstrapPrefix(bsPrefix, 'dropdown-item');
  27. var onSelectCtx = useContext(SelectableContext);
  28. var navContext = useContext(NavContext);
  29. var _ref2 = navContext || {},
  30. activeKey = _ref2.activeKey;
  31. var key = makeEventKey(eventKey, href);
  32. var active = propActive == null && key != null ? makeEventKey(activeKey) === key : propActive;
  33. var handleClick = useEventCallback(function (event) {
  34. // SafeAnchor handles the disabled case, but we handle it here
  35. // for other components
  36. if (disabled) return;
  37. if (onClick) onClick(event);
  38. if (onSelectCtx) onSelectCtx(key, event);
  39. if (onSelect) onSelect(key, event);
  40. });
  41. return React.createElement(Component, _extends({}, props, {
  42. ref: ref,
  43. href: href,
  44. disabled: disabled,
  45. className: classNames(className, prefix, active && 'active', disabled && 'disabled'),
  46. onClick: handleClick
  47. }), children);
  48. });
  49. DropdownItem.displayName = 'DropdownItem';
  50. DropdownItem.defaultProps = defaultProps;
  51. export default DropdownItem;