@connectif/ui-components 2.0.15 → 2.0.16

package/dist/components/markdown/MarkdownRenderer.d.ts

@@ -4,8 +4,12 @@ type MarkdownContainerProps = {
     color: string;
     backgroundColor?: string;
     variant?: TypographyVariant;
+    /**
+     * Class Name to append to container
+     */
+    className?: string;
 };
-declare const MarkdownRenderer: ({ text, ...rest }: MarkdownContainerProps & {
+declare const MarkdownRenderer: ({ text, className, ...rest }: MarkdownContainerProps & {
     text: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export default MarkdownRenderer;

package/dist/index.js

@@ -24264,24 +24264,17 @@ var MarkdownContainer = styled8("div")(
     backgroundColor: backgroundColor2,
     borderRadius: "8px",
     overflowWrap: "break-word",
-    "& h1, & h2, & h3": {
-      color: color2
-    },
+    "& h1, & h2, & h3": { color: color2 },
     "& h1": { fontSize: "1.75rem" },
     "& h2": { fontSize: "1.5rem" },
     "& h3": { fontSize: "1.25rem" },
-    "& p": {
-      ...variants[variant || "body2"],
-      margin: "0.5em 0"
-    },
+    "& p": { ...variants[variant || "body2"], margin: "0.5em 0" },
     "& ul, & ol": {
       ...variants[variant || "body2"],
       paddingLeft: "1.5em",
       margin: "0.5em 0"
     },
-    "& li": {
-      marginBottom: "0.25em"
-    },
+    "& li": { marginBottom: "0.25em" },
     "& code": {
       background: grey800,
       padding: "2px 6px",
@@ -24290,11 +24283,7 @@ var MarkdownContainer = styled8("div")(
       fontSize: "0.9em",
       color: white
     },
-    "& pre code": {
-      display: "block",
-      padding: "12px",
-      overflowX: "auto"
-    },
+    "& pre code": { display: "block", padding: "12px", overflowX: "auto" },
     "& table": {
       width: "100%",
       borderCollapse: "collapse",
@@ -24305,37 +24294,38 @@ var MarkdownContainer = styled8("div")(
       padding: "8px",
       textAlign: "left"
     },
-    "& th": {
-      backgroundColor: grey900,
-      color: white
-    },
-    "& a": {
-      color: primary200,
-      textDecoration: "none"
-    },
-    "& a:hover": {
-      textDecoration: "underline"
-    }
+    "& th": { backgroundColor: grey900, color: white },
+    "& a": { color: primary200, textDecoration: "none" },
+    "& a:hover": { textDecoration: "underline" }
   })
 );
+var normalizeLatexDelimiters = (s) => {
+  if (!s) {
+    return s;
+  }
+  s = s.replace(/\\\\?\[([\s\S]*?)\\\\?\]/g, (_, inner) => `$$${inner}$$`);
+  s = s.replace(/\\\\?\(([\s\S]*?)\\\\?\)/g, (_, inner) => `$${inner}$`);
+  return s;
+};
 var renderWithMath = (text) => {
   const parts = [];
-  const regex = /\$\$([\s\S]+?)\$\$|\$([\s\S]+?)\$/g;
+  const regex = /\$\$([\s\S]+?)\$\$|\$(?!\$)([\s\S]+?)\$/g;
   let lastIndex = 0;
   let match;
   while ((match = regex.exec(text)) !== null) {
-    const [full, blockExpr, inlineExpr] = match;
     const start = match.index;
     if (start > lastIndex) {
       parts.push(text.slice(lastIndex, start));
     }
-    if (blockExpr) {
+    const block = match[1];
+    const inline = match[2];
+    if (block !== void 0) {
       parts.push(
-        /* @__PURE__ */ jsx137(KatexRenderer_default, { block: true, children: blockExpr.trim() }, start)
+        /* @__PURE__ */ jsx137(KatexRenderer_default, { block: true, children: block.trim() }, start)
       );
-    } else if (inlineExpr) {
+    } else if (inline !== void 0) {
       parts.push(
-        /* @__PURE__ */ jsx137(KatexRenderer_default, { children: inlineExpr.trim() }, start)
+        /* @__PURE__ */ jsx137(KatexRenderer_default, { children: inline.trim() }, start)
       );
     }
     lastIndex = regex.lastIndex;
@@ -24345,34 +24335,61 @@ var renderWithMath = (text) => {
   }
   return parts;
 };
+var renderChildrenWithMath = (children) => React76.Children.map(children, (child) => {
+  if (typeof child === "string") {
+    return renderWithMath(child);
+  }
+  if (React76.isValidElement(child)) {
+    return React76.cloneElement(child, {
+      ...child.props,
+      children: renderChildrenWithMath(child.props.children)
+    });
+  }
+  return child;
+});
+var CodeOrMath = ({ children, ...props }) => {
+  const raw = Array.isArray(children) ? children.map((c) => typeof c === "string" ? c : "").join("") : typeof children === "string" ? children : "";
+  const s = raw.trim();
+  const fullMath = /^\$\$([\s\S]+)\$\$$|^\$(?!\$)([\s\S]+)\$$/;
+  const m = s.match(fullMath);
+  if (m) {
+    const expr = m[1] || m[2] || "";
+    const isBlock = Boolean(m[1]);
+    return /* @__PURE__ */ jsx137(KatexRenderer_default, { block: isBlock, children: expr.trim() });
+  }
+  const maybe = renderWithMath(s);
+  const onlyText = maybe.length === 1 && typeof maybe[0] === "string";
+  return onlyText ? /* @__PURE__ */ jsx137("code", { ...props, children }) : /* @__PURE__ */ jsx137("span", { children: maybe });
+};
 var MarkdownRenderer = ({
   text,
+  className,
   ...rest
-}) => /* @__PURE__ */ jsx137(MarkdownContainer, { ...rest, children: /* @__PURE__ */ jsx137(
-  Markdown,
-  {
-    options: {
-      forceBlock: true,
-      overrides: {
-        p: {
-          component: ({ children, ...props }) => {
-            const renderChildren = React76.Children.map(
-              children,
-              (child) => {
-                if (typeof child === "string") {
-                  return renderWithMath(child);
-                }
-                return child;
-              }
-            );
-            return /* @__PURE__ */ jsx137("p", { ...props, children: renderChildren });
-          }
+}) => {
+  const normalized = normalizeLatexDelimiters(text || "");
+  return /* @__PURE__ */ jsx137(
+    MarkdownContainer,
+    {
+      className: `markdown-container ${className || ""}`,
+      ...rest,
+      children: /* @__PURE__ */ jsx137(
+        Markdown,
+        {
+          options: {
+            forceBlock: true,
+            overrides: {
+              p: {
+                component: ({ children, ...props }) => /* @__PURE__ */ jsx137("p", { ...props, children: renderChildrenWithMath(children) })
+              },
+              code: { component: CodeOrMath }
+            }
+          },
+          children: normalized
         }
-      }
-    },
-    children: text
-  }
-) });
+      )
+    }
+  );
+};
 var MarkdownRenderer_default = MarkdownRenderer;
 
 // src/components/navbar/Navbar.tsx