@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
51 lines (50 loc) • 2.24 kB
JavaScript
;
exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o); }
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); } /**
* FootNoteLink module.
* @module @massds/mayflower-react/FootNoteLink
* @requires module:@massds/mayflower-assets/scss/01-atoms/footnote-link
*/
var FootNoteLink = /*#__PURE__*/function (_React$Component) {
function FootNoteLink() {
return _React$Component.apply(this, arguments) || this;
}
_inheritsLoose(FootNoteLink, _React$Component);
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 = exports["default"] = FootNoteLink;
module.exports = exports.default;