init source

node_modules/eslint-plugin-jsx-a11y/lib/rules/no-noninteractive-tabindex.js

@@ -0,0 +1,99 @@
+"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
+          });
+        }
+      }
+    };
+  }
+};