@simplybusiness/mobius 9.3.4 → 10.1.0

package/dist/cjs/components/ExpandableText/ExpandableText.js

@@ -5120,22 +5120,27 @@ var init_TextArea2 = __esm({
 });
 
 // src/components/TextOrHTML/TextOrHTML.tsx
-var import_react42, import_jsx_runtime69, TextOrHTML;
+var import_react42, import_jsx_runtime69, isHTML, TextOrHTML;
 var init_TextOrHTML = __esm({
   "src/components/TextOrHTML/TextOrHTML.tsx"() {
     "use strict";
     import_react42 = require("react");
     init_Text();
     import_jsx_runtime69 = require("react/jsx-runtime");
+    isHTML = (text) => /^\s*<[a-z]/i.test(text);
     TextOrHTML = ({
       ref,
       text,
       htmlClassName,
-      htmlElementType = "span",
+      htmlElementType,
       textWrapper = false,
+      autoDetect = false,
       ...textProps
     }) => {
-      const DangerousComponent = htmlElementType;
+      const textIsHTML = autoDetect && isHTML(text);
+      const shouldWrapInText = autoDetect ? textWrapper || !textIsHTML : textWrapper;
+      const resolvedElementType = htmlElementType ?? (textIsHTML ? "div" : "span");
+      const DangerousComponent = resolvedElementType;
       const dangerousHTML = (0, import_react42.useMemo)(() => ({ __html: text }), [text]);
       const dangerousElement = /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         DangerousComponent,
@@ -5144,7 +5149,7 @@ var init_TextOrHTML = __esm({
           dangerouslySetInnerHTML: dangerousHTML
         }
       );
-      if (textWrapper) {
+      if (shouldWrapInText) {
         return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Text, { ref, ...textProps, children: dangerousElement });
       }
       return dangerousElement;