Dashboard sipadu mbip
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

ToastHeader.js 2.0KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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 _CloseButton = _interopRequireDefault(require("./CloseButton"));
  13. var _ToastContext = _interopRequireDefault(require("./ToastContext"));
  14. var defaultProps = {
  15. closeLabel: 'Close',
  16. closeButton: true
  17. };
  18. var ToastHeader = _react.default.forwardRef(function (_ref, ref) {
  19. var bsPrefix = _ref.bsPrefix,
  20. closeLabel = _ref.closeLabel,
  21. closeButton = _ref.closeButton,
  22. className = _ref.className,
  23. children = _ref.children,
  24. props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["bsPrefix", "closeLabel", "closeButton", "className", "children"]);
  25. bsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'toast-header');
  26. var context = (0, _react.useContext)(_ToastContext.default);
  27. var handleClick = (0, _useEventCallback.default)(function () {
  28. if (context) {
  29. context.onClose();
  30. }
  31. });
  32. return _react.default.createElement("div", (0, _extends2.default)({
  33. ref: ref
  34. }, props, {
  35. className: (0, _classnames.default)(bsPrefix, className)
  36. }), children, closeButton && _react.default.createElement(_CloseButton.default, {
  37. label: closeLabel,
  38. onClick: handleClick,
  39. className: "ml-2 mb-1",
  40. "data-dismiss": "toast"
  41. }));
  42. });
  43. ToastHeader.displayName = 'ToastHeader';
  44. ToastHeader.defaultProps = defaultProps;
  45. var _default = ToastHeader;
  46. exports.default = _default;
  47. module.exports = exports["default"];