@atlaskit/page-layout
Version:
A collection of components which let you compose an application's page layout.
73 lines (70 loc) • 3.32 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.SkipLinksController = void 0;
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = _interopRequireWildcard(require("react"));
var _constants = require("../common/constants");
var _skipLinkContext = require("./skip-link-context");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var byDOMOrder = function byDOMOrder(a, b) {
var _a$listIndex, _b$listIndex;
var elems = Array.from(document.querySelectorAll("[".concat(_constants.PAGE_LAYOUT_SLOT_SELECTOR, "]")));
var elemA = document.getElementById(a.id);
var elemB = document.getElementById(b.id);
var indexA = (_a$listIndex = a.listIndex) !== null && _a$listIndex !== void 0 ? _a$listIndex : elems.indexOf(elemA);
var indexB = (_b$listIndex = b.listIndex) !== null && _b$listIndex !== void 0 ? _b$listIndex : elems.indexOf(elemB);
/**
* If they are tied it is because one (or both) is
* a custom skiplink with a set index.
*
* Give the custom skiplink priority.
*/
if (indexA === indexB) {
if (a.listIndex !== undefined) {
return -1;
} else {
return 1;
}
}
return indexA - indexB;
};
// eslint-disable-next-line @repo/internal/react/require-jsdoc
var SkipLinksController = exports.SkipLinksController = function SkipLinksController(_ref) {
var children = _ref.children;
var _useState = (0, _react.useState)([]),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
links = _useState2[0],
setLinks = _useState2[1];
var registerSkipLink = (0, _react.useRef)(function (skipLinkData) {
// Don't add duplicate SkipLinks
setLinks(function (oldLinks) {
if (oldLinks.some(function (_ref2) {
var id = _ref2.id;
return id === skipLinkData.id;
})) {
return oldLinks;
}
return [].concat((0, _toConsumableArray2.default)(oldLinks), [skipLinkData]).sort(byDOMOrder);
});
});
var unregisterSkipLink = (0, _react.useRef)(function (id) {
setLinks(function (links) {
return links.filter(function (link) {
return link.id !== id;
});
});
});
var context = {
registerSkipLink: registerSkipLink.current,
skipLinksData: links,
unregisterSkipLink: unregisterSkipLink.current
};
return /*#__PURE__*/_react.default.createElement(_skipLinkContext.SkipLinksContext.Provider, {
value: context
}, children);
};