@amplifyup/sdk 0.1.58 → 0.1.60

package/dist/index.js

@@ -2268,6 +2268,38 @@ Available Console Commands:
         return;
       }
       try {
+        if (event.data?.type === "AMPLIFYUP_RICHTEXT_EDITING") {
+          document.querySelectorAll(".amplifyup-richtext-editing").forEach((el) => {
+            el.classList.remove("amplifyup-richtext-editing");
+            el.style.minHeight = "";
+            el.style.height = "";
+            el.style.display = "";
+          });
+          if (event.data.active && event.data.fieldName) {
+            if (!document.getElementById("amplifyup-richtext-editing-style")) {
+              const style = document.createElement("style");
+              style.id = "amplifyup-richtext-editing-style";
+              style.textContent = "[data-amplifyup-field].amplifyup-richtext-editing{outline:none!important;visibility:hidden!important;display:block!important;box-sizing:border-box!important;}";
+              document.head.appendChild(style);
+            }
+            const editRoot = event.data.layoutNodeId ? document.querySelector(
+              `[data-node-id="${event.data.layoutNodeId}"], [data-amplifyup-node-id="${event.data.layoutNodeId}"]`
+            ) || document : document;
+            const editField = editRoot.querySelector(
+              `[data-amplifyup-field="${event.data.fieldName}"]`
+            );
+            if (editField) {
+              editField.classList.add("amplifyup-richtext-editing");
+              const editHeight = Number(event.data.height) || 0;
+              if (editHeight > 0) {
+                editField.style.display = "block";
+                editField.style.minHeight = `${editHeight}px`;
+                editField.style.height = `${editHeight}px`;
+              }
+            }
+          }
+          return;
+        }
         if (event.data?.type === "AMPLIFYUP_FIELD_PATCH") {
           window.dispatchEvent(
             new CustomEvent("amplifyup:field-patch", { detail: event.data })