babel-plugin-jsx-dom-expressions 0.34.7 → 0.34.10

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();
     },
@@ -1970,10 +1973,10 @@ function transformChildren$1(path, results, { hydratable }) {
     appendToTemplate(results.template, child.template);
     results.templateValues.push.apply(results.templateValues, child.templateValues || []);
     if (child.exprs.length) {
-      if (!doNotEscape) child.exprs[0] = escapeExpression(path, child.exprs[0]);
+      if (!doNotEscape && !child.spreadElement) child.exprs[0] = escapeExpression(path, child.exprs[0]);
 
       // boxed by textNodes
-      if (markers) {
+      if (markers && !child.spreadElement) {
         appendToTemplate(results.template, `<!--#-->`);
         results.template.push("");
         results.templateValues.push(child.exprs[0]);
@@ -1990,9 +1993,6 @@ 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),
@@ -2014,7 +2014,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;
 
@@ -2058,7 +2058,7 @@ function createElement(path, { topLevel, hydratable }) {
         }
         return memo;
       }, [])
-    );
+    ));
   }
 
   const exprs = [
@@ -2078,7 +2078,7 @@ function createElement(path, { topLevel, hydratable }) {
       t__namespace.booleanLiteral(Boolean(topLevel && config.hydratable))
     ])
   ];
-  return { exprs, template: "" };
+  return { exprs, template: "", spreadElement: true };
 }
 
 function transformElement$1(path, info) {

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.7",
+  "version": "0.34.10",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -27,5 +27,5 @@
   "peerDependencies": {
     "@babel/core": "^7.0.0"
   },
-  "gitHead": "df8d6142fe3d73ef2895f4bf54731eb514fb72ab"
+  "gitHead": "0964d1754dea73a9e5d28d3780f9d14cee11bee3"
 }