feat: enable expression as valid children (#2)

Author: tujoworker

__mocks__/Examples.tsx

@@ -59,9 +59,9 @@ export const MockFragment = () => {
 export const MockText = () => {
   return (
     <ComponentBox data-test="id">
-      text
+      text {'text'}
       <span>content</span>
-      text
+      text {'text'}
     </ComponentBox>
   )
 }

__tests__/babelPluginReactLive.test.ts

@@ -85,8 +85,10 @@ it('babelPluginReactLive', async () => {
       return (
         <ComponentBox data-test="id">{\`<>
       text
+      {'text'}
       <span>content</span>
       text
+      {'text'}
     </>
     \`}</ComponentBox>
       )

babelPluginReactLive.js

@@ -39,11 +39,7 @@ function babelPluginReactLive(babel, options) {
            * Do nothing, if the child is already a string / template literal
            */
           !path.node.children.some((node) => {
-            return (
-              node.expression &&
-              (t.isTemplateLiteral(node.expression) ||
-                t.isStringLiteral(node.expression))
-            )
+            return node.expression && t.isTemplateLiteral(node.expression)
           })
         ) {
           const rootPath = path
@@ -107,6 +103,18 @@ function babelPluginReactLive(babel, options) {
                 }
               }
             },
+            JSXExpressionContainer(path) {
+              if (
+                rootPath === path.parentPath &&
+                path.node.expression.type !== 'ArrowFunctionExpression'
+              ) {
+                const code = path.getSource()
+
+                if (code.length) {
+                  children.push(code)
+                }
+              }
+            },
           })
 
           if (children.length > 0) {

package.json

@@ -13,7 +13,7 @@
     "type": "git",
     "url": "https://github.com/dnbexperience/eufemia.git"
   },
-  "version": "1.1.0",
+  "version": "1.2.0",
   "main": "babelPluginReactLive.js",
   "scripts": {
     "test": "jest",