analytica-frontend-lib 1.2.22 → 1.2.24

package/dist/LatexRenderer/index.js

@@ -0,0 +1,198 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/LatexRenderer/LatexRenderer.tsx
+var LatexRenderer_exports = {};
+__export(LatexRenderer_exports, {
+  default: () => LatexRenderer_default
+});
+module.exports = __toCommonJS(LatexRenderer_exports);
+var import_katex_min = require("katex/dist/katex.min.css");
+var import_react_katex = require("react-katex");
+var import_dompurify = __toESM(require("dompurify"));
+var import_html_react_parser = __toESM(require("html-react-parser"));
+
+// src/utils/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/LatexRenderer/LatexRenderer.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var sanitizeHtml = (value) => {
+  return import_dompurify.default.sanitize(value, {
+    ADD_ATTR: ["data-latex", "data-display-mode", "data-math", "data-math-id"]
+  });
+};
+var decodeHtmlEntities = (str) => {
+  const textarea = document.createElement("textarea");
+  textarea.innerHTML = str;
+  return textarea.value;
+};
+var cleanLatex = (str) => {
+  return str.replaceAll(/[\u200B-\u200D\uFEFF]/g, "").trim();
+};
+var createMathReplacer = (mathParts, errorRenderer) => {
+  return (domNode) => {
+    if (domNode instanceof import_html_react_parser.Element && domNode.name === "span" && domNode.attribs["data-math-id"]) {
+      const mathId = Number.parseInt(domNode.attribs["data-math-id"], 10);
+      const mathPart = mathParts[mathId];
+      if (!mathPart) return domNode;
+      if (mathPart.type === "inline") {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_katex.InlineMath,
+          {
+            math: mathPart.latex,
+            renderError: () => errorRenderer(mathPart.latex)
+          },
+          `math-${mathId}`
+        );
+      } else {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "my-2.5 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_katex.BlockMath,
+          {
+            math: mathPart.latex,
+            renderError: () => errorRenderer(mathPart.latex)
+          }
+        ) }, `math-${mathId}`);
+      }
+    }
+    return domNode;
+  };
+};
+var LatexRenderer = ({
+  content,
+  className,
+  style,
+  onError
+}) => {
+  const renderContentWithMath = (htmlContent) => {
+    if (!htmlContent) return null;
+    let processedContent = htmlContent;
+    const mathParts = [];
+    const mathFormulaPattern = /<span[^>]*class="math-formula"[^>]*data-latex="([^"]*)"[^>]*>[\s\S]*?<\/span>/g;
+    processedContent = processedContent.replaceAll(
+      mathFormulaPattern,
+      (match, latex) => {
+        const isDisplayMode = match.includes('data-display-mode="true"');
+        const id = mathParts.length;
+        mathParts.push({
+          id,
+          type: isDisplayMode ? "block" : "inline",
+          latex: cleanLatex(decodeHtmlEntities(latex))
+        });
+        return `<span data-math-id="${id}"></span>`;
+      }
+    );
+    const wrappedMathPattern = /<span[^>]*class="math-expression"[^>]*data-math="([^"]*)"[^>]*>.*?<\/span>/g;
+    processedContent = processedContent.replaceAll(
+      wrappedMathPattern,
+      (match, latex) => {
+        const id = mathParts.length;
+        mathParts.push({
+          id,
+          type: "inline",
+          latex: cleanLatex(decodeHtmlEntities(latex))
+        });
+        return `<span data-math-id="${id}"></span>`;
+      }
+    );
+    const doubleDollarPattern = /(?<!\\)\$\$([\s\S]+?)\$\$/g;
+    processedContent = processedContent.replaceAll(
+      doubleDollarPattern,
+      (match, latex) => {
+        const id = mathParts.length;
+        mathParts.push({
+          id,
+          type: "block",
+          latex: cleanLatex(latex)
+        });
+        return `<span data-math-id="${id}"></span>`;
+      }
+    );
+    const singleDollarPattern = /(?<!\\)\$([\s\S]+?)\$/g;
+    processedContent = processedContent.replaceAll(
+      singleDollarPattern,
+      (match, latex) => {
+        const id = mathParts.length;
+        mathParts.push({
+          id,
+          type: "inline",
+          latex: cleanLatex(latex)
+        });
+        return `<span data-math-id="${id}"></span>`;
+      }
+    );
+    const latexTagPattern = /(?:<latex>|&lt;latex&gt;)([\s\S]*?)(?:<\/latex>|&lt;\/latex&gt;)/g;
+    processedContent = processedContent.replaceAll(
+      latexTagPattern,
+      (match, latex) => {
+        const id = mathParts.length;
+        mathParts.push({
+          id,
+          type: "inline",
+          latex: cleanLatex(latex)
+        });
+        return `<span data-math-id="${id}"></span>`;
+      }
+    );
+    const latexEnvPattern = /\\begin\{([^}]+)\}([\s\S]*?)\\end\{\1\}/g;
+    processedContent = processedContent.replaceAll(latexEnvPattern, (match) => {
+      const id = mathParts.length;
+      mathParts.push({
+        id,
+        type: "block",
+        latex: cleanLatex(match)
+      });
+      return `<span data-math-id="${id}"></span>`;
+    });
+    const sanitizedContent = sanitizeHtml(processedContent);
+    const defaultErrorRenderer = (latex) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-red-600", children: [
+      "Math Error: ",
+      latex
+    ] });
+    const errorRenderer = onError || defaultErrorRenderer;
+    const options = {
+      replace: createMathReplacer(mathParts, errorRenderer)
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: (0, import_html_react_parser.default)(sanitizedContent, options) });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: cn("whitespace-pre-wrap leading-relaxed", className),
+      style,
+      children: renderContentWithMath(content)
+    }
+  );
+};
+var LatexRenderer_default = LatexRenderer;
+//# sourceMappingURL=index.js.map

