@etsoo/materialui 1.5.24 → 1.5.26

package/lib/cjs/TabBox.d.ts

@@ -20,11 +20,7 @@ export interface TabBoxPanel extends Omit<TabProps, "value" | "children"> {
 /**
  * Tabs with box props
  */
-export interface TabBoxPros extends BoxProps {
-    /**
-     * Container props
-     */
-    container?: Omit<TabsProps, "value">;
+export interface TabBoxPros extends Omit<TabsProps, "value"> {
     /**
      * Default selected index
      */

package/lib/cjs/TabBox.js

@@ -20,8 +20,7 @@ function isActionTab(children) {
  */
 function TabBox(props) {
     // Destruct
-    const { index, inputName, root, container = {}, defaultIndex = 0, tabProps, tabs } = props;
-    const { onChange, ...rest } = container;
+    const { index, inputName, root, defaultIndex = 0, onChange, tabProps, tabs, ...rest } = props;
     // State
     const [value, setValue] = react_1.default.useState(defaultIndex);
     react_1.default.useEffect(() => {

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/TabBox.d.ts

@@ -20,11 +20,7 @@ export interface TabBoxPanel extends Omit<TabProps, "value" | "children"> {
 /**
  * Tabs with box props
  */
-export interface TabBoxPros extends BoxProps {
-    /**
-     * Container props
-     */
-    container?: Omit<TabsProps, "value">;
+export interface TabBoxPros extends Omit<TabsProps, "value"> {
     /**
      * Default selected index
      */

package/lib/mjs/TabBox.js

@@ -14,8 +14,7 @@ function isActionTab(children) {
  */
 export function TabBox(props) {
     // Destruct
-    const { index, inputName, root, container = {}, defaultIndex = 0, tabProps, tabs } = props;
-    const { onChange, ...rest } = container;
+    const { index, inputName, root, defaultIndex = 0, onChange, tabProps, tabs, ...rest } = props;
     // State
     const [value, setValue] = React.useState(defaultIndex);
     React.useEffect(() => {

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.26",
   "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",
@@ -82,7 +82,7 @@
     "@types/react-input-mask": "^3.0.6",
     "@types/react-window": "^1.8.8",
     "@vitejs/plugin-react": "^4.3.4",
-    "jsdom": "^26.0.0",
+    "jsdom": "^26.1.0",
     "typescript": "^5.8.3",
     "vitest": "^3.1.1"
   }

package/src/TabBox.tsx

@@ -35,12 +35,7 @@ export interface TabBoxPanel extends Omit<TabProps, "value" | "children"> {
 /**
  * Tabs with box props
  */
-export interface TabBoxPros extends BoxProps {
-  /**
-   * Container props
-   */
-  container?: Omit<TabsProps, "value">;
-
+export interface TabBoxPros extends Omit<TabsProps, "value"> {
   /**
    * Default selected index
    */
@@ -83,12 +78,12 @@ export function TabBox(props: TabBoxPros) {
     index,
     inputName,
     root,
-    container = {},
     defaultIndex = 0,
+    onChange,
     tabProps,
-    tabs
+    tabs,
+    ...rest
   } = props;
-  const { onChange, ...rest } = container;
 
   // State
   const [value, setValue] = React.useState(defaultIndex);

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);
   }
 }