fix: Remove dependency on @babel/traverse to fix linting issues (#314)

* Remove dependency on @babel/traverse to fix linting issues
* Allow text in children of Text components

Author: hsource

lib/rules/no-raw-text.js

@@ -5,25 +5,42 @@
 
 'use strict';
 
-const { default: traverse } = require('@babel/traverse');
-
-const elementName = (node, scope) => {
-  const identifiers = [];
-
-  traverse(node, {
-    JSXOpeningElement({ node: element }) {
-      traverse(element, {
-        JSXIdentifier({ node: identifier }) {
-          if (identifier.parent.type === 'JSXOpeningElement'
-            || identifier.parent.type === 'JSXMemberExpression') {
-            identifiers.push(identifier.name);
-          }
-        },
-      }, scope);
-    },
-  }, scope);
+const elementName = (node) => {
+  const reversedIdentifiers = [];
+  if (
+    node.type === 'JSXElement'
+    && node.openingElement.type === 'JSXOpeningElement'
+  ) {
+    let object = node.openingElement.name;
+    while (object.type === 'JSXMemberExpression') {
+      if (object.property.type === 'JSXIdentifier') {
+        reversedIdentifiers.push(object.property.name);
+      }
+      object = object.object;
+    }
+
+    if (object.type === 'JSXIdentifier') {
+      reversedIdentifiers.push(object.name);
+    }
+  }
+
+  return reversedIdentifiers.reverse().join('.');
+};
+
+const hasAllowedParent = (parent, allowedElements) => {
+  let curNode = parent;
+
+  while (curNode) {
+    if (curNode.type === 'JSXElement') {
+      const name = elementName(curNode);
+      if (allowedElements.includes(name)) {
+        return true;
+      }
+    }
+    curNode = curNode.parent;
+  }
 
-  return identifiers.join('.');
+  return false;
 };
 
 function create(context) {
@@ -49,8 +66,7 @@ function create(context) {
 
   const hasOnlyLineBreak = (value) => /^[\r\n\t\f\v]+$/.test(value.replace(/ /g, ''));
 
-  const scope = context.getScope();
-  const getValidation = (node) => !allowedElements.includes(elementName(node.parent, scope));
+  const getValidation = (node) => !hasAllowedParent(node.parent, allowedElements);
 
   return {
     Literal(node) {