aria-activedescendant-has-tabindex.js 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports["default"] = void 0;
  7. var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
  8. var _ariaQuery = require("aria-query");
  9. var _jsxAstUtils = require("jsx-ast-utils");
  10. var _schemas = require("../util/schemas");
  11. var _getElementType = _interopRequireDefault(require("../util/getElementType"));
  12. var _getTabIndex = _interopRequireDefault(require("../util/getTabIndex"));
  13. var _isInteractiveElement = _interopRequireDefault(require("../util/isInteractiveElement"));
  14. /**
  15. * @fileoverview Enforce elements with aria-activedescendant are tabbable.
  16. * @author Jesse Beach <@jessebeach>
  17. */
  18. // ----------------------------------------------------------------------------
  19. // Rule Definition
  20. // ----------------------------------------------------------------------------
  21. var errorMessage = 'An element that manages focus with `aria-activedescendant` must have a tabindex';
  22. var schema = (0, _schemas.generateObjSchema)();
  23. var domElements = (0, _toConsumableArray2["default"])(_ariaQuery.dom.keys());
  24. var _default = {
  25. meta: {
  26. docs: {
  27. url: 'https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/tree/HEAD/docs/rules/aria-activedescendant-has-tabindex.md',
  28. description: 'Enforce elements with aria-activedescendant are tabbable.'
  29. },
  30. schema: [schema]
  31. },
  32. create: function create(context) {
  33. var elementType = (0, _getElementType["default"])(context);
  34. return {
  35. JSXOpeningElement: function JSXOpeningElement(node) {
  36. var attributes = node.attributes;
  37. if ((0, _jsxAstUtils.getProp)(attributes, 'aria-activedescendant') === undefined) {
  38. return;
  39. }
  40. var type = elementType(node); // Do not test higher level JSX components, as we do not know what
  41. // low-level DOM element this maps to.
  42. if (domElements.indexOf(type) === -1) {
  43. return;
  44. }
  45. var tabIndex = (0, _getTabIndex["default"])((0, _jsxAstUtils.getProp)(attributes, 'tabIndex')); // If this is an interactive element and the tabindex attribute is not specified,
  46. // or the tabIndex property was not mutated, then the tabIndex
  47. // property will be undefined.
  48. if ((0, _isInteractiveElement["default"])(type, attributes) && tabIndex === undefined) {
  49. return;
  50. }
  51. if (tabIndex >= -1) {
  52. return;
  53. }
  54. context.report({
  55. node,
  56. message: errorMessage
  57. });
  58. }
  59. };
  60. }
  61. };
  62. exports["default"] = _default;
  63. module.exports = exports.default;