117 lines
5.5 KiB
Plaintext
117 lines
5.5 KiB
Plaintext
|
"use strict";
|
||
|
|
||
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
||
|
Object.defineProperty(exports, "__esModule", {
|
||
|
value: true
|
||
|
});
|
||
|
exports["default"] = void 0;
|
||
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
||
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
||
|
var _ariaQuery = require("aria-query");
|
||
|
var _axobjectQuery = require("axobject-query");
|
||
|
var _arrayIncludes = _interopRequireDefault(require("array-includes"));
|
||
|
var _arrayPrototype = _interopRequireDefault(require("array.prototype.flatmap"));
|
||
|
var _Iterator = _interopRequireDefault(require("es-iterator-helpers/Iterator.from"));
|
||
|
var _IteratorPrototype = _interopRequireDefault(require("es-iterator-helpers/Iterator.prototype.filter"));
|
||
|
var _IteratorPrototype2 = _interopRequireDefault(require("es-iterator-helpers/Iterator.prototype.some"));
|
||
|
var _attributesComparator = _interopRequireDefault(require("./attributesComparator"));
|
||
|
// import iterFlatMap from 'es-iterator-helpers/Iterator.prototype.flatMap';
|
||
|
var roleKeys = (0, _toConsumableArray2["default"])(_ariaQuery.roles.keys());
|
||
|
var elementRoleEntries = (0, _toConsumableArray2["default"])(_ariaQuery.elementRoles);
|
||
|
var nonInteractiveRoles = new Set(roleKeys.filter(function (name) {
|
||
|
var role = _ariaQuery.roles.get(name);
|
||
|
return !role["abstract"]
|
||
|
// 'toolbar' does not descend from widget, but it does support
|
||
|
// aria-activedescendant, thus in practice we treat it as a widget.
|
||
|
&& name !== 'toolbar' && !role.superClass.some(function (classes) {
|
||
|
return (0, _arrayIncludes["default"])(classes, 'widget');
|
||
|
});
|
||
|
}).concat(
|
||
|
// The `progressbar` is descended from `widget`, but in practice, its
|
||
|
// value is always `readonly`, so we treat it as a non-interactive role.
|
||
|
'progressbar'));
|
||
|
var interactiveRoles = new Set(roleKeys.filter(function (name) {
|
||
|
var role = _ariaQuery.roles.get(name);
|
||
|
return !role["abstract"]
|
||
|
// The `progressbar` is descended from `widget`, but in practice, its
|
||
|
// value is always `readonly`, so we treat it as a non-interactive role.
|
||
|
&& name !== 'progressbar' && role.superClass.some(function (classes) {
|
||
|
return (0, _arrayIncludes["default"])(classes, 'widget');
|
||
|
});
|
||
|
}).concat(
|
||
|
// 'toolbar' does not descend from widget, but it does support
|
||
|
// aria-activedescendant, thus in practice we treat it as a widget.
|
||
|
'toolbar'));
|
||
|
|
||
|
// TODO: convert to use iterFlatMap and iterFrom
|
||
|
var interactiveElementRoleSchemas = (0, _arrayPrototype["default"])(elementRoleEntries, function (_ref) {
|
||
|
var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
|
||
|
elementSchema = _ref2[0],
|
||
|
rolesArr = _ref2[1];
|
||
|
return rolesArr.some(function (role) {
|
||
|
return interactiveRoles.has(role);
|
||
|
}) ? [elementSchema] : [];
|
||
|
});
|
||
|
|
||
|
// TODO: convert to use iterFlatMap and iterFrom
|
||
|
var nonInteractiveElementRoleSchemas = (0, _arrayPrototype["default"])(elementRoleEntries, function (_ref3) {
|
||
|
var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
|
||
|
elementSchema = _ref4[0],
|
||
|
rolesArr = _ref4[1];
|
||
|
return rolesArr.every(function (role) {
|
||
|
return nonInteractiveRoles.has(role);
|
||
|
}) ? [elementSchema] : [];
|
||
|
});
|
||
|
var interactiveAXObjects = new Set((0, _IteratorPrototype["default"])((0, _Iterator["default"])(_axobjectQuery.AXObjects.keys()), function (name) {
|
||
|
return _axobjectQuery.AXObjects.get(name).type === 'widget';
|
||
|
}));
|
||
|
|
||
|
// TODO: convert to use iterFlatMap and iterFrom
|
||
|
var interactiveElementAXObjectSchemas = (0, _arrayPrototype["default"])((0, _toConsumableArray2["default"])(_axobjectQuery.elementAXObjects), function (_ref5) {
|
||
|
var _ref6 = (0, _slicedToArray2["default"])(_ref5, 2),
|
||
|
elementSchema = _ref6[0],
|
||
|
AXObjectsArr = _ref6[1];
|
||
|
return AXObjectsArr.every(function (role) {
|
||
|
return interactiveAXObjects.has(role);
|
||
|
}) ? [elementSchema] : [];
|
||
|
});
|
||
|
function checkIsInteractiveElement(tagName, attributes) {
|
||
|
function elementSchemaMatcher(elementSchema) {
|
||
|
return tagName === elementSchema.name && (0, _attributesComparator["default"])(elementSchema.attributes, attributes);
|
||
|
}
|
||
|
// Check in elementRoles for inherent interactive role associations for
|
||
|
// this element.
|
||
|
var isInherentInteractiveElement = (0, _IteratorPrototype2["default"])((0, _Iterator["default"])(interactiveElementRoleSchemas), elementSchemaMatcher);
|
||
|
if (isInherentInteractiveElement) {
|
||
|
return true;
|
||
|
}
|
||
|
// Check in elementRoles for inherent non-interactive role associations for
|
||
|
// this element.
|
||
|
var isInherentNonInteractiveElement = (0, _IteratorPrototype2["default"])((0, _Iterator["default"])(nonInteractiveElementRoleSchemas), elementSchemaMatcher);
|
||
|
if (isInherentNonInteractiveElement) {
|
||
|
return false;
|
||
|
}
|
||
|
// Check in elementAXObjects for AX Tree associations for this element.
|
||
|
var isInteractiveAXElement = (0, _IteratorPrototype2["default"])((0, _Iterator["default"])(interactiveElementAXObjectSchemas), elementSchemaMatcher);
|
||
|
if (isInteractiveAXElement) {
|
||
|
return true;
|
||
|
}
|
||
|
return false;
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Returns boolean indicating whether the given element is
|
||
|
* interactive on the DOM or not. Usually used when an element
|
||
|
* has a dynamic handler on it and we need to discern whether or not
|
||
|
* it's intention is to be interacted with on the DOM.
|
||
|
*/
|
||
|
var isInteractiveElement = function isInteractiveElement(tagName, attributes) {
|
||
|
// Do not test higher level JSX components, as we do not know what
|
||
|
// low-level DOM element this maps to.
|
||
|
if (!_ariaQuery.dom.has(tagName)) {
|
||
|
return false;
|
||
|
}
|
||
|
return checkIsInteractiveElement(tagName, attributes);
|
||
|
};
|
||
|
var _default = exports["default"] = isInteractiveElement;
|
||
|
module.exports = exports.default;
|