@atlaskit/form

Version:
A form allows people to input information.
30 lines (29 loc) • 1.04 kB
JavaScript
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MessageWrapper = void 0;
var _react = _interopRequireDefault(require("react"));
var _messageContext = require("./message-context");
/**
 * __Message wrapper __
 *
 * A message wrapper is used to allow assistive technologies, like screen readers, to announce error or
 * valid messages. This must be loaded into the DOM before the
 * ErrorMessage, ValidMessage is loaded. Otherwise, assistive technologies
 * may not render the message.
 *
 */
var MessageWrapper = exports.MessageWrapper = function MessageWrapper(_ref) {
  var children = _ref.children;
  var contextValue = {
    isWrapper: true
  };
  return /*#__PURE__*/_react.default.createElement(_messageContext.MessageWrapperContext.Provider, {
    value: contextValue
  }, /*#__PURE__*/_react.default.createElement("div", {
    "aria-live": "polite",
    "data-testid": "message-wrapper"
  }, children));
};