eslint-config-chain-able/node_modules/eslint-plugin-jsx-a11y/lib/rules/no-autofocus.js

an opinionated ESLint configuration

'use strict';

var _jsxAstUtils = require('jsx-ast-utils');

var _ariaQuery = require('aria-query');

var _schemas = require('../util/schemas');

var errorMessage = 'The autoFocus prop should not be used, as it can reduce usability and accessibility for users.'; /**
                                                                                                                      * @fileoverview Enforce autoFocus prop is not used.
                                                                                                                      * @author Ethan Cohen <@evcohen>
                                                                                                                      */

// ----------------------------------------------------------------------------
// Rule Definition
// ----------------------------------------------------------------------------

var schema = (0, _schemas.generateObjSchema)({
  ignoreNonDOM: {
    type: 'boolean',
    default: false
  }
});

module.exports = {
  meta: {
    docs: {},
    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
          });
        }
      }
    };
  }
};