);
};
// Real contra necessário por etapa, do lead ao €.
const AnFunilInvertido = ({ etapas }) => {
const t = useAnTip();
const lista = (etapas || []).filter(e => e.necessario_mes != null || e.real_mes != null);
if (!lista.length) return ;
const hi = t.activo;
return (
);
};
// 4 mini barras com a linha do objectivo.
const AnMiniKpis = ({ itens }) => {
const t = useAnTip();
return (
{(itens || []).map((k, i) => {
const v = k.valor == null ? null : Number(k.valor);
const max = Math.max(anNum(k.max), anNum(k.obj) * 1.5, v || 0, 0.0001);
const ok = v != null && (k.inverso ? v <= k.obj : v >= k.obj);
const amarelo = v != null && k.amarelo != null && (k.inverso ? v <= k.amarelo : v >= k.amarelo);
const cor = v == null ? AN_BP : ok ? AN_LUZ.verde : amarelo ? AN_LUZ.amarelo : AN_LUZ.vermelho;
const fmtK = (x) => (k.fmt ? k.fmt(x) : anFmtN(x, 1));
return (
t.show(e, <>{k.label})} onMouseLeave={t.hide}>
{k.label}
{v == null ? '—' : fmtK(v)}
);
})}
);
};
const AnEmpilhada = ({ partes, altura = 12, legenda = true, fmt = anFmtN }) => {
const t = useAnTip();
const ps = (partes || []).filter(p => anNum(p.valor) > 0);
const total = ps.reduce((s, p) => s + anNum(p.valor), 0);
if (!total) return sem dados;
const hi = t.activo;
return (
{ps.map((p, i) => (
t.show(e, <>{p.label}{anFmtN(anNum(p.valor) / total * 100, 1)} % do total, i)} />
))}
{legenda && (
{ps.map((p, i) => {p.label} {fmt(p.valor)})}
)}
);
};
// Barras para a esquerda (queda) e para a direita (subida) a partir do zero.
const AnDivergente = ({ itens, fmt = anFmtEur, modo }) => {
const t = useAnTip();
const lista = (itens || []).filter(i => anNum(i.valor) !== 0);
if (!lista.length) return ;
const max = Math.max(1, ...lista.map(i => Math.abs(anNum(i.valor))));
const hi = t.activo;
return (
{lista.map((i, k) => {
const v = anNum(i.valor); const w = Math.abs(v) / max * 50;
const custo = modo === 'custo';
const cor = v < 0 ? (custo ? AN_REAL : AN_LUZ.vermelho) : (custo ? AN_LUZ.vermelho : AN_LUZ.verde);
const etiqueta = v < 0 ? (custo ? 'Abaixo do ritmo' : 'Queda') : (custo ? 'Acima do ritmo' : 'Subida');
const face = custo ? 'face ao ritmo' : 'face ao ano anterior';
return (
);
};
// Quanto do gap cada campanha proposta cobre, com a parte já com briefing.
const AnImpacto = ({ itens, gap, fmt = anFmtEur, gapLabel = 'gap a cobrir' }) => {
const t = useAnTip();
const lista = (itens || []).filter(i => anNum(i.valor) > 0);
if (!lista.length) return ;
const total = lista.reduce((s, i) => s + anNum(i.valor), 0);
const coberto = lista.filter(i => i.coberto).reduce((s, i) => s + anNum(i.valor), 0);
const max = Math.max(1, anNum(gap), total);
const hi = t.activo;
return (
t.show(e, <>Total das propostas{gap > 0 ? anFmtN(total / gap * 100, 0) : '—'} % do gap)} onMouseLeave={t.hide}>
{coberto > 0 && }
{gap > 0 && }
Propostas {fmt(total)} · com briefing {fmt(coberto)}{gapLabel} {fmt(gap)}