@flexis/ui/components/SROnly/SROnly.js

Styleless React Components

"use strict";

var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");

var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");

_Object$defineProperty2(exports, "__esModule", {
  value: true
});

exports.default = void 0;

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));

var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));

var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));

var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));

var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));

var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));

var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));

var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));

var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));

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

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

var _SROnlySt = require("./SROnly.st.css");

function ownKeys(object, enumerableOnly) { var keys = (0, _keys.default)(object); if (_getOwnPropertySymbols.default) { var symbols = (0, _getOwnPropertySymbols.default)(object); if (enumerableOnly) symbols = (0, _filter.default)(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor.default)(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach.default)(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3.default)(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors.default) { (0, _defineProperties.default)(target, (0, _getOwnPropertyDescriptors.default)(source)); } else { var _context2; (0, _forEach.default)(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2.default)(target, key, (0, _getOwnPropertyDescriptor.default)(source, key)); }); } } return target; }

var PureComponent = _react.default.PureComponent,
    Children = _react.default.Children,
    cloneElement = _react.default.cloneElement;

var SROnly =
/** @class */
function () {
  var SROnly = /*#__PURE__*/function (_PureComponent) {
    (0, _inherits2.default)(SROnly, _PureComponent);

    function SROnly() {
      (0, _classCallCheck2.default)(this, SROnly);
      return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(SROnly).apply(this, arguments));
    }

    (0, _createClass2.default)(SROnly, [{
      key: "render",
      value: function render() {
        var _this$props = this.props,
            className = _this$props.className,
            focusable = _this$props.focusable,
            children = _this$props.children,
            props = (0, _objectWithoutProperties2.default)(_this$props, ["className", "focusable", "children"]);
        return cloneElement(Children.only(children), _objectSpread({}, props, {
          className: (0, _SROnlySt.style)(_SROnlySt.classes.root, {
            focusable: focusable
          }, className)
        }));
      }
    }]);
    return SROnly;
  }(PureComponent);

  process.env.NODE_ENV !== "production" ? SROnly.propTypes = {
    focusable: _propTypes.default.bool,
    children: _propTypes.default.element.isRequired
  } : void 0;
  SROnly.defaultProps = {
    focusable: false
  };
  return SROnly;
}();

var _default = SROnly;
exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NST25seS9TUk9ubHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQU1BOztBQUNBOzs7Ozs7Ozs7O0FBV0EsSUFBQSxNQUFBO0FBQUE7QUFBQSxZQUFBO0FBQUEsTUFBcUIsTUFBckI7QUFBQTs7QUFBQTtBQUFBO0FBQUE7QUFBQTs7QUFBQTtBQUFBO0FBQUEsK0JBV087QUFBQSwwQkFPRCxLQUFLLEtBUEo7QUFBQSxZQUdKLFNBSEksZUFHSixTQUhJO0FBQUEsWUFJSixTQUpJLGVBSUosU0FKSTtBQUFBLFlBS0osUUFMSSxlQUtKLFFBTEk7QUFBQSxZQU1ELEtBTkM7QUFTTCxlQUFPLFlBQVksQ0FDbEIsUUFBUSxDQUFDLElBQVQsQ0FBYyxRQUFkLENBRGtCLG9CQUdkLEtBSGM7QUFJakIsVUFBQSxTQUFTLEVBQUUscUJBQU0sa0JBQVEsSUFBZCxFQUFvQjtBQUM5QixZQUFBLFNBQVMsRUFBVDtBQUQ4QixXQUFwQixFQUVSLFNBRlE7QUFKTSxXQUFuQjtBQVNBO0FBN0JGO0FBQUE7QUFBQSxJQUFvQyxhQUFwQzs7QUFFUSwwQ0FBQSxNQUFBLENBQUEsU0FBQSxHQUFZO0FBQ2xCLElBQUEsU0FBUyxFQUFFLG1CQUFVLElBREg7QUFFbEIsSUFBQSxRQUFRLEVBQUcsbUJBQVUsT0FBVixDQUFrQjtBQUZYLEdBQVo7QUFLQSxFQUFBLE1BQUEsQ0FBQSxZQUFBLEdBQWU7QUFDckIsSUFBQSxTQUFTLEVBQUU7QUFEVSxHQUFmO0FBdUJSLFNBQUEsTUFBQTtBQUFDLENBOUJELEVBQUE7O2VBQXFCLE0iLCJzb3VyY2VSb290IjoiIn0=