babel-plugin-jsx-dom-expressions 0.37.0 → 0.37.7

package/index.js

@@ -1370,7 +1370,10 @@ function transformAttributes$2(path, results) {
         } else {
           !isSVG && (key = key.toLowerCase());
           results.template += `${needsSpacing ? ' ' : ''}${key}`;
-          if (!value) return;
+          if (!value) {
+            needsSpacing = true;
+            return;
+          }
 
           let text = value.value;
           let needsQuoting = false;
@@ -1383,6 +1386,7 @@ function transformAttributes$2(path, results) {
           }
 
           if (!text.length) {
+            needsSpacing = false;
             results.template += `=""`;
             return;
           }
@@ -1407,7 +1411,6 @@ function transformAttributes$2(path, results) {
           }
 
           if (needsQuoting) {
-
             needsSpacing = false;
             results.template += `="${escapeBackticks(escapeHTML(text, true))}"`;
           } else {
@@ -2287,7 +2290,7 @@ function transformAttributes$1(path, results, info) {
       t__namespace.isJSXExpressionContainer(value) &&
       (reservedNameSpace ||
         ChildProperties.has(key) ||
-        !(t__namespace.isStringLiteral(value.expression) || t__namespace.isNumericLiteral(value.expression)))
+        !(t__namespace.isStringLiteral(value.expression) || t__namespace.isNumericLiteral(value.expression) || t__namespace.isBooleanLiteral(value.expression)))
     ) {
       if (
         key === "ref" ||
@@ -2363,7 +2366,7 @@ function transformAttributes$1(path, results, info) {
         }
         if (doEscape) value.expression = escapeExpression(path, value.expression, true);
 
-        if (!doEscape || t__namespace.isLiteral(value.expression) || t__namespace.isBinaryExpression(value.expression)) {
+        if (!doEscape || t__namespace.isLiteral(value.expression)) {
           key = toAttribute(key, isSVG);
           appendToTemplate(results.template, ` ${key}="`);
           results.template.push(`"`);
@@ -2374,9 +2377,11 @@ function transformAttributes$1(path, results, info) {
       if (key === "$ServerOnly") return;
       if (t__namespace.isJSXExpressionContainer(value)) value = value.expression;
       key = toAttribute(key, isSVG);
+      const isBoolean = BooleanAttributes.has(key);
+      if (isBoolean && value.value !== "" && !value.value) return;
       appendToTemplate(results.template, ` ${key}`);
       if (!value) return;
-      let text = value.value;
+      let text = isBoolean ? "" : value.value;
       if (key === "style" || key === "class") {
         text = trimWhitespace(text);
         if (key === "style") {
@@ -2900,7 +2905,7 @@ function processSpreads(path, attributes, { elem, hasChildren, wrapConditionals
       (firstSpread ||
         (t__namespace.isJSXExpressionContainer(node.value) &&
           isDynamic(attribute.get("value").get("expression"), { checkMember: true }))) &&
-      canNativeSpread(key)
+      canNativeSpread(key, { checkNameSpaces: true })
     ) {
       const isContainer = t__namespace.isJSXExpressionContainer(node.value);
       const dynamic =

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.0",
+  "version": "0.37.7",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -31,5 +31,5 @@
   "devDependencies": {
     "@babel/core": "^7.20.12"
   },
-  "gitHead": "ab238b9fd00bd8a7e81e5ae9827cb8756c3b55f5"
+  "gitHead": "5a6904fe67f815157f00496c23a538f4b8218ad0"
 }