babel-plugin-jsx-dom-expressions 0.34.5 → 0.34.9

package/index.js

@@ -288,7 +288,7 @@ function isDynamic(path, { checkMember, checkTags, checkCallExpressions = true,
     return false;
   }
   if (
-    (checkCallExpressions && t__namespace.isCallExpression(expr)) ||
+    (checkCallExpressions && (t__namespace.isCallExpression(expr) || t__namespace.isOptionalCallExpression(expr))) ||
     (checkMember &&
       (t__namespace.isMemberExpression(expr) ||
         t__namespace.isOptionalMemberExpression(expr) ||
@@ -309,6 +309,9 @@ function isDynamic(path, { checkMember, checkTags, checkCallExpressions = true,
     CallExpression(p) {
       checkCallExpressions && (dynamic = true) && p.stop();
     },
+    OptionalCallExpression(p) {
+      checkCallExpressions && (dynamic = true) && p.stop();
+    },
     MemberExpression(p) {
       checkMember && (dynamic = true) && p.stop();
     },
@@ -1990,6 +1993,9 @@ function createElement(path, { topLevel, hydratable }) {
   const tagName = getTagName(path.node),
     config = getConfig(path),
     attributes = normalizeAttributes(path);
+    isDynamic(path, {
+      checkMember: true
+    });
 
   const filteredChildren = filterChildren(path.get("children")),
     multi = checkLength(filteredChildren),
@@ -2001,7 +2007,6 @@ function createElement(path, { topLevel, hydratable }) {
       } else {
         const child = transformNode(path);
         if (markers && child.exprs.length) memo.push(t__namespace.stringLiteral("<!--#-->"));
-        if (hydratable && child.exprs.length) child.exprs[0] = t__namespace.arrowFunctionExpression([], child.exprs[0]);
         memo.push(getCreateTemplate(config, path, child)(path, child, true));
         if (markers && child.exprs.length) memo.push(t__namespace.stringLiteral("<!--/-->"));
       }
@@ -2012,7 +2017,7 @@ function createElement(path, { topLevel, hydratable }) {
   if (attributes.length === 1) {
     transformed = attributes[0].node.argument;
   } else {
-    transformed = t__namespace.objectExpression(
+    transformed = t__namespace.arrowFunctionExpression([], t__namespace.objectExpression(
       attributes.reduce((memo, attribute) => {
         const node = attribute.node;
 
@@ -2056,7 +2061,7 @@ function createElement(path, { topLevel, hydratable }) {
         }
         return memo;
       }, [])
-    );
+    ));
   }
 
   const exprs = [
@@ -2064,7 +2069,12 @@ function createElement(path, { topLevel, hydratable }) {
       t__namespace.stringLiteral(tagName),
       transformed,
       childNodes.length
-        ? childNodes.length === 1
+        ? hydratable
+          ? t__namespace.arrowFunctionExpression(
+              [],
+              childNodes.length === 1 ? childNodes[0] : t__namespace.arrayExpression(childNodes)
+            )
+          : childNodes.length === 1
           ? childNodes[0]
           : t__namespace.arrayExpression(childNodes)
         : t__namespace.identifier("undefined"),

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.34.5",
+  "version": "0.34.9",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -27,5 +27,5 @@
   "peerDependencies": {
     "@babel/core": "^7.0.0"
   },
-  "gitHead": "cf98663093139bb1d6847359732b2f7235d30b61"
+  "gitHead": "8221452594c2eb2d3d593b07759c05047dba17fa"
 }