@massds/mayflower-react/dist/ErrorMessage/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 _IconInputSuccess = _interopRequireDefault(require("../Icon/IconInputSuccess.js"));
var _IconInputError = _interopRequireDefault(require("../Icon/IconInputError.js"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
/**
 * ErrorMessage module.
 * @module @massds/mayflower-react/ErrorMessage
 * @requires module:@massds/mayflower-assets/scss/01-atoms/error-msg
 * @requires module:@massds/mayflower-assets/scss/01-atoms/svg-icons
 * @requires module:@massds/mayflower-assets/scss/01-atoms/svg-loc-icons
 */

// eslint-disable-next-line import/no-unresolved

// eslint-disable-next-line import/no-unresolved

var ErrorMessage = function ErrorMessage(_ref) {
  var inputId = _ref.inputId,
    error = _ref.error,
    success = _ref.success,
    status = _ref.status;
  var isSuccessful = status === 'success';
  return /*#__PURE__*/_react["default"].createElement("div", {
    htmlFor: inputId,
    "aria-labelledby": inputId,
    className: "ma__error-msg has-error " + (isSuccessful ? 'ma__error-msg--success' : ''),
    role: isSuccessful ? 'presentation' : 'alert'
  }, isSuccessful ? /*#__PURE__*/_react["default"].createElement(_IconInputSuccess["default"], {
    width: 16,
    height: 18
  }) : /*#__PURE__*/_react["default"].createElement(_IconInputError["default"], {
    width: 16,
    height: 18
  }), /*#__PURE__*/_react["default"].createElement("span", null, isSuccessful ? success : error));
};
ErrorMessage.propTypes = process.env.NODE_ENV !== "production" ? {
  /** The ID of the corresponding input field */
  inputId: _propTypes["default"].string.isRequired,
  /** The error message for the corresponding input field */
  error: _propTypes["default"].string.isRequired,
  /** The sucess message for the corresponding input field */
  success: _propTypes["default"].string,
  /** Validation status */
  status: _propTypes["default"].oneOf(['error', 'success'])
} : {};
ErrorMessage.defaultProps = {
  status: 'error',
  success: 'Success!'
};
var _default = exports["default"] = ErrorMessage;
module.exports = exports.default;