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.

Alert.js 2.4KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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 from 'react';
  5. import { useUncontrolled } from 'uncontrollable';
  6. import useEventCallback from '@restart/hooks/useEventCallback';
  7. import createWithBsPrefix from './utils/createWithBsPrefix';
  8. import divWithClassName from './utils/divWithClassName';
  9. import { useBootstrapPrefix } from './ThemeProvider';
  10. import Fade from './Fade';
  11. import CloseButton from './CloseButton';
  12. import SafeAnchor from './SafeAnchor';
  13. var defaultProps = {
  14. show: true,
  15. transition: Fade,
  16. closeLabel: 'Close alert'
  17. };
  18. var controllables = {
  19. show: 'onClose'
  20. };
  21. var Alert = React.forwardRef(function (uncontrolledProps, ref) {
  22. var _useUncontrolled = useUncontrolled(uncontrolledProps, controllables),
  23. bsPrefix = _useUncontrolled.bsPrefix,
  24. show = _useUncontrolled.show,
  25. closeLabel = _useUncontrolled.closeLabel,
  26. className = _useUncontrolled.className,
  27. children = _useUncontrolled.children,
  28. variant = _useUncontrolled.variant,
  29. onClose = _useUncontrolled.onClose,
  30. dismissible = _useUncontrolled.dismissible,
  31. Transition = _useUncontrolled.transition,
  32. props = _objectWithoutPropertiesLoose(_useUncontrolled, ["bsPrefix", "show", "closeLabel", "className", "children", "variant", "onClose", "dismissible", "transition"]);
  33. var prefix = useBootstrapPrefix(bsPrefix, 'alert');
  34. var handleClose = useEventCallback(function (e) {
  35. onClose(false, e);
  36. });
  37. var alert = React.createElement("div", _extends({
  38. role: "alert"
  39. }, Transition ? props : undefined, {
  40. className: classNames(className, prefix, variant && prefix + "-" + variant, dismissible && prefix + "-dismissible")
  41. }), dismissible && React.createElement(CloseButton, {
  42. onClick: handleClose,
  43. label: closeLabel
  44. }), children);
  45. if (!Transition) return show ? alert : null;
  46. return React.createElement(Transition, _extends({
  47. unmountOnExit: true,
  48. ref: ref
  49. }, props, {
  50. in: show
  51. }), alert);
  52. });
  53. var DivStyledAsH4 = divWithClassName('h4');
  54. DivStyledAsH4.displayName = 'DivStyledAsH4';
  55. Alert.displayName = 'Alert';
  56. Alert.defaultProps = defaultProps;
  57. Alert.Link = createWithBsPrefix('alert-link', {
  58. Component: SafeAnchor
  59. });
  60. Alert.Heading = createWithBsPrefix('alert-heading', {
  61. Component: DivStyledAsH4
  62. });
  63. export default Alert;