babel-plugin-jsx-dom-expressions 0.36.7 → 0.36.9

package/index.js

@@ -251,13 +251,7 @@ const reservedNameSpaces = new Set([
   "attr"
 ]);
 
-const nonSpreadNameSpaces = new Set([
-  "class",
-  "style",
-  "use",
-  "prop",
-  "attr"
-]);
+const nonSpreadNameSpaces = new Set(["class", "style", "use", "prop", "attr"]);
 
 function getConfig(path) {
   return path.hub.file.metadata.config;
@@ -594,7 +588,8 @@ function convertJSXIdentifier(node) {
 }
 
 function canNativeSpread(key, { checkNameSpaces } = {}) {
-  if (checkNameSpaces && key.includes(":") && nonSpreadNameSpaces.has(key.split(":")[0])) return false;
+  if (checkNameSpaces && key.includes(":") && nonSpreadNameSpaces.has(key.split(":")[0]))
+    return false;
   // TODO: figure out how to detect definitely function ref
   if (key === "ref") return false;
   return true;
@@ -767,7 +762,7 @@ function transformElement$3(path, info) {
       results.toBeClosed = new Set(info.toBeClosed || alwaysClose);
       results.toBeClosed.add(tagName);
       if (InlineElements.includes(tagName)) BlockElements.forEach(i => results.toBeClosed.add(i));
-    }
+    } else results.toBeClosed = info.toBeClosed;
     transformChildren$2(path, results, config);
     if (toBeClosed) results.template += `</${tagName}>`;
   }
@@ -837,7 +832,10 @@ function setAttr$2(path, elem, name, value, { isSVG, dynamic, prevId, isCE, tagN
         t__namespace.memberExpression(elem, t__namespace.identifier("classList")),
         t__namespace.identifier("toggle")
       ),
-      [t__namespace.stringLiteral(name), value]
+      [
+        t__namespace.stringLiteral(name),
+        dynamic ? value : t__namespace.unaryExpression("!", t__namespace.unaryExpression("!", value))
+      ]
     );
   }
 
@@ -1393,7 +1391,7 @@ function findLastElement(children, hydratable) {
     if (
       hydratable ||
       t__namespace.isJSXText(node) ||
-      getStaticExpression(children[i]) ||
+      getStaticExpression(children[i]) !== false ||
       (t__namespace.isJSXElement(node) && (tagName = getTagName(node)) && !isComponent(tagName))
     ) {
       lastElement = i;
@@ -1572,7 +1570,7 @@ function detectExpressions(children, index, config) {
     if (
       t__namespace.isJSXExpressionContainer(node) &&
       !t__namespace.isJSXEmptyExpression(node.expression) &&
-      !getStaticExpression(children[index - 1])
+      getStaticExpression(children[index - 1]) === false
     )
       return true;
     let tagName;
@@ -1581,7 +1579,7 @@ function detectExpressions(children, index, config) {
   for (let i = index; i < children.length; i++) {
     const child = children[i].node;
     if (t__namespace.isJSXExpressionContainer(child)) {
-      if (!t__namespace.isJSXEmptyExpression(child.expression) && !getStaticExpression(children[i]))
+      if (!t__namespace.isJSXEmptyExpression(child.expression) && getStaticExpression(children[i]) === false)
         return true;
     } else if (t__namespace.isJSXElement(child)) {
       const tagName = getTagName(child);
@@ -3316,7 +3314,7 @@ function transformNode(path, info = {}) {
     // <><div /><Component /></>
     transformFragmentChildren(path.get("children"), results, config);
     return results;
-  } else if (t__namespace.isJSXText(node) || (staticValue = getStaticExpression(path))) {
+  } else if (t__namespace.isJSXText(node) || (staticValue = getStaticExpression(path)) !== false) {
     const text =
       staticValue !== undefined
         ? info.doNotEscape
@@ -3412,8 +3410,8 @@ function transformElement(config, path, info = {}) {
   // <div ...></div>
   // const element = getTransformElemet(config, path, tagName);
 
-  const tagRenderer = (config.renderers ?? []).find(
-    renderer => renderer.elements.includes(tagName)
+  const tagRenderer = (config.renderers ?? []).find(renderer =>
+    renderer.elements.includes(tagName)
   );
 
   if (tagRenderer?.name === "dom" || getConfig(path).generate === "dom") {

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