@jsxtools/eslint-plugin-jsx-a11y/lib/rule/no-onchange.cjs

Static AST checker for accessibility rules on JSX elements for flat ESLint Config.

const jsxAstUtils = require('../util/module/jsx-ast-utils.cjs');
const schemas = require('../util/schemas.cjs');
const getElementType = require('../util/getElementType.cjs');

const errorMessage = "onBlur must be used instead of onchange, unless absolutely necessary and it causes no negative consequences for keyboard only or screen reader users.";
const applicableTypes = [
  "select",
  "option"
];
const schema = schemas.generateObjSchema();
const ruleOfNoOnchange = {
  meta: {
    docs: {
      url: "https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/tree/HEAD/docs/rules/no-onchange.md",
      description: "Enforce usage of `onBlur` over `onChange` on select menus for accessibility."
    },
    deprecated: true,
    schema: [schema]
  },
  create: (context) => {
    const elementType = getElementType(context);
    return {
      JSXOpeningElement: (node) => {
        const nodeType = elementType(node);
        if (applicableTypes.indexOf(nodeType) === -1) {
          return;
        }
        const onChange = jsxAstUtils.getProp(node.attributes, "onChange");
        const hasOnBlur = jsxAstUtils.getProp(node.attributes, "onBlur") !== void 0;
        if (onChange && !hasOnBlur) {
          context.report({
            node,
            message: errorMessage
          });
        }
      }
    };
  }
};

module.exports = ruleOfNoOnchange;