[New] forbid-component-props: Implemented support for "namespaced" …

…components.
jsx-eslint · Aug 24, 2020 · 9b31ba8 · 9b31ba8
1 parent 2588c4d
commit 9b31ba8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/lib/rules/forbid-component-props.js b/lib/rules/forbid-component-props.js
@@ -78,7 +78,11 @@ module.exports = {
 
     return {
       JSXAttribute(node) {
-        const tag = node.parent.name.name;
+        let tag = node.parent.name.name;
+        if (!tag && node.parent.name.object.name !== 'this') {
+          // Extract a component name when using a "namespace", e.g. `<AntdLayout.Content />`.
+          tag = `${node.parent.name.object.name}.${node.parent.name.property.name}`;
+        }
         if (tag && tag[0] !== tag[0].toUpperCase()) {
           // This is a DOM node, not a Component, so exit.
           return;

diff --git a/tests/lib/rules/forbid-component-props.js b/tests/lib/rules/forbid-component-props.js
@@ -104,6 +104,11 @@ ruleTester.run('forbid-component-props', rule, {
     options: [{
       forbid: [{propName: 'className', allowedFor: ['ReactModal']}]
     }]
+  }, {
+    code: 'const item = (<AntdLayout.Content className="antdFoo" />);',
+    options: [{
+      forbid: [{propName: 'className', allowedFor: ['AntdLayout.Content']}]
+    }]
   }],
 
   invalid: [{