eslint-config-chain-able/node_modules/eslint-plugin-jsx-a11y/src/rules/aria-role.js

an opinionated ESLint configuration

/**
 * @fileoverview Enforce aria role attribute is valid.
 * @author Ethan Cohen
 */

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

import { dom, roles } from 'aria-query';
import { getLiteralPropValue, propName, elementType } from 'jsx-ast-utils';
import { generateObjSchema } from '../util/schemas';

const errorMessage = 'Elements with ARIA roles must use a valid, non-abstract ARIA role.';

const schema = generateObjSchema({
  ignoreNonDOM: {
    type: 'boolean',
    default: false,
  },
});

module.exports = {
  meta: {
    docs: {},
    schema: [schema],
  },

  create: context => ({
    JSXAttribute: (attribute) => {
      // Determine if ignoreNonDOM is set to true
      // If true, then do not run rule.
      const options = context.options[0] || {};
      const ignoreNonDOM = !!options.ignoreNonDOM;

      if (ignoreNonDOM) {
        const type = elementType(attribute.parent);
        if (!dom.get(type)) {
          return;
        }
      }

      // Get prop name
      const name = propName(attribute);
      const normalizedName = name ? name.toUpperCase() : '';

      if (normalizedName !== 'ROLE') { return; }

      const value = getLiteralPropValue(attribute);

      // If value is undefined, then the role attribute will be dropped in the DOM.
      // If value is null, then getLiteralAttributeValue is telling us that the
      // value isn't in the form of a literal.
      if (value === undefined || value === null) { return; }

      const normalizedValues = String(value).toLowerCase().split(' ');
      const validRoles = [...roles.keys()].filter(
        role => roles.get(role).abstract === false,
      );
      const isValid = normalizedValues.every(val => validRoles.indexOf(val) > -1);

      if (isValid === true) { return; }

      context.report({
        node: attribute,
        message: errorMessage,
      });
    },
  }),
};