@plenustech/design-system 0.2.2 → 0.2.3

package/dist/components/charts/ChartSankey/ChartSankey.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartSankey.js","sources":["../../../../src/components/charts/ChartSankey/ChartSankey.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { sankey, sankeyCenter, sankeyJustify, sankeyLeft, sankeyRight } from 'd3-sankey';\nimport {\n  CHART_LABEL_BAND,\n  CHART_LABEL_OFFSET,\n  ChartFrame,\n  chartHeight,\n  measureLabel,\n  truncateToWidth,\n  useChartMetrics,\n  widestLabel,\n  type ChartHeight,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartSankey.module.css';\n\nexport interface ChartSankeyNode extends SeriesAppearance {\n  label: string;\n}\n\nexport interface ChartSankeyFlow {\n  source: string;\n  target: string;\n  value: number;\n}\n\n/** Onde os nos sem saida se encostam, conforme a referencia. */\nexport type ChartSankeyAlign = 'left' | 'right' | 'center' | 'justify';\n\n/** De onde a ligacao tira a cor: do no de origem, do de destino, ou de nenhum. */\nexport type ChartSankeyFlowColor = 'source' | 'target' | 'neutral';\n\n/**\n * Onde o valor da ligacao e escrito. O rotulo do no ocupa a faixa logo a\n * direita dele, entao `end` e o unico que nunca disputa espaco com o rotulo da\n * propria origem.\n */\nexport type ChartSankeyFlowValuePosition = 'start' | 'middle' | 'end';\n\nexport interface ChartSankeyProps {\n  accent?: string;\n  /** Mensagem quando o fluxo tem ciclo, que um diagrama de fluxo nao representa. */\n  cyclicMessage?: string;\n  emptyMessage?: string;\n  flowColor?: ChartSankeyFlowColor;\n  flowValuePosition?: ChartSankeyFlowValuePosition;\n  flows: readonly ChartSankeyFlow[];\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  nodeAlign?: ChartSankeyAlign;\n  /** Ordem e aparencia dos nos. Sem ela, os nos saem das proprias ligacoes. */\n  nodes?: readonly ChartSankeyNode[];\n  /** Folga vertical entre dois nos da mesma coluna. */\n  nodePadding?: number;\n  nodeWidth?: number;\n  showFlowValues?: boolean;\n  showLabels?: boolean;\n  title: string;\n}\n\ninterface NoPosicionado {\n  index: number;\n  label: string;\n  x0: number;\n  x1: number;\n  y0: number;\n  y1: number;\n}\n\ninterface Caixa {\n  x0: number;\n  x1: number;\n  y0: number;\n  y1: number;\n}\n\nfunction seCruzam(uma: Caixa, outra: Caixa) {\n  return uma.x0 < outra.x1 && outra.x0 < uma.x1 && uma.y0 < outra.y1 && outra.y0 < uma.y1;\n}\n\ninterface LigacaoPosicionada {\n  index: number;\n  source: NoPosicionado;\n  target: NoPosicionado;\n  value: number;\n  width: number;\n  y0: number;\n  y1: number;\n}\n\nconst ALINHAMENTO = {\n  center: sankeyCenter,\n  justify: sankeyJustify,\n  left: sankeyLeft,\n  right: sankeyRight,\n};\n\n/**\n * Bezier cubica entre a borda de saida e a borda de entrada, com os pontos de\n * controle no meio do vao. E o que da a ligacao a curva que sai e chega na\n * horizontal, sem torcer perto dos nos.\n */\nfunction caminhoDa(ligacao: LigacaoPosicionada) {\n  const saida = ligacao.source.x1;\n  const chegada = ligacao.target.x0;\n  const meio = (saida + chegada) / 2;\n\n  return `M${saida},${ligacao.y0}C${meio},${ligacao.y0} ${meio},${ligacao.y1} ${chegada},${ligacao.y1}`;\n}\n\n/**\n * Busca em profundidade atras de aresta de retorno. Um autolaco tambem conta:\n * o no seria origem e destino do mesmo caminho.\n */\nfunction temCiclo(flows: readonly ChartSankeyFlow[]) {\n  const saidas = new Map<string, string[]>();\n\n  for (const fluxo of flows) {\n    saidas.set(fluxo.source, [...(saidas.get(fluxo.source) ?? []), fluxo.target]);\n  }\n\n  const encerrados = new Set<string>();\n  const noCaminho = new Set<string>();\n\n  function alcanca(no: string): boolean {\n    if (noCaminho.has(no)) {\n      return true;\n    }\n\n    if (encerrados.has(no)) {\n      return false;\n    }\n\n    noCaminho.add(no);\n    const achou = (saidas.get(no) ?? []).some(alcanca);\n    noCaminho.delete(no);\n    encerrados.add(no);\n\n    return achou;\n  }\n\n  return [...saidas.keys()].some(alcanca);\n}\n\nexport function ChartSankey({\n  accent,\n  cyclicMessage = 'O fluxo volta sobre si mesmo e não pode ser desenhado',\n  emptyMessage = 'Sem dados no período',\n  flowColor = 'source',\n  flowValuePosition = 'end',\n  flows,\n  formatValue = formatarNumero,\n  height = 320,\n  nodeAlign = 'justify',\n  nodes,\n  nodePadding = 12,\n  nodeWidth = 12,\n  showFlowValues = false,\n  showLabels = true,\n  title,\n}: ChartSankeyProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const [emFoco, setEmFoco] = useState<number | null>(null);\n\n  /** Os nos saem da ordem declarada, e o que faltar sai das proprias ligacoes. */\n  const declarados = useMemo(() => {\n    const rotulos = (nodes ?? []).map((no) => no.label);\n\n    flows.forEach(({ source, target }) => {\n      [source, target].forEach((rotulo) => {\n        if (!rotulos.includes(rotulo)) {\n          rotulos.push(rotulo);\n        }\n      });\n    });\n\n    return rotulos.map(\n      (rotulo) => nodes?.find((no) => no.label === rotulo) ?? ({ label: rotulo } as ChartSankeyNode),\n    );\n  }, [flows, nodes]);\n\n  // A cor sai da lista inteira e na ordem dos nos, para uma ligacao herdar\n  // sempre a cor do no de que ela depende.\n  const cores = useMemo(() => resolveSeriesColors(declarados, { accent }), [accent, declarados]);\n\n  /**\n   * O rotulo fica sempre a direita do no, como na referencia. So o de saida\n   * precisa de espaco reservado: ele nao tem fluxo a direita para escrever por\n   * cima, e sem a reserva o nome sairia pela borda.\n   */\n  const saidas = useMemo(() => {\n    const origens = new Set(flows.map((fluxo) => fluxo.source));\n\n    return declarados.map((no) => no.label).filter((rotulo) => !origens.has(rotulo));\n  }, [declarados, flows]);\n\n  const bandaDireita = showLabels\n    ? Math.min(widestLabel(saidas, font), width * CHART_LABEL_BAND) + CHART_LABEL_OFFSET\n    : 0;\n\n  // Um diagrama de fluxo e aciclico por definicao, e o `d3-sankey` lanca ao\n  // encontrar um ciclo. Detectar antes troca a queda da arvore inteira por uma\n  // mensagem, sem descartar ligacao nenhuma pelas costas.\n  const ciclico = useMemo(() => temCiclo(flows), [flows]);\n  const totalDoFluxo = useMemo(\n    () => flows.reduce((soma, fluxo) => soma + (Number.isFinite(fluxo.value) ? Math.max(fluxo.value, 0) : 0), 0),\n    [flows],\n  );\n\n  const grafo = useMemo(() => {\n    const util = width - bandaDireita;\n\n    if (util <= 0 || alturaDoDesenho <= 0 || flows.length === 0 || ciclico || totalDoFluxo <= 0) {\n      return { links: [] as LigacaoPosicionada[], nodes: [] as NoPosicionado[] };\n    }\n\n    const posicionar = sankey<{ label: string }, { value: number }>()\n      .nodeId((no) => no.label)\n      .nodeAlign(ALINHAMENTO[nodeAlign])\n      .nodeWidth(nodeWidth)\n      .nodePadding(nodePadding)\n      .extent([\n        [0, 2],\n        [util, alturaDoDesenho - 2],\n      ]);\n\n    const resultado = posicionar({\n      links: flows.map((fluxo) => ({\n        ...fluxo,\n        value: Number.isFinite(fluxo.value) ? Math.max(fluxo.value, 0) : 0,\n      })),\n      nodes: declarados.map((no) => ({ label: no.label })),\n    });\n\n    return resultado as unknown as { links: LigacaoPosicionada[]; nodes: NoPosicionado[] };\n  }, [alturaDoDesenho, bandaDireita, ciclico, declarados, flows, nodeAlign, nodePadding, nodeWidth, totalDoFluxo, width]);\n\n  const corDoNo = (indice: number) => cores[indice] ?? 'var(--pl-chart-neutral)';\n\n  function corDa(ligacao: LigacaoPosicionada) {\n    if (flowColor === 'neutral') {\n      return 'var(--pl-chart-neutral)';\n    }\n\n    return corDoNo(flowColor === 'target' ? ligacao.target.index : ligacao.source.index);\n  }\n\n  function descreverLigacao(ligacao: LigacaoPosicionada) {\n    return `${ligacao.source.label} → ${ligacao.target.label}: ${formatValue(ligacao.value)}`;\n  }\n\n  function classeDa(indice: number) {\n    if (emFoco === null) {\n      return styles.link;\n    }\n\n    return `${styles.link} ${emFoco === indice ? styles.linkOn : styles.linkDim}`;\n  }\n\n  /** Vao entre duas colunas, descontados o no e o recuo: e o que o rotulo tem. */\n  const larguraDaEtapa = (() => {\n    const colunas = [...new Set(grafo.nodes.map((no) => no.x0))].sort((a, b) => a - b);\n\n    if (colunas.length < 2) {\n      return width * CHART_LABEL_BAND;\n    }\n\n    const passo = Math.min(...colunas.slice(1).map((x, indice) => x - colunas[indice]));\n\n    return Math.max(passo - nodeWidth - CHART_LABEL_OFFSET, 0);\n  })();\n\n  function rotuloDoNo(no: NoPosicionado) {\n    const saida = saidas.includes(no.label);\n    const texto = truncateToWidth(\n      no.label,\n      font,\n      (saida ? bandaDireita : larguraDaEtapa) - CHART_LABEL_OFFSET,\n    );\n    const x = no.x1 + CHART_LABEL_OFFSET;\n    const meio = (no.y0 + no.y1) / 2;\n\n    return {\n      caixa: {\n        x0: x,\n        x1: x + measureLabel(texto, font),\n        y0: meio - font.lineHeight / 2,\n        y1: meio + font.lineHeight / 2,\n      } satisfies Caixa,\n      texto,\n      x,\n      y: meio,\n    };\n  }\n\n  const rotulosDosNos = showLabels ? grafo.nodes.map(rotuloDoNo) : [];\n\n  /**\n   * Valor de uma ligacao, ja posicionado. Ele e omitido quando cruza o rotulo\n   * de algum no: dois textos sobrepostos nao informam nada, e o valor continua\n   * no `title` da propria ligacao.\n   */\n  function valorDa(ligacao: LigacaoPosicionada) {\n    const texto = formatValue(ligacao.value);\n    const largura = measureLabel(texto, font);\n    const saida = ligacao.source.x1;\n    const chegada = ligacao.target.x0;\n    const meio = (ligacao.y0 + ligacao.y1) / 2;\n\n    const posicoes = {\n      end: { anchor: 'end' as const, x: chegada - CHART_LABEL_OFFSET },\n      middle: { anchor: 'middle' as const, x: (saida + chegada) / 2 },\n      start: { anchor: 'start' as const, x: saida + CHART_LABEL_OFFSET },\n    };\n\n    const { anchor, x } = posicoes[flowValuePosition];\n    const recuo = { end: largura, middle: largura / 2, start: 0 }[flowValuePosition];\n\n    const caixa: Caixa = {\n      x0: x - recuo,\n      x1: x - recuo + largura,\n      y0: meio - font.lineHeight / 2,\n      y1: meio + font.lineHeight / 2,\n    };\n\n    if (rotulosDosNos.some((rotulo) => seCruzam(caixa, rotulo.caixa))) {\n      return undefined;\n    }\n\n    return { anchor, texto, x, y: meio };\n  }\n\n  return (\n    <ChartFrame\n      containerRef={ref}\n      empty={flows.length === 0 || ciclico || totalDoFluxo <= 0}\n      emptyMessage={ciclico ? cyclicMessage : emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legendPosition=\"none\"\n      title={title}\n      width={width}\n    >\n      <g className={styles.links}>\n        {grafo.links.map((ligacao, indice) => (\n          <path\n            aria-label={descreverLigacao(ligacao)}\n            className={classeDa(indice)}\n            d={caminhoDa(ligacao)}\n            key={indice}\n            onMouseEnter={() => setEmFoco(indice)}\n            onMouseLeave={() => setEmFoco(null)}\n            stroke={corDa(ligacao)}\n            strokeWidth={Math.max(ligacao.width, 1)}\n          >\n            <title>{descreverLigacao(ligacao)}</title>\n          </path>\n        ))}\n      </g>\n\n      {grafo.nodes.map((no) => (\n        <rect\n          aria-label={no.label}\n          className={styles.node}\n          fill={corDoNo(no.index)}\n          height={Math.max(no.y1 - no.y0, 1)}\n          key={no.label}\n          width={no.x1 - no.x0}\n          x={no.x0}\n          y={no.y0}\n        >\n          <title>{no.label}</title>\n        </rect>\n      ))}\n\n      {showFlowValues &&\n        grafo.links.map((ligacao, indice) => {\n          const valor = valorDa(ligacao);\n\n          if (!valor) {\n            return null;\n          }\n\n          return (\n            <text\n              className={`${styles.flowValue} ${styles.sobreFluxo}`}\n              dominantBaseline=\"middle\"\n              key={indice}\n              textAnchor={valor.anchor}\n              x={valor.x}\n              y={valor.y}\n            >\n              {valor.texto}\n            </text>\n          );\n        })}\n\n      {/* O rotulo fica sempre a direita do no. No no de saida ele cai na banda\n          reservada; nos demais, sobre o proprio fluxo, e um halo da cor da\n          superficie o separa do que passa por baixo. */}\n      {rotulosDosNos.map((rotulo, indice) => (\n        <text\n          className={`${styles.label} ${saidas.includes(grafo.nodes[indice].label) ? '' : styles.sobreFluxo}`}\n          dominantBaseline=\"middle\"\n          key={`rotulo-${grafo.nodes[indice].label}`}\n          textAnchor=\"start\"\n          x={rotulo.x}\n          y={rotulo.y}\n        >\n          {rotulo.texto}\n        </text>\n      ))}\n    </ChartFrame>\n  );\n}\n"],"names":["seCruzam","uma","outra","ALINHAMENTO","sankeyCenter","sankeyJustify","sankeyLeft","sankeyRight","caminhoDa","ligacao","saida","chegada","meio","temCiclo","flows","saidas","fluxo","encerrados","noCaminho","alcanca","no","achou","ChartSankey","accent","cyclicMessage","emptyMessage","flowColor","flowValuePosition","formatValue","formatarNumero","height","nodeAlign","nodes","nodePadding","nodeWidth","showFlowValues","showLabels","title","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","emFoco","setEmFoco","useState","declarados","useMemo","rotulos","source","target","rotulo","cores","resolveSeriesColors","origens","bandaDireita","widestLabel","CHART_LABEL_BAND","CHART_LABEL_OFFSET","ciclico","totalDoFluxo","soma","grafo","util","sankey","corDoNo","indice","corDa","descreverLigacao","classeDa","styles","larguraDaEtapa","colunas","a","b","passo","x","rotuloDoNo","texto","truncateToWidth","measureLabel","rotulosDosNos","valorDa","largura","posicoes","anchor","recuo","caixa","jsxs","ChartFrame","jsx","valor"],"mappings":"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"}
+{"version":3,"file":"ChartSankey.js","sources":["../../../../src/components/charts/ChartSankey/ChartSankey.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { sankey, sankeyCenter, sankeyJustify, sankeyLeft, sankeyRight } from 'd3-sankey';\nimport {\n  CHART_LABEL_BAND,\n  CHART_LABEL_OFFSET,\n  ChartFrame,\n  chartHeight,\n  measureLabel,\n  truncateToWidth,\n  useChartMetrics,\n  widestLabel,\n  type ChartHeight,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { formatarNumero, formatarPercentual } from '../../../utils/formatters';\nimport styles from './ChartSankey.module.css';\n\nexport interface ChartSankeyNode extends SeriesAppearance {\n  label: string;\n}\n\nexport interface ChartSankeyFlow {\n  source: string;\n  target: string;\n  value: number;\n}\n\n/** Onde os nos sem saida se encostam, conforme a referencia. */\nexport type ChartSankeyAlign = 'left' | 'right' | 'center' | 'justify';\n\n/** De onde a ligacao tira a cor: do no de origem, do de destino, ou de nenhum. */\nexport type ChartSankeyFlowColor = 'source' | 'target' | 'neutral';\n\n/**\n * Onde o valor da ligacao e escrito. O rotulo do no ocupa a faixa logo a\n * direita dele, entao `end` e o unico que nunca disputa espaco com o rotulo da\n * propria origem.\n */\nexport type ChartSankeyFlowValuePosition = 'start' | 'middle' | 'end';\n\nexport interface ChartSankeyProps {\n  accent?: string;\n  /** Mensagem quando o fluxo tem ciclo, que um diagrama de fluxo nao representa. */\n  cyclicMessage?: string;\n  emptyMessage?: string;\n  flowColor?: ChartSankeyFlowColor;\n  flowValuePosition?: ChartSankeyFlowValuePosition;\n  flows: readonly ChartSankeyFlow[];\n  /** Formato dos valores no balao. Sem ele, vale o `formatValue`. */\n  formatTooltipValue?: (value: number) => string;\n  formatValue?: (value: number) => string;\n  height?: ChartHeight;\n  nodeAlign?: ChartSankeyAlign;\n  /** Ordem e aparencia dos nos. Sem ela, os nos saem das proprias ligacoes. */\n  nodes?: readonly ChartSankeyNode[];\n  /** Folga vertical entre dois nos da mesma coluna. */\n  nodePadding?: number;\n  nodeWidth?: number;\n  showFlowValues?: boolean;\n  showLabels?: boolean;\n  /** Balao com o detalhe do que esta sob o ponteiro. Desligue para nao mostrar nada alem do `<title>` nativo. */\n  showTooltip?: boolean;\n  title: string;\n}\n\ninterface NoPosicionado {\n  index: number;\n  label: string;\n  x0: number;\n  x1: number;\n  y0: number;\n  y1: number;\n}\n\ninterface Caixa {\n  x0: number;\n  x1: number;\n  y0: number;\n  y1: number;\n}\n\nfunction seCruzam(uma: Caixa, outra: Caixa) {\n  return uma.x0 < outra.x1 && outra.x0 < uma.x1 && uma.y0 < outra.y1 && outra.y0 < uma.y1;\n}\n\ninterface LigacaoPosicionada {\n  index: number;\n  source: NoPosicionado;\n  target: NoPosicionado;\n  value: number;\n  width: number;\n  y0: number;\n  y1: number;\n}\n\nconst ALINHAMENTO = {\n  center: sankeyCenter,\n  justify: sankeyJustify,\n  left: sankeyLeft,\n  right: sankeyRight,\n};\n\n/**\n * Bezier cubica entre a borda de saida e a borda de entrada, com os pontos de\n * controle no meio do vao. E o que da a ligacao a curva que sai e chega na\n * horizontal, sem torcer perto dos nos.\n */\nfunction caminhoDa(ligacao: LigacaoPosicionada) {\n  const saida = ligacao.source.x1;\n  const chegada = ligacao.target.x0;\n  const meio = (saida + chegada) / 2;\n\n  return `M${saida},${ligacao.y0}C${meio},${ligacao.y0} ${meio},${ligacao.y1} ${chegada},${ligacao.y1}`;\n}\n\n/**\n * Busca em profundidade atras de aresta de retorno. Um autolaco tambem conta:\n * o no seria origem e destino do mesmo caminho.\n */\nfunction temCiclo(flows: readonly ChartSankeyFlow[]) {\n  const saidas = new Map<string, string[]>();\n\n  for (const fluxo of flows) {\n    saidas.set(fluxo.source, [...(saidas.get(fluxo.source) ?? []), fluxo.target]);\n  }\n\n  const encerrados = new Set<string>();\n  const noCaminho = new Set<string>();\n\n  function alcanca(no: string): boolean {\n    if (noCaminho.has(no)) {\n      return true;\n    }\n\n    if (encerrados.has(no)) {\n      return false;\n    }\n\n    noCaminho.add(no);\n    const achou = (saidas.get(no) ?? []).some(alcanca);\n    noCaminho.delete(no);\n    encerrados.add(no);\n\n    return achou;\n  }\n\n  return [...saidas.keys()].some(alcanca);\n}\n\nexport function ChartSankey({\n  accent,\n  cyclicMessage = 'O fluxo volta sobre si mesmo e não pode ser desenhado',\n  emptyMessage = 'Sem dados no período',\n  flowColor = 'source',\n  flowValuePosition = 'end',\n  flows,\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height = 320,\n  nodeAlign = 'justify',\n  nodes,\n  nodePadding = 12,\n  nodeWidth = 12,\n  showFlowValues = false,\n  showLabels = true,\n  showTooltip = true,\n  title,\n}: ChartSankeyProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const [emFoco, setEmFoco] = useState<number | null>(null);\n\n  /** Os nos saem da ordem declarada, e o que faltar sai das proprias ligacoes. */\n  const declarados = useMemo(() => {\n    const rotulos = (nodes ?? []).map((no) => no.label);\n\n    flows.forEach(({ source, target }) => {\n      [source, target].forEach((rotulo) => {\n        if (!rotulos.includes(rotulo)) {\n          rotulos.push(rotulo);\n        }\n      });\n    });\n\n    return rotulos.map(\n      (rotulo) => nodes?.find((no) => no.label === rotulo) ?? ({ label: rotulo } as ChartSankeyNode),\n    );\n  }, [flows, nodes]);\n\n  // A cor sai da lista inteira e na ordem dos nos, para uma ligacao herdar\n  // sempre a cor do no de que ela depende.\n  const cores = useMemo(() => resolveSeriesColors(declarados, { accent }), [accent, declarados]);\n\n  /**\n   * O rotulo fica sempre a direita do no, como na referencia. So o de saida\n   * precisa de espaco reservado: ele nao tem fluxo a direita para escrever por\n   * cima, e sem a reserva o nome sairia pela borda.\n   */\n  const saidas = useMemo(() => {\n    const origens = new Set(flows.map((fluxo) => fluxo.source));\n\n    return declarados.map((no) => no.label).filter((rotulo) => !origens.has(rotulo));\n  }, [declarados, flows]);\n\n  const bandaDireita = showLabels\n    ? Math.min(widestLabel(saidas, font), width * CHART_LABEL_BAND) + CHART_LABEL_OFFSET\n    : 0;\n\n  // Um diagrama de fluxo e aciclico por definicao, e o `d3-sankey` lanca ao\n  // encontrar um ciclo. Detectar antes troca a queda da arvore inteira por uma\n  // mensagem, sem descartar ligacao nenhuma pelas costas.\n  const ciclico = useMemo(() => temCiclo(flows), [flows]);\n  const totalDoFluxo = useMemo(\n    () => flows.reduce((soma, fluxo) => soma + (Number.isFinite(fluxo.value) ? Math.max(fluxo.value, 0) : 0), 0),\n    [flows],\n  );\n\n  const grafo = useMemo(() => {\n    const util = width - bandaDireita;\n\n    if (util <= 0 || alturaDoDesenho <= 0 || flows.length === 0 || ciclico || totalDoFluxo <= 0) {\n      return { links: [] as LigacaoPosicionada[], nodes: [] as NoPosicionado[] };\n    }\n\n    const posicionar = sankey<{ label: string }, { value: number }>()\n      .nodeId((no) => no.label)\n      .nodeAlign(ALINHAMENTO[nodeAlign])\n      .nodeWidth(nodeWidth)\n      .nodePadding(nodePadding)\n      .extent([\n        [0, 2],\n        [util, alturaDoDesenho - 2],\n      ]);\n\n    const resultado = posicionar({\n      links: flows.map((fluxo) => ({\n        ...fluxo,\n        value: Number.isFinite(fluxo.value) ? Math.max(fluxo.value, 0) : 0,\n      })),\n      nodes: declarados.map((no) => ({ label: no.label })),\n    });\n\n    return resultado as unknown as { links: LigacaoPosicionada[]; nodes: NoPosicionado[] };\n  }, [alturaDoDesenho, bandaDireita, ciclico, declarados, flows, nodeAlign, nodePadding, nodeWidth, totalDoFluxo, width]);\n\n  const corDoNo = (indice: number) => cores[indice] ?? 'var(--pl-chart-neutral)';\n\n  function corDa(ligacao: LigacaoPosicionada) {\n    if (flowColor === 'neutral') {\n      return 'var(--pl-chart-neutral)';\n    }\n\n    return corDoNo(flowColor === 'target' ? ligacao.target.index : ligacao.source.index);\n  }\n\n  function descreverLigacao(ligacao: LigacaoPosicionada) {\n    return `${ligacao.source.label} → ${ligacao.target.label}: ${formatValue(ligacao.value)}`;\n  }\n\n  /** O fluxo e a parte dele na saida da origem, que e o que a largura da faixa compara. */\n  function linhasDoBalao() {\n    const ligacao = emFoco === null ? undefined : grafo.links[emFoco];\n\n    if (!ligacao) {\n      return [];\n    }\n\n    const saida = grafo.links\n      .filter((outra) => outra.source.index === ligacao.source.index)\n      .reduce((soma, outra) => soma + outra.value, 0);\n\n    return [\n      { color: corDa(ligacao), label: 'Fluxo', values: [ligacao.value] },\n      {\n        format: (fracao: number) => formatarPercentual(fracao),\n        label: `Da saída de ${ligacao.source.label}`,\n        values: [saida > 0 ? ligacao.value / saida : 0],\n      },\n    ];\n  }\n\n  function classeDa(indice: number) {\n    if (emFoco === null) {\n      return styles.link;\n    }\n\n    return `${styles.link} ${emFoco === indice ? styles.linkOn : styles.linkDim}`;\n  }\n\n  /** Vao entre duas colunas, descontados o no e o recuo: e o que o rotulo tem. */\n  const larguraDaEtapa = (() => {\n    const colunas = [...new Set(grafo.nodes.map((no) => no.x0))].sort((a, b) => a - b);\n\n    if (colunas.length < 2) {\n      return width * CHART_LABEL_BAND;\n    }\n\n    const passo = Math.min(...colunas.slice(1).map((x, indice) => x - colunas[indice]));\n\n    return Math.max(passo - nodeWidth - CHART_LABEL_OFFSET, 0);\n  })();\n\n  function rotuloDoNo(no: NoPosicionado) {\n    const saida = saidas.includes(no.label);\n    const texto = truncateToWidth(\n      no.label,\n      font,\n      (saida ? bandaDireita : larguraDaEtapa) - CHART_LABEL_OFFSET,\n    );\n    const x = no.x1 + CHART_LABEL_OFFSET;\n    const meio = (no.y0 + no.y1) / 2;\n\n    return {\n      caixa: {\n        x0: x,\n        x1: x + measureLabel(texto, font),\n        y0: meio - font.lineHeight / 2,\n        y1: meio + font.lineHeight / 2,\n      } satisfies Caixa,\n      texto,\n      x,\n      y: meio,\n    };\n  }\n\n  const rotulosDosNos = showLabels ? grafo.nodes.map(rotuloDoNo) : [];\n\n  /**\n   * Valor de uma ligacao, ja posicionado. Ele e omitido quando cruza o rotulo\n   * de algum no: dois textos sobrepostos nao informam nada, e o valor continua\n   * no `title` da propria ligacao.\n   */\n  function valorDa(ligacao: LigacaoPosicionada) {\n    const texto = formatValue(ligacao.value);\n    const largura = measureLabel(texto, font);\n    const saida = ligacao.source.x1;\n    const chegada = ligacao.target.x0;\n    const meio = (ligacao.y0 + ligacao.y1) / 2;\n\n    const posicoes = {\n      end: { anchor: 'end' as const, x: chegada - CHART_LABEL_OFFSET },\n      middle: { anchor: 'middle' as const, x: (saida + chegada) / 2 },\n      start: { anchor: 'start' as const, x: saida + CHART_LABEL_OFFSET },\n    };\n\n    const { anchor, x } = posicoes[flowValuePosition];\n    const recuo = { end: largura, middle: largura / 2, start: 0 }[flowValuePosition];\n\n    const caixa: Caixa = {\n      x0: x - recuo,\n      x1: x - recuo + largura,\n      y0: meio - font.lineHeight / 2,\n      y1: meio + font.lineHeight / 2,\n    };\n\n    if (rotulosDosNos.some((rotulo) => seCruzam(caixa, rotulo.caixa))) {\n      return undefined;\n    }\n\n    return { anchor, texto, x, y: meio };\n  }\n\n  return (\n    <ChartFrame\n      containerRef={ref}\n      empty={flows.length === 0 || ciclico || totalDoFluxo <= 0}\n      emptyMessage={ciclico ? cyclicMessage : emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legendPosition=\"none\"\n      title={title}\n      tooltip={\n        showTooltip\n          ? {\n              columns: [{ format: formatTooltipValue ?? formatValue }],\n              computed: 'none',\n              rows: linhasDoBalao(),\n              title: emFoco === null ? undefined : `${grafo.links[emFoco]?.source.label} → ${grafo.links[emFoco]?.target.label}`,\n            }\n          : undefined\n      }\n      width={width}\n    >\n      <g className={styles.links}>\n        {grafo.links.map((ligacao, indice) => (\n          <path\n            aria-label={descreverLigacao(ligacao)}\n            className={classeDa(indice)}\n            d={caminhoDa(ligacao)}\n            key={indice}\n            onMouseEnter={() => setEmFoco(indice)}\n            onMouseLeave={() => setEmFoco(null)}\n            stroke={corDa(ligacao)}\n            strokeWidth={Math.max(ligacao.width, 1)}\n          >\n            {!showTooltip && <title>{descreverLigacao(ligacao)}</title>}\n          </path>\n        ))}\n      </g>\n\n      {grafo.nodes.map((no) => (\n        <rect\n          aria-label={no.label}\n          className={styles.node}\n          fill={corDoNo(no.index)}\n          height={Math.max(no.y1 - no.y0, 1)}\n          key={no.label}\n          width={no.x1 - no.x0}\n          x={no.x0}\n          y={no.y0}\n        >\n          <title>{no.label}</title>\n        </rect>\n      ))}\n\n      {showFlowValues &&\n        grafo.links.map((ligacao, indice) => {\n          const valor = valorDa(ligacao);\n\n          if (!valor) {\n            return null;\n          }\n\n          return (\n            <text\n              className={`${styles.flowValue} ${styles.sobreFluxo}`}\n              dominantBaseline=\"middle\"\n              key={indice}\n              textAnchor={valor.anchor}\n              x={valor.x}\n              y={valor.y}\n            >\n              {valor.texto}\n            </text>\n          );\n        })}\n\n      {/* O rotulo fica sempre a direita do no. No no de saida ele cai na banda\n          reservada; nos demais, sobre o proprio fluxo, e um halo da cor da\n          superficie o separa do que passa por baixo. */}\n      {rotulosDosNos.map((rotulo, indice) => (\n        <text\n          className={`${styles.label} ${saidas.includes(grafo.nodes[indice].label) ? '' : styles.sobreFluxo}`}\n          dominantBaseline=\"middle\"\n          key={`rotulo-${grafo.nodes[indice].label}`}\n          textAnchor=\"start\"\n          x={rotulo.x}\n          y={rotulo.y}\n        >\n          {rotulo.texto}\n        </text>\n      ))}\n    </ChartFrame>\n  );\n}\n"],"names":["seCruzam","uma","outra","ALINHAMENTO","sankeyCenter","sankeyJustify","sankeyLeft","sankeyRight","caminhoDa","ligacao","saida","chegada","meio","temCiclo","flows","saidas","fluxo","encerrados","noCaminho","alcanca","no","achou","ChartSankey","accent","cyclicMessage","emptyMessage","flowColor","flowValuePosition","formatTooltipValue","formatValue","formatarNumero","height","nodeAlign","nodes","nodePadding","nodeWidth","showFlowValues","showLabels","showTooltip","title","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","emFoco","setEmFoco","useState","declarados","useMemo","rotulos","source","target","rotulo","cores","resolveSeriesColors","origens","bandaDireita","widestLabel","CHART_LABEL_BAND","CHART_LABEL_OFFSET","ciclico","totalDoFluxo","soma","grafo","util","sankey","corDoNo","indice","corDa","descreverLigacao","linhasDoBalao","fracao","formatarPercentual","classeDa","styles","larguraDaEtapa","colunas","a","b","passo","x","rotuloDoNo","texto","truncateToWidth","measureLabel","rotulosDosNos","valorDa","largura","posicoes","anchor","recuo","caixa","jsxs","ChartFrame","_a","_b","jsx","valor"],"mappings":"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"}

package/dist/components/charts/ChartScatter/ChartScatter.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("react"),h=require("./ChartScatter.module.css.cjs"),he=require("../core/useChartMetrics.cjs"),ge=require("../core/useSeriesToggle.cjs"),be=require("../palette/seriesColor.cjs"),o=require("../scales/scales.cjs"),x=require("../core/cartesianLayout.cjs"),xe=require("../core/useTweenedNumbers.cjs"),L=require("../../../utils/formatters/formatarNumero.cjs"),fe=require("../core/CartesianFrame.cjs"),ye=5,ve=[4,18];function $(c){return c.z!==void 0&&Number.isFinite(c.z)?c.z:void 0}function Me({accent:c,defaultHiddenSeries:B,emptyMessage:J="Sem dados no período",formatX:f=L.formatarNumero,formatY:y=L.formatarNumero,formatZ:K=L.formatarNumero,height:Q=280,includeZero:g=!0,hiddenSeries:U,legend:W="bottom",legendAlign:ee,onHiddenSeriesChange:ie,series:n,title:te,xAxis:F="visible",yAxis:j="visible",yAxisRight:z="hidden"}){const{font:ae,height:se,ref:oe,width:v}=he.useChartMetrics(),{fillHeight:ne,value:M}=x.chartHeight(Q,se),{isHidden:m,toggle:re}=ge.useSeriesToggle({defaultHiddenSeries:B,hiddenSeries:U,onHiddenSeriesChange:ie}),[r,C]=s.useState(null),w=s.useMemo(()=>be.resolveSeriesColors(n,{accent:c}),[c,n]),b=s.useMemo(()=>n.filter(e=>!m(e.label)),[m,n]),X=g===!0||g==="x",k=g===!0||g==="y",S=s.useMemo(()=>o.mergeDomains(b.map(e=>o.domainOf(e.points.map(i=>i.x),{includeZero:X}))),[b,X]),N=s.useMemo(()=>o.mergeDomains(b.map(e=>o.domainOf(e.points.map(i=>i.y),{includeZero:k}))),[b,k]),R=s.useMemo(()=>n.reduce((e,i)=>i.points.reduce((a,u)=>Math.max(a,$(u)??0),e),0),[n]),Y=x.valueLabelsFor(N,M,y),le=x.valueLabelsFor(S,v,f),{margins:ce,plot:t,rotation:ue}=x.cartesianLayout({bottomLabels:le,font:ae,height:M,labelAngle:"auto",leftLabels:Y,rightLabels:Y,topRoom:0,width:v,xAxis:F,yAxis:j,yAxisRight:z}),O=s.useMemo(()=>o.linearScale({domain:S,range:[0,t.width]}),[S,t.width]),T=s.useMemo(()=>o.linearScale({domain:N,range:[t.height,0]}),[N,t.height]),[A,D,E,_]=xe.useTweenedNumbers([...O.domain(),...T.domain()]),p=s.useMemo(()=>o.linearScale({domain:{min:A,max:D},nice:!1,range:[0,t.width]}),[D,A,t.width]),q=s.useMemo(()=>o.linearScale({domain:{min:E,max:_},nice:!1,range:[t.height,0]}),[_,E,t.height]),me=s.useMemo(()=>o.radiusScale(R,ve),[R]),H=o.ticksFor(O,t.width),I=o.ticksFor(T,t.height),de=H.map(e=>({label:f(e),position:p(e)})),P=I.map(e=>({label:y(e),position:q(e)}));function G(e,i){const a=i.label?`${e.label}, ${i.label}`:e.label,u=`${f(i.x)} × ${y(i.y)}`,d=$(i);return d===void 0?`${a}: ${u}`:`${a}: ${u} (${K(d)})`}return l.jsxs(fe.CartesianFrame,{containerRef:oe,empty:n.every(e=>e.points.length===0),emptyMessage:J,grid:[{lines:I.map(e=>q(e)),orientation:"horizontal"},{lines:H.map(e=>p(e)),orientation:"vertical"}],fillHeight:ne,height:M,legend:n.map((e,i)=>({color:w[i],hidden:m(e.label),label:e.label})),legendAlign:ee,legendPosition:W,margins:ce,onToggleSeries:re,plot:t,title:te,width:v,xAxis:{hideLine:!0,labelRotation:ue,ticks:de,visibility:F},yAxis:{hideLine:!0,ticks:P,visibility:j},yAxisRight:{hideLine:!0,ticks:P,visibility:z},children:[r&&l.jsxs("g",{"aria-hidden":"true",children:[l.jsx("line",{className:h.default.guide,x1:r.x,x2:r.x,y1:r.y,y2:t.height}),l.jsx("line",{className:h.default.guide,x1:0,x2:r.x,y1:r.y,y2:r.y})]}),n.map((e,i)=>l.jsx("g",{"aria-hidden":m(e.label)||void 0,className:`${h.default.series} ${m(e.label)?h.default.seriesOff:""}`,children:e.points.map((a,u)=>{if(!Number.isFinite(a.x)||!Number.isFinite(a.y))return null;const d=p(a.x),V=q(a.y),Z=$(a);return l.jsx("circle",{"aria-label":G(e,a),className:h.default.bubble,cx:d,cy:V,fill:w[i],onMouseEnter:()=>C({x:d,y:V}),onMouseLeave:()=>C(null),r:Z===void 0?ye:me(Z),children:l.jsx("title",{children:G(e,a)})},u)})},i))]})}exports.ChartScatter=Me;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),s=require("react"),g=require("./ChartScatter.module.css.cjs"),Le=require("../core/useChartMetrics.cjs"),ae=require("../core/useSeriesToggle.cjs"),Ce=require("../palette/seriesColor.cjs"),n=require("../scales/scales.cjs"),j=require("../core/cartesianLayout.cjs"),$e=require("../core/useCartesianLayout.cjs"),ze=require("../core/useTweenedNumbers.cjs"),w=require("../../../utils/formatters/formatarNumero.cjs"),je=require("../core/CartesianFrame.cjs"),we=5,Oe=[4,18];function M(d){return d.z!==void 0&&Number.isFinite(d.z)?d.z:void 0}function Re({accent:d,defaultHiddenSeries:te,emptyMessage:ie="Sem dados no período",formatX:x=w.formatarNumero,formatY:v=w.formatarNumero,formatZ:O=w.formatarNumero,height:se=280,includeZero:f=!0,hiddenSeries:le,legend:ne="bottom",legendAlign:oe,onHiddenSeriesChange:re,series:l,showTooltip:R=!0,title:ue,xLabel:ce="X",yLabel:me="Y",zLabel:de="Tamanho",xAxis:X="visible",yAxis:k="visible",yAxisRight:Y="hidden"}){const{font:he,height:be,ref:ge,width:S}=Le.useChartMetrics(),{fillHeight:xe,value:p}=j.chartHeight(se,be),{isHidden:N,isOutOfScale:D,toggle:ve}=ae.useSeriesToggle({defaultHiddenSeries:te,hiddenSeries:le,labels:l.map(e=>e.label),onHiddenSeriesChange:re}),[u,T]=s.useState(null),[h,A]=s.useState(null),q=s.useMemo(()=>Ce.resolveSeriesColors(l,{accent:d}),[d,l]),y=s.useMemo(()=>ae.seriesInScale(l,D),[D,l]),_=f===!0||f==="x",F=f===!0||f==="y",L=s.useMemo(()=>n.mergeDomains(y.map(e=>n.domainOf(e.points.map(a=>a.x),{includeZero:_}))),[y,_]),C=s.useMemo(()=>n.mergeDomains(y.map(e=>n.domainOf(e.points.map(a=>a.y),{includeZero:F}))),[y,F]),I=s.useMemo(()=>l.reduce((e,a)=>a.points.reduce((i,c)=>Math.max(i,M(c)??0),e),0),[l]),H=j.valueLabelsFor(C,p,v),fe=j.valueLabelsFor(L,S,x),{axisReveal:ye,margins:Me,plot:t,rotation:Se}=$e.useCartesianLayout({bottomLabels:fe,font:he,height:p,labelAngle:"auto",leftLabels:H,rightLabels:H,topRoom:0,width:S,xAxis:X,yAxis:k,yAxisRight:Y}),P=s.useMemo(()=>n.linearScale({domain:L,range:[0,t.width]}),[L,t.width]),B=s.useMemo(()=>n.linearScale({domain:C,range:[t.height,0]}),[C,t.height]),[G,V,J,K]=ze.useTweenedNumbers([...P.domain(),...B.domain()]),$=s.useMemo(()=>n.linearScale({domain:{min:G,max:V},nice:!1,range:[0,t.width]}),[V,G,t.width]),z=s.useMemo(()=>n.linearScale({domain:{min:J,max:K},nice:!1,range:[t.height,0]}),[K,J,t.height]),pe=s.useMemo(()=>n.radiusScale(I,Oe),[I]),Q=n.ticksFor(P,t.width),U=n.ticksFor(B,t.height),Ne=Q.map(e=>({label:x(e),position:$(e)})),W=U.map(e=>({label:v(e),position:z(e)}));function Z(e,a){const i=a.label?`${e.label}, ${a.label}`:e.label,c=`${x(a.x)} × ${v(a.y)}`,b=M(a);return b===void 0?`${i}: ${c}`:`${i}: ${c} (${O(b)})`}const o=h?l[h.serie]:void 0,r=h?o==null?void 0:o.points[h.ponto]:void 0;function qe(){if(!h||!o||!r)return[];const e=M(r),a=[{color:q[h.serie],format:x,label:ce,values:[r.x]},{format:v,label:me,values:[r.y]}];return e===void 0?a:[...a,{format:O,label:de,values:[e]}]}return m.jsxs(je.CartesianFrame,{axisReveal:ye,containerRef:ge,empty:l.every(e=>e.points.length===0),emptyMessage:ie,grid:[{lines:U.map(e=>z(e)),orientation:"horizontal"},{lines:Q.map(e=>$(e)),orientation:"vertical"}],fillHeight:xe,height:p,legend:l.map((e,a)=>({color:q[a],hidden:N(e.label),label:e.label})),legendAlign:oe,legendPosition:ne,margins:Me,onToggleSeries:ve,plot:t,title:ue,tooltip:R?{computed:"none",rows:qe(),subtitle:r!=null&&r.label?o==null?void 0:o.label:void 0,title:(r==null?void 0:r.label)??(o==null?void 0:o.label)}:void 0,width:S,xAxis:{hideLine:!0,labelRotation:Se,ticks:Ne,visibility:X},yAxis:{hideLine:!0,ticks:W,visibility:k},yAxisRight:{hideLine:!0,ticks:W,visibility:Y},children:[u&&m.jsxs("g",{"aria-hidden":"true",children:[m.jsx("line",{className:g.default.guide,x1:u.x,x2:u.x,y1:u.y,y2:t.height}),m.jsx("line",{className:g.default.guide,x1:0,x2:u.x,y1:u.y,y2:u.y})]}),l.map((e,a)=>m.jsx("g",{"aria-hidden":N(e.label)||void 0,className:`${g.default.series} ${N(e.label)?g.default.seriesOff:""}`,children:e.points.map((i,c)=>{if(!Number.isFinite(i.x)||!Number.isFinite(i.y))return null;const b=$(i.x),E=z(i.y),ee=M(i);return m.jsx("circle",{"aria-label":Z(e,i),className:g.default.bubble,cx:b,cy:E,fill:q[a],onMouseEnter:()=>{T({x:b,y:E}),A({ponto:c,serie:a})},onMouseLeave:()=>{T(null),A(null)},r:ee===void 0?we:pe(ee),children:!R&&m.jsx("title",{children:Z(e,i)})},c)})},a))]})}exports.ChartScatter=Re;
 //# sourceMappingURL=ChartScatter.cjs.map

