/* eslint-disable */ // ============================================================ // Finaz — shared UI components // ============================================================ const { useState, useEffect, useRef, useMemo, useCallback } = React; // ---------------------------------------------------------------- // Brand mark // ---------------------------------------------------------------- function FinazMark({ size = 18 }) { return ( Finaz ); } // ---------------------------------------------------------------- // Inline glossary — supports drawer, popover, sidebar modes // ---------------------------------------------------------------- const GlossaryContext = React.createContext({ open: () => {}, mode: "popover" }); function GlossaryProvider({ children, mode = "popover" }) { const [active, setActive] = useState(null); // {term, anchor} const open = useCallback((key, anchorEl) => { setActive({ key, anchorEl }); }, []); const close = useCallback(() => setActive(null), []); return ( {children} {active && } ); } function useGlossary() { return React.useContext(GlossaryContext); } function GlossTerm({ k, children }) { const { open } = useGlossary(); const ref = useRef(null); return ( { e.stopPropagation(); open(k, ref.current); }} onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); open(k, ref.current); } }} > {children} ); } function GlossaryCard({ item, compact }) { if (!item) return null; return (
Término
{item.term}
{item.definition}
{item.formula && (
Fórmula
{item.formula}
)}
Ejemplo
{item.example}
Por qué importa
{item.why}
Confusión típica {item.miscon}
); } function GlossaryOverlay({ item, mode, onClose }) { const data = window.FZ_GLOSSARY[item.key]; useEffect(() => { const onKey = (e) => { if (e.key === "Escape") onClose(); }; window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, [onClose]); if (mode === "drawer") { return ( <>
Glosario · {item.key}
); } if (mode === "sidebar") { // For sidebar, we render inline. The overlay still exists for keyboard/click-out. // But the parent likely shows a fixed sidebar. We'll still pop a small card so the // term highlights momentarily. return null; } // popover (default) const anchor = item.anchorEl?.getBoundingClientRect(); if (!anchor) return null; const style = { position: "fixed", top: Math.min(anchor.bottom + 8, window.innerHeight - 460), left: Math.max(16, Math.min(anchor.left, window.innerWidth - 360)), zIndex: 200, width: 340 }; return ( <>
); } // Renders sidebar version when mode === sidebar function GlossarySidebar() { const { mode } = useGlossary(); const [recent, setRecent] = useState(["p_e", "gordon", "roe"]); if (mode !== "sidebar") return null; return ( ); } // ---------------------------------------------------------------- // Module ribbon (compact module label) // ---------------------------------------------------------------- function ModuleRibbon({ code, title, color = "var(--accent)" }) { return (
{code} · {title}
); } // ---------------------------------------------------------------- // Progress bar // ---------------------------------------------------------------- function Bar({ value, of = 1, color = "var(--accent)", height = 4 }) { return (
); } // ---------------------------------------------------------------- // Stat block // ---------------------------------------------------------------- function Stat({ label, value, unit, hint, big }) { return (
{label}
{value} {unit && {unit}}
{hint &&
{hint}
}
); } // ---------------------------------------------------------------- // Disclaimer banner // ---------------------------------------------------------------- function Disclaimer({ compact }) { return (
i Contenido educativo. No constituye recomendación de inversión. Datos pedagógicos sintéticos.
); } // Expose globals for cross-script use Object.assign(window, { FinazMark, GlossaryProvider, useGlossary, GlossTerm, GlossarySidebar, ModuleRibbon, Bar, Stat, Disclaimer });