create project

kitabcitab/node_modules/eslint-plugin-jsx-a11y/lib/util/isInteractiveElement.js

@@ -0,0 +1,140 @@
+"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 _attributesComparator = _interopRequireDefault(require("./attributesComparator"));
+
+var domKeys = (0, _toConsumableArray2["default"])(_ariaQuery.dom.keys());
+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'));
+var nonInteractiveElementRoleSchemas = elementRoleEntries.reduce(function (accumulator, _ref) {
+  var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+      elementSchema = _ref2[0],
+      roleSet = _ref2[1];
+
+  if ((0, _toConsumableArray2["default"])(roleSet).every(function (role) {
+    return nonInteractiveRoles.has(role);
+  })) {
+    accumulator.push(elementSchema);
+  }
+
+  return accumulator;
+}, []);
+var interactiveElementRoleSchemas = elementRoleEntries.reduce(function (accumulator, _ref3) {
+  var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
+      elementSchema = _ref4[0],
+      roleSet = _ref4[1];
+
+  if ((0, _toConsumableArray2["default"])(roleSet).some(function (role) {
+    return interactiveRoles.has(role);
+  })) {
+    accumulator.push(elementSchema);
+  }
+
+  return accumulator;
+}, []);
+var interactiveAXObjects = new Set((0, _toConsumableArray2["default"])(_axobjectQuery.AXObjects.keys()).filter(function (name) {
+  return _axobjectQuery.AXObjects.get(name).type === 'widget';
+}));
+var interactiveElementAXObjectSchemas = (0, _toConsumableArray2["default"])(_axobjectQuery.elementAXObjects).reduce(function (accumulator, _ref5) {
+  var _ref6 = (0, _slicedToArray2["default"])(_ref5, 2),
+      elementSchema = _ref6[0],
+      AXObjectSet = _ref6[1];
+
+  if ((0, _toConsumableArray2["default"])(AXObjectSet).every(function (role) {
+    return interactiveAXObjects.has(role);
+  })) {
+    accumulator.push(elementSchema);
+  }
+
+  return accumulator;
+}, []);
+
+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 = interactiveElementRoleSchemas.some(elementSchemaMatcher);
+
+  if (isInherentInteractiveElement) {
+    return true;
+  } // Check in elementRoles for inherent non-interactive role associations for
+  // this element.
+
+
+  var isInherentNonInteractiveElement = nonInteractiveElementRoleSchemas.some(elementSchemaMatcher);
+
+  if (isInherentNonInteractiveElement) {
+    return false;
+  } // Check in elementAXObjects for AX Tree associations for this element.
+
+
+  var isInteractiveAXElement = interactiveElementAXObjectSchemas.some(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 (!(0, _arrayIncludes["default"])(domKeys, tagName)) {
+    return false;
+  }
+
+  return checkIsInteractiveElement(tagName, attributes);
+};
+
+var _default = isInteractiveElement;
+exports["default"] = _default;
+module.exports = exports.default;