@massds/mayflower-react/dist/FootNoteLink/index.js

React versions of Mayflower design system UI components

"use strict";

exports.__esModule = true;
exports["default"] = void 0;

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

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

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

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

var FootNoteLink = /*#__PURE__*/function (_React$Component) {
  _inheritsLoose(FootNoteLink, _React$Component);

  function FootNoteLink() {
    return _React$Component.apply(this, arguments) || this;
  }

  var _proto = FootNoteLink.prototype;

  _proto.handleScroll = function handleScroll() {
    var element = document.getElementById("footnotemsg" + this.props.index);
    element.scrollIntoView({
      block: 'end',
      behavior: 'smooth'
    });
  };

  _proto.render = function render() {
    var _this = this;

    var index = this.props.index;
    return /*#__PURE__*/_react["default"].createElement("button", {
      type: "button",
      className: "ma__footnote-link footnoteref" + index,
      "aria-describedby": "footnotemsg" + index,
      "aria-label": "see footnote " + index,
      onClick: function onClick() {
        return _this.handleScroll();
      },
      tabIndex: "0",
      role: "link"
    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("sup", null, "[", index, "]")));
  };

  return FootNoteLink;
}(_react["default"].Component);

FootNoteLink.propTypes = process.env.NODE_ENV !== "production" ? {
  /** Pair the FootNoteLink molecule with the FootNote.
  The number/index of the footnote item you are referencing.
  If this is the second footnote on the page, `i` would be 2. */
  index: _propTypes["default"].string
} : {};
var _default = FootNoteLink;
exports["default"] = _default;
module.exports = exports.default;