@massds/mayflower-react/dist/CalloutAlert/index.js

React versions of Mayflower design system UI components

"use strict";

exports.__esModule = true;
exports["default"] = void 0;

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

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

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

var Icon = _interopRequireWildcard(require("../Icon/index.js"));

function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

/**
 * CalloutAlert module.
 * @module @massds/mayflower-react/CalloutAlert
 * @requires module:@massds/mayflower-assets/scss/03-organisms/callout-alert
 */
// eslint-disable-next-line import/no-unresolved
var CalloutAlert = function CalloutAlert(props) {
  var _classNames, _props$icon, _props$icon2;

  var calloutAlertClasses = (0, _classnames["default"])((_classNames = {
    'ma__callout-alert': true
  }, _classNames["ma__callout-alert--" + props.theme] = props.theme, _classNames));
  var calloutAlertContentClasses = (0, _classnames["default"])({
    'ma__callout-alert__content': true,
    'ma__callout-alert__content--no-icon': !(props.icon && props.icon.name)
  });
  var IconComponent = props !== null && props !== void 0 && (_props$icon = props.icon) !== null && _props$icon !== void 0 && _props$icon.name ? Icon[props.icon.name] : null;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: calloutAlertClasses
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: calloutAlertContentClasses
  }, (props === null || props === void 0 ? void 0 : (_props$icon2 = props.icon) === null || _props$icon2 === void 0 ? void 0 : _props$icon2.name) && /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__callout-alert__icon"
  }, /*#__PURE__*/_react["default"].createElement(IconComponent, props.icon)), props.children));
};

CalloutAlert.propTypes = process.env.NODE_ENV !== "production" ? {
  icon: _propTypes["default"].shape({
    name: _propTypes["default"].string,
    title: _propTypes["default"].string,
    width: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
    height: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
    className: _propTypes["default"].string,
    fill: _propTypes["default"].string
  }),

  /** Themes correspond to site color scheme i.e. sass variables */
  theme: _propTypes["default"].oneOf(['', 'c-primary', 'c-primary-alt', 'c-highlight', 'c-gray-dark', 'c-error-red']),
  children: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].array])
} : {};
CalloutAlert.defaultProps = {
  icon: {
    name: 'IconAlert'
  }
};
var _default = CalloutAlert;
exports["default"] = _default;
module.exports = exports.default;