react-scripts
Version:
Configuration and scripts for Create React App.
44 lines (34 loc) • 1.07 kB
JavaScript
/**
* @fileoverview Enforce usage of onBlur over onChange for accessibility.
* @author Ethan Cohen
*/
// ----------------------------------------------------------------------------
// Rule Definition
// ----------------------------------------------------------------------------
import { getProp, elementType } from 'jsx-ast-utils';
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',
];
module.exports = context => ({
JSXOpeningElement: node => {
const nodeType = elementType(node);
if (applicableTypes.indexOf(nodeType) === -1) {
return;
}
const onChange = getProp(node.attributes, 'onChange');
const hasOnBlur = getProp(node.attributes, 'onBlur') !== undefined;
if (onChange && !hasOnBlur) {
context.report({
node,
message: errorMessage,
});
}
},
});
module.exports.schema = [
{ type: 'object' },
];