@plenustech/design-system 0.2.2 → 0.2.4

package/dist/components/charts/ChartLine/ChartLine.js

@@ -1,166 +1,219 @@
-import { jsx as s, jsxs as Z } from "react/jsx-runtime";
-import { useMemo as h } from "react";
-import m from "./ChartLine.module.css.js";
-import { useChartMetrics as ll } from "../core/useChartMetrics.js";
-import { useSeriesToggle as ol } from "../core/useSeriesToggle.js";
-import { resolveSeriesColors as tl } from "../palette/seriesColor.js";
-import { mergeDomains as al, domainOf as el, pointScale as il, linearScale as j, ticksFor as rl } from "../scales/scales.js";
-import { valueLabelsFor as nl, cartesianLayout as ml, chartHeight as sl } from "../core/cartesianLayout.js";
-import { valueLabelRoom as hl } from "../core/spacing.js";
-import { useTweenedNumbers as ul } from "../core/useTweenedNumbers.js";
-import { formatarNumero as cl } from "../../../utils/formatters/formatarNumero.js";
-import { CartesianFrame as dl } from "../core/CartesianFrame.js";
-import { linePath as fl } from "../core/shapes.js";
-function pl(n, a) {
-  return n[a] !== null && !n[a - 1] && !n[a + 1];
+import { jsxs as Y, jsx as u } from "react/jsx-runtime";
+import { useMemo as d, useState as go } from "react";
+import i from "./ChartLine.module.css.js";
+import { useChartMetrics as vo } from "../core/useChartMetrics.js";
+import { useSeriesToggle as xo, seriesInScale as yo } from "../core/useSeriesToggle.js";
+import { resolveSeriesColors as Ho } from "../palette/seriesColor.js";
+import { mergeDomains as Co, domainOf as Lo, pointScale as Po, linearScale as q, ticksFor as ko } from "../scales/scales.js";
+import { valueLabelsFor as Fo, markShown as G, chartHeight as No } from "../core/cartesianLayout.js";
+import { useCartesianLayout as $o } from "../core/useCartesianLayout.js";
+import { valueLabelRoom as Ro } from "../core/spacing.js";
+import { useHoveredBand as Ao } from "../core/useHoveredBand.js";
+import { useTweenedNumbers as Oo } from "../core/useTweenedNumbers.js";
+import { nearestSeriesAt as Do, PointCursor as Mo, PointBands as So } from "../core/PointBands.js";
+import { formatarNumero as To } from "../../../utils/formatters/formatarNumero.js";
+import { CartesianFrame as jo } from "../core/CartesianFrame.js";
+import { linePath as Bo } from "../core/shapes.js";
+import { pointLabelPlacement as Eo } from "../core/pointLabels.js";
+import { categoryTooltip as wo } from "../core/tooltips.js";
+function zo(m, a) {
+  return m[a] !== null && !m[a - 1] && !m[a + 1];
 }
-function wl({
-  accent: n,
+function rt({
+  accent: m,
   categories: a,
-  curve: A = "smooth",
-  defaultHiddenSeries: O,
-  emptyMessage: V = "Sem dados no período",
-  formatValue: u = cl,
-  height: z = 260,
-  includeZero: x = !0,
-  hiddenSeries: S,
-  labelAngle: q = "auto",
-  legend: B = "bottom",
-  legendAlign: E,
-  onHiddenSeriesChange: G,
+  curve: J = "smooth",
+  defaultHiddenSeries: K,
+  emptyMessage: Q = "Sem dados no período",
+  formatTooltipValue: U,
+  formatValue: h = To,
+  height: W = 260,
+  includeZero: P = !0,
+  hiddenSeries: X,
+  labelAngle: _ = "auto",
+  legend: Z = "bottom",
+  legendAlign: oo,
+  onHiddenSeriesChange: to,
+  onHoverCategory: k,
   series: e,
-  showDataLabels: y = !1,
-  showDots: I = !1,
-  title: J,
-  xAxis: L = "visible",
-  yAxis: N = "visible",
-  yAxisRight: C = "hidden"
+  showDataLabels: p = "hidden",
+  showDots: F = "onHover",
+  showTooltip: N = !0,
+  title: lo,
+  xAxis: $ = "visible",
+  yAxis: R = "visible",
+  yAxisRight: A = "hidden"
 }) {
-  const { font: k, height: K, ref: Q, width: $ } = ll(), { fillHeight: U, value: b } = sl(z, K), { isHidden: c, toggle: W } = ol({ defaultHiddenSeries: O, hiddenSeries: S, onHiddenSeriesChange: G }), g = h(() => tl(e, { accent: n }), [n, e]), v = h(
-    () => al(
-      e.filter((l) => !c(l.label)).map((l) => el(l.values.filter((o) => o !== null), { includeZero: x }))
+  const { font: f, height: ao, ref: eo, width: O } = vo(), { fillHeight: ro, value: H } = No(W, ao), { isHidden: c, isOutOfScale: D, toggle: no } = xo({
+    defaultHiddenSeries: K,
+    hiddenSeries: X,
+    labels: e.map((o) => o.label),
+    onHiddenSeriesChange: to
+  }), b = d(() => Ho(e, { accent: m }), [m, e]), C = d(
+    () => Co(
+      yo(e, D).map(
+        (o) => Lo(
+          o.values.filter((t) => t !== null),
+          { includeZero: P }
+        )
+      )
     ),
-    [x, c, e]
-  ), D = nl(v, b, u), { margins: X, plot: i, rotation: Y } = ml({
+    [P, D, e]
+  ), M = Fo(C, H, h), { axisReveal: io, margins: mo, plot: r, rotation: so } = $o({
     bottomLabels: a,
-    font: k,
-    height: b,
-    labelAngle: q,
-    leftLabels: D,
-    rightLabels: D,
-    topRoom: y ? hl(k) : 0,
-    width: $,
-    xAxis: L,
-    yAxis: N,
-    yAxisRight: C
-  }), F = h(
-    () => il({ domain: a, padding: 0, range: [0, i.width] }),
-    [a, i.width]
-  ), R = h(
-    () => j({ domain: v, range: [i.height, 0] }),
-    [v, i.height]
-  ), [w, H] = ul(R.domain()), d = h(
-    () => j({ domain: { min: w, max: H }, nice: !1, range: [i.height, 0] }),
-    [H, w, i.height]
-  ), M = rl(R, i.height), f = e.map(
-    (l) => a.map((o, p) => {
-      const t = l.values[p];
-      return t == null || !Number.isFinite(t) ? null : { x: F(o) ?? 0, y: d(t) };
+    font: f,
+    height: H,
+    labelAngle: _,
+    leftLabels: M,
+    rightLabels: M,
+    topRoom: p === "hidden" ? 0 : Ro(f),
+    width: O,
+    xAxis: $,
+    yAxis: R,
+    yAxisRight: A
+  }), S = d(
+    () => Po({ domain: a, padding: 0, range: [0, r.width] }),
+    [a, r.width]
+  ), { hover: uo, hovered: g } = Ao(k), [ho, co] = go(null), L = N || k !== void 0 || F === "onHover" || p === "onHover", T = d(
+    () => q({ domain: C, range: [r.height, 0] }),
+    [C, r.height]
+  ), [j, B] = Oo(T.domain()), v = d(
+    () => q({ domain: { min: j, max: B }, nice: !1, range: [r.height, 0] }),
+    [B, j, r.height]
+  ), E = ko(T, r.height), s = e.map(
+    (o) => a.map((t, x) => {
+      const l = o.values[x];
+      return l == null || !Number.isFinite(l) ? null : { x: S(t) ?? 0, y: v(l) };
     })
-  ), _ = a.map((l) => ({
-    label: l,
-    position: F(l) ?? 0
-  })), P = M.map((l) => ({
-    label: u(l),
-    position: d(l)
+  ), w = Do(
+    s,
+    g,
+    ho,
+    (o) => c(e[o].label)
+  ), z = a.map((o) => ({
+    label: o,
+    position: S(o) ?? 0
+  })), I = z.map((o) => o.position), V = E.map((o) => ({
+    label: h(o),
+    position: v(o)
   }));
-  return /* @__PURE__ */ s(
-    dl,
+  return /* @__PURE__ */ Y(
+    jo,
     {
-      containerRef: Q,
+      axisReveal: io,
+      containerRef: eo,
       empty: e.length === 0 || a.length === 0,
-      emptyMessage: V,
-      fillHeight: U,
+      emptyMessage: Q,
+      fillHeight: ro,
       grid: [
         {
-          baseline: d(0),
-          lines: M.map((l) => d(l)),
+          baseline: v(0),
+          lines: E.map((o) => v(o)),
           orientation: "horizontal"
         }
       ],
-      height: b,
-      legend: e.map((l, o) => ({
-        color: g[o],
-        hidden: c(l.label),
-        label: l.label
+      height: H,
+      legend: e.map((o, t) => ({
+        color: b[t],
+        hidden: c(o.label),
+        label: o.label
       })),
-      legendAlign: E,
-      legendPosition: B,
-      margins: X,
-      onToggleSeries: W,
-      plot: i,
-      title: J,
-      width: $,
-      xAxis: { labelRotation: Y, ticks: _, visibility: L },
-      yAxis: { hideLine: !0, ticks: P, visibility: N },
-      yAxisRight: { hideLine: !0, ticks: P, visibility: C },
-      children: e.map((l, o) => {
-        const p = c(l.label);
-        return /* @__PURE__ */ Z(
-          "g",
-          {
-            "aria-hidden": p || void 0,
-            className: `${m.series} ${p ? m.seriesOff : ""}`,
-            children: [
-              /* @__PURE__ */ s(
-                "path",
-                {
-                  className: m.line,
-                  d: fl(f[o], A),
-                  fill: "none",
-                  stroke: g[o]
-                }
-              ),
-              f[o].map((t, r) => {
-                if (t === null)
-                  return null;
-                const T = `${l.label}, ${a[r]}: ${u(l.values[r] ?? 0)}`;
-                return /* @__PURE__ */ s(
-                  "circle",
-                  {
-                    "aria-label": T,
-                    className: I || pl(f[o], r) ? m.dotVisible : m.dot,
-                    cx: t.x,
-                    cy: t.y,
-                    fill: g[o],
-                    r: 4,
-                    children: /* @__PURE__ */ s("title", { children: T })
-                  },
-                  r
-                );
-              }),
-              y && f[o].map(
-                (t, r) => t === null ? null : /* @__PURE__ */ s(
-                  "text",
+      legendAlign: oo,
+      legendPosition: Z,
+      margins: mo,
+      onToggleSeries: no,
+      plot: r,
+      title: lo,
+      tooltip: N ? wo({
+        categories: a,
+        colors: b,
+        format: U ?? h,
+        index: g,
+        isHidden: c,
+        series: e
+      }) : void 0,
+      width: O,
+      xAxis: { labelRotation: so, ticks: z, visibility: $ },
+      yAxis: { hideLine: !0, ticks: V, visibility: R },
+      yAxisRight: { hideLine: !0, ticks: V, visibility: A },
+      children: [
+        L && g !== null && /* @__PURE__ */ u(Mo, { plot: r, position: I[g] }),
+        e.map((o, t) => {
+          const x = c(o.label);
+          return /* @__PURE__ */ Y(
+            "g",
+            {
+              "aria-hidden": x || void 0,
+              className: `${i.series} ${x ? i.seriesOff : ""}`,
+              children: [
+                /* @__PURE__ */ u(
+                  "path",
                   {
-                    className: m.valueLabel,
-                    textAnchor: "middle",
-                    x: t.x,
-                    y: t.y - 10,
-                    children: u(l.values[r] ?? 0)
-                  },
-                  r
-                )
-              )
-            ]
-          },
-          o
-        );
-      })
+                    className: i.line,
+                    d: Bo(s[t], J),
+                    fill: "none",
+                    stroke: b[t]
+                  }
+                ),
+                s[t].map((l, n) => {
+                  if (l === null)
+                    return null;
+                  const y = `${o.label}, ${a[n]}: ${h(o.values[n] ?? 0)}`;
+                  return /* @__PURE__ */ u(
+                    "circle",
+                    {
+                      "aria-label": y,
+                      className: G(F, t === w) || zo(s[t], n) ? i.dotVisible : i.dot,
+                      cx: l.x,
+                      cy: l.y,
+                      stroke: b[t],
+                      r: 4,
+                      children: !L && /* @__PURE__ */ u("title", { children: y })
+                    },
+                    n
+                  );
+                }),
+                p !== "hidden" && s[t].map((l, n) => {
+                  if (l === null)
+                    return null;
+                  const { below: y, dx: po, textAnchor: fo } = Eo(
+                    s,
+                    t,
+                    n,
+                    f.lineHeight,
+                    (bo) => c(e[bo].label)
+                  );
+                  return /* @__PURE__ */ u(
+                    "text",
+                    {
+                      className: `${i.valueLabel} ${G(p, t === w) ? "" : i.valueLabelHidden}`,
+                      textAnchor: fo,
+                      x: l.x + po,
+                      y: y ? l.y + f.lineHeight + 2 : l.y - 10,
+                      children: h(o.values[n] ?? 0)
+                    },
+                    n
+                  );
+                })
+              ]
+            },
+            t
+          );
+        }),
+        L && /* @__PURE__ */ u(
+          So,
+          {
+            onHover: uo,
+            onPointerY: co,
+            plot: r,
+            positions: I
+          }
+        )
+      ]
     }
   );
 }
 export {
-  wl as ChartLine
+  rt as ChartLine
 };
 //# sourceMappingURL=ChartLine.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartLine.js","sources":["../../../../src/components/charts/ChartLine/ChartLine.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  CartesianFrame,\n  cartesianLayout,\n  chartHeight,\n  linePath,\n  useChartMetrics,\n  useSeriesToggle,\n  useTweenedNumbers,\n  valueLabelRoom,\n  valueLabelsFor,\n  type AxisLabelAngle,\n  type AxisTick,\n  type AxisVisibility,\n  type ChartCurve,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n  type ChartPoint,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { domainOf, linearScale, mergeDomains, pointScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartLine.module.css';\n/**\n * Ponto sem vizinho desenhado. A curva entre ele e o nada nao tem tracado, e o\n * marcador so no hover deixaria o dado invisivel — entao ele aparece sempre.\n */\nfunction isolado(pontos: readonly (ChartPoint | null)[], indice: number) {\n  return pontos[indice] !== null && !pontos[indice - 1] && !pontos[indice + 1];\n}\n\n\nexport interface ChartLineSeries extends SeriesAppearance {\n  label: string;\n  values: readonly (number | null)[];\n}\n\nexport interface ChartLineProps {\n  accent?: string;\n  categories: readonly string[];\n  curve?: ChartCurve;\n  defaultHiddenSeries?: readonly string[];\n  emptyMessage?: string;\n  formatValue?: (value: number) => string;\n  /**\n   * Inclui o zero no dominio do eixo de valor. Ligado por padrao, porque marca\n   * que nao parte do zero exagera a diferenca; para medidas que nao se comparam\n   * a ele — um ano, uma temperatura — desligue; um ano pede tambem um formato sem separador de milhar em `formatValue`.\n   */\n  includeZero?: boolean;\n  height?: ChartHeight;\n  hiddenSeries?: readonly string[];\n  labelAngle?: AxisLabelAngle;\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n  series: readonly ChartLineSeries[];\n  showDataLabels?: boolean;\n  showDots?: boolean;\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\nexport function ChartLine({\n  accent,\n  categories,\n  curve = 'smooth',\n  defaultHiddenSeries,\n  emptyMessage = 'Sem dados no período',\n  formatValue = formatarNumero,\n  height = 260,\n  includeZero = true,\n  hiddenSeries,\n  labelAngle = 'auto',\n  legend = 'bottom',\n  legendAlign,\n  onHiddenSeriesChange,\n  series,\n  showDataLabels = false,\n  showDots = false,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartLineProps) {\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\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 dominio = useMemo(\n    () =>\n      mergeDomains(\n        series\n          .filter((serie) => !isHidden(serie.label))\n          .map((serie) => domainOf(serie.values.filter((valor) => valor !== null), { includeZero })),\n      ),\n    [includeZero, isHidden, series],\n  );\n\n  const rotulosDeValor = valueLabelsFor(dominio, alturaDoDesenho, formatValue);\n\n  const { margins, plot, rotation } = cartesianLayout({\n    bottomLabels: categories,\n    font,\n    height: alturaDoDesenho,\n    labelAngle,\n    leftLabels: rotulosDeValor,\n    rightLabels: rotulosDeValor,\n    topRoom: showDataLabels ? valueLabelRoom(font) : 0,\n    width,\n    xAxis,\n    yAxis,\n    yAxisRight,\n  });\n\n  const escalaCategorias = useMemo(\n    () => pointScale({ domain: categories, padding: 0, range: [0, plot.width] }),\n    [categories, plot.width],\n  );\n\n  // A escala alvo fixa as marcas; a animada posiciona o desenho. Sem separar as\n  // duas, as marcas exibiriam valores quebrados durante a transicao.\n  const escalaAlvo = useMemo(\n    () => linearScale({ domain: dominio, range: [plot.height, 0] }),\n    [dominio, plot.height],\n  );\n\n  const [minimo, maximo] = useTweenedNumbers(escalaAlvo.domain());\n\n  const escalaValores = useMemo(\n    () => linearScale({ domain: { min: minimo, max: maximo }, nice: false, range: [plot.height, 0] }),\n    [maximo, minimo, plot.height],\n  );\n\n  const marcasDeValor = ticksFor(escalaAlvo, plot.height);\n\n  const pontosPorSerie = series.map((serie) =>\n    categories.map<ChartPoint | null>((categoria, indice) => {\n      const valor = serie.values[indice];\n\n      if (valor === null || valor === undefined || !Number.isFinite(valor)) {\n        return null;\n      }\n\n      return { x: escalaCategorias(categoria) ?? 0, y: escalaValores(valor) };\n    }),\n  );\n\n  const marcasCategoria: AxisTick[] = categories.map((categoria) => ({\n    label: categoria,\n    position: escalaCategorias(categoria) ?? 0,\n  }));\n\n  const marcasValor: AxisTick[] = marcasDeValor.map((valor) => ({\n    label: formatValue(valor),\n    position: escalaValores(valor),\n  }));\n\n  return (\n    <CartesianFrame\n      containerRef={ref}\n      empty={series.length === 0 || categories.length === 0}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      grid={[\n        {\n          baseline: escalaValores(0),\n          lines: marcasDeValor.map((valor) => escalaValores(valor)),\n          orientation: 'horizontal',\n        },\n      ]}\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={{ labelRotation: rotation, ticks: marcasCategoria, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: marcasValor, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: marcasValor, visibility: yAxisRight }}\n    >\n      {series.map((serie, indiceSerie) => {\n        const oculta = isHidden(serie.label);\n\n        return (\n          <g\n            aria-hidden={oculta || undefined}\n            className={`${styles.series} ${oculta ? styles.seriesOff : ''}`}\n            key={indiceSerie}\n          >\n            <path\n              className={styles.line}\n              d={linePath(pontosPorSerie[indiceSerie], curve)}\n              fill=\"none\"\n              stroke={cores[indiceSerie]}\n            />\n\n            {pontosPorSerie[indiceSerie].map((ponto, indice) => {\n              if (ponto === null) {\n                return null;\n              }\n\n              const descricao = `${serie.label}, ${categories[indice]}: ${formatValue(serie.values[indice] ?? 0)}`;\n\n              return (\n                <circle\n                  aria-label={descricao}\n                  className={\n                    showDots || isolado(pontosPorSerie[indiceSerie], indice)\n                      ? styles.dotVisible\n                      : styles.dot\n                  }\n                  cx={ponto.x}\n                  cy={ponto.y}\n                  fill={cores[indiceSerie]}\n                  key={indice}\n                  r={4}\n                >\n                  <title>{descricao}</title>\n                </circle>\n              );\n            })}\n\n            {showDataLabels &&\n              pontosPorSerie[indiceSerie].map((ponto, indice) =>\n                ponto === null ? null : (\n                  <text\n                    className={styles.valueLabel}\n                    key={indice}\n                    textAnchor=\"middle\"\n                    x={ponto.x}\n                    y={ponto.y - 10}\n                  >\n                    {formatValue(serie.values[indice] ?? 0)}\n                  </text>\n                ),\n              )}\n          </g>\n        );\n      })}\n    </CartesianFrame>\n  );\n}\n"],"names":["isolado","pontos","indice","ChartLine","accent","categories","curve","defaultHiddenSeries","emptyMessage","formatValue","formatarNumero","height","includeZero","hiddenSeries","labelAngle","legend","legendAlign","onHiddenSeriesChange","series","showDataLabels","showDots","title","xAxis","yAxis","yAxisRight","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","toggle","useSeriesToggle","cores","useMemo","resolveSeriesColors","dominio","mergeDomains","serie","domainOf","valor","rotulosDeValor","valueLabelsFor","margins","plot","rotation","cartesianLayout","valueLabelRoom","escalaCategorias","pointScale","escalaAlvo","linearScale","minimo","maximo","useTweenedNumbers","escalaValores","marcasDeValor","ticksFor","pontosPorSerie","categoria","marcasCategoria","marcasValor","jsx","CartesianFrame","indiceSerie","oculta","jsxs","styles","linePath","ponto","descricao"],"mappings":"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"}
+{"version":3,"file":"ChartLine.js","sources":["../../../../src/components/charts/ChartLine/ChartLine.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  CartesianFrame,\n  categoryTooltip,\n  PointBands,\n  PointCursor,\n  seriesInScale,\n  useCartesianLayout,\n  chartHeight,\n  linePath,\n  markShown,\n  nearestSeriesAt,\n  pointLabelPlacement,\n  useChartMetrics,\n  useHoveredBand,\n  useSeriesToggle,\n  useTweenedNumbers,\n  valueLabelRoom,\n  valueLabelsFor,\n  type AxisLabelAngle,\n  type AxisTick,\n  type AxisVisibility,\n  type ChartCurve,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n  type ChartPoint,\n  type MarkVisibility,\n} from '../core';\nimport { resolveSeriesColors, type SeriesAppearance } from '../palette';\nimport { domainOf, linearScale, mergeDomains, pointScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartLine.module.css';\n/**\n * Ponto sem vizinho desenhado. A curva entre ele e o nada nao tem tracado, e o\n * marcador so no hover deixaria o dado invisivel — entao ele aparece sempre.\n */\nfunction isolado(pontos: readonly (ChartPoint | null)[], indice: number) {\n  return pontos[indice] !== null && !pontos[indice - 1] && !pontos[indice + 1];\n}\n\n\nexport interface ChartLineSeries extends SeriesAppearance {\n  label: string;\n  values: readonly (number | null)[];\n}\n\nexport interface ChartLineProps {\n  accent?: string;\n  categories: readonly string[];\n  curve?: ChartCurve;\n  defaultHiddenSeries?: readonly string[];\n  emptyMessage?: string;\n  /** Formato dos valores no balao. Sem ele, vale o `formatValue`: o eixo pode sair compacto e o balao, exato. */\n  formatTooltipValue?: (value: number) => string;\n  formatValue?: (value: number) => string;\n  /**\n   * Inclui o zero no dominio do eixo de valor. Ligado por padrao, porque marca\n   * que nao parte do zero exagera a diferenca; para medidas que nao se comparam\n   * a ele — um ano, uma temperatura — desligue; um ano pede tambem um formato sem separador de milhar em `formatValue`.\n   */\n  includeZero?: boolean;\n  height?: ChartHeight;\n  hiddenSeries?: readonly string[];\n  labelAngle?: AxisLabelAngle;\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSeriesChange?: (hidden: readonly string[]) => void;\n  /** Indice da categoria mais proxima do ponteiro, ou `null` ao sair. */\n  onHoverCategory?: (index: number | null) => void;\n  series: readonly ChartLineSeries[];\n  /** Valor acima de cada ponto: sempre, nunca, ou so os da serie mais proxima do ponteiro. */\n  showDataLabels?: MarkVisibility;\n  /** Pontos de cada valor: sempre, nunca, ou so os da serie mais proxima do ponteiro. */\n  showDots?: MarkVisibility;\n  /**\n   * Balao com as series da categoria mais proxima do ponteiro. Desligue para montar o proprio\n   * `ChartTooltip` pela costura; sem balao nem costura, o ponto volta a ter o `<title>`.\n   */\n  showTooltip?: boolean;\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\nexport function ChartLine({\n  accent,\n  categories,\n  curve = 'smooth',\n  defaultHiddenSeries,\n  emptyMessage = 'Sem dados no período',\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height = 260,\n  includeZero = true,\n  hiddenSeries,\n  labelAngle = 'auto',\n  legend = 'bottom',\n  legendAlign,\n  onHiddenSeriesChange,\n  onHoverCategory,\n  series,\n  showDataLabels = 'hidden',\n  showDots = 'onHover',\n  showTooltip = true,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartLineProps) {\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\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 dominio = useMemo(\n    () =>\n      mergeDomains(\n        seriesInScale(series, isOutOfScale).map((serie) =>\n          domainOf(\n            serie.values.filter((valor) => valor !== null),\n            { includeZero },\n          ),\n        ),\n      ),\n    [includeZero, isOutOfScale, series],\n  );\n\n  const rotulosDeValor = valueLabelsFor(dominio, alturaDoDesenho, formatValue);\n\n  const { axisReveal, margins, plot, rotation } = useCartesianLayout({\n    bottomLabels: categories,\n    font,\n    height: alturaDoDesenho,\n    labelAngle,\n    leftLabels: rotulosDeValor,\n    rightLabels: rotulosDeValor,\n    topRoom: showDataLabels === 'hidden' ? 0 : valueLabelRoom(font),\n    width,\n    xAxis,\n    yAxis,\n    yAxisRight,\n  });\n\n  const escalaCategorias = useMemo(\n    () => pointScale({ domain: categories, padding: 0, range: [0, plot.width] }),\n    [categories, plot.width],\n  );\n\n  const { hover: focarCategoria, hovered: categoriaEmFoco } = useHoveredBand(onHoverCategory);\n  const [alturaDoPonteiro, setAlturaDoPonteiro] = useState<number | null>(null);\n  const comFaixas =\n    showTooltip || onHoverCategory !== undefined || showDots === 'onHover' || showDataLabels === 'onHover';\n\n  // A escala alvo fixa as marcas; a animada posiciona o desenho. Sem separar as\n  // duas, as marcas exibiriam valores quebrados durante a transicao.\n  const escalaAlvo = useMemo(\n    () => linearScale({ domain: dominio, range: [plot.height, 0] }),\n    [dominio, plot.height],\n  );\n\n  const [minimo, maximo] = useTweenedNumbers(escalaAlvo.domain());\n\n  const escalaValores = useMemo(\n    () => linearScale({ domain: { min: minimo, max: maximo }, nice: false, range: [plot.height, 0] }),\n    [maximo, minimo, plot.height],\n  );\n\n  const marcasDeValor = ticksFor(escalaAlvo, plot.height);\n\n  const pontosPorSerie = series.map((serie) =>\n    categories.map<ChartPoint | null>((categoria, indice) => {\n      const valor = serie.values[indice];\n\n      if (valor === null || valor === undefined || !Number.isFinite(valor)) {\n        return null;\n      }\n\n      return { x: escalaCategorias(categoria) ?? 0, y: escalaValores(valor) };\n    }),\n  );\n\n  const serieEmFoco = nearestSeriesAt(pontosPorSerie, categoriaEmFoco, alturaDoPonteiro, (indice) =>\n    isHidden(series[indice].label),\n  );\n\n  const marcasCategoria: AxisTick[] = categories.map((categoria) => ({\n    label: categoria,\n    position: escalaCategorias(categoria) ?? 0,\n  }));\n  const posicoesCategoria = marcasCategoria.map((marca) => marca.position);\n\n  const marcasValor: AxisTick[] = marcasDeValor.map((valor) => ({\n    label: formatValue(valor),\n    position: escalaValores(valor),\n  }));\n\n  return (\n    <CartesianFrame\n      axisReveal={axisReveal}\n      containerRef={ref}\n      empty={series.length === 0 || categories.length === 0}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      grid={[\n        {\n          baseline: escalaValores(0),\n          lines: marcasDeValor.map((valor) => escalaValores(valor)),\n          orientation: 'horizontal',\n        },\n      ]}\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          ? categoryTooltip({\n              categories,\n              colors: cores,\n              format: formatTooltipValue ?? formatValue,\n              index: categoriaEmFoco,\n              isHidden,\n              series,\n            })\n          : undefined\n      }\n      width={width}\n      xAxis={{ labelRotation: rotation, ticks: marcasCategoria, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: marcasValor, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: marcasValor, visibility: yAxisRight }}\n    >\n      {comFaixas && categoriaEmFoco !== null && (\n        <PointCursor plot={plot} position={posicoesCategoria[categoriaEmFoco]} />\n      )}\n\n      {series.map((serie, indiceSerie) => {\n        const oculta = isHidden(serie.label);\n\n        return (\n          <g\n            aria-hidden={oculta || undefined}\n            className={`${styles.series} ${oculta ? styles.seriesOff : ''}`}\n            key={indiceSerie}\n          >\n            <path\n              className={styles.line}\n              d={linePath(pontosPorSerie[indiceSerie], curve)}\n              fill=\"none\"\n              stroke={cores[indiceSerie]}\n            />\n\n            {pontosPorSerie[indiceSerie].map((ponto, indice) => {\n              if (ponto === null) {\n                return null;\n              }\n\n              const descricao = `${serie.label}, ${categories[indice]}: ${formatValue(serie.values[indice] ?? 0)}`;\n\n              return (\n                <circle\n                  aria-label={descricao}\n                  className={\n                    markShown(showDots, indiceSerie === serieEmFoco) || isolado(pontosPorSerie[indiceSerie], indice)\n                      ? styles.dotVisible\n                      : styles.dot\n                  }\n                  cx={ponto.x}\n                  cy={ponto.y}\n                  stroke={cores[indiceSerie]}\n                  key={indice}\n                  r={4}\n                >\n                  {!comFaixas && <title>{descricao}</title>}\n                </circle>\n              );\n            })}\n\n            {showDataLabels !== 'hidden' &&\n              pontosPorSerie[indiceSerie].map((ponto, indice) => {\n                if (ponto === null) {\n                  return null;\n                }\n\n                const { below, dx, textAnchor } = pointLabelPlacement(pontosPorSerie, indiceSerie, indice, font.lineHeight, (outra) =>\n                  isHidden(series[outra].label),\n                );\n\n                return (\n                  <text\n                    className={`${styles.valueLabel} ${markShown(showDataLabels, indiceSerie === serieEmFoco) ? '' : styles.valueLabelHidden}`}\n                    key={indice}\n                    textAnchor={textAnchor}\n                    x={ponto.x + dx}\n                    y={below ? ponto.y + font.lineHeight + 2 : ponto.y - 10}\n                  >\n                    {formatValue(serie.values[indice] ?? 0)}\n                  </text>\n                );\n              })}\n          </g>\n        );\n      })}\n\n      {comFaixas && (\n        <PointBands\n          onHover={focarCategoria}\n          onPointerY={setAlturaDoPonteiro}\n          plot={plot}\n          positions={posicoesCategoria}\n        />\n      )}\n    </CartesianFrame>\n  );\n}\n"],"names":["isolado","pontos","indice","ChartLine","accent","categories","curve","defaultHiddenSeries","emptyMessage","formatTooltipValue","formatValue","formatarNumero","height","includeZero","hiddenSeries","labelAngle","legend","legendAlign","onHiddenSeriesChange","onHoverCategory","series","showDataLabels","showDots","showTooltip","title","xAxis","yAxis","yAxisRight","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","isOutOfScale","toggle","useSeriesToggle","serie","cores","useMemo","resolveSeriesColors","dominio","mergeDomains","seriesInScale","domainOf","valor","rotulosDeValor","valueLabelsFor","axisReveal","margins","plot","rotation","useCartesianLayout","valueLabelRoom","escalaCategorias","pointScale","focarCategoria","categoriaEmFoco","useHoveredBand","alturaDoPonteiro","setAlturaDoPonteiro","useState","comFaixas","escalaAlvo","linearScale","minimo","maximo","useTweenedNumbers","escalaValores","marcasDeValor","ticksFor","pontosPorSerie","categoria","serieEmFoco","nearestSeriesAt","marcasCategoria","posicoesCategoria","marca","marcasValor","jsxs","CartesianFrame","categoryTooltip","jsx","PointCursor","indiceSerie","oculta","styles","linePath","ponto","descricao","markShown","below","dx","textAnchor","pointLabelPlacement","outra","PointBands"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_line_1r7tk_1 _line_141iy_132",s="_dot_1r7tk_5 _dot_141iy_140",_="_dotVisible_1r7tk_9 _dotVisible_141iy_145",i="_valueLabel_1r7tk_13 _valueLabel_141iy_124",t="_series_1r7tk_17 _series_141iy_209",l="_seriesOff_1r7tk_21 _seriesOff_141iy_213",o={line:e,dot:s,dotVisible:_,valueLabel:i,series:t,seriesOff:l};exports.default=o;exports.dot=s;exports.dotVisible=_;exports.line=e;exports.series=t;exports.seriesOff=l;exports.valueLabel=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_line_6wl2h_1 _line_yf6oe_121",l="_dot_6wl2h_5 _dot_yf6oe_130",_="_dotVisible_6wl2h_9 _dotVisible_yf6oe_137",s="_valueLabel_6wl2h_13 _valueLabel_yf6oe_103",i="_series_6wl2h_17 _series_yf6oe_211",o="_seriesOff_6wl2h_21 _seriesOff_yf6oe_215",t="_valueLabelHidden_6wl2h_25 _valueLabelHidden_yf6oe_116",a={line:e,dot:l,dotVisible:_,valueLabel:s,series:i,seriesOff:o,valueLabelHidden:t};exports.default=a;exports.dot=l;exports.dotVisible=_;exports.line=e;exports.series=i;exports.seriesOff=o;exports.valueLabel=s;exports.valueLabelHidden=t;
 //# sourceMappingURL=ChartLine.module.css.cjs.map

package/dist/components/charts/ChartLine/ChartLine.module.css.js

@@ -1,18 +1,20 @@
-const _ = "_line_1r7tk_1 _line_141iy_132", e = "_dot_1r7tk_5 _dot_141iy_140", s = "_dotVisible_1r7tk_9 _dotVisible_141iy_145", i = "_valueLabel_1r7tk_13 _valueLabel_141iy_124", t = "_series_1r7tk_17 _series_141iy_209", l = "_seriesOff_1r7tk_21 _seriesOff_141iy_213", o = {
-  line: _,
-  dot: e,
-  dotVisible: s,
-  valueLabel: i,
-  series: t,
-  seriesOff: l
+const e = "_line_6wl2h_1 _line_yf6oe_121", _ = "_dot_6wl2h_5 _dot_yf6oe_130", l = "_dotVisible_6wl2h_9 _dotVisible_yf6oe_137", s = "_valueLabel_6wl2h_13 _valueLabel_yf6oe_103", i = "_series_6wl2h_17 _series_yf6oe_211", o = "_seriesOff_6wl2h_21 _seriesOff_yf6oe_215", t = "_valueLabelHidden_6wl2h_25 _valueLabelHidden_yf6oe_116", a = {
+  line: e,
+  dot: _,
+  dotVisible: l,
+  valueLabel: s,
+  series: i,
+  seriesOff: o,
+  valueLabelHidden: t
 };
 export {
-  o as default,
-  e as dot,
-  s as dotVisible,
-  _ as line,
-  t as series,
-  l as seriesOff,
-  i as valueLabel
+  a as default,
+  _ as dot,
+  l as dotVisible,
+  e as line,
+  i as series,
+  o as seriesOff,
+  s as valueLabel,
+  t as valueLabelHidden
 };
 //# sourceMappingURL=ChartLine.module.css.js.map

package/dist/components/charts/ChartLine/ChartLine.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLine.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"ChartLine.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/charts/ChartMap/ChartMap.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),Lt=require("d3-array"),gt=require("d3-geo"),Kt=require("d3-scale"),o=require("react"),Ut=require("./ChartMapLegend.cjs"),zt=require("./ChartMapTable.cjs"),se=require("./mapGeometry.cjs"),Ee=require("./mapLabels.cjs"),Gt=require("./mapScales.cjs"),n=require("./ChartMap.module.css.cjs"),vt=require("../core/useChartMetrics.cjs"),xt=require("../core/useSeriesToggle.cjs"),Mt=require("../../../utils/formatters/formatarNumero.cjs"),Vt=require("../palette/seriesColor.cjs"),Wt=require("../../actions/Button/Button.cjs"),Xt=require("../../feedback/EmptyState/EmptyState.cjs"),Jt=require("../../icons/icons.cjs"),Qt=require("../ChartTooltip/ChartTooltip.cjs"),Yt=require("../core/measureText.cjs"),Zt={type:"sequential"},Rt=640,De=160,ea=240,ta="repeating-linear-gradient(45deg, var(--pl-chart-no-data-hatch) 0 1.5px, var(--pl-chart-no-data) 1.5px 4px)",aa="var(--pl-color-surface-subtle)",sa=c=>Mt.formatarPercentual(c,{casasDecimais:1}),na=(c,l,i)=>`${c} ${c===1?l:i}`;function la(c){return c>1e3?.25:c>100?.5:.8}function ra(){try{return process.env.NODE_ENV!=="production"}catch{return!1}}function ia({all:c,callouts:l,fixedHeight:i,font:x,labels:D,maxHeight:j,target:d,valueOf:M,width:y}){const C=g=>Yt.measureLabel(g,x),ge=x.size+1,p=g=>{const _=i?j:Math.round(Math.min(j,Math.max(De,se.naturalHeight(d,g)))),O=se.fitProjection(d,c,g,_);if(!D)return{height:_,plan:{callouts:[],inside:[]},projection:O};const ve=d.map(A=>{let G;return{bounds:se.projectedBounds(A,O),id:A.id,get parts(){return G??(G=se.projectedParts(A,O)),G},title:A.label,value:M(A)}});return{height:_,plan:Ee.planLabels(ve,{callouts:l,calloutStep:x.lineHeight,height:_,lineHeight:ge,measure:C,right:g}),projection:O}},B=p(y);if(B.plan.callouts.length===0)return B;const F=Math.ceil(Math.max(...B.plan.callouts.map(g=>Ee.calloutWidth(g,C)))+Ee.CALLOUT_GAP+4);return p(Math.max(y-F,y/2))}function oa({accent:c,colorScale:l=Zt,data:i=[],defaultHiddenSeries:x,emptyMessage:D="Sem dados",featureIdKey:j="id",featureLabelKey:d,featureNameKey:M="properties.name",focus:y,formatPercent:C=sa,formatTooltipValue:ge,formatValue:p=Mt.formatarNumero,geometry:B,height:F=440,hiddenClasses:g,hiddenSeries:_,legend:O="bottom",legendAlign:ve="center",markerMaxSize:A=20,markerMinSize:G=3,markers:yt,markerValueLabel:xe="Valor",noDataLabel:V="Sem dado",noDataStyle:Be="hatch",onHiddenClassesChange:Fe,onHiddenSeriesChange:$t,onHoverRegion:b,onMarkerClick:Me,onRegionClick:ye,regionLabels:$e="visible",selectedRegion:W,showDataLabels:ke="hidden",showShare:_e=!1,showTableToggle:kt=!0,showTooltip:jt=!0,smallRegionLabels:Le="callout",subtitle:Ke,title:ne,valueLabel:je="Valor"}){var ft;const Ue=o.useId(),ze=o.useId(),Ge=`${o.useId().replace(/[^\w-]/g,"")}-hatch`,be=vt.useChartMetrics(),L=vt.useChartMetrics(),Ve=o.useRef(null),X=xt.useSeriesToggle({defaultHiddenSeries:x,hiddenSeries:_,onHiddenSeriesChange:$t}),bt=o.useMemo(()=>g==null?void 0:g.map(String),[g]),Nt=xt.useSeriesToggle({hiddenSeries:bt,onHiddenSeriesChange:Fe&&(e=>Fe(e.map(Number)))}),[J,Tt]=o.useState(null),[We,Xe]=o.useState(null),[Je,le]=o.useState(null),[Ne,wt]=o.useState(null),[Q,St]=o.useState(!1),v=o.useMemo(()=>se.regionsOf(B,{idKey:j,labelKey:d,nameKey:M}),[j,d,M,B]),Te=(y??[]).join("\0"),{context:Qe,inPlay:re}=o.useMemo(()=>{const e=new Set(Te?Te.split("\0"):[]),t=v.filter(s=>e.has(s.id));return t.length>0?{context:v.filter(s=>!e.has(s.id)),inPlay:t}:{context:[],inPlay:v}},[Te,v]),we=l.type==="categorical"?X:Nt,Ye=we.isHidden,{entries:m,ranked:H,scale:$}=o.useMemo(()=>{const e=new Map;i.forEach(r=>{e.has(r.id)||e.set(r.id,r)});const t=re.map(r=>{const u=e.get(r.id),k=u==null?void 0:u.value;return{category:(u==null?void 0:u.category)??null,region:r,value:typeof k=="number"&&Number.isFinite(k)?k:null}}),s=Gt.buildMapScale(l,t.flatMap(r=>r.value??[]),p,c),h=t.filter(r=>r.value!==null).sort((r,u)=>u.value-r.value),f=new Map(h.map((r,u)=>[r.region.id,u+1])),w=t.map(r=>{const u=s.keyOf(r),k=f.get(r.region.id),S=s.numeric?r.value===null?void 0:p(r.value):s.labelOf(r),E=l.type==="none"?r.region.name:[r.region.name,S??V,k&&`${k}º de ${h.length}`].filter(Boolean).join(", ");return{...r,description:E,fill:s.fillOf(r),hidden:u!==void 0&&Ye(u),key:u,rank:k,valueText:S}});return{entries:w,ranked:w.filter(r=>r.rank!==void 0).sort((r,u)=>r.rank-u.rank),scale:s}},[c,l,i,p,re,Ye,V]),Se=Lt.sum(H,e=>e.value),ie=l.type==="none"?0:m.filter(e=>e.fill===void 0).length,oe=o.useMemo(()=>{const e=new Set(v.map(t=>t.id));return i.filter(t=>!e.has(t.id)).map(t=>t.id).join(", ")},[i,v]);o.useEffect(()=>{oe&&ra()&&console.warn(`ChartMap "${ne}": ${oe.split(", ").length} dado(s) sem região na geometria, fora do desenho: ${oe}.`)},[oe,ne]);const K=yt??[],Ze=o.useMemo(()=>Vt.resolveSeriesColors(K,{accent:c}),[c,K]),ce=new Set(K.flatMap(e=>e.points.filter(t=>[t.latitude,t.longitude,t.value].every(Number.isFinite)&&t.value>=0))),Re=ce.size>0,U=v.length===0||!Re&&($.numeric?H.length===0:l.type==="categorical"&&m.every(e=>e.fill===void 0)),Oe=O==="right"&&be.width>=Rt,Y=O==="right"&&!Oe?"bottom":O,Z=L.width,R=F==="fill",et=R?Math.max(L.height,De):F,tt=$e!=="hidden",at=ke!=="hidden"&&$.numeric,N=o.useMemo(()=>{if(Z===0||U)return;const e=new Map(m.map(t=>[t.region.id,t.valueText]));return ia({all:v,callouts:Le==="callout",fixedHeight:R,font:L.font,labels:tt,maxHeight:et,target:re,valueOf:t=>at?e.get(t.id):void 0,width:Z})},[U,m,R,re,tt,et,L.font,v,Le,at,Z]),q=N==null?void 0:N.projection,st=(N==null?void 0:N.height)??0,P=o.useMemo(()=>{if(!q)return new Map;const e=gt.geoPath(q);return new Map(v.map(t=>[t.id,e(t.shape)??""]))},[q,v]),qe=Kt.scaleSqrt().domain([0,Math.max(...[...ce].map(e=>e.value),1)]).range([0,A]),Ie=q?K.flatMap((e,t)=>X.isHidden(e.id)?[]:e.points.flatMap((s,h)=>{const f=ce.has(s)?q([s.longitude,s.latitude]):null;return f?[{color:Ze[t],key:`marker:${t}:${h}`,point:s,radius:Math.max(G,qe(s.value)),series:e,x:f[0],y:f[1]}]:[]})).sort((e,t)=>t.radius-e.radius):[],I=ye!==void 0,ee=Me!==void 0,nt=I||ee,Ce=e=>`region:${e}`,ue=[...I?m.map((e,t)=>Ce(t)):[],...ee?Ie.map(e=>e.key):[]],de=m.findIndex(e=>e.region.id===W),Ae=ue.includes(Je??"")?Je:I&&de>=0?Ce(de):ue[0],te=e=>e!=null&&e.startsWith("region:")?m[Number(e.slice(7))]:void 0,he=e=>Ie.find(t=>t.key===e),ae=te(We),fe=he(We),T=(J==null?void 0:J.kind)==="region"?J.entry:void 0,Ot=(T==null?void 0:T.region.id)??(ae==null?void 0:ae.region.id),qt=e=>({category:e.category,feature:e.region.feature,id:e.region.id,name:e.region.name,value:e.value}),It=({point:e,series:t})=>({id:e.id,series:t.id,value:e.value}),Ct=({point:e,series:t})=>`${e.label}, ${t.label}, ${p(e.value)}`;function me(e){var t,s;return((s=(t=e.target).getAttribute)==null?void 0:s.call(t,"data-mark"))??null}function lt(e){const t=te(e),s=he(e);Tt(t?{entry:t,kind:"region"}:s?{kind:"marker",marker:s}:null),b==null||b((t==null?void 0:t.region.id)??null)}function rt(e){const t=te(e),s=he(e);t&&ye?(le(e),ye(qt(t))):s&&Me&&(le(e),Me(It(s)))}function At(e,[t,s]){if(!q)return;const h=gt.geoPath(q),f=S=>{const E=te(S),z=he(S);return E?h.centroid(E.region.shape):z?[z.x,z.y]:[0,0]},[w,r]=f(e);let u,k=1/0;return ue.forEach(S=>{if(S===e)return;const[E,z]=f(S),mt=(E-w)*t+(z-r)*s,pt=mt+2*Math.abs((E-w)*s-(z-r)*t);mt>1&&pt<k&&(k=pt,u=S)}),u}function Ht(e){var h,f;const t=me(e),s={ArrowDown:[0,1],ArrowLeft:[-1,0],ArrowRight:[1,0],ArrowUp:[0,-1]};if(!(!t||!ue.includes(t))){if(e.key==="Enter"||e.key===" "){e.preventDefault(),rt(t);return}if(e.key in s){e.preventDefault();const w=At(t,s[e.key]);w&&(le(w),(f=(h=Ve.current)==null?void 0:h.querySelector(`[data-mark="${w}"]`))==null||f.focus())}}}const it={onBlur:()=>{Xe(null),b==null||b(null)},onClick:e=>rt(me(e)),onFocus:e=>{var s;const t=me(e);Xe(t),le(t),b==null||b(((s=te(t))==null?void 0:s.region.id)??null)},onKeyDown:Ht,onMouseOut:()=>lt(null),onMouseOver:e=>lt(me(e))},pe=la(v.length),ot=(N==null?void 0:N.plan)??{callouts:[],inside:[]},ct=L.font.size+1,ut=Be==="hatch"?`url(#${Ge})`:"var(--pl-chart-no-data)",Pt=o.useMemo(()=>m.map((e,t)=>{const s=Ce(t),h=Ne!==null&&e.key!==Ne;return a.jsx("path",{"aria-label":e.description,"aria-pressed":I&&W!==void 0?e.region.id===W:void 0,className:`${n.default.region} ${I?n.default.clickable:""} ${h?n.default.dimmed:""}`,d:P.get(e.region.id),"data-mark":s,fill:e.hidden?aa:e.fill??ut,role:I?"button":void 0,strokeWidth:pe,tabIndex:I?s===Ae?0:-1:void 0},t)}),[m,Ne,ut,P,I,W,pe,Ae]),Et=o.useMemo(()=>Qe.map((e,t)=>a.jsx("path",{className:n.default.context,d:P.get(e.id),strokeWidth:pe},t)),[Qe,P,pe]),Dt=(()=>{const e=na(m.length,"região","regiões"),t=ie>0?` ${ie} sem dado.`:"",s=nt?" Use as setas para percorrer as marcas.":"";if(!$.numeric||H.length===0)return`Mapa de ${e}.${t}${s}`;const[h,f]=[H[0],H[H.length-1]];return`Mapa de ${e}. Maior valor: ${h.region.name}, ${p(h.value)}. Menor: ${f.region.name}, ${p(f.value)}.${t}${s}`})();function dt(e,t){return`${n.default.label} ${t?n.default.labelOnHover:""} ${Ot===e?n.default.labelActive:""}`}const He=q&&a.jsxs("svg",{"aria-describedby":ze,"aria-labelledby":Ue,className:`${n.default.canvas} ${R?n.default.canvasFill:""}`,height:st,ref:Ve,role:nt?"group":"img",viewBox:`0 0 ${Z} ${st}`,width:Z,children:[a.jsx("defs",{children:a.jsxs("pattern",{height:6,id:Ge,patternTransform:"rotate(45)",patternUnits:"userSpaceOnUse",width:6,children:[a.jsx("rect",{className:n.default.hatchBackground,height:6,width:6}),a.jsx("line",{className:n.default.hatchLine,x1:0,x2:0,y1:0,y2:6})]})}),a.jsx("g",{"aria-hidden":"true",className:n.default.passThrough,children:Et}),a.jsx("g",{...it,children:Pt}),a.jsxs("g",{"aria-hidden":"true",className:n.default.passThrough,children:[de>=0&&a.jsx("path",{className:n.default.selectedOutline,d:P.get(m[de].region.id)}),T&&a.jsx("path",{className:n.default.hoverOutline,d:P.get(T.region.id)}),ae&&a.jsx("path",{className:n.default.focusOutline,d:P.get(ae.region.id)})]}),a.jsxs("g",{...it,children:[Ie.map(e=>a.jsx("circle",{"aria-label":Ct(e),className:`${n.default.marker} ${ee?n.default.clickable:""}`,cx:e.x,cy:e.y,"data-mark":e.key,fill:e.color,r:e.radius,role:ee?"button":"img",tabIndex:ee?e.key===Ae?0:-1:void 0},e.key)),fe&&a.jsx("circle",{"aria-hidden":"true",className:n.default.focusOutline,cx:fe.x,cy:fe.y,r:fe.radius+3})]}),a.jsxs("g",{"aria-hidden":"true",className:n.default.passThrough,children:[ot.inside.map(e=>a.jsxs("text",{className:dt(e.id,$e==="onHover"),x:e.x,y:e.y,children:[a.jsx("tspan",{dominantBaseline:"central",x:e.x,y:e.value?e.y-ct/2:e.y,children:e.title}),e.value&&a.jsx("tspan",{className:`${n.default.labelValue} ${ke==="onHover"?n.default.valueOnHover:""}`,dominantBaseline:"central",x:e.x,y:e.y+ct/2,children:e.value})]},e.id)),ot.callouts.map(e=>a.jsxs("g",{className:dt(e.id,$e==="onHover"),children:[a.jsx("path",{className:n.default.leader,d:`M${e.anchor[0]},${e.anchor[1]}L${e.x-12},${e.y}L${e.x-4},${e.y}`}),a.jsx("circle",{className:n.default.leaderDot,cx:e.anchor[0],cy:e.anchor[1],r:1.8}),a.jsxs("text",{className:n.default.callout,dominantBaseline:"central",x:e.x,y:e.y,children:[e.title,e.value&&a.jsx("tspan",{className:`${n.default.labelValue} ${ke==="onHover"?n.default.valueOnHover:""}`,dx:5,children:e.value})]})]},e.id))]})]}),Bt=ca(J,{formatPercent:C,formatTooltipValue:ge??p,markerValueLabel:xe,noDataLabel:V,rankedCount:H.length,scale:$,showShare:_e,total:Se,valueLabel:je,colorScale:l}),Pe=new Map;m.forEach(e=>e.key!==void 0&&Pe.set(e.key,(Pe.get(e.key)??0)+1));const ht=Y!=="none"&&a.jsx(Ut.ChartMapLegend,{align:ve,entries:$.entries.map(e=>({...e,count:Pe.get(e.key)??0,hidden:we.isHidden(e.key)})),formatValue:p,gradient:$.gradient,indicator:(T==null?void 0:T.value)==null||(ft=$.gradient)==null?void 0:ft.position(T.value),markerSeries:K.map((e,t)=>({color:Ze[t],hidden:X.isHidden(e.id),key:e.id,label:e.label})),markerSizes:Re?{maximum:qe.domain()[1],radiusOf:e=>Math.max(G,qe(e))}:void 0,markerValueLabel:xe,noData:ie>0?{color:Be==="hatch"?ta:"var(--pl-chart-no-data)",count:ie,label:V}:void 0,onHighlight:e=>wt(e),onToggle:we.toggle,onToggleMarkerSeries:X.toggle,position:Y,style:Oe?{width:Math.min(ea,Math.round(be.width*.3))}:void 0,valueLabel:je}),Ft=m.filter(e=>!e.hidden).map(e=>({classLabel:l.type==="classes"?$.labelOf(e):void 0,id:e.region.id,name:e.region.name,rank:e.rank,selected:e.region.id===W,share:e.value!==null&&Se>0?e.value/Se:void 0,value:e.value,valueText:e.valueText})),_t=K.flatMap(e=>X.isHidden(e.id)?[]:e.points.filter(t=>ce.has(t)).map(t=>({key:`${e.id}:${t.id}`,name:t.label,series:e.label,value:p(t.value)})));return a.jsxs("figure",{className:n.default.figure,children:[a.jsxs("figcaption",{className:n.default.header,children:[a.jsxs("span",{className:n.default.heading,children:[a.jsx("span",{className:n.default.title,id:Ue,children:ne}),Ke&&a.jsx("span",{className:n.default.subtitle,children:Ke})]}),kt&&!U&&a.jsx(Wt.Button,{"aria-pressed":Q,className:n.default.tableToggle,onClick:()=>St(e=>!e),size:"sm",variant:"secondary",children:"Ver como tabela"})]}),a.jsx("span",{className:n.default.visuallyHidden,id:ze,children:Dt}),a.jsxs("div",{className:`${n.default.body} ${Oe&&!Q?n.default.bodyRow:""}`,ref:be.ref,children:[Y==="top"&&!Q&&!U&&ht,U?a.jsx("div",{className:n.default.empty,children:a.jsx(Xt.EmptyState,{icon:a.jsx(Jt.IconChartBar,{}),size:"sm",title:D})}):Q?a.jsx(zt.ChartMapTable,{markerRows:_t,markerValueLabel:xe,maxHeight:typeof F=="number"?Math.max(F,De):void 0,noDataLabel:V,regionRows:Ft,showClasses:l.type==="classes",showRank:$.numeric,showShare:_e&&$.numeric,showValue:l.type!=="none",formatPercent:C,title:ne,valueLabel:je}):a.jsx("div",{className:`${n.default.plot} ${R?n.default.plotFill:""}`,ref:L.ref,children:He&&(jt?a.jsx(Qt.ChartTooltip,{...Bt,children:He}):He)}),(Y==="bottom"||Y==="right")&&!Q&&!U&&ht]})]})}function ca(c,l){if(c===null)return{rows:[]};if(c.kind==="marker"){const{color:M,point:y,series:C}=c.marker;return{columns:[{format:l.formatTooltipValue}],computed:"none",rows:[{color:M,label:l.markerValueLabel,values:[y.value]}],subtitle:C.label,title:y.label}}const{entry:i}=c,{region:x}=i,D=x.label!==x.name?x.label:void 0,j=(M,y)=>({format:()=>y,label:M,values:[0]}),d=[];if(l.colorScale.type==="none")d.push({label:D??x.name,values:[]});else if(!l.scale.numeric)d.push(i.valueText?{...j(l.valueLabel,i.valueText),color:i.fill}:{label:l.noDataLabel,values:[]});else if(i.value===null)d.push({label:l.noDataLabel,values:[]});else{d.push({color:i.fill,label:l.valueLabel,values:[i.value]});const M=l.colorScale.type==="classes"?l.scale.labelOf(i):void 0;M&&d.push(j("Faixa",M)),l.showShare&&l.total>0&&d.push({format:l.formatPercent,label:"% do total",values:[i.value/l.total]}),d.push(j("Posição",`${i.rank}º de ${l.rankedCount}`))}return i.hidden&&d.push({label:"Oculta pela legenda",values:[]}),{columns:[{format:l.formatTooltipValue}],computed:"none",rows:d,subtitle:D,title:x.name}}exports.ChartMap=oa;
+//# sourceMappingURL=ChartMap.cjs.map