d2-ui/node_modules-react-15/eslint-plugin-jsx-a11y/lib/rules/role-has-required-aria-props.js

d2-ui

/**
 * @fileoverview Enforce that elements with ARIA roles must have all required attributes for that role.
 * @author Ethan Cohen
 */
'use strict';

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

var _role = require('../util/attributes/role');

var _role2 = _interopRequireDefault(_role);

var _getAttributeValue = require('../util/getAttributeValue');

var _getAttribute = require('../util/getAttribute');

var _getAttribute2 = _interopRequireDefault(_getAttribute);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var errorMessage = function errorMessage(role, requiredProps) {
  return 'Elements with the ARIA role "' + role + '" must have the following ' + ('attributes defined: ' + String(requiredProps).toLowerCase());
};

module.exports = function (context) {
  return {
    JSXAttribute: function JSXAttribute(attribute) {
      var normalizedName = attribute.name.name.toUpperCase();
      if (normalizedName !== 'ROLE') {
        return;
      }

      var value = (0, _getAttributeValue.getLiteralAttributeValue)(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;
      }

      var normalizedValues = String(value).toUpperCase().split(' ');
      var validRoles = normalizedValues.filter(function (value) {
        return Object.keys(_role2.default).indexOf(value) > -1;
      });

      validRoles.forEach(function (role) {
        var requiredProps = _role2.default[role].requiredProps;


        if (requiredProps.length > 0) {
          var hasRequiredProps = requiredProps.every(function (prop) {
            return (0, _getAttribute2.default)(attribute.parent.attributes, prop);
          });

          if (hasRequiredProps === false) {
            context.report({
              node: attribute,
              message: errorMessage(role.toLowerCase(), requiredProps)
            });
          }
        }
      });
    }
  };
};

module.exports.schema = [{ type: 'object' }];