babel-plugin-jsx-dom-expressions 0.31.9 → 0.31.11

package/index.js

@@ -2197,18 +2197,21 @@ function wrapDynamics(path, dynamics) {
 
 function convertComponentIdentifier(node) {
   if (t__namespace.isJSXIdentifier(node)) {
-    node.type = "Identifier";
+    if (t__namespace.isValidIdentifier(node.name)) node.type = "Identifier";
+    else return t__namespace.stringLiteral(node.name);
   } else if (t__namespace.isJSXMemberExpression(node)) {
+    const prop = convertComponentIdentifier(node.property);
+    const computed = t__namespace.isStringLiteral(prop);
     return t__namespace.memberExpression(
       convertComponentIdentifier(node.object),
-      convertComponentIdentifier(node.property),
+      prop,
+      computed
     );
   }
 
   return node;
 }
 
-
 function convertJSXIdentifier(node) {
   if (t__namespace.isJSXIdentifier(node)) {
     if (t__namespace.isValidIdentifier(node.name)) {
@@ -2219,7 +2222,7 @@ function convertJSXIdentifier(node) {
   } else if (t__namespace.isJSXMemberExpression(node)) {
     return t__namespace.memberExpression(
       convertJSXIdentifier(node.object),
-      convertJSXIdentifier(node.property),
+      convertJSXIdentifier(node.property)
     );
   } else if (t__namespace.isJSXNamespacedName(node)) {
     return t__namespace.stringLiteral(`${node.namespace.name}:${node.name.name}`);
@@ -2425,7 +2428,7 @@ function transformComponentChildren(children, config) {
     return memo;
   }, []);
 
-  if (filteredChildren.length === 1) {
+  if (transformedChildren.length === 1) {
     transformedChildren = transformedChildren[0];
     if (
       !t__namespace.isJSXExpressionContainer(filteredChildren[0]) &&
@@ -2455,7 +2458,6 @@ function transformFragmentChildren(children, results, config) {
         ? createTemplate$1
         : createTemplate$2,
     filteredChildren = filterChildren(children),
-    singleChild = filteredChildren.length === 1,
     childNodes = filteredChildren.reduce((memo, path) => {
       if (t__namespace.isJSXText(path.node)) {
         const v =  htmlEntities.decode(trimWhitespace(path.node.extra.raw));
@@ -2466,7 +2468,7 @@ function transformFragmentChildren(children, results, config) {
       }
       return memo;
     }, []);
-  results.exprs.push(singleChild ? childNodes[0] : t__namespace.arrayExpression(childNodes));
+  results.exprs.push(childNodes.length === 1 ? childNodes[0] : t__namespace.arrayExpression(childNodes));
 }
 
 function transformJSX(path) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "babel-plugin-jsx-dom-expressions",
   "description": "A JSX to DOM plugin that wraps expressions for fine grained change detection",
-  "version": "0.31.9",
+  "version": "0.31.11",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -23,5 +23,5 @@
     "@babel/types": "^7.16.0",
     "html-entities": "2.3.2"
   },
-  "gitHead": "d6acdfaec8fd29efa9954a56f1f6d068b9b8e528"
+  "gitHead": "fd496194eaf6d4155f2fc27bf4a90bc3ed44b1ac"
 }