@etsoo/materialui 1.5.24 → 1.5.25

package/lib/cjs/html/HtmlDiv.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HtmlDiv = HtmlDiv;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const shared_1 = require("@etsoo/shared");
 const dompurify_1 = __importDefault(require("dompurify"));
 class HtmlDivElement extends HTMLElement {
     constructor() {
@@ -15,10 +16,16 @@ class HtmlDivElement extends HTMLElement {
         const shadow = this.attachShadow({ mode: "open" });
         // Create a wrapper element to hold the sanitized HTML content
         const wrapper = document.createElement("div");
-        if (this.textContent) {
+        const html = this.innerHTML;
+        if (shared_1.Utils.hasHtmlEntity(html) &&
+            !shared_1.Utils.hasHtmlTag(html) &&
+            this.textContent) {
             wrapper.innerHTML = dompurify_1.default.sanitize(this.textContent);
-            this.textContent = null; // Clear the textContent to avoid duplication
         }
+        else {
+            wrapper.innerHTML = dompurify_1.default.sanitize(html);
+        }
+        this.textContent = null; // Clear the textContent to avoid duplication
         shadow.appendChild(wrapper);
     }
 }

package/lib/mjs/html/HtmlDiv.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Utils } from "@etsoo/shared";
 import DOMPurify from "dompurify";
 class HtmlDivElement extends HTMLElement {
     constructor() {
@@ -9,10 +10,16 @@ class HtmlDivElement extends HTMLElement {
         const shadow = this.attachShadow({ mode: "open" });
         // Create a wrapper element to hold the sanitized HTML content
         const wrapper = document.createElement("div");
-        if (this.textContent) {
+        const html = this.innerHTML;
+        if (Utils.hasHtmlEntity(html) &&
+            !Utils.hasHtmlTag(html) &&
+            this.textContent) {
             wrapper.innerHTML = DOMPurify.sanitize(this.textContent);
-            this.textContent = null; // Clear the textContent to avoid duplication
         }
+        else {
+            wrapper.innerHTML = DOMPurify.sanitize(html);
+        }
+        this.textContent = null; // Clear the textContent to avoid duplication
         shadow.appendChild(wrapper);
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.5.24",
+  "version": "1.5.25",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -43,7 +43,7 @@
     "@etsoo/appscript": "^1.6.22",
     "@etsoo/notificationbase": "^1.1.60",
     "@etsoo/react": "^1.8.38",
-    "@etsoo/shared": "^1.2.66",
+    "@etsoo/shared": "^1.2.68",
     "@mui/icons-material": "^7.0.2",
     "@mui/material": "^7.0.2",
     "@mui/x-data-grid": "^7.28.3",

package/src/html/HtmlDiv.tsx

@@ -1,3 +1,4 @@
+import { Utils } from "@etsoo/shared";
 import DOMPurify from "dompurify";
 import { HTMLAttributes } from "react";
 
@@ -12,11 +13,19 @@ class HtmlDivElement extends HTMLElement {
 
     // Create a wrapper element to hold the sanitized HTML content
     const wrapper = document.createElement("div");
-    if (this.textContent) {
+    const html = this.innerHTML;
+    if (
+      Utils.hasHtmlEntity(html) &&
+      !Utils.hasHtmlTag(html) &&
+      this.textContent
+    ) {
       wrapper.innerHTML = DOMPurify.sanitize(this.textContent);
-      this.textContent = null; // Clear the textContent to avoid duplication
+    } else {
+      wrapper.innerHTML = DOMPurify.sanitize(html);
     }
 
+    this.textContent = null; // Clear the textContent to avoid duplication
+
     shadow.appendChild(wrapper);
   }
 }