@massds/mayflower-react/dist/Input/error.mjs

React versions of Mayflower design system UI components

function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

import React from "react";
import PropTypes from "prop-types";
import ErrorMessage from "../ErrorMessage/index.mjs";
import { InputContext } from "../Input/context.mjs";

let Error = /*#__PURE__*/function (_React$Component) {
  _inheritsLoose(Error, _React$Component);

  function Error() {
    var _this;

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;

    _defineProperty(_assertThisInitialized(_this), "displayErrorMessage", inputContext => {
      const errorProps = {
        error: inputContext.errorMsg,
        inputId: _this.props.id
      };

      if (inputContext.showError && inputContext.errorMsg.length > 0) {
        return /*#__PURE__*/React.createElement(ErrorMessage, errorProps);
      }

      return null;
    });

    return _this;
  }

  var _proto = Error.prototype;

  _proto.render = function render() {
    return /*#__PURE__*/React.createElement(InputContext.Consumer, null, this.displayErrorMessage);
  };

  return Error;
}(React.Component);

Error.propTypes = process.env.NODE_ENV !== "production" ? {
  id: PropTypes.string
} : {};
Error.contextType = InputContext;
export default Error;