@talend/react-forms/lib/UIForm/Message/Message.component.js

React forms library based on json schema form.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Message;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _designSystem = require("@talend/design-system");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function Message(props) {
  const {
    description,
    descriptionId,
    errorId,
    errorMessage,
    isValid
  } = props;
  return description || errorMessage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
    children: isValid ? description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.InlineMessageInformation, {
      id: descriptionId,
      description: description,
      role: undefined,
      "aria-live": undefined,
      "data-test": "fieldTemplate.inlineMessage"
    }) : errorMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.InlineMessageDestructive, {
      id: errorId,
      description: errorMessage,
      "aria-live": "assertive",
      "data-test": "fieldTemplate.inlineMessageError"
    })
  }) : null;
}
if (process.env.NODE_ENV !== 'production') {
  Message.propTypes = {
    description: _propTypes.default.string,
    descriptionId: _propTypes.default.string.isRequired,
    errorId: _propTypes.default.string.isRequired,
    errorMessage: _propTypes.default.string,
    isValid: _propTypes.default.bool
  };
}
//# sourceMappingURL=Message.component.js.map