botframework-webchat-component/lib/ScreenReaderText.js

React component of botframework-webchat

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

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

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

var _useStyleToEmotionObject = _interopRequireDefault(require("./hooks/internal/useStyleToEmotionObject"));

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

/* eslint react/forbid-dom-props: ["off"] */
var ROOT_STYLE = {
  // .sr-only - This component is intended to be invisible to the visual Web Chat user, but read by the AT when using a screen reader
  color: 'transparent',
  height: 1,
  overflow: 'hidden',
  position: 'absolute',
  // We need to set top: 0, otherwise, it will repro:
  // - Run NVDA
  // - Make the transcript long enough to show the scrollbar
  // - Press SHIFT-TAB, focus on upload button
  // - Press up arrow multiple times
  top: 0,
  whiteSpace: 'nowrap',
  width: 1
};

var ScreenReaderText = function ScreenReaderText(_ref) {
  var id = _ref.id,
      text = _ref.text;
  var rootClassName = (0, _useStyleToEmotionObject.default)()(ROOT_STYLE) + '';
  return /*#__PURE__*/_react.default.createElement("div", {
    className: rootClassName,
    id: id
  }, text);
};

ScreenReaderText.defaultProps = {
  id: undefined
};
ScreenReaderText.propTypes = {
  id: _propTypes.default.string,
  text: _propTypes.default.string.isRequired
};
var _default = ScreenReaderText;
exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9TY3JlZW5SZWFkZXJUZXh0LmpzIl0sIm5hbWVzIjpbIlJPT1RfU1RZTEUiLCJjb2xvciIsImhlaWdodCIsIm92ZXJmbG93IiwicG9zaXRpb24iLCJ0b3AiLCJ3aGl0ZVNwYWNlIiwid2lkdGgiLCJTY3JlZW5SZWFkZXJUZXh0IiwiaWQiLCJ0ZXh0Iiwicm9vdENsYXNzTmFtZSIsImRlZmF1bHRQcm9wcyIsInVuZGVmaW5lZCIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsInN0cmluZyIsImlzUmVxdWlyZWQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFFQTs7QUFDQTs7QUFFQTs7OztBQUxBO0FBT0EsSUFBTUEsVUFBVSxHQUFHO0FBQ2pCO0FBQ0FDLEVBQUFBLEtBQUssRUFBRSxhQUZVO0FBR2pCQyxFQUFBQSxNQUFNLEVBQUUsQ0FIUztBQUlqQkMsRUFBQUEsUUFBUSxFQUFFLFFBSk87QUFLakJDLEVBQUFBLFFBQVEsRUFBRSxVQUxPO0FBTWpCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQUMsRUFBQUEsR0FBRyxFQUFFLENBWFk7QUFZakJDLEVBQUFBLFVBQVUsRUFBRSxRQVpLO0FBYWpCQyxFQUFBQSxLQUFLLEVBQUU7QUFiVSxDQUFuQjs7QUFnQkEsSUFBTUMsZ0JBQWdCLEdBQUcsU0FBbkJBLGdCQUFtQixPQUFrQjtBQUFBLE1BQWZDLEVBQWUsUUFBZkEsRUFBZTtBQUFBLE1BQVhDLElBQVcsUUFBWEEsSUFBVztBQUN6QyxNQUFNQyxhQUFhLEdBQUcsd0NBQTBCWCxVQUExQixJQUF3QyxFQUE5RDtBQUVBLHNCQUNFO0FBQUssSUFBQSxTQUFTLEVBQUVXLGFBQWhCO0FBQStCLElBQUEsRUFBRSxFQUFFRjtBQUFuQyxLQUNHQyxJQURILENBREY7QUFLRCxDQVJEOztBQVVBRixnQkFBZ0IsQ0FBQ0ksWUFBakIsR0FBZ0M7QUFDOUJILEVBQUFBLEVBQUUsRUFBRUk7QUFEMEIsQ0FBaEM7QUFJQUwsZ0JBQWdCLENBQUNNLFNBQWpCLEdBQTZCO0FBQzNCTCxFQUFBQSxFQUFFLEVBQUVNLG1CQUFVQyxNQURhO0FBRTNCTixFQUFBQSxJQUFJLEVBQUVLLG1CQUFVQyxNQUFWLENBQWlCQztBQUZJLENBQTdCO2VBS2VULGdCIiwic291cmNlUm9vdCI6ImNvbXBvbmVudDovLy8iLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQgcmVhY3QvZm9yYmlkLWRvbS1wcm9wczogW1wib2ZmXCJdICovXG5cbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdXNlU3R5bGVUb0Vtb3Rpb25PYmplY3QgZnJvbSAnLi9ob29rcy9pbnRlcm5hbC91c2VTdHlsZVRvRW1vdGlvbk9iamVjdCc7XG5cbmNvbnN0IFJPT1RfU1RZTEUgPSB7XG4gIC8vIC5zci1vbmx5IC0gVGhpcyBjb21wb25lbnQgaXMgaW50ZW5kZWQgdG8gYmUgaW52aXNpYmxlIHRvIHRoZSB2aXN1YWwgV2ViIENoYXQgdXNlciwgYnV0IHJlYWQgYnkgdGhlIEFUIHdoZW4gdXNpbmcgYSBzY3JlZW4gcmVhZGVyXG4gIGNvbG9yOiAndHJhbnNwYXJlbnQnLFxuICBoZWlnaHQ6IDEsXG4gIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIC8vIFdlIG5lZWQgdG8gc2V0IHRvcDogMCwgb3RoZXJ3aXNlLCBpdCB3aWxsIHJlcHJvOlxuICAvLyAtIFJ1biBOVkRBXG4gIC8vIC0gTWFrZSB0aGUgdHJhbnNjcmlwdCBsb25nIGVub3VnaCB0byBzaG93IHRoZSBzY3JvbGxiYXJcbiAgLy8gLSBQcmVzcyBTSElGVC1UQUIsIGZvY3VzIG9uIHVwbG9hZCBidXR0b25cbiAgLy8gLSBQcmVzcyB1cCBhcnJvdyBtdWx0aXBsZSB0aW1lc1xuICB0b3A6IDAsXG4gIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICB3aWR0aDogMVxufTtcblxuY29uc3QgU2NyZWVuUmVhZGVyVGV4dCA9ICh7IGlkLCB0ZXh0IH0pID0+IHtcbiAgY29uc3Qgcm9vdENsYXNzTmFtZSA9IHVzZVN0eWxlVG9FbW90aW9uT2JqZWN0KCkoUk9PVF9TVFlMRSkgKyAnJztcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtyb290Q2xhc3NOYW1lfSBpZD17aWR9PlxuICAgICAge3RleHR9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5TY3JlZW5SZWFkZXJUZXh0LmRlZmF1bHRQcm9wcyA9IHtcbiAgaWQ6IHVuZGVmaW5lZFxufTtcblxuU2NyZWVuUmVhZGVyVGV4dC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0ZXh0OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWRcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNjcmVlblJlYWRlclRleHQ7XG4iXX0=