| "use strict"; |
| |
| var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); |
| |
| var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread")); |
| |
| var _ariaQuery = require("aria-query"); |
| |
| var _jsxAstUtils = require("jsx-ast-utils"); |
| |
| var _arrayIncludes = _interopRequireDefault(require("array-includes")); |
| |
| var _isInteractiveElement = _interopRequireDefault(require("../util/isInteractiveElement")); |
| |
| var _isInteractiveRole = _interopRequireDefault(require("../util/isInteractiveRole")); |
| |
| var _isNonLiteralProperty = _interopRequireDefault(require("../util/isNonLiteralProperty")); |
| |
| var _schemas = require("../util/schemas"); |
| |
| var _getTabIndex = _interopRequireDefault(require("../util/getTabIndex")); |
| |
| /** |
| * @fileoverview Disallow tabindex on static and noninteractive elements |
| * @author jessebeach |
| * |
| */ |
| // ---------------------------------------------------------------------------- |
| // Rule Definition |
| // ---------------------------------------------------------------------------- |
| var errorMessage = '`tabIndex` should only be declared on interactive elements.'; |
| var schema = (0, _schemas.generateObjSchema)({ |
| roles: (0, _objectSpread2["default"])({}, _schemas.arraySchema, { |
| description: 'An array of ARIA roles' |
| }), |
| tags: (0, _objectSpread2["default"])({}, _schemas.arraySchema, { |
| description: 'An array of HTML tag names' |
| }) |
| }); |
| module.exports = { |
| meta: { |
| docs: { |
| url: 'https://github.com/evcohen/eslint-plugin-jsx-a11y/tree/master/docs/rules/no-noninteractive-tabindex.md' |
| }, |
| schema: [schema] |
| }, |
| create: function create(context) { |
| var options = context.options; |
| return { |
| JSXOpeningElement: function JSXOpeningElement(node) { |
| var type = (0, _jsxAstUtils.elementType)(node); |
| var attributes = node.attributes; |
| var tabIndexProp = (0, _jsxAstUtils.getProp)(attributes, 'tabIndex'); |
| var tabIndex = (0, _getTabIndex["default"])(tabIndexProp); // Early return; |
| |
| if (typeof tabIndex === 'undefined') { |
| return; |
| } |
| |
| var role = (0, _jsxAstUtils.getLiteralPropValue)((0, _jsxAstUtils.getProp)(node.attributes, 'role')); |
| |
| if (!_ariaQuery.dom.has(type)) { |
| // Do not test higher level JSX components, as we do not know what |
| // low-level DOM element this maps to. |
| return; |
| } // Allow for configuration overrides. |
| |
| |
| var _ref = options[0] || {}, |
| tags = _ref.tags, |
| roles = _ref.roles, |
| allowExpressionValues = _ref.allowExpressionValues; |
| |
| if (tags && (0, _arrayIncludes["default"])(tags, type)) { |
| return; |
| } |
| |
| if (roles && (0, _arrayIncludes["default"])(roles, role)) { |
| return; |
| } |
| |
| if (allowExpressionValues === true && (0, _isNonLiteralProperty["default"])(attributes, 'role')) { |
| return; |
| } |
| |
| if ((0, _isInteractiveElement["default"])(type, attributes) || (0, _isInteractiveRole["default"])(type, attributes)) { |
| return; |
| } |
| |
| if (tabIndex >= 0) { |
| context.report({ |
| node: tabIndexProp, |
| message: errorMessage |
| }); |
| } |
| } |
| }; |
| } |
| }; |