1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- "use strict";
-
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
- exports.__esModule = true;
- exports.default = void 0;
-
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
- var _classnames = _interopRequireDefault(require("classnames"));
-
- var _react = _interopRequireDefault(require("react"));
-
- var _uncontrollable = require("uncontrollable");
-
- var _useEventCallback = _interopRequireDefault(require("@restart/hooks/useEventCallback"));
-
- var _createWithBsPrefix = _interopRequireDefault(require("./utils/createWithBsPrefix"));
-
- var _divWithClassName = _interopRequireDefault(require("./utils/divWithClassName"));
-
- var _ThemeProvider = require("./ThemeProvider");
-
- var _Fade = _interopRequireDefault(require("./Fade"));
-
- var _CloseButton = _interopRequireDefault(require("./CloseButton"));
-
- var _SafeAnchor = _interopRequireDefault(require("./SafeAnchor"));
-
- var defaultProps = {
- show: true,
- transition: _Fade.default,
- closeLabel: 'Close alert'
- };
- var controllables = {
- show: 'onClose'
- };
-
- var Alert = _react.default.forwardRef(function (uncontrolledProps, ref) {
- var _useUncontrolled = (0, _uncontrollable.useUncontrolled)(uncontrolledProps, controllables),
- bsPrefix = _useUncontrolled.bsPrefix,
- show = _useUncontrolled.show,
- closeLabel = _useUncontrolled.closeLabel,
- className = _useUncontrolled.className,
- children = _useUncontrolled.children,
- variant = _useUncontrolled.variant,
- onClose = _useUncontrolled.onClose,
- dismissible = _useUncontrolled.dismissible,
- Transition = _useUncontrolled.transition,
- props = (0, _objectWithoutPropertiesLoose2.default)(_useUncontrolled, ["bsPrefix", "show", "closeLabel", "className", "children", "variant", "onClose", "dismissible", "transition"]);
-
- var prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'alert');
- var handleClose = (0, _useEventCallback.default)(function (e) {
- onClose(false, e);
- });
-
- var alert = _react.default.createElement("div", (0, _extends2.default)({
- role: "alert"
- }, Transition ? props : undefined, {
- className: (0, _classnames.default)(className, prefix, variant && prefix + "-" + variant, dismissible && prefix + "-dismissible")
- }), dismissible && _react.default.createElement(_CloseButton.default, {
- onClick: handleClose,
- label: closeLabel
- }), children);
-
- if (!Transition) return show ? alert : null;
- return _react.default.createElement(Transition, (0, _extends2.default)({
- unmountOnExit: true,
- ref: ref
- }, props, {
- in: show
- }), alert);
- });
-
- var DivStyledAsH4 = (0, _divWithClassName.default)('h4');
- DivStyledAsH4.displayName = 'DivStyledAsH4';
- Alert.displayName = 'Alert';
- Alert.defaultProps = defaultProps;
- Alert.Link = (0, _createWithBsPrefix.default)('alert-link', {
- Component: _SafeAnchor.default
- });
- Alert.Heading = (0, _createWithBsPrefix.default)('alert-heading', {
- Component: DivStyledAsH4
- });
- var _default = Alert;
- exports.default = _default;
- module.exports = exports["default"];
|