@jsxtools/eslint-plugin-jsx-a11y/lib/util/isInteractiveElement.js

Static AST checker for accessibility rules on JSX elements for flat ESLint Config.

import { roles, elementRoles, dom } from 'aria-query';
import { AXObjects, elementAXObjects } from 'axobject-query';
import { f as filter, i as iterFrom } from '../index-d79WKvnw.js';
import { s as some } from '../index-FhAWpKDl.js';
import attributesComparator from './attributesComparator.js';

const roleKeys = [...roles.keys()];
const elementRoleEntries = [...elementRoles];
const nonInteractiveRoles = new Set(roleKeys.filter((name) => {
  const role = roles.get(name);
  return !role.abstract && name !== "toolbar" && !role.superClass.some((classes) => classes.includes("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"
));
const interactiveRoles = new Set(roleKeys.filter((name) => {
  const role = roles.get(name);
  return !role.abstract && name !== "progressbar" && role.superClass.some((classes) => classes.includes("widget"));
}).concat(
  // 'toolbar' does not descend from widget, but it does support
  // aria-activedescendant, thus in practice we treat it as a widget.
  "toolbar"
));
const interactiveElementRoleSchemas = elementRoleEntries.flatMap(
  ([elementSchema, rolesArr]) => rolesArr.some((role) => interactiveRoles.has(role)) ? [elementSchema] : []
);
const nonInteractiveElementRoleSchemas = elementRoleEntries.flatMap(
  ([elementSchema, rolesArr]) => rolesArr.every((role) => nonInteractiveRoles.has(role)) ? [elementSchema] : []
);
const interactiveAXObjects = new Set(filter(iterFrom(AXObjects.keys()), (name) => AXObjects.get(name).type === "widget"));
const interactiveElementAXObjectSchemas = [...elementAXObjects].flatMap(
  ([elementSchema, AXObjectsArr]) => AXObjectsArr.every((role) => interactiveAXObjects.has(role)) ? [elementSchema] : []
);
function checkIsInteractiveElement(tagName, attributes) {
  function elementSchemaMatcher(elementSchema) {
    return tagName === elementSchema.name && attributesComparator(elementSchema.attributes, attributes);
  }
  const isInherentInteractiveElement = some(iterFrom(interactiveElementRoleSchemas), elementSchemaMatcher);
  if (isInherentInteractiveElement) {
    return true;
  }
  const isInherentNonInteractiveElement = some(iterFrom(nonInteractiveElementRoleSchemas), elementSchemaMatcher);
  if (isInherentNonInteractiveElement) {
    return false;
  }
  const isInteractiveAXElement = some(iterFrom(interactiveElementAXObjectSchemas), elementSchemaMatcher);
  if (isInteractiveAXElement) {
    return true;
  }
  return false;
}
const isInteractiveElement = (tagName, attributes) => {
  if (!dom.has(tagName)) {
    return false;
  }
  return checkIsInteractiveElement(tagName, attributes);
};

export { isInteractiveElement as default };