package/dist/components/charts/ChartScatter/ChartScatter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChartScatter.cjs","sources":["../../../../src/components/charts/ChartScatter/ChartScatter.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  CartesianFrame,\n  cartesianLayout,\n  chartHeight,\n  useChartMetrics,\n  useSeriesToggle,\n  useTweenedNumbers,\n  valueLabelsFor,\n  type AxisTick,\n  type AxisVisibility,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { domainOf, linearScale, mergeDomains, radiusScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartScatter.module.css';\n\nexport interface ChartScatterPoint {\n  label?: string;\n  x: number;\n  y: number;\n  z?: number;\n}\n\nexport interface ChartScatterSeries extends SeriesAppearance {\n  label: string;\n  points: readonly ChartScatterPoint[];\n}\n\nexport interface ChartScatterProps {\n  accent?: string;\n  defaultHiddenSeries?: readonly string[];\n  emptyMessage?: string;\n  formatX?: (value: number) => string;\n  formatY?: (value: number) => string;\n  formatZ?: (value: number) => string;\n  /**\n   * Inclui o zero no dominio: `true` nos dois eixos, `'x'` ou `'y'` so naquele, `false` em nenhum.\n   * Medida que nao se compara ao zero — um ano, uma temperatura — fica com o eixo dela de fora;\n   * um ano pede tambem um formato sem separador de milhar em `formatX` ou `formatY`.\n   */\n  includeZero?: boolean | 'x' | 'y';\n  height?: ChartHeight;\n  hiddenSeries?: readonly string[];\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n  series: readonly ChartScatterSeries[];\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\nconst RAIO_SEM_Z = 5;\nconst FAIXA_DE_RAIO: [number, number] = [4, 18];\n\ninterface Guia {\n  x: number;\n  y: number;\n}\n\n/** Tamanho invalido tem o destino do ausente: a bolha fica no raio padrao. */\nfunction zValido(ponto: ChartScatterPoint) {\n  return ponto.z !== undefined && Number.isFinite(ponto.z) ? ponto.z : undefined;\n}\n\nexport function ChartScatter({\n  accent,\n  defaultHiddenSeries,\n  emptyMessage = 'Sem dados no período',\n  formatX = formatarNumero,\n  formatY = formatarNumero,\n  formatZ = formatarNumero,\n  height = 280,\n  includeZero = true,\n  hiddenSeries,\n  legend = 'bottom',\n  legendAlign,\n  onHiddenSeriesChange,\n  series,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartScatterProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { isHidden, toggle } = useSeriesToggle({ defaultHiddenSeries, hiddenSeries, onHiddenSeriesChange });\n  const [guia, setGuia] = useState<Guia | null>(null);\n\n  // A cor sai da lista inteira, e nao das visiveis: desligar uma serie nao pode\n  // repintar as demais.\n  const cores = useMemo(() => resolveSeriesColors(series, { accent }), [accent, series]);\n\n  const visiveis = useMemo(() => series.filter((serie) => !isHidden(serie.label)), [isHidden, series]);\n\n  const zeroEmX = includeZero === true || includeZero === 'x';\n  const zeroEmY = includeZero === true || includeZero === 'y';\n\n  const dominioX = useMemo(\n    () =>\n      mergeDomains(visiveis.map((serie) => domainOf(serie.points.map((p) => p.x), { includeZero: zeroEmX }))),\n    [visiveis, zeroEmX],\n  );\n\n  const dominioY = useMemo(\n    () =>\n      mergeDomains(visiveis.map((serie) => domainOf(serie.points.map((p) => p.y), { includeZero: zeroEmY }))),\n    [visiveis, zeroEmY],\n  );\n\n  const maiorZ = useMemo(\n    () =>\n      series.reduce(\n        (maior, serie) => serie.points.reduce((parcial, ponto) => Math.max(parcial, zValido(ponto) ?? 0), maior),\n        0,\n      ),\n    [series],\n  );\n\n  const rotulosY = valueLabelsFor(dominioY, alturaDoDesenho, formatY);\n  const rotulosX = valueLabelsFor(dominioX, width, formatX);\n\n  const { margins, plot, rotation } = cartesianLayout({\n    bottomLabels: rotulosX,\n    font,\n    height: alturaDoDesenho,\n    labelAngle: 'auto',\n    leftLabels: rotulosY,\n    rightLabels: rotulosY,\n    topRoom: 0,\n    width,\n    xAxis,\n    yAxis,\n    yAxisRight,\n  });\n\n  // As escalas alvo fixam as marcas; as animadas posicionam o desenho. Sem\n  // separar as duas, as marcas exibiriam valores quebrados durante a transicao.\n  const alvoX = useMemo(() => linearScale({ domain: dominioX, range: [0, plot.width] }), [dominioX, plot.width]);\n  const alvoY = useMemo(() => linearScale({ domain: dominioY, range: [plot.height, 0] }), [dominioY, plot.height]);\n\n  const [minX, maxX, minY, maxY] = useTweenedNumbers([...alvoX.domain(), ...alvoY.domain()]);\n\n  const escalaX = useMemo(\n    () => linearScale({ domain: { min: minX, max: maxX }, nice: false, range: [0, plot.width] }),\n    [maxX, minX, plot.width],\n  );\n  const escalaY = useMemo(\n    () => linearScale({ domain: { min: minY, max: maxY }, nice: false, range: [plot.height, 0] }),\n    [maxY, minY, plot.height],\n  );\n  const escalaRaio = useMemo(() => radiusScale(maiorZ, FAIXA_DE_RAIO), [maiorZ]);\n\n  const marcasX = ticksFor(alvoX, plot.width);\n  const marcasY = ticksFor(alvoY, plot.height);\n\n  const ticksX: AxisTick[] = marcasX.map((valor) => ({ label: formatX(valor), position: escalaX(valor) }));\n  const ticksY: AxisTick[] = marcasY.map((valor) => ({ label: formatY(valor), position: escalaY(valor) }));\n\n  function descrever(serie: ChartScatterSeries, ponto: ChartScatterPoint) {\n    const inicio = ponto.label ? `${serie.label}, ${ponto.label}` : serie.label;\n    const posicao = `${formatX(ponto.x)} × ${formatY(ponto.y)}`;\n    const z = zValido(ponto);\n\n    return z === undefined ? `${inicio}: ${posicao}` : `${inicio}: ${posicao} (${formatZ(z)})`;\n  }\n\n  return (\n    <CartesianFrame\n      containerRef={ref}\n      empty={series.every((serie) => serie.points.length === 0)}\n      emptyMessage={emptyMessage}\n      grid={[\n        { lines: marcasY.map((valor) => escalaY(valor)), orientation: 'horizontal' },\n        { lines: marcasX.map((valor) => escalaX(valor)), orientation: 'vertical' },\n      ]}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={series.map((serie, indice) => ({\n        color: cores[indice],\n        hidden: isHidden(serie.label),\n        label: serie.label,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      margins={margins}\n      onToggleSeries={toggle}\n      plot={plot}\n      title={title}\n      width={width}\n      xAxis={{ hideLine: true, labelRotation: rotation, ticks: ticksX, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: ticksY, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: ticksY, visibility: yAxisRight }}\n    >\n      {guia && (\n        <g aria-hidden=\"true\">\n          <line className={styles.guide} x1={guia.x} x2={guia.x} y1={guia.y} y2={plot.height} />\n          <line className={styles.guide} x1={0} x2={guia.x} y1={guia.y} y2={guia.y} />\n        </g>\n      )}\n\n      {series.map((serie, indiceSerie) => (\n        <g\n          aria-hidden={isHidden(serie.label) || undefined}\n          className={`${styles.series} ${isHidden(serie.label) ? styles.seriesOff : ''}`}\n          key={indiceSerie}\n        >\n          {serie.points.map((ponto, indice) => {\n            if (!Number.isFinite(ponto.x) || !Number.isFinite(ponto.y)) {\n              return null;\n            }\n\n            const x = escalaX(ponto.x);\n            const y = escalaY(ponto.y);\n            const z = zValido(ponto);\n\n            return (\n              <circle\n                aria-label={descrever(serie, ponto)}\n                className={styles.bubble}\n                cx={x}\n                cy={y}\n                fill={cores[indiceSerie]}\n                key={indice}\n                onMouseEnter={() => setGuia({ x, y })}\n                onMouseLeave={() => setGuia(null)}\n                r={z === undefined ? RAIO_SEM_Z : escalaRaio(z)}\n              >\n                <title>{descrever(serie, ponto)}</title>\n              </circle>\n            );\n          })}\n        </g>\n      ))}\n    </CartesianFrame>\n  );\n}\n"],"names":["RAIO_SEM_Z","FAIXA_DE_RAIO","zValido","ponto","ChartScatter","accent","defaultHiddenSeries","emptyMessage","formatX","formatarNumero","formatY","formatZ","height","includeZero","hiddenSeries","legend","legendAlign","onHiddenSeriesChange","series","title","xAxis","yAxis","yAxisRight","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","toggle","useSeriesToggle","guia","setGuia","useState","cores","useMemo","resolveSeriesColors","visiveis","serie","zeroEmX","zeroEmY","dominioX","mergeDomains","domainOf","p","dominioY","maiorZ","maior","parcial","rotulosY","valueLabelsFor","rotulosX","margins","plot","rotation","cartesianLayout","alvoX","linearScale","alvoY","minX","maxX","minY","maxY","useTweenedNumbers","escalaX","escalaY","escalaRaio","radiusScale","marcasX","ticksFor","marcasY","ticksX","valor","ticksY","descrever","inicio","posicao","z","jsxs","CartesianFrame","indice","jsx","styles","indiceSerie","x","y"],"mappings":"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"}
+{"version":3,"file":"ChartScatter.cjs","sources":["../../../../src/components/charts/ChartScatter/ChartScatter.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  CartesianFrame,\n  seriesInScale,\n  useCartesianLayout,\n  chartHeight,\n  useChartMetrics,\n  useSeriesToggle,\n  useTweenedNumbers,\n  valueLabelsFor,\n  type AxisTick,\n  type AxisVisibility,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { domainOf, linearScale, mergeDomains, radiusScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartScatter.module.css';\n\nexport interface ChartScatterPoint {\n  label?: string;\n  x: number;\n  y: number;\n  z?: number;\n}\n\nexport interface ChartScatterSeries extends SeriesAppearance {\n  label: string;\n  points: readonly ChartScatterPoint[];\n}\n\nexport interface ChartScatterProps {\n  accent?: string;\n  defaultHiddenSeries?: readonly string[];\n  emptyMessage?: string;\n  formatX?: (value: number) => string;\n  formatY?: (value: number) => string;\n  formatZ?: (value: number) => string;\n  /**\n   * Inclui o zero no dominio: `true` nos dois eixos, `'x'` ou `'y'` so naquele, `false` em nenhum.\n   * Medida que nao se compara ao zero — um ano, uma temperatura — fica com o eixo dela de fora;\n   * um ano pede tambem um formato sem separador de milhar em `formatX` ou `formatY`.\n   */\n  includeZero?: boolean | 'x' | 'y';\n  height?: ChartHeight;\n  hiddenSeries?: readonly string[];\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n  series: readonly ChartScatterSeries[];\n  /** Balao com o detalhe do que esta sob o ponteiro. Desligue para nao mostrar nada alem do `<title>` nativo. */\n  showTooltip?: boolean;\n  title: string;\n  /** Nome de cada medida no balao. */\n  xLabel?: string;\n  yLabel?: string;\n  zLabel?: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\nconst RAIO_SEM_Z = 5;\nconst FAIXA_DE_RAIO: [number, number] = [4, 18];\n\ninterface Guia {\n  x: number;\n  y: number;\n}\n\n/** Tamanho invalido tem o destino do ausente: a bolha fica no raio padrao. */\nfunction zValido(ponto: ChartScatterPoint) {\n  return ponto.z !== undefined && Number.isFinite(ponto.z) ? ponto.z : undefined;\n}\n\nexport function ChartScatter({\n  accent,\n  defaultHiddenSeries,\n  emptyMessage = 'Sem dados no período',\n  formatX = formatarNumero,\n  formatY = formatarNumero,\n  formatZ = formatarNumero,\n  height = 280,\n  includeZero = true,\n  hiddenSeries,\n  legend = 'bottom',\n  legendAlign,\n  onHiddenSeriesChange,\n  series,\n  showTooltip = true,\n  title,\n  xLabel = 'X',\n  yLabel = 'Y',\n  zLabel = 'Tamanho',\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartScatterProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { isHidden, isOutOfScale, toggle } = useSeriesToggle({\n    defaultHiddenSeries,\n    hiddenSeries,\n    labels: series.map((serie) => serie.label),\n    onHiddenSeriesChange,\n  });\n  const [guia, setGuia] = useState<Guia | null>(null);\n  const [emFoco, setEmFoco] = useState<{ ponto: number; serie: number } | null>(null);\n\n  // A cor sai da lista inteira, e nao das visiveis: desligar uma serie nao pode\n  // repintar as demais.\n  const cores = useMemo(() => resolveSeriesColors(series, { accent }), [accent, series]);\n\n  const naEscala = useMemo(() => seriesInScale(series, isOutOfScale), [isOutOfScale, series]);\n\n  const zeroEmX = includeZero === true || includeZero === 'x';\n  const zeroEmY = includeZero === true || includeZero === 'y';\n\n  const dominioX = useMemo(\n    () =>\n      mergeDomains(naEscala.map((serie) => domainOf(serie.points.map((p) => p.x), { includeZero: zeroEmX }))),\n    [naEscala, zeroEmX],\n  );\n\n  const dominioY = useMemo(\n    () =>\n      mergeDomains(naEscala.map((serie) => domainOf(serie.points.map((p) => p.y), { includeZero: zeroEmY }))),\n    [naEscala, zeroEmY],\n  );\n\n  const maiorZ = useMemo(\n    () =>\n      series.reduce(\n        (maior, serie) => serie.points.reduce((parcial, ponto) => Math.max(parcial, zValido(ponto) ?? 0), maior),\n        0,\n      ),\n    [series],\n  );\n\n  const rotulosY = valueLabelsFor(dominioY, alturaDoDesenho, formatY);\n  const rotulosX = valueLabelsFor(dominioX, width, formatX);\n\n  const { axisReveal, margins, plot, rotation } = useCartesianLayout({\n    bottomLabels: rotulosX,\n    font,\n    height: alturaDoDesenho,\n    labelAngle: 'auto',\n    leftLabels: rotulosY,\n    rightLabels: rotulosY,\n    topRoom: 0,\n    width,\n    xAxis,\n    yAxis,\n    yAxisRight,\n  });\n\n  // As escalas alvo fixam as marcas; as animadas posicionam o desenho. Sem\n  // separar as duas, as marcas exibiriam valores quebrados durante a transicao.\n  const alvoX = useMemo(() => linearScale({ domain: dominioX, range: [0, plot.width] }), [dominioX, plot.width]);\n  const alvoY = useMemo(() => linearScale({ domain: dominioY, range: [plot.height, 0] }), [dominioY, plot.height]);\n\n  const [minX, maxX, minY, maxY] = useTweenedNumbers([...alvoX.domain(), ...alvoY.domain()]);\n\n  const escalaX = useMemo(\n    () => linearScale({ domain: { min: minX, max: maxX }, nice: false, range: [0, plot.width] }),\n    [maxX, minX, plot.width],\n  );\n  const escalaY = useMemo(\n    () => linearScale({ domain: { min: minY, max: maxY }, nice: false, range: [plot.height, 0] }),\n    [maxY, minY, plot.height],\n  );\n  const escalaRaio = useMemo(() => radiusScale(maiorZ, FAIXA_DE_RAIO), [maiorZ]);\n\n  const marcasX = ticksFor(alvoX, plot.width);\n  const marcasY = ticksFor(alvoY, plot.height);\n\n  const ticksX: AxisTick[] = marcasX.map((valor) => ({ label: formatX(valor), position: escalaX(valor) }));\n  const ticksY: AxisTick[] = marcasY.map((valor) => ({ label: formatY(valor), position: escalaY(valor) }));\n\n  function descrever(serie: ChartScatterSeries, ponto: ChartScatterPoint) {\n    const inicio = ponto.label ? `${serie.label}, ${ponto.label}` : serie.label;\n    const posicao = `${formatX(ponto.x)} × ${formatY(ponto.y)}`;\n    const z = zValido(ponto);\n\n    return z === undefined ? `${inicio}: ${posicao}` : `${inicio}: ${posicao} (${formatZ(z)})`;\n  }\n\n  const serieEmFoco = emFoco ? series[emFoco.serie] : undefined;\n  const pontoEmFoco = emFoco ? serieEmFoco?.points[emFoco.ponto] : undefined;\n\n  function linhasDoBalao() {\n    if (!emFoco || !serieEmFoco || !pontoEmFoco) {\n      return [];\n    }\n\n    const z = zValido(pontoEmFoco);\n    const linhas = [\n      { color: cores[emFoco.serie], format: formatX, label: xLabel, values: [pontoEmFoco.x] },\n      { format: formatY, label: yLabel, values: [pontoEmFoco.y] },\n    ];\n\n    return z === undefined ? linhas : [...linhas, { format: formatZ, label: zLabel, values: [z] }];\n  }\n\n  return (\n    <CartesianFrame\n      axisReveal={axisReveal}\n      containerRef={ref}\n      empty={series.every((serie) => serie.points.length === 0)}\n      emptyMessage={emptyMessage}\n      grid={[\n        { lines: marcasY.map((valor) => escalaY(valor)), orientation: 'horizontal' },\n        { lines: marcasX.map((valor) => escalaX(valor)), orientation: 'vertical' },\n      ]}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={series.map((serie, indice) => ({\n        color: cores[indice],\n        hidden: isHidden(serie.label),\n        label: serie.label,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      margins={margins}\n      onToggleSeries={toggle}\n      plot={plot}\n      title={title}\n      tooltip={\n        showTooltip\n          ? {\n              computed: 'none',\n              rows: linhasDoBalao(),\n              // Com nome no ponto, ele e o titulo e a serie vira subtitulo.\n              subtitle: pontoEmFoco?.label ? serieEmFoco?.label : undefined,\n              title: pontoEmFoco?.label ?? serieEmFoco?.label,\n            }\n          : undefined\n      }\n      width={width}\n      xAxis={{ hideLine: true, labelRotation: rotation, ticks: ticksX, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: ticksY, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: ticksY, visibility: yAxisRight }}\n    >\n      {guia && (\n        <g aria-hidden=\"true\">\n          <line className={styles.guide} x1={guia.x} x2={guia.x} y1={guia.y} y2={plot.height} />\n          <line className={styles.guide} x1={0} x2={guia.x} y1={guia.y} y2={guia.y} />\n        </g>\n      )}\n\n      {series.map((serie, indiceSerie) => (\n        <g\n          aria-hidden={isHidden(serie.label) || undefined}\n          className={`${styles.series} ${isHidden(serie.label) ? styles.seriesOff : ''}`}\n          key={indiceSerie}\n        >\n          {serie.points.map((ponto, indice) => {\n            if (!Number.isFinite(ponto.x) || !Number.isFinite(ponto.y)) {\n              return null;\n            }\n\n            const x = escalaX(ponto.x);\n            const y = escalaY(ponto.y);\n            const z = zValido(ponto);\n\n            return (\n              <circle\n                aria-label={descrever(serie, ponto)}\n                className={styles.bubble}\n                cx={x}\n                cy={y}\n                fill={cores[indiceSerie]}\n                key={indice}\n                onMouseEnter={() => {\n                  setGuia({ x, y });\n                  setEmFoco({ ponto: indice, serie: indiceSerie });\n                }}\n                onMouseLeave={() => {\n                  setGuia(null);\n                  setEmFoco(null);\n                }}\n                r={z === undefined ? RAIO_SEM_Z : escalaRaio(z)}\n              >\n                {!showTooltip && <title>{descrever(serie, ponto)}</title>}\n              </circle>\n            );\n          })}\n        </g>\n      ))}\n    </CartesianFrame>\n  );\n}\n"],"names":["RAIO_SEM_Z","FAIXA_DE_RAIO","zValido","ponto","ChartScatter","accent","defaultHiddenSeries","emptyMessage","formatX","formatarNumero","formatY","formatZ","height","includeZero","hiddenSeries","legend","legendAlign","onHiddenSeriesChange","series","showTooltip","title","xLabel","yLabel","zLabel","xAxis","yAxis","yAxisRight","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","isOutOfScale","toggle","useSeriesToggle","serie","guia","setGuia","useState","emFoco","setEmFoco","cores","useMemo","resolveSeriesColors","naEscala","seriesInScale","zeroEmX","zeroEmY","dominioX","mergeDomains","domainOf","p","dominioY","maiorZ","maior","parcial","rotulosY","valueLabelsFor","rotulosX","axisReveal","margins","plot","rotation","useCartesianLayout","alvoX","linearScale","alvoY","minX","maxX","minY","maxY","useTweenedNumbers","escalaX","escalaY","escalaRaio","radiusScale","marcasX","ticksFor","marcasY","ticksX","valor","ticksY","descrever","inicio","posicao","z","serieEmFoco","pontoEmFoco","linhasDoBalao","linhas","jsxs","CartesianFrame","indice","jsx","styles","indiceSerie","x","y"],"mappings":"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"}

package/dist/components/charts/ChartScatter/ChartScatter.js

@@ -1,137 +1,169 @@
-import { jsxs as q, jsx as d } from "react/jsx-runtime";
-import { useState as pi, useMemo as a } from "react";
-import h from "./ChartScatter.module.css.js";
-import { useChartMetrics as xi } from "../core/useChartMetrics.js";
-import { useSeriesToggle as yi } from "../core/useSeriesToggle.js";
-import { resolveSeriesColors as vi } from "../palette/seriesColor.js";
-import { mergeDomains as B, domainOf as J, linearScale as b, radiusScale as $i, ticksFor as K } from "../scales/scales.js";
-import { valueLabelsFor as Q, cartesianLayout as zi, chartHeight as Li } from "../core/cartesianLayout.js";
-import { useTweenedNumbers as Ni } from "../core/useTweenedNumbers.js";
-import { formatarNumero as N } from "../../../utils/formatters/formatarNumero.js";
-import { CartesianFrame as Si } from "../core/CartesianFrame.js";
-const Xi = 5, wi = [4, 18];
-function S(s) {
-  return s.z !== void 0 && Number.isFinite(s.z) ? s.z : void 0;
+import { jsxs as ee, jsx as h } from "react/jsx-runtime";
+import { useState as ie, useMemo as s } from "react";
+import b from "./ChartScatter.module.css.js";
+import { useChartMetrics as Re } from "../core/useChartMetrics.js";
+import { useSeriesToggle as Ye, seriesInScale as ke } from "../core/useSeriesToggle.js";
+import { resolveSeriesColors as Oe } from "../palette/seriesColor.js";
+import { mergeDomains as te, domainOf as ae, linearScale as x, radiusScale as Ae, ticksFor as le } from "../scales/scales.js";
+import { valueLabelsFor as oe, chartHeight as Ce } from "../core/cartesianLayout.js";
+import { useCartesianLayout as De } from "../core/useCartesianLayout.js";
+import { useTweenedNumbers as Ie } from "../core/useTweenedNumbers.js";
+import { formatarNumero as R } from "../../../utils/formatters/formatarNumero.js";
+import { CartesianFrame as _e } from "../core/CartesianFrame.js";
+const He = 5, Te = [4, 18];
+function y(m) {
+  return m.z !== void 0 && Number.isFinite(m.z) ? m.z : void 0;
 }
-function Hi({
-  accent: s,
-  defaultHiddenSeries: U,
-  emptyMessage: W = "Sem dados no período",
-  formatX: f = N,
-  formatY: p = N,
-  formatZ: ii = N,
-  height: ei = 280,
-  includeZero: u = !0,
-  hiddenSeries: ti,
-  legend: oi = "bottom",
-  legendAlign: ai,
-  onHiddenSeriesChange: ni,
-  series: n,
-  title: li,
-  xAxis: X = "visible",
-  yAxis: w = "visible",
-  yAxisRight: F = "hidden"
+function Ze({
+  accent: m,
+  defaultHiddenSeries: ne,
+  emptyMessage: se = "Sem dados no período",
+  formatX: g = R,
+  formatY: f = R,
+  formatZ: Y = R,
+  height: re = 280,
+  includeZero: p = !0,
+  hiddenSeries: ce,
+  legend: me = "bottom",
+  legendAlign: ue,
+  onHiddenSeriesChange: de,
+  series: l,
+  showTooltip: k = !0,
+  title: he,
+  xLabel: be = "X",
+  yLabel: ge = "Y",
+  zLabel: fe = "Tamanho",
+  xAxis: O = "visible",
+  yAxis: A = "visible",
+  yAxisRight: C = "hidden"
 }) {
-  const { font: si, height: ri, ref: ci, width: x } = xi(), { fillHeight: mi, value: y } = Li(ei, ri), { isHidden: c, toggle: di } = yi({ defaultHiddenSeries: U, hiddenSeries: ti, onHiddenSeriesChange: ni }), [l, M] = pi(null), Y = a(() => vi(n, { accent: s }), [s, n]), g = a(() => n.filter((i) => !c(i.label)), [c, n]), k = u === !0 || u === "x", R = u === !0 || u === "y", v = a(
-    () => B(g.map((i) => J(i.points.map((e) => e.x), { includeZero: k }))),
-    [g, k]
-  ), $ = a(
-    () => B(g.map((i) => J(i.points.map((e) => e.y), { includeZero: R }))),
-    [g, R]
-  ), A = a(
-    () => n.reduce(
-      (i, e) => e.points.reduce((o, r) => Math.max(o, S(r) ?? 0), i),
+  const { font: pe, height: ve, ref: xe, width: $ } = Re(), { fillHeight: ye, value: z } = Ce(re, ve), { isHidden: L, isOutOfScale: D, toggle: $e } = Ye({
+    defaultHiddenSeries: ne,
+    hiddenSeries: ce,
+    labels: l.map((e) => e.label),
+    onHiddenSeriesChange: de
+  }), [r, I] = ie(null), [u, _] = ie(null), N = s(() => Oe(l, { accent: m }), [m, l]), v = s(() => ke(l, D), [D, l]), H = p === !0 || p === "x", T = p === !0 || p === "y", S = s(
+    () => te(v.map((e) => ae(e.points.map((i) => i.x), { includeZero: H }))),
+    [v, H]
+  ), X = s(
+    () => te(v.map((e) => ae(e.points.map((i) => i.y), { includeZero: T }))),
+    [v, T]
+  ), j = s(
+    () => l.reduce(
+      (e, i) => i.points.reduce((a, c) => Math.max(a, y(c) ?? 0), e),
       0
     ),
-    [n]
-  ), E = Q($, y, p), hi = Q(v, x, f), { margins: ui, plot: t, rotation: gi } = zi({
-    bottomLabels: hi,
-    font: si,
-    height: y,
+    [l]
+  ), B = oe(X, z, f), ze = oe(S, $, g), { axisReveal: Le, margins: Ne, plot: t, rotation: Se } = De({
+    bottomLabels: ze,
+    font: pe,
+    height: z,
     labelAngle: "auto",
-    leftLabels: E,
-    rightLabels: E,
+    leftLabels: B,
+    rightLabels: B,
     topRoom: 0,
-    width: x,
-    xAxis: X,
-    yAxis: w,
-    yAxisRight: F
-  }), C = a(() => b({ domain: v, range: [0, t.width] }), [v, t.width]), D = a(() => b({ domain: $, range: [t.height, 0] }), [$, t.height]), [O, _, H, I] = Ni([...C.domain(), ...D.domain()]), z = a(
-    () => b({ domain: { min: O, max: _ }, nice: !1, range: [0, t.width] }),
-    [_, O, t.width]
-  ), L = a(
-    () => b({ domain: { min: H, max: I }, nice: !1, range: [t.height, 0] }),
-    [I, H, t.height]
-  ), bi = a(() => $i(A, wi), [A]), T = K(C, t.width), j = K(D, t.height), fi = T.map((i) => ({ label: f(i), position: z(i) })), G = j.map((i) => ({ label: p(i), position: L(i) }));
-  function P(i, e) {
-    const o = e.label ? `${i.label}, ${e.label}` : i.label, r = `${f(e.x)} × ${p(e.y)}`, m = S(e);
-    return m === void 0 ? `${o}: ${r}` : `${o}: ${r} (${ii(m)})`;
+    width: $,
+    xAxis: O,
+    yAxis: A,
+    yAxisRight: C
+  }), F = s(() => x({ domain: S, range: [0, t.width] }), [S, t.width]), G = s(() => x({ domain: X, range: [t.height, 0] }), [X, t.height]), [P, V, q, J] = Ie([...F.domain(), ...G.domain()]), w = s(
+    () => x({ domain: { min: P, max: V }, nice: !1, range: [0, t.width] }),
+    [V, P, t.width]
+  ), M = s(
+    () => x({ domain: { min: q, max: J }, nice: !1, range: [t.height, 0] }),
+    [J, q, t.height]
+  ), Xe = s(() => Ae(j, Te), [j]), K = le(F, t.width), Q = le(G, t.height), we = K.map((e) => ({ label: g(e), position: w(e) })), U = Q.map((e) => ({ label: f(e), position: M(e) }));
+  function W(e, i) {
+    const a = i.label ? `${e.label}, ${i.label}` : e.label, c = `${g(i.x)} × ${f(i.y)}`, d = y(i);
+    return d === void 0 ? `${a}: ${c}` : `${a}: ${c} (${Y(d)})`;
   }
-  return /* @__PURE__ */ q(
-    Si,
+  const o = u ? l[u.serie] : void 0, n = u ? o == null ? void 0 : o.points[u.ponto] : void 0;
+  function Me() {
+    if (!u || !o || !n)
+      return [];
+    const e = y(n), i = [
+      { color: N[u.serie], format: g, label: be, values: [n.x] },
+      { format: f, label: ge, values: [n.y] }
+    ];
+    return e === void 0 ? i : [...i, { format: Y, label: fe, values: [e] }];
+  }
+  return /* @__PURE__ */ ee(
+    _e,
     {
-      containerRef: ci,
-      empty: n.every((i) => i.points.length === 0),
-      emptyMessage: W,
+      axisReveal: Le,
+      containerRef: xe,
+      empty: l.every((e) => e.points.length === 0),
+      emptyMessage: se,
       grid: [
-        { lines: j.map((i) => L(i)), orientation: "horizontal" },
-        { lines: T.map((i) => z(i)), orientation: "vertical" }
+        { lines: Q.map((e) => M(e)), orientation: "horizontal" },
+        { lines: K.map((e) => w(e)), orientation: "vertical" }
       ],
-      fillHeight: mi,
-      height: y,
-      legend: n.map((i, e) => ({
-        color: Y[e],
-        hidden: c(i.label),
-        label: i.label
+      fillHeight: ye,
+      height: z,
+      legend: l.map((e, i) => ({
+        color: N[i],
+        hidden: L(e.label),
+        label: e.label
       })),
-      legendAlign: ai,
-      legendPosition: oi,
-      margins: ui,
-      onToggleSeries: di,
+      legendAlign: ue,
+      legendPosition: me,
+      margins: Ne,
+      onToggleSeries: $e,
       plot: t,
-      title: li,
-      width: x,
-      xAxis: { hideLine: !0, labelRotation: gi, ticks: fi, visibility: X },
-      yAxis: { hideLine: !0, ticks: G, visibility: w },
-      yAxisRight: { hideLine: !0, ticks: G, visibility: F },
+      title: he,
+      tooltip: k ? {
+        computed: "none",
+        rows: Me(),
+        // Com nome no ponto, ele e o titulo e a serie vira subtitulo.
+        subtitle: n != null && n.label ? o == null ? void 0 : o.label : void 0,
+        title: (n == null ? void 0 : n.label) ?? (o == null ? void 0 : o.label)
+      } : void 0,
+      width: $,
+      xAxis: { hideLine: !0, labelRotation: Se, ticks: we, visibility: O },
+      yAxis: { hideLine: !0, ticks: U, visibility: A },
+      yAxisRight: { hideLine: !0, ticks: U, visibility: C },
       children: [
-        l && /* @__PURE__ */ q("g", { "aria-hidden": "true", children: [
-          /* @__PURE__ */ d("line", { className: h.guide, x1: l.x, x2: l.x, y1: l.y, y2: t.height }),
-          /* @__PURE__ */ d("line", { className: h.guide, x1: 0, x2: l.x, y1: l.y, y2: l.y })
+        r && /* @__PURE__ */ ee("g", { "aria-hidden": "true", children: [
+          /* @__PURE__ */ h("line", { className: b.guide, x1: r.x, x2: r.x, y1: r.y, y2: t.height }),
+          /* @__PURE__ */ h("line", { className: b.guide, x1: 0, x2: r.x, y1: r.y, y2: r.y })
         ] }),
-        n.map((i, e) => /* @__PURE__ */ d(
+        l.map((e, i) => /* @__PURE__ */ h(
           "g",
           {
-            "aria-hidden": c(i.label) || void 0,
-            className: `${h.series} ${c(i.label) ? h.seriesOff : ""}`,
-            children: i.points.map((o, r) => {
-              if (!Number.isFinite(o.x) || !Number.isFinite(o.y))
+            "aria-hidden": L(e.label) || void 0,
+            className: `${b.series} ${L(e.label) ? b.seriesOff : ""}`,
+            children: e.points.map((a, c) => {
+              if (!Number.isFinite(a.x) || !Number.isFinite(a.y))
                 return null;
-              const m = z(o.x), V = L(o.y), Z = S(o);
-              return /* @__PURE__ */ d(
+              const d = w(a.x), Z = M(a.y), E = y(a);
+              return /* @__PURE__ */ h(
                 "circle",
                 {
-                  "aria-label": P(i, o),
-                  className: h.bubble,
-                  cx: m,
-                  cy: V,
-                  fill: Y[e],
-                  onMouseEnter: () => M({ x: m, y: V }),
-                  onMouseLeave: () => M(null),
-                  r: Z === void 0 ? Xi : bi(Z),
-                  children: /* @__PURE__ */ d("title", { children: P(i, o) })
+                  "aria-label": W(e, a),
+                  className: b.bubble,
+                  cx: d,
+                  cy: Z,
+                  fill: N[i],
+                  onMouseEnter: () => {
+                    I({ x: d, y: Z }), _({ ponto: c, serie: i });
+                  },
+                  onMouseLeave: () => {
+                    I(null), _(null);
+                  },
+                  r: E === void 0 ? He : Xe(E),
+                  children: !k && /* @__PURE__ */ h("title", { children: W(e, a) })
                 },
-                r
+                c
               );
             })
           },
-          e
+          i
         ))
       ]
     }
   );
 }
 export {
-  Hi as ChartScatter
+  Ze as ChartScatter
 };
 //# sourceMappingURL=ChartScatter.js.map

package/dist/components/charts/ChartScatter/ChartScatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartScatter.js","sources":["../../../../src/components/charts/ChartScatter/ChartScatter.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  CartesianFrame,\n  cartesianLayout,\n  chartHeight,\n  useChartMetrics,\n  useSeriesToggle,\n  useTweenedNumbers,\n  valueLabelsFor,\n  type AxisTick,\n  type AxisVisibility,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { domainOf, linearScale, mergeDomains, radiusScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartScatter.module.css';\n\nexport interface ChartScatterPoint {\n  label?: string;\n  x: number;\n  y: number;\n  z?: number;\n}\n\nexport interface ChartScatterSeries extends SeriesAppearance {\n  label: string;\n  points: readonly ChartScatterPoint[];\n}\n\nexport interface ChartScatterProps {\n  accent?: string;\n  defaultHiddenSeries?: readonly string[];\n  emptyMessage?: string;\n  formatX?: (value: number) => string;\n  formatY?: (value: number) => string;\n  formatZ?: (value: number) => string;\n  /**\n   * Inclui o zero no dominio: `true` nos dois eixos, `'x'` ou `'y'` so naquele, `false` em nenhum.\n   * Medida que nao se compara ao zero — um ano, uma temperatura — fica com o eixo dela de fora;\n   * um ano pede tambem um formato sem separador de milhar em `formatX` ou `formatY`.\n   */\n  includeZero?: boolean | 'x' | 'y';\n  height?: ChartHeight;\n  hiddenSeries?: readonly string[];\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n  series: readonly ChartScatterSeries[];\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\nconst RAIO_SEM_Z = 5;\nconst FAIXA_DE_RAIO: [number, number] = [4, 18];\n\ninterface Guia {\n  x: number;\n  y: number;\n}\n\n/** Tamanho invalido tem o destino do ausente: a bolha fica no raio padrao. */\nfunction zValido(ponto: ChartScatterPoint) {\n  return ponto.z !== undefined && Number.isFinite(ponto.z) ? ponto.z : undefined;\n}\n\nexport function ChartScatter({\n  accent,\n  defaultHiddenSeries,\n  emptyMessage = 'Sem dados no período',\n  formatX = formatarNumero,\n  formatY = formatarNumero,\n  formatZ = formatarNumero,\n  height = 280,\n  includeZero = true,\n  hiddenSeries,\n  legend = 'bottom',\n  legendAlign,\n  onHiddenSeriesChange,\n  series,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartScatterProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { isHidden, toggle } = useSeriesToggle({ defaultHiddenSeries, hiddenSeries, onHiddenSeriesChange });\n  const [guia, setGuia] = useState<Guia | null>(null);\n\n  // A cor sai da lista inteira, e nao das visiveis: desligar uma serie nao pode\n  // repintar as demais.\n  const cores = useMemo(() => resolveSeriesColors(series, { accent }), [accent, series]);\n\n  const visiveis = useMemo(() => series.filter((serie) => !isHidden(serie.label)), [isHidden, series]);\n\n  const zeroEmX = includeZero === true || includeZero === 'x';\n  const zeroEmY = includeZero === true || includeZero === 'y';\n\n  const dominioX = useMemo(\n    () =>\n      mergeDomains(visiveis.map((serie) => domainOf(serie.points.map((p) => p.x), { includeZero: zeroEmX }))),\n    [visiveis, zeroEmX],\n  );\n\n  const dominioY = useMemo(\n    () =>\n      mergeDomains(visiveis.map((serie) => domainOf(serie.points.map((p) => p.y), { includeZero: zeroEmY }))),\n    [visiveis, zeroEmY],\n  );\n\n  const maiorZ = useMemo(\n    () =>\n      series.reduce(\n        (maior, serie) => serie.points.reduce((parcial, ponto) => Math.max(parcial, zValido(ponto) ?? 0), maior),\n        0,\n      ),\n    [series],\n  );\n\n  const rotulosY = valueLabelsFor(dominioY, alturaDoDesenho, formatY);\n  const rotulosX = valueLabelsFor(dominioX, width, formatX);\n\n  const { margins, plot, rotation } = cartesianLayout({\n    bottomLabels: rotulosX,\n    font,\n    height: alturaDoDesenho,\n    labelAngle: 'auto',\n    leftLabels: rotulosY,\n    rightLabels: rotulosY,\n    topRoom: 0,\n    width,\n    xAxis,\n    yAxis,\n    yAxisRight,\n  });\n\n  // As escalas alvo fixam as marcas; as animadas posicionam o desenho. Sem\n  // separar as duas, as marcas exibiriam valores quebrados durante a transicao.\n  const alvoX = useMemo(() => linearScale({ domain: dominioX, range: [0, plot.width] }), [dominioX, plot.width]);\n  const alvoY = useMemo(() => linearScale({ domain: dominioY, range: [plot.height, 0] }), [dominioY, plot.height]);\n\n  const [minX, maxX, minY, maxY] = useTweenedNumbers([...alvoX.domain(), ...alvoY.domain()]);\n\n  const escalaX = useMemo(\n    () => linearScale({ domain: { min: minX, max: maxX }, nice: false, range: [0, plot.width] }),\n    [maxX, minX, plot.width],\n  );\n  const escalaY = useMemo(\n    () => linearScale({ domain: { min: minY, max: maxY }, nice: false, range: [plot.height, 0] }),\n    [maxY, minY, plot.height],\n  );\n  const escalaRaio = useMemo(() => radiusScale(maiorZ, FAIXA_DE_RAIO), [maiorZ]);\n\n  const marcasX = ticksFor(alvoX, plot.width);\n  const marcasY = ticksFor(alvoY, plot.height);\n\n  const ticksX: AxisTick[] = marcasX.map((valor) => ({ label: formatX(valor), position: escalaX(valor) }));\n  const ticksY: AxisTick[] = marcasY.map((valor) => ({ label: formatY(valor), position: escalaY(valor) }));\n\n  function descrever(serie: ChartScatterSeries, ponto: ChartScatterPoint) {\n    const inicio = ponto.label ? `${serie.label}, ${ponto.label}` : serie.label;\n    const posicao = `${formatX(ponto.x)} × ${formatY(ponto.y)}`;\n    const z = zValido(ponto);\n\n    return z === undefined ? `${inicio}: ${posicao}` : `${inicio}: ${posicao} (${formatZ(z)})`;\n  }\n\n  return (\n    <CartesianFrame\n      containerRef={ref}\n      empty={series.every((serie) => serie.points.length === 0)}\n      emptyMessage={emptyMessage}\n      grid={[\n        { lines: marcasY.map((valor) => escalaY(valor)), orientation: 'horizontal' },\n        { lines: marcasX.map((valor) => escalaX(valor)), orientation: 'vertical' },\n      ]}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={series.map((serie, indice) => ({\n        color: cores[indice],\n        hidden: isHidden(serie.label),\n        label: serie.label,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      margins={margins}\n      onToggleSeries={toggle}\n      plot={plot}\n      title={title}\n      width={width}\n      xAxis={{ hideLine: true, labelRotation: rotation, ticks: ticksX, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: ticksY, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: ticksY, visibility: yAxisRight }}\n    >\n      {guia && (\n        <g aria-hidden=\"true\">\n          <line className={styles.guide} x1={guia.x} x2={guia.x} y1={guia.y} y2={plot.height} />\n          <line className={styles.guide} x1={0} x2={guia.x} y1={guia.y} y2={guia.y} />\n        </g>\n      )}\n\n      {series.map((serie, indiceSerie) => (\n        <g\n          aria-hidden={isHidden(serie.label) || undefined}\n          className={`${styles.series} ${isHidden(serie.label) ? styles.seriesOff : ''}`}\n          key={indiceSerie}\n        >\n          {serie.points.map((ponto, indice) => {\n            if (!Number.isFinite(ponto.x) || !Number.isFinite(ponto.y)) {\n              return null;\n            }\n\n            const x = escalaX(ponto.x);\n            const y = escalaY(ponto.y);\n            const z = zValido(ponto);\n\n            return (\n              <circle\n                aria-label={descrever(serie, ponto)}\n                className={styles.bubble}\n                cx={x}\n                cy={y}\n                fill={cores[indiceSerie]}\n                key={indice}\n                onMouseEnter={() => setGuia({ x, y })}\n                onMouseLeave={() => setGuia(null)}\n                r={z === undefined ? RAIO_SEM_Z : escalaRaio(z)}\n              >\n                <title>{descrever(serie, ponto)}</title>\n              </circle>\n            );\n          })}\n        </g>\n      ))}\n    </CartesianFrame>\n  );\n}\n"],"names":["RAIO_SEM_Z","FAIXA_DE_RAIO","zValido","ponto","ChartScatter","accent","defaultHiddenSeries","emptyMessage","formatX","formatarNumero","formatY","formatZ","height","includeZero","hiddenSeries","legend","legendAlign","onHiddenSeriesChange","series","title","xAxis","yAxis","yAxisRight","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","toggle","useSeriesToggle","guia","setGuia","useState","cores","useMemo","resolveSeriesColors","visiveis","serie","zeroEmX","zeroEmY","dominioX","mergeDomains","domainOf","p","dominioY","maiorZ","maior","parcial","rotulosY","valueLabelsFor","rotulosX","margins","plot","rotation","cartesianLayout","alvoX","linearScale","alvoY","minX","maxX","minY","maxY","useTweenedNumbers","escalaX","escalaY","escalaRaio","radiusScale","marcasX","ticksFor","marcasY","ticksX","valor","ticksY","descrever","inicio","posicao","z","jsxs","CartesianFrame","indice","jsx","styles","indiceSerie","x","y"],"mappings":"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"}
+{"version":3,"file":"ChartScatter.js","sources":["../../../../src/components/charts/ChartScatter/ChartScatter.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  CartesianFrame,\n  seriesInScale,\n  useCartesianLayout,\n  chartHeight,\n  useChartMetrics,\n  useSeriesToggle,\n  useTweenedNumbers,\n  valueLabelsFor,\n  type AxisTick,\n  type AxisVisibility,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { domainOf, linearScale, mergeDomains, radiusScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartScatter.module.css';\n\nexport interface ChartScatterPoint {\n  label?: string;\n  x: number;\n  y: number;\n  z?: number;\n}\n\nexport interface ChartScatterSeries extends SeriesAppearance {\n  label: string;\n  points: readonly ChartScatterPoint[];\n}\n\nexport interface ChartScatterProps {\n  accent?: string;\n  defaultHiddenSeries?: readonly string[];\n  emptyMessage?: string;\n  formatX?: (value: number) => string;\n  formatY?: (value: number) => string;\n  formatZ?: (value: number) => string;\n  /**\n   * Inclui o zero no dominio: `true` nos dois eixos, `'x'` ou `'y'` so naquele, `false` em nenhum.\n   * Medida que nao se compara ao zero — um ano, uma temperatura — fica com o eixo dela de fora;\n   * um ano pede tambem um formato sem separador de milhar em `formatX` ou `formatY`.\n   */\n  includeZero?: boolean | 'x' | 'y';\n  height?: ChartHeight;\n  hiddenSeries?: readonly string[];\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n  series: readonly ChartScatterSeries[];\n  /** Balao com o detalhe do que esta sob o ponteiro. Desligue para nao mostrar nada alem do `<title>` nativo. */\n  showTooltip?: boolean;\n  title: string;\n  /** Nome de cada medida no balao. */\n  xLabel?: string;\n  yLabel?: string;\n  zLabel?: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\nconst RAIO_SEM_Z = 5;\nconst FAIXA_DE_RAIO: [number, number] = [4, 18];\n\ninterface Guia {\n  x: number;\n  y: number;\n}\n\n/** Tamanho invalido tem o destino do ausente: a bolha fica no raio padrao. */\nfunction zValido(ponto: ChartScatterPoint) {\n  return ponto.z !== undefined && Number.isFinite(ponto.z) ? ponto.z : undefined;\n}\n\nexport function ChartScatter({\n  accent,\n  defaultHiddenSeries,\n  emptyMessage = 'Sem dados no período',\n  formatX = formatarNumero,\n  formatY = formatarNumero,\n  formatZ = formatarNumero,\n  height = 280,\n  includeZero = true,\n  hiddenSeries,\n  legend = 'bottom',\n  legendAlign,\n  onHiddenSeriesChange,\n  series,\n  showTooltip = true,\n  title,\n  xLabel = 'X',\n  yLabel = 'Y',\n  zLabel = 'Tamanho',\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartScatterProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { isHidden, isOutOfScale, toggle } = useSeriesToggle({\n    defaultHiddenSeries,\n    hiddenSeries,\n    labels: series.map((serie) => serie.label),\n    onHiddenSeriesChange,\n  });\n  const [guia, setGuia] = useState<Guia | null>(null);\n  const [emFoco, setEmFoco] = useState<{ ponto: number; serie: number } | null>(null);\n\n  // A cor sai da lista inteira, e nao das visiveis: desligar uma serie nao pode\n  // repintar as demais.\n  const cores = useMemo(() => resolveSeriesColors(series, { accent }), [accent, series]);\n\n  const naEscala = useMemo(() => seriesInScale(series, isOutOfScale), [isOutOfScale, series]);\n\n  const zeroEmX = includeZero === true || includeZero === 'x';\n  const zeroEmY = includeZero === true || includeZero === 'y';\n\n  const dominioX = useMemo(\n    () =>\n      mergeDomains(naEscala.map((serie) => domainOf(serie.points.map((p) => p.x), { includeZero: zeroEmX }))),\n    [naEscala, zeroEmX],\n  );\n\n  const dominioY = useMemo(\n    () =>\n      mergeDomains(naEscala.map((serie) => domainOf(serie.points.map((p) => p.y), { includeZero: zeroEmY }))),\n    [naEscala, zeroEmY],\n  );\n\n  const maiorZ = useMemo(\n    () =>\n      series.reduce(\n        (maior, serie) => serie.points.reduce((parcial, ponto) => Math.max(parcial, zValido(ponto) ?? 0), maior),\n        0,\n      ),\n    [series],\n  );\n\n  const rotulosY = valueLabelsFor(dominioY, alturaDoDesenho, formatY);\n  const rotulosX = valueLabelsFor(dominioX, width, formatX);\n\n  const { axisReveal, margins, plot, rotation } = useCartesianLayout({\n    bottomLabels: rotulosX,\n    font,\n    height: alturaDoDesenho,\n    labelAngle: 'auto',\n    leftLabels: rotulosY,\n    rightLabels: rotulosY,\n    topRoom: 0,\n    width,\n    xAxis,\n    yAxis,\n    yAxisRight,\n  });\n\n  // As escalas alvo fixam as marcas; as animadas posicionam o desenho. Sem\n  // separar as duas, as marcas exibiriam valores quebrados durante a transicao.\n  const alvoX = useMemo(() => linearScale({ domain: dominioX, range: [0, plot.width] }), [dominioX, plot.width]);\n  const alvoY = useMemo(() => linearScale({ domain: dominioY, range: [plot.height, 0] }), [dominioY, plot.height]);\n\n  const [minX, maxX, minY, maxY] = useTweenedNumbers([...alvoX.domain(), ...alvoY.domain()]);\n\n  const escalaX = useMemo(\n    () => linearScale({ domain: { min: minX, max: maxX }, nice: false, range: [0, plot.width] }),\n    [maxX, minX, plot.width],\n  );\n  const escalaY = useMemo(\n    () => linearScale({ domain: { min: minY, max: maxY }, nice: false, range: [plot.height, 0] }),\n    [maxY, minY, plot.height],\n  );\n  const escalaRaio = useMemo(() => radiusScale(maiorZ, FAIXA_DE_RAIO), [maiorZ]);\n\n  const marcasX = ticksFor(alvoX, plot.width);\n  const marcasY = ticksFor(alvoY, plot.height);\n\n  const ticksX: AxisTick[] = marcasX.map((valor) => ({ label: formatX(valor), position: escalaX(valor) }));\n  const ticksY: AxisTick[] = marcasY.map((valor) => ({ label: formatY(valor), position: escalaY(valor) }));\n\n  function descrever(serie: ChartScatterSeries, ponto: ChartScatterPoint) {\n    const inicio = ponto.label ? `${serie.label}, ${ponto.label}` : serie.label;\n    const posicao = `${formatX(ponto.x)} × ${formatY(ponto.y)}`;\n    const z = zValido(ponto);\n\n    return z === undefined ? `${inicio}: ${posicao}` : `${inicio}: ${posicao} (${formatZ(z)})`;\n  }\n\n  const serieEmFoco = emFoco ? series[emFoco.serie] : undefined;\n  const pontoEmFoco = emFoco ? serieEmFoco?.points[emFoco.ponto] : undefined;\n\n  function linhasDoBalao() {\n    if (!emFoco || !serieEmFoco || !pontoEmFoco) {\n      return [];\n    }\n\n    const z = zValido(pontoEmFoco);\n    const linhas = [\n      { color: cores[emFoco.serie], format: formatX, label: xLabel, values: [pontoEmFoco.x] },\n      { format: formatY, label: yLabel, values: [pontoEmFoco.y] },\n    ];\n\n    return z === undefined ? linhas : [...linhas, { format: formatZ, label: zLabel, values: [z] }];\n  }\n\n  return (\n    <CartesianFrame\n      axisReveal={axisReveal}\n      containerRef={ref}\n      empty={series.every((serie) => serie.points.length === 0)}\n      emptyMessage={emptyMessage}\n      grid={[\n        { lines: marcasY.map((valor) => escalaY(valor)), orientation: 'horizontal' },\n        { lines: marcasX.map((valor) => escalaX(valor)), orientation: 'vertical' },\n      ]}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={series.map((serie, indice) => ({\n        color: cores[indice],\n        hidden: isHidden(serie.label),\n        label: serie.label,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      margins={margins}\n      onToggleSeries={toggle}\n      plot={plot}\n      title={title}\n      tooltip={\n        showTooltip\n          ? {\n              computed: 'none',\n              rows: linhasDoBalao(),\n              // Com nome no ponto, ele e o titulo e a serie vira subtitulo.\n              subtitle: pontoEmFoco?.label ? serieEmFoco?.label : undefined,\n              title: pontoEmFoco?.label ?? serieEmFoco?.label,\n            }\n          : undefined\n      }\n      width={width}\n      xAxis={{ hideLine: true, labelRotation: rotation, ticks: ticksX, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: ticksY, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: ticksY, visibility: yAxisRight }}\n    >\n      {guia && (\n        <g aria-hidden=\"true\">\n          <line className={styles.guide} x1={guia.x} x2={guia.x} y1={guia.y} y2={plot.height} />\n          <line className={styles.guide} x1={0} x2={guia.x} y1={guia.y} y2={guia.y} />\n        </g>\n      )}\n\n      {series.map((serie, indiceSerie) => (\n        <g\n          aria-hidden={isHidden(serie.label) || undefined}\n          className={`${styles.series} ${isHidden(serie.label) ? styles.seriesOff : ''}`}\n          key={indiceSerie}\n        >\n          {serie.points.map((ponto, indice) => {\n            if (!Number.isFinite(ponto.x) || !Number.isFinite(ponto.y)) {\n              return null;\n            }\n\n            const x = escalaX(ponto.x);\n            const y = escalaY(ponto.y);\n            const z = zValido(ponto);\n\n            return (\n              <circle\n                aria-label={descrever(serie, ponto)}\n                className={styles.bubble}\n                cx={x}\n                cy={y}\n                fill={cores[indiceSerie]}\n                key={indice}\n                onMouseEnter={() => {\n                  setGuia({ x, y });\n                  setEmFoco({ ponto: indice, serie: indiceSerie });\n                }}\n                onMouseLeave={() => {\n                  setGuia(null);\n                  setEmFoco(null);\n                }}\n                r={z === undefined ? RAIO_SEM_Z : escalaRaio(z)}\n              >\n                {!showTooltip && <title>{descrever(serie, ponto)}</title>}\n              </circle>\n            );\n          })}\n        </g>\n      ))}\n    </CartesianFrame>\n  );\n}\n"],"names":["RAIO_SEM_Z","FAIXA_DE_RAIO","zValido","ponto","ChartScatter","accent","defaultHiddenSeries","emptyMessage","formatX","formatarNumero","formatY","formatZ","height","includeZero","hiddenSeries","legend","legendAlign","onHiddenSeriesChange","series","showTooltip","title","xLabel","yLabel","zLabel","xAxis","yAxis","yAxisRight","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","isOutOfScale","toggle","useSeriesToggle","serie","guia","setGuia","useState","emFoco","setEmFoco","cores","useMemo","resolveSeriesColors","naEscala","seriesInScale","zeroEmX","zeroEmY","dominioX","mergeDomains","domainOf","p","dominioY","maiorZ","maior","parcial","rotulosY","valueLabelsFor","rotulosX","axisReveal","margins","plot","rotation","useCartesianLayout","alvoX","linearScale","alvoY","minX","maxX","minY","maxY","useTweenedNumbers","escalaX","escalaY","escalaRaio","radiusScale","marcasX","ticksFor","marcasY","ticksX","valor","ticksY","descrever","inicio","posicao","z","serieEmFoco","pontoEmFoco","linhasDoBalao","linhas","jsxs","CartesianFrame","indice","jsx","styles","indiceSerie","x","y"],"mappings":"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"}

package/dist/components/charts/ChartScatter/ChartScatter.module.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_bubble_okzta_1",s="_guide_okzta_11",i="_series_okzta_23 _series_141iy_209",_="_seriesOff_okzta_27 _seriesOff_141iy_213",t={bubble:e,guide:s,series:i,seriesOff:_};exports.bubble=e;exports.default=t;exports.guide=s;exports.series=i;exports.seriesOff=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_bubble_okzta_1",s="_guide_okzta_11",_="_series_okzta_23 _series_yf6oe_211",i="_seriesOff_okzta_27 _seriesOff_yf6oe_215",t={bubble:e,guide:s,series:_,seriesOff:i};exports.bubble=e;exports.default=t;exports.guide=s;exports.series=_;exports.seriesOff=i;
 //# sourceMappingURL=ChartScatter.module.css.cjs.map