react-bootify/components/alert/alert.js

react-bootify

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _classnames = _interopRequireDefault(require("classnames"));

var _utils = require("../utils");

var _tag = _interopRequireDefault(require("../tag"));

var _body = _interopRequireDefault(require("./body"));

var _separator = _interopRequireDefault(require("./separator"));

var _header = _interopRequireDefault(require("./header"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

/**
 * 
 * Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
 * 
 */
var Alert = _react["default"].forwardRef(function (props, ref) {
  var _props = props,
      dismissable = _props.dismissable,
      show = _props.show,
      dismiss = _props.dismiss,
      tag = _props.tag,
      color = _props.color,
      role = _props.role,
      children = _props.children,
      className = _props.className,
      props = _objectWithoutProperties(_props, ["dismissable", "show", "dismiss", "tag", "color", "role", "children", "className"]);

  if (!show) return null;
  className = (0, _classnames["default"])(className, {
    'alert': true
  });
  className = (0, _classnames["default"])(className, dismissable ? "alert-dismissible" : undefined);
  className = (0, _classnames["default"])(className, color ? "alert-".concat(color) : undefined);
  var dismissButton = null;

  if (dismiss) {
    if (!(0, _utils.isFunction)(dismiss)) dismiss = function dismiss() {};
    dismissButton = _react["default"].createElement("button", {
      type: "button",
      className: "close",
      "data-dismiss": "alert",
      "aria-label": "Close",
      onClick: dismiss
    }, _react["default"].createElement("span", {
      "aria-hidden": "true"
    }, "\xD7"));
  }

  return _react["default"].createElement(_tag["default"], _extends({
    ref: ref,
    tag: tag,
    className: className,
    role: role
  }, props), dismissButton, children);
});

Alert.propTypes = {
  /** [Color of alert](https://getbootstrap.com/docs/4.4/components/alerts/#examples) */
  color: _propTypes["default"].any,

  /** [Dismissable appearance](https://getbootstrap.com/docs/4.4/components/alerts/#dismissing) */
  dismiss: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].bool]),

  /** Visible state */
  show: _propTypes["default"].bool,

  /** Role */
  role: _propTypes["default"].any,

  /** Default tag */
  tag: _propTypes["default"].string
};
Alert.defaultProps = {
  color: 'info',
  role: 'alert',
  tag: 'div',
  show: true,
  dismissable: false
};
Alert.Header = _header["default"];
Alert.Separator = _separator["default"];
Alert.Body = _body["default"];
var _default = Alert;
exports["default"] = _default;