babel-plugin-jsx-dom-expressions 0.37.19 → 0.37.21

package/index.js

@@ -159,6 +159,7 @@ const SVGElements = /*#__PURE__*/ new Set([
   "feDiffuseLighting",
   "feDisplacementMap",
   "feDistantLight",
+  "feDropShadow",
   "feFlood",
   "feFuncA",
   "feFuncB",
@@ -1216,7 +1217,7 @@ function transformAttributes$2(path, results) {
                 )
               )
             );
-          } else if (t__namespace.isCallExpression(value.expression)) {
+          } else {
             const refIdentifier = path.scope.generateUidIdentifier("_ref$");
             results.exprs.unshift(
               t__namespace.variableDeclaration("var", [
@@ -1444,6 +1445,7 @@ function transformAttributes$2(path, results) {
           }
 
           let text = value.value;
+          if (typeof text === "number") text = String(text);
           let needsQuoting = false;
 
           if (key === "style" || key === "class") {
@@ -1925,11 +1927,16 @@ function wrapDynamics$1(path, dynamics) {
   const effectWrapperId = registerImportMethod(path, config.effectWrapper);
 
   if (dynamics.length === 1) {
+    let dynamicStyle;
     const prevValue =
-      dynamics[0].key === "classList" || dynamics[0].key === "style"
+      dynamics[0].key === "classList" ||
+      dynamics[0].key === "style" ||
+      (dynamicStyle = dynamics[0].key.startsWith("style:"))
         ? t__namespace.identifier("_$p")
         : undefined;
-    if (
+    if (dynamicStyle) {
+      dynamics[0].value = t__namespace.assignmentExpression("=", prevValue, dynamics[0].value);
+    } else if (
       dynamics[0].key.startsWith("class:") &&
       !t__namespace.isBooleanLiteral(dynamics[0].value) &&
       !t__namespace.isUnaryExpression(dynamics[0].value)
@@ -2796,7 +2803,7 @@ function transformAttributes(path, results) {
                 )
               )
             );
-          } else if (t__namespace.isCallExpression(value.expression)) {
+          } else {
             const refIdentifier = path.scope.generateUidIdentifier("_ref$");
             results.exprs.unshift(
               t__namespace.variableDeclaration("var", [
@@ -3468,11 +3475,11 @@ function transformThis(path) {
       }
     },
     JSXElement(path) {
-      let source = path.get('openingElement').get('name');
+      let source = path.get("openingElement").get("name");
       while (source.isJSXMemberExpression()) {
-        source = source.get('object');
+        source = source.get("object");
       }
-      if (source.isJSXIdentifier() && source.node.name === 'this') {
+      if (source.isJSXIdentifier() && source.node.name === "this") {
         const current = getTargetFunctionParent(path, parent);
         if (current === parent) {
           thisId || (thisId = path.scope.generateUidIdentifier("self$"));
@@ -3483,15 +3490,23 @@ function transformThis(path) {
           }
         }
       }
-    },
+    }
   });
   return node => {
     if (thisId) {
-      parent.push({
-        id: thisId,
-        init: t__namespace.thisExpression(),
-        kind: 'const',
-      });
+      if (!parent || parent.block.type === "ClassMethod") {
+        const stmt = path.getStatementParent();
+        const decl = t__namespace.variableDeclaration("const", [
+          t__namespace.variableDeclarator(thisId, t__namespace.thisExpression())
+        ]);
+        stmt.insertBefore(decl);
+      } else {
+        parent.push({
+          id: thisId,
+          init: t__namespace.thisExpression(),
+          kind: "const"
+        });
+      }
     }
     return node;
   };
@@ -3546,6 +3561,7 @@ function transformNode(path, info = {}) {
         : !info.componentChild &&
           (config.generate !== "ssr" || info.fragmentChild) &&
           t__namespace.isCallExpression(node.expression) &&
+          !t__namespace.isCallExpression(node.expression.callee) &&
           !t__namespace.isMemberExpression(node.expression.callee) &&
           node.expression.arguments.length === 0
         ? node.expression.callee

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.37.19",
+  "version": "0.37.21",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -31,5 +31,5 @@
   "devDependencies": {
     "@babel/core": "^7.20.12"
   },
-  "gitHead": "91f44cd19f0ecee4903409589b16dde1c0f5ba44"
+  "gitHead": "38ad815b0c610b936ad140ed5c230afe4419d3b7"
 }