You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
"use strict";
var _jsxAstUtils = require("jsx-ast-utils");
var _ariaQuery = require("aria-query");
var _schemas = require("../util/schemas");
/** * @fileoverview Enforce autoFocus prop is not used. * @author Ethan Cohen <@evcohen> */ // ----------------------------------------------------------------------------
// Rule Definition
// ----------------------------------------------------------------------------
var errorMessage = 'The autoFocus prop should not be used, as it can reduce usability and accessibility for users.'; var schema = (0, _schemas.generateObjSchema)({ ignoreNonDOM: { type: 'boolean', "default": false } }); module.exports = { meta: { docs: { url: 'https://github.com/evcohen/eslint-plugin-jsx-a11y/tree/master/docs/rules/no-autofocus.md' }, schema: [schema] }, create: function create(context) { return { JSXAttribute: function JSXAttribute(attribute) { // Determine if ignoreNonDOM is set to true
// If true, then do not run rule.
var options = context.options[0] || {}; var ignoreNonDOM = !!options.ignoreNonDOM;
if (ignoreNonDOM) { var type = (0, _jsxAstUtils.elementType)(attribute.parent);
if (!_ariaQuery.dom.get(type)) { return; } } // Don't normalize, since React only recognizes autoFocus on low-level DOM elements.
if ((0, _jsxAstUtils.propName)(attribute) === 'autoFocus') { context.report({ node: attribute, message: errorMessage }); } } }; } };
|