orionsoft-react-scripts
Version:
Orionsoft Configuration and scripts for Create React App.
49 lines (39 loc) • 1.18 kB
JavaScript
/**
* @fileoverview Enforce scope prop is only used on <th> elements.
* @author Ethan Cohen
*/
// ----------------------------------------------------------------------------
// Rule Definition
// ----------------------------------------------------------------------------
import { propName, elementType } from 'jsx-ast-utils';
import DOMElements from '../util/attributes/DOM.json';
const errorMessage = 'The scope prop can only be used on <th> elements.';
module.exports = {
meta: {
docs: {},
schema: [
{ type: 'object' },
],
},
create: context => ({
JSXAttribute: (node) => {
const name = propName(node);
if (name && name.toUpperCase() !== 'SCOPE') {
return;
}
const { parent } = node;
const tagName = elementType(parent);
// Do not test higher level JSX components, as we do not know what
// low-level DOM element this maps to.
if (Object.keys(DOMElements).indexOf(tagName) === -1) {
return;
} else if (tagName && tagName.toUpperCase() === 'TH') {
return;
}
context.report({
node,
message: errorMessage,
});
},
}),
};