babel-plugin-jsx-dom-expressions 0.31.11 → 0.32.7

package/index.js

@@ -81,6 +81,7 @@ const DelegatedEvents = new Set([
   "beforeinput",
   "click",
   "dblclick",
+  "contextmenu",
   "focusin",
   "focusout",
   "input",
@@ -551,6 +552,7 @@ function transformElement$2(path, info) {
 
 function setAttr$2(path, elem, name, value, { isSVG, dynamic, prevId, isCE }) {
   // pull out namespace
+  const config = getConfig(path);
   let parts, namespace;
   if ((parts = name.split(":")) && parts[1] && reservedNameSpaces.has(parts[0])) {
     name = parts[1];
@@ -595,6 +597,13 @@ function setAttr$2(path, elem, name, value, { isSVG, dynamic, prevId, isCE }) {
     );
   }
 
+  if (config.hydratable && name === "innerHTML") {
+    return t__namespace.callExpression(
+      registerImportMethod(path, "innerHTML"),
+      [elem, value]
+    );
+  }
+
   if (dynamic && name === "textContent") {
     return t__namespace.assignmentExpression("=", t__namespace.memberExpression(elem, t__namespace.identifier("data")), value);
   }
@@ -808,7 +817,7 @@ function transformAttributes$2(path, results) {
           : node.name.name,
         reservedNameSpace =
           t__namespace.isJSXNamespacedName(node.name) && reservedNameSpaces.has(node.name.namespace.name);
-      if (t__namespace.isJSXExpressionContainer(value)) {
+      if (t__namespace.isJSXExpressionContainer(value) && !key.startsWith("use:")) {
         const evaluated = attribute.get("value").get("expression").evaluate().value;
         let type;
         if (

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.31.11",
+  "version": "0.32.7",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -23,5 +23,5 @@
     "@babel/types": "^7.16.0",
     "html-entities": "2.3.2"
   },
-  "gitHead": "fd496194eaf6d4155f2fc27bf4a90bc3ed44b1ac"
+  "gitHead": "3acfcd6802238e587e01ebcc1d1a89459a1a07a9"
 }