package/dist/LatexRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/LatexRenderer/LatexRenderer.tsx","../../src/utils/utils.ts"],"sourcesContent":["import { CSSProperties, ReactNode } from 'react';\nimport 'katex/dist/katex.min.css';\nimport { InlineMath, BlockMath } from 'react-katex';\nimport DOMPurify from 'dompurify';\nimport parse, {\n  DOMNode,\n  Element,\n  HTMLReactParserOptions,\n} from 'html-react-parser';\nimport { cn } from '../../utils/utils';\n\n/**\n * Props for the LatexRenderer component\n */\nexport interface LatexRendererProps {\n  /** HTML content containing LaTeX expressions to render */\n  content: string;\n  /** Additional CSS classes to apply */\n  className?: string;\n  /** Inline styles to apply */\n  style?: CSSProperties;\n  /** Custom error renderer for invalid LaTeX expressions */\n  onError?: (latex: string) => ReactNode;\n}\n\n/**\n * Helper function to sanitize HTML content to prevent XSS attacks\n */\nconst sanitizeHtml = (value: string): string => {\n  return DOMPurify.sanitize(value, {\n    ADD_ATTR: ['data-latex', 'data-display-mode', 'data-math', 'data-math-id'],\n  });\n};\n\n/**\n * Helper function to decode HTML entities\n * Converts entities like &amp;, &lt;, &gt; back to their actual characters\n */\nconst decodeHtmlEntities = (str: string): string => {\n  const textarea = document.createElement('textarea');\n  textarea.innerHTML = str;\n  return textarea.value;\n};\n\n/**\n * Helper function to clean latex from invisible characters\n */\nconst cleanLatex = (str: string): string => {\n  // Remove zero-width characters, invisible characters, and other problematic Unicode\n  return str.replaceAll(/[\\u200B-\\u200D\\uFEFF]/g, '').trim();\n};\n\n/**\n * Type for math parts used in rendering\n */\ninterface MathPart {\n  id: number;\n  type: 'inline' | 'block';\n  latex: string;\n}\n\n/**\n * Creates a replace function for html-react-parser that replaces math placeholders\n * with KaTeX components\n */\nconst createMathReplacer = (\n  mathParts: MathPart[],\n  errorRenderer: (latex: string) => ReactNode\n) => {\n  return (domNode: DOMNode) => {\n    if (\n      domNode instanceof Element &&\n      domNode.name === 'span' &&\n      domNode.attribs['data-math-id']\n    ) {\n      const mathId = Number.parseInt(domNode.attribs['data-math-id'], 10);\n      const mathPart = mathParts[mathId];\n\n      if (!mathPart) return domNode;\n\n      if (mathPart.type === 'inline') {\n        return (\n          <InlineMath\n            key={`math-${mathId}`}\n            math={mathPart.latex}\n            renderError={() => errorRenderer(mathPart.latex)}\n          />\n        );\n      } else {\n        return (\n          <div key={`math-${mathId}`} className=\"my-2.5 text-center\">\n            <BlockMath\n              math={mathPart.latex}\n              renderError={() => errorRenderer(mathPart.latex)}\n            />\n          </div>\n        );\n      }\n    }\n    return domNode;\n  };\n};\n\n/**\n * LatexRenderer component for Analytica Ensino platforms\n *\n * Renders HTML content with embedded LaTeX/KaTeX mathematical expressions.\n * Supports multiple LaTeX formats:\n * - Inline math: `$...$` or `<latex>...</latex>`\n * - Block math: `$$...$$`\n * - LaTeX environments: `\\begin{equation}...\\end{equation}`, etc.\n * - Editor format: `<span class=\"math-formula\" data-latex=\"...\">...</span>`\n *\n * @param content - HTML content with LaTeX expressions\n * @param className - Additional CSS classes\n * @param style - Inline styles\n * @param onError - Custom error renderer\n * @returns Rendered content with mathematical expressions\n *\n * @example\n * ```tsx\n * <LatexRenderer content=\"The formula is $E = mc^2$\" />\n *\n * <LatexRenderer\n *   content=\"Block equation: $$\\sum_{i=1}^{n} x_i$$\"\n *   className=\"my-custom-class\"\n * />\n *\n * <LatexRenderer\n *   content=\"<p>Matrix: \\begin{pmatrix} a & b \\\\ c & d \\end{pmatrix}</p>\"\n *   onError={(latex) => <span>Invalid: {latex}</span>}\n * />\n * ```\n */\nconst LatexRenderer = ({\n  content,\n  className,\n  style,\n  onError,\n}: LatexRendererProps) => {\n  const renderContentWithMath = (htmlContent: string) => {\n    if (!htmlContent) return null;\n\n    let processedContent = htmlContent;\n    const mathParts: MathPart[] = [];\n\n    // Step 1: Handle math-formula spans (from the editor)\n    const mathFormulaPattern =\n      /<span[^>]*class=\"math-formula\"[^>]*data-latex=\"([^\"]*)\"[^>]*>[\\s\\S]*?<\\/span>/g;\n    processedContent = processedContent.replaceAll(\n      mathFormulaPattern,\n      (match, latex) => {\n        const isDisplayMode = match.includes('data-display-mode=\"true\"');\n        const id = mathParts.length;\n        mathParts.push({\n          id,\n          type: isDisplayMode ? 'block' : 'inline',\n          latex: cleanLatex(decodeHtmlEntities(latex)),\n        });\n        return `<span data-math-id=\"${id}\"></span>`;\n      }\n    );\n\n    // Step 2: Handle wrapped math expressions (from math modal - legacy)\n    const wrappedMathPattern =\n      /<span[^>]*class=\"math-expression\"[^>]*data-math=\"([^\"]*)\"[^>]*>.*?<\\/span>/g;\n    processedContent = processedContent.replaceAll(\n      wrappedMathPattern,\n      (match, latex) => {\n        const id = mathParts.length;\n        mathParts.push({\n          id,\n          type: 'inline',\n          latex: cleanLatex(decodeHtmlEntities(latex)),\n        });\n        return `<span data-math-id=\"${id}\"></span>`;\n      }\n    );\n\n    // Step 3: Handle raw $$...$$ expressions (manual input or saved content) - BEFORE single $\n    const doubleDollarPattern = /(?<!\\\\)\\$\\$([\\s\\S]+?)\\$\\$/g;\n    processedContent = processedContent.replaceAll(\n      doubleDollarPattern,\n      (match, latex) => {\n        const id = mathParts.length;\n        mathParts.push({\n          id,\n          type: 'block',\n          latex: cleanLatex(latex),\n        });\n        return `<span data-math-id=\"${id}\"></span>`;\n      }\n    );\n\n    // Step 4: Handle single $...$ expressions for inline math\n    const singleDollarPattern = /(?<!\\\\)\\$([\\s\\S]+?)\\$/g;\n    processedContent = processedContent.replaceAll(\n      singleDollarPattern,\n      (match, latex) => {\n        const id = mathParts.length;\n        mathParts.push({\n          id,\n          type: 'inline',\n          latex: cleanLatex(latex),\n        });\n        return `<span data-math-id=\"${id}\"></span>`;\n      }\n    );\n\n    // Step 5: Handle <latex>...</latex> tags for inline math\n    const latexTagPattern =\n      /(?:<latex>|&lt;latex&gt;)([\\s\\S]*?)(?:<\\/latex>|&lt;\\/latex&gt;)/g;\n    processedContent = processedContent.replaceAll(\n      latexTagPattern,\n      (match, latex) => {\n        const id = mathParts.length;\n        mathParts.push({\n          id,\n          type: 'inline',\n          latex: cleanLatex(latex),\n        });\n        return `<span data-math-id=\"${id}\"></span>`;\n      }\n    );\n\n    // Step 6: Handle standalone LaTeX environments (align, equation, pmatrix, etc.) for block math\n    const latexEnvPattern = /\\\\begin\\{([^}]+)\\}([\\s\\S]*?)\\\\end\\{\\1\\}/g;\n    processedContent = processedContent.replaceAll(latexEnvPattern, (match) => {\n      const id = mathParts.length;\n      mathParts.push({\n        id,\n        type: 'block',\n        latex: cleanLatex(match),\n      });\n      return `<span data-math-id=\"${id}\"></span>`;\n    });\n\n    // Sanitize the HTML with placeholders\n    const sanitizedContent = sanitizeHtml(processedContent);\n\n    // Default error renderer\n    const defaultErrorRenderer = (latex: string) => (\n      <span className=\"text-red-600\">Math Error: {latex}</span>\n    );\n\n    const errorRenderer = onError || defaultErrorRenderer;\n\n    // Parse HTML and replace math placeholders with React components\n    const options: HTMLReactParserOptions = {\n      replace: createMathReplacer(mathParts, errorRenderer),\n    };\n\n    return <>{parse(sanitizedContent, options)}</>;\n  };\n\n  return (\n    <div\n      className={cn('whitespace-pre-wrap leading-relaxed', className)}\n      style={style}\n    >\n      {renderContentWithMath(content)}\n    </div>\n  );\n};\n\nexport default LatexRenderer;\n","import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport { syncDropdownState } from './dropdown';\n\n/**\n * Retorna a cor hexadecimal com opacidade 0.3 (4d) se não estiver em dark mode.\n * Se estiver em dark mode, retorna a cor original.\n *\n * @param hexColor - Cor hexadecimal (ex: \"#0066b8\" ou \"0066b8\")\n * @param isDark - booleano indicando se está em dark mode\n * @returns string - cor hexadecimal com opacidade se necessário\n */\nexport function getSubjectColorWithOpacity(\n  hexColor: string | undefined,\n  isDark: boolean\n): string | undefined {\n  if (!hexColor) return undefined;\n  // Remove o '#' se existir\n  let color = hexColor.replace(/^#/, '').toLowerCase();\n\n  if (isDark) {\n    // Se está em dark mode, sempre remove opacidade se existir\n    if (color.length === 8) {\n      color = color.slice(0, 6);\n    }\n    return `#${color}`;\n  } else {\n    // Se não está em dark mode (light mode)\n    let resultColor: string;\n    if (color.length === 6) {\n      // Adiciona opacidade 0.3 (4D) para cores de 6 dígitos\n      resultColor = `#${color}4d`;\n    } else if (color.length === 8) {\n      // Já tem opacidade, retorna como está\n      resultColor = `#${color}`;\n    } else {\n      // Para outros tamanhos (3, 4, 5 dígitos), retorna como está\n      resultColor = `#${color}`;\n    }\n    return resultColor;\n  }\n}\n"],"mappings":"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","names":["DOMPurify","parse"]}

package/dist/LatexRenderer/index.mjs

@@ -0,0 +1,169 @@
+// src/components/LatexRenderer/LatexRenderer.tsx
+import "katex/dist/katex.min.css";
+import { InlineMath, BlockMath } from "react-katex";
+import DOMPurify from "dompurify";
+import parse, {
+  Element
+} from "html-react-parser";
+
+// src/utils/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/LatexRenderer/LatexRenderer.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var sanitizeHtml = (value) => {
+  return DOMPurify.sanitize(value, {
+    ADD_ATTR: ["data-latex", "data-display-mode", "data-math", "data-math-id"]
+  });
+};
+var decodeHtmlEntities = (str) => {
+  const textarea = document.createElement("textarea");
+  textarea.innerHTML = str;
+  return textarea.value;
+};
+var cleanLatex = (str) => {
+  return str.replaceAll(/[\u200B-\u200D\uFEFF]/g, "").trim();
+};
+var createMathReplacer = (mathParts, errorRenderer) => {
+  return (domNode) => {
+    if (domNode instanceof Element && domNode.name === "span" && domNode.attribs["data-math-id"]) {
+      const mathId = Number.parseInt(domNode.attribs["data-math-id"], 10);
+      const mathPart = mathParts[mathId];
+      if (!mathPart) return domNode;
+      if (mathPart.type === "inline") {
+        return /* @__PURE__ */ jsx(
+          InlineMath,
+          {
+            math: mathPart.latex,
+            renderError: () => errorRenderer(mathPart.latex)
+          },
+          `math-${mathId}`
+        );
+      } else {
+        return /* @__PURE__ */ jsx("div", { className: "my-2.5 text-center", children: /* @__PURE__ */ jsx(
+          BlockMath,
+          {
+            math: mathPart.latex,
+            renderError: () => errorRenderer(mathPart.latex)
+          }
+        ) }, `math-${mathId}`);
+      }
+    }
+    return domNode;
+  };
+};
+var LatexRenderer = ({
+  content,
+  className,
+  style,
+  onError
+}) => {
+  const renderContentWithMath = (htmlContent) => {
+    if (!htmlContent) return null;
+    let processedContent = htmlContent;
+    const mathParts = [];
+    const mathFormulaPattern = /<span[^>]*class="math-formula"[^>]*data-latex="([^"]*)"[^>]*>[\s\S]*?<\/span>/g;
+    processedContent = processedContent.replaceAll(
+      mathFormulaPattern,
+      (match, latex) => {
+        const isDisplayMode = match.includes('data-display-mode="true"');
+        const id = mathParts.length;
+        mathParts.push({
+          id,
+          type: isDisplayMode ? "block" : "inline",
+          latex: cleanLatex(decodeHtmlEntities(latex))
+        });
+        return `<span data-math-id="${id}"></span>`;
+      }
+    );
+    const wrappedMathPattern = /<span[^>]*class="math-expression"[^>]*data-math="([^"]*)"[^>]*>.*?<\/span>/g;
+    processedContent = processedContent.replaceAll(
+      wrappedMathPattern,
+      (match, latex) => {
+        const id = mathParts.length;
+        mathParts.push({
+          id,
+          type: "inline",
+          latex: cleanLatex(decodeHtmlEntities(latex))
+        });
+        return `<span data-math-id="${id}"></span>`;
+      }
+    );
+    const doubleDollarPattern = /(?<!\\)\$\$([\s\S]+?)\$\$/g;
+    processedContent = processedContent.replaceAll(
+      doubleDollarPattern,
+      (match, latex) => {
+        const id = mathParts.length;
+        mathParts.push({
+          id,
+          type: "block",
+          latex: cleanLatex(latex)
+        });
+        return `<span data-math-id="${id}"></span>`;
+      }
+    );
+    const singleDollarPattern = /(?<!\\)\$([\s\S]+?)\$/g;
+    processedContent = processedContent.replaceAll(
+      singleDollarPattern,
+      (match, latex) => {
+        const id = mathParts.length;
+        mathParts.push({
+          id,
+          type: "inline",
+          latex: cleanLatex(latex)
+        });
+        return `<span data-math-id="${id}"></span>`;
+      }
+    );
+    const latexTagPattern = /(?:<latex>|&lt;latex&gt;)([\s\S]*?)(?:<\/latex>|&lt;\/latex&gt;)/g;
+    processedContent = processedContent.replaceAll(
+      latexTagPattern,
+      (match, latex) => {
+        const id = mathParts.length;
+        mathParts.push({
+          id,
+          type: "inline",
+          latex: cleanLatex(latex)
+        });
+        return `<span data-math-id="${id}"></span>`;
+      }
+    );
+    const latexEnvPattern = /\\begin\{([^}]+)\}([\s\S]*?)\\end\{\1\}/g;
+    processedContent = processedContent.replaceAll(latexEnvPattern, (match) => {
+      const id = mathParts.length;
+      mathParts.push({
+        id,
+        type: "block",
+        latex: cleanLatex(match)
+      });
+      return `<span data-math-id="${id}"></span>`;
+    });
+    const sanitizedContent = sanitizeHtml(processedContent);
+    const defaultErrorRenderer = (latex) => /* @__PURE__ */ jsxs("span", { className: "text-red-600", children: [
+      "Math Error: ",
+      latex
+    ] });
+    const errorRenderer = onError || defaultErrorRenderer;
+    const options = {
+      replace: createMathReplacer(mathParts, errorRenderer)
+    };
+    return /* @__PURE__ */ jsx(Fragment, { children: parse(sanitizedContent, options) });
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("whitespace-pre-wrap leading-relaxed", className),
+      style,
+      children: renderContentWithMath(content)
+    }
+  );
+};
+var LatexRenderer_default = LatexRenderer;
+export {
+  LatexRenderer_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/LatexRenderer/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/LatexRenderer/LatexRenderer.tsx","../../src/utils/utils.ts"],"sourcesContent":["import { CSSProperties, ReactNode } from 'react';\nimport 'katex/dist/katex.min.css';\nimport { InlineMath, BlockMath } from 'react-katex';\nimport DOMPurify from 'dompurify';\nimport parse, {\n  DOMNode,\n  Element,\n  HTMLReactParserOptions,\n} from 'html-react-parser';\nimport { cn } from '../../utils/utils';\n\n/**\n * Props for the LatexRenderer component\n */\nexport interface LatexRendererProps {\n  /** HTML content containing LaTeX expressions to render */\n  content: string;\n  /** Additional CSS classes to apply */\n  className?: string;\n  /** Inline styles to apply */\n  style?: CSSProperties;\n  /** Custom error renderer for invalid LaTeX expressions */\n  onError?: (latex: string) => ReactNode;\n}\n\n/**\n * Helper function to sanitize HTML content to prevent XSS attacks\n */\nconst sanitizeHtml = (value: string): string => {\n  return DOMPurify.sanitize(value, {\n    ADD_ATTR: ['data-latex', 'data-display-mode', 'data-math', 'data-math-id'],\n  });\n};\n\n/**\n * Helper function to decode HTML entities\n * Converts entities like &amp;, &lt;, &gt; back to their actual characters\n */\nconst decodeHtmlEntities = (str: string): string => {\n  const textarea = document.createElement('textarea');\n  textarea.innerHTML = str;\n  return textarea.value;\n};\n\n/**\n * Helper function to clean latex from invisible characters\n */\nconst cleanLatex = (str: string): string => {\n  // Remove zero-width characters, invisible characters, and other problematic Unicode\n  return str.replaceAll(/[\\u200B-\\u200D\\uFEFF]/g, '').trim();\n};\n\n/**\n * Type for math parts used in rendering\n */\ninterface MathPart {\n  id: number;\n  type: 'inline' | 'block';\n  latex: string;\n}\n\n/**\n * Creates a replace function for html-react-parser that replaces math placeholders\n * with KaTeX components\n */\nconst createMathReplacer = (\n  mathParts: MathPart[],\n  errorRenderer: (latex: string) => ReactNode\n) => {\n  return (domNode: DOMNode) => {\n    if (\n      domNode instanceof Element &&\n      domNode.name === 'span' &&\n      domNode.attribs['data-math-id']\n    ) {\n      const mathId = Number.parseInt(domNode.attribs['data-math-id'], 10);\n      const mathPart = mathParts[mathId];\n\n      if (!mathPart) return domNode;\n\n      if (mathPart.type === 'inline') {\n        return (\n          <InlineMath\n            key={`math-${mathId}`}\n            math={mathPart.latex}\n            renderError={() => errorRenderer(mathPart.latex)}\n          />\n        );\n      } else {\n        return (\n          <div key={`math-${mathId}`} className=\"my-2.5 text-center\">\n            <BlockMath\n              math={mathPart.latex}\n              renderError={() => errorRenderer(mathPart.latex)}\n            />\n          </div>\n        );\n      }\n    }\n    return domNode;\n  };\n};\n\n/**\n * LatexRenderer component for Analytica Ensino platforms\n *\n * Renders HTML content with embedded LaTeX/KaTeX mathematical expressions.\n * Supports multiple LaTeX formats:\n * - Inline math: `$...$` or `<latex>...</latex>`\n * - Block math: `$$...$$`\n * - LaTeX environments: `\\begin{equation}...\\end{equation}`, etc.\n * - Editor format: `<span class=\"math-formula\" data-latex=\"...\">...</span>`\n *\n * @param content - HTML content with LaTeX expressions\n * @param className - Additional CSS classes\n * @param style - Inline styles\n * @param onError - Custom error renderer\n * @returns Rendered content with mathematical expressions\n *\n * @example\n * ```tsx\n * <LatexRenderer content=\"The formula is $E = mc^2$\" />\n *\n * <LatexRenderer\n *   content=\"Block equation: $$\\sum_{i=1}^{n} x_i$$\"\n *   className=\"my-custom-class\"\n * />\n *\n * <LatexRenderer\n *   content=\"<p>Matrix: \\begin{pmatrix} a & b \\\\ c & d \\end{pmatrix}</p>\"\n *   onError={(latex) => <span>Invalid: {latex}</span>}\n * />\n * ```\n */\nconst LatexRenderer = ({\n  content,\n  className,\n  style,\n  onError,\n}: LatexRendererProps) => {\n  const renderContentWithMath = (htmlContent: string) => {\n    if (!htmlContent) return null;\n\n    let processedContent = htmlContent;\n    const mathParts: MathPart[] = [];\n\n    // Step 1: Handle math-formula spans (from the editor)\n    const mathFormulaPattern =\n      /<span[^>]*class=\"math-formula\"[^>]*data-latex=\"([^\"]*)\"[^>]*>[\\s\\S]*?<\\/span>/g;\n    processedContent = processedContent.replaceAll(\n      mathFormulaPattern,\n      (match, latex) => {\n        const isDisplayMode = match.includes('data-display-mode=\"true\"');\n        const id = mathParts.length;\n        mathParts.push({\n          id,\n          type: isDisplayMode ? 'block' : 'inline',\n          latex: cleanLatex(decodeHtmlEntities(latex)),\n        });\n        return `<span data-math-id=\"${id}\"></span>`;\n      }\n    );\n\n    // Step 2: Handle wrapped math expressions (from math modal - legacy)\n    const wrappedMathPattern =\n      /<span[^>]*class=\"math-expression\"[^>]*data-math=\"([^\"]*)\"[^>]*>.*?<\\/span>/g;\n    processedContent = processedContent.replaceAll(\n      wrappedMathPattern,\n      (match, latex) => {\n        const id = mathParts.length;\n        mathParts.push({\n          id,\n          type: 'inline',\n          latex: cleanLatex(decodeHtmlEntities(latex)),\n        });\n        return `<span data-math-id=\"${id}\"></span>`;\n      }\n    );\n\n    // Step 3: Handle raw $$...$$ expressions (manual input or saved content) - BEFORE single $\n    const doubleDollarPattern = /(?<!\\\\)\\$\\$([\\s\\S]+?)\\$\\$/g;\n    processedContent = processedContent.replaceAll(\n      doubleDollarPattern,\n      (match, latex) => {\n        const id = mathParts.length;\n        mathParts.push({\n          id,\n          type: 'block',\n          latex: cleanLatex(latex),\n        });\n        return `<span data-math-id=\"${id}\"></span>`;\n      }\n    );\n\n    // Step 4: Handle single $...$ expressions for inline math\n    const singleDollarPattern = /(?<!\\\\)\\$([\\s\\S]+?)\\$/g;\n    processedContent = processedContent.replaceAll(\n      singleDollarPattern,\n      (match, latex) => {\n        const id = mathParts.length;\n        mathParts.push({\n          id,\n          type: 'inline',\n          latex: cleanLatex(latex),\n        });\n        return `<span data-math-id=\"${id}\"></span>`;\n      }\n    );\n\n    // Step 5: Handle <latex>...</latex> tags for inline math\n    const latexTagPattern =\n      /(?:<latex>|&lt;latex&gt;)([\\s\\S]*?)(?:<\\/latex>|&lt;\\/latex&gt;)/g;\n    processedContent = processedContent.replaceAll(\n      latexTagPattern,\n      (match, latex) => {\n        const id = mathParts.length;\n        mathParts.push({\n          id,\n          type: 'inline',\n          latex: cleanLatex(latex),\n        });\n        return `<span data-math-id=\"${id}\"></span>`;\n      }\n    );\n\n    // Step 6: Handle standalone LaTeX environments (align, equation, pmatrix, etc.) for block math\n    const latexEnvPattern = /\\\\begin\\{([^}]+)\\}([\\s\\S]*?)\\\\end\\{\\1\\}/g;\n    processedContent = processedContent.replaceAll(latexEnvPattern, (match) => {\n      const id = mathParts.length;\n      mathParts.push({\n        id,\n        type: 'block',\n        latex: cleanLatex(match),\n      });\n      return `<span data-math-id=\"${id}\"></span>`;\n    });\n\n    // Sanitize the HTML with placeholders\n    const sanitizedContent = sanitizeHtml(processedContent);\n\n    // Default error renderer\n    const defaultErrorRenderer = (latex: string) => (\n      <span className=\"text-red-600\">Math Error: {latex}</span>\n    );\n\n    const errorRenderer = onError || defaultErrorRenderer;\n\n    // Parse HTML and replace math placeholders with React components\n    const options: HTMLReactParserOptions = {\n      replace: createMathReplacer(mathParts, errorRenderer),\n    };\n\n    return <>{parse(sanitizedContent, options)}</>;\n  };\n\n  return (\n    <div\n      className={cn('whitespace-pre-wrap leading-relaxed', className)}\n      style={style}\n    >\n      {renderContentWithMath(content)}\n    </div>\n  );\n};\n\nexport default LatexRenderer;\n","import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport { syncDropdownState } from './dropdown';\n\n/**\n * Retorna a cor hexadecimal com opacidade 0.3 (4d) se não estiver em dark mode.\n * Se estiver em dark mode, retorna a cor original.\n *\n * @param hexColor - Cor hexadecimal (ex: \"#0066b8\" ou \"0066b8\")\n * @param isDark - booleano indicando se está em dark mode\n * @returns string - cor hexadecimal com opacidade se necessário\n */\nexport function getSubjectColorWithOpacity(\n  hexColor: string | undefined,\n  isDark: boolean\n): string | undefined {\n  if (!hexColor) return undefined;\n  // Remove o '#' se existir\n  let color = hexColor.replace(/^#/, '').toLowerCase();\n\n  if (isDark) {\n    // Se está em dark mode, sempre remove opacidade se existir\n    if (color.length === 8) {\n      color = color.slice(0, 6);\n    }\n    return `#${color}`;\n  } else {\n    // Se não está em dark mode (light mode)\n    let resultColor: string;\n    if (color.length === 6) {\n      // Adiciona opacidade 0.3 (4D) para cores de 6 dígitos\n      resultColor = `#${color}4d`;\n    } else if (color.length === 8) {\n      // Já tem opacidade, retorna como está\n      resultColor = `#${color}`;\n    } else {\n      // Para outros tamanhos (3, 4, 5 dígitos), retorna como está\n      resultColor = `#${color}`;\n    }\n    return resultColor;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/Table/index.d.mts

@@ -1,5 +1,5 @@
 import react__default, { HTMLAttributes, ThHTMLAttributes } from 'react';
-import { L as LoadingStateConfig, N as NoSearchResultConfig, E as EmptyStateConfig } from '../TableProvider-DyhwEkPT.mjs';
+import { L as LoadingStateConfig, N as NoSearchResultConfig, E as EmptyStateConfig } from '../TableProvider-BnAnv3OV.mjs';
 export { default as TablePagination, TablePaginationProps } from './TablePagination/index.mjs';
 import 'react/jsx-runtime';
 import '../CheckBoxGroup-9n5C0OH4.mjs';

package/dist/Table/index.d.ts

@@ -1,5 +1,5 @@
 import react__default, { HTMLAttributes, ThHTMLAttributes } from 'react';
-import { L as LoadingStateConfig, N as NoSearchResultConfig, E as EmptyStateConfig } from '../TableProvider-48a6wb7j.js';
+import { L as LoadingStateConfig, N as NoSearchResultConfig, E as EmptyStateConfig } from '../TableProvider-GfPlLqzg.js';
 export { default as TablePagination, TablePaginationProps } from './TablePagination/index.js';
 import 'react/jsx-runtime';
 import '../CheckBoxGroup-9n5C0OH4.js';