@plenustech/design-system 0.2.1 → 0.2.3

package/dist/components/charts/ChartDonut/ChartDonut.js

@@ -0,0 +1,118 @@
+import { jsxs as p, jsx as c } from "react/jsx-runtime";
+import a from "./ChartDonut.module.css.js";
+import { useChartMetrics as q } from "../core/useChartMetrics.js";
+import { useSliceRing as B } from "../core/useSliceRing.js";
+import { fitCenterText as G } from "../core/centerText.js";
+import { formatarNumero as J } from "../../../utils/formatters/formatarNumero.js";
+import { ChartFrame as K } from "../core/ChartFrame.js";
+import { arcPath as P } from "../core/arcs.js";
+import { sliceTooltip as Q } from "../core/tooltips.js";
+import { chartHeight as U } from "../core/cartesianLayout.js";
+import { ringDiameter as V } from "../core/spacing.js";
+function se({
+  accent: g,
+  centerLabel: x = "Total",
+  defaultHiddenSlices: v,
+  emptyMessage: M = "Sem dados no período",
+  formatPercent: i = (n) => `${Math.round(n * 100)}%`,
+  formatTooltipValue: b,
+  formatValue: s = J,
+  height: y = 260,
+  hiddenSlices: C,
+  legend: D = "right",
+  legendAlign: N,
+  onHiddenSlicesChange: R,
+  onHoverSlice: H,
+  otherLabel: O = "Outros",
+  showCenter: S = !0,
+  showLegendValues: T = !0,
+  showTooltip: $ = !0,
+  sliceRadius: z,
+  slices: m,
+  smallSliceThreshold: j = 0.02,
+  thickness: w = 0.38,
+  title: A
+}) {
+  const { font: n, height: F, radius: L, ref: E, width: d } = q(), { fillHeight: I, value: u } = U(y, F), e = B({
+    accent: g,
+    defaultHiddenSlices: v,
+    hiddenSlices: C,
+    onHiddenSlicesChange: R,
+    onHoverSlice: H,
+    otherLabel: O,
+    slices: m,
+    smallSliceThreshold: j
+  }), h = V(d, u) / 2, f = h * (1 - Math.min(Math.max(w, 0), 1)), k = z ?? L, l = e.focused === null ? void 0 : e.slices[e.focused], r = G(
+    s(l ? Math.max(l.value, 0) : e.total),
+    l ? l.label : x,
+    n,
+    f * 2
+  );
+  return /* @__PURE__ */ p(
+    K,
+    {
+      centerOrigin: !0,
+      containerRef: E,
+      empty: e.slices.length === 0 || m.every((t) => !(t.value > 0)),
+      emptyMessage: M,
+      fillHeight: I,
+      height: u,
+      legend: e.slices.map((t, o) => ({
+        color: e.colors[o],
+        hidden: e.isHidden(t.label),
+        label: t.label,
+        value: T ? i(e.ratioOf(o)) : void 0
+      })),
+      legendAlign: N,
+      legendPosition: D,
+      onToggleSeries: e.toggle,
+      swatch: "dot",
+      title: A,
+      tooltip: $ ? Q({
+        colors: e.colors,
+        formatPercent: i,
+        formatValue: b ?? s,
+        index: e.focused,
+        slices: e.slices,
+        total: e.total
+      }) : void 0,
+      width: d,
+      children: [
+        e.slices.map((t, o) => /* @__PURE__ */ c(
+          "path",
+          {
+            "aria-label": `${t.label}: ${s(Math.max(t.value, 0))} (${i(e.ratioOf(o))})`,
+            className: a.slice,
+            d: P({
+              ...e.angles[o],
+              cornerRadius: k,
+              innerRadius: f,
+              outerRadius: h
+            }),
+            fill: e.colors[o],
+            onMouseEnter: () => e.focus(o),
+            onMouseLeave: () => e.focus(null)
+          },
+          o
+        )),
+        S && /* @__PURE__ */ p("g", { className: a.center, children: [
+          /* @__PURE__ */ c(
+            "text",
+            {
+              className: a.centerValue,
+              dy: r.size * 0.1,
+              style: { fontFamily: r.family, fontSize: r.size },
+              textAnchor: "middle",
+              children: r.value
+            }
+          ),
+          /* @__PURE__ */ c("text", { className: a.centerLabel, dy: r.lineHeight * 0.62, textAnchor: "middle", children: r.label })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  se as ChartDonut
+};
+//# sourceMappingURL=ChartDonut.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartDonut.js","sources":["../../../../src/components/charts/ChartDonut/ChartDonut.tsx"],"sourcesContent":["import {\n  ChartFrame,\n  arcPath,\n  chartHeight,\n  fitCenterText,\n  ringDiameter,\n  useChartMetrics,\n  sliceTooltip,\n  useSliceRing,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n  type ChartSlice,\n} from '../core';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartDonut.module.css';\n\nexport type { ChartSlice as ChartDonutSlice };\n\nexport interface ChartDonutProps {\n  accent?: string;\n  /** Texto sob o valor do centro, trocado pelo rotulo da fatia sob o ponteiro. */\n  centerLabel?: string;\n  defaultHiddenSlices?: readonly string[];\n  emptyMessage?: string;\n  formatPercent?: (ratio: number) => 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  height?: ChartHeight;\n  hiddenSlices?: readonly string[];\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSlicesChange?: (hidden: readonly string[]) => void;\n  /** Fatia sob o ponteiro, ja agrupada, ou `null` ao sair dela. */\n  onHoverSlice?: (slice: ChartSlice | null) => void;\n  /** Rotulo da fatia que reune as pequenas. */\n  otherLabel?: string;\n  /** Raio dos cantos de cada fatia. Sem valor, o token de raio pequeno. */\n  sliceRadius?: number;\n  showCenter?: boolean;\n  showLegendValues?: boolean;\n  /** Balao com a fatia sob o ponteiro, o valor e a parte do total. Desligue para montar o proprio `ChartTooltip`. */\n  showTooltip?: boolean;\n  slices: readonly ChartSlice[];\n  /** Fracao do total abaixo da qual a fatia entra no agrupamento. */\n  smallSliceThreshold?: number;\n  /** Espessura do anel, como fracao do raio. */\n  thickness?: number;\n  title: string;\n}\n\nexport function ChartDonut({\n  accent,\n  centerLabel = 'Total',\n  defaultHiddenSlices,\n  emptyMessage = 'Sem dados no período',\n  formatPercent = (fracao) => `${Math.round(fracao * 100)}%`,\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height = 260,\n  hiddenSlices,\n  legend = 'right',\n  legendAlign,\n  onHiddenSlicesChange,\n  onHoverSlice,\n  otherLabel = 'Outros',\n  showCenter = true,\n  showLegendValues = true,\n  showTooltip = true,\n  sliceRadius,\n  slices,\n  smallSliceThreshold = 0.02,\n  thickness = 0.38,\n  title,\n}: ChartDonutProps) {\n  const { font, height: alturaMedida, radius: raioDoCanto, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n\n  const anel = useSliceRing({\n    accent,\n    defaultHiddenSlices,\n    hiddenSlices,\n    onHiddenSlicesChange,\n    onHoverSlice,\n    otherLabel,\n    slices,\n    smallSliceThreshold,\n  });\n\n  const diametro = ringDiameter(width, alturaDoDesenho);\n  const raio = diametro / 2;\n  const raioInterno = raio * (1 - Math.min(Math.max(thickness, 0), 1));\n\n  const canto = sliceRadius ?? raioDoCanto;\n  const focada = anel.focused === null ? undefined : anel.slices[anel.focused];\n  const centro = fitCenterText(\n    formatValue(focada ? Math.max(focada.value, 0) : anel.total),\n    focada ? focada.label : centerLabel,\n    font,\n    raioInterno * 2,\n  );\n\n  return (\n    <ChartFrame\n      centerOrigin\n      containerRef={ref}\n      empty={anel.slices.length === 0 || slices.every((fatia) => !(fatia.value > 0))}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={anel.slices.map((fatia, indice) => ({\n        color: anel.colors[indice],\n        hidden: anel.isHidden(fatia.label),\n        label: fatia.label,\n        value: showLegendValues ? formatPercent(anel.ratioOf(indice)) : undefined,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      onToggleSeries={anel.toggle}\n      swatch=\"dot\"\n      title={title}\n      tooltip={\n        showTooltip\n          ? sliceTooltip({\n              colors: anel.colors,\n              formatPercent,\n              formatValue: formatTooltipValue ?? formatValue,\n              index: anel.focused,\n              slices: anel.slices,\n              total: anel.total,\n            })\n          : undefined\n      }\n      width={width}\n    >\n      {anel.slices.map((fatia, indice) => (\n        <path\n          aria-label={`${fatia.label}: ${formatValue(Math.max(fatia.value, 0))} (${formatPercent(anel.ratioOf(indice))})`}\n          className={styles.slice}\n          d={arcPath({\n            ...anel.angles[indice],\n            cornerRadius: canto,\n            innerRadius: raioInterno,\n            outerRadius: raio,\n          })}\n          fill={anel.colors[indice]}\n          key={indice}\n          onMouseEnter={() => anel.focus(indice)}\n          onMouseLeave={() => anel.focus(null)}\n        />\n      ))}\n\n      {showCenter && (\n        <g className={styles.center}>\n          <text\n            className={styles.centerValue}\n            dy={centro.size * 0.1}\n            style={{ fontFamily: centro.family, fontSize: centro.size }}\n            textAnchor=\"middle\"\n          >\n            {centro.value}\n          </text>\n          <text className={styles.centerLabel} dy={centro.lineHeight * 0.62} textAnchor=\"middle\">\n            {centro.label}\n          </text>\n        </g>\n      )}\n    </ChartFrame>\n  );\n}\n"],"names":["ChartDonut","accent","centerLabel","defaultHiddenSlices","emptyMessage","formatPercent","fracao","formatTooltipValue","formatValue","formatarNumero","height","hiddenSlices","legend","legendAlign","onHiddenSlicesChange","onHoverSlice","otherLabel","showCenter","showLegendValues","showTooltip","sliceRadius","slices","smallSliceThreshold","thickness","title","font","alturaMedida","raioDoCanto","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","anel","useSliceRing","raio","ringDiameter","raioInterno","canto","focada","centro","fitCenterText","jsxs","ChartFrame","fatia","indice","sliceTooltip","jsx","styles","arcPath"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_slice_o9cwf_3",c="_center_o9cwf_13",t="_centerValue_o9cwf_17",l="_centerLabel_o9cwf_23",n={slice:e,center:c,centerValue:t,centerLabel:l};exports.center=c;exports.centerLabel=l;exports.centerValue=t;exports.default=n;exports.slice=e;
+//# sourceMappingURL=ChartDonut.module.css.cjs.map

package/dist/components/charts/ChartDonut/ChartDonut.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartDonut.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,14 @@
+const e = "_slice_o9cwf_3", c = "_center_o9cwf_13", t = "_centerValue_o9cwf_17", n = "_centerLabel_o9cwf_23", _ = {
+  slice: e,
+  center: c,
+  centerValue: t,
+  centerLabel: n
+};
+export {
+  c as center,
+  n as centerLabel,
+  t as centerValue,
+  _ as default,
+  e as slice
+};
+//# sourceMappingURL=ChartDonut.module.css.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("react"),i=require("./ChartLine.module.css.cjs"),pe=require("../core/useChartMetrics.cjs"),G=require("../core/useSeriesToggle.cjs"),fe=require("../palette/seriesColor.cjs"),d=require("../scales/scales.cjs"),C=require("../core/cartesianLayout.cjs"),xe=require("../core/useCartesianLayout.cjs"),qe=require("../core/spacing.cjs"),ye=require("../core/useHoveredBand.cjs"),Ce=require("../core/useTweenedNumbers.cjs"),j=require("../core/PointBands.cjs"),Le=require("../../../utils/formatters/formatarNumero.cjs"),He=require("../core/CartesianFrame.cjs"),Pe=require("../core/shapes.cjs"),je=require("../core/pointLabels.cjs"),Me=require("../core/tooltips.cjs");function Ne(u,a){return u[a]!==null&&!u[a-1]&&!u[a+1]}function ke({accent:u,categories:a,curve:J="smooth",defaultHiddenSeries:K,emptyMessage:Q="Sem dados no período",formatTooltipValue:U,formatValue:h=Le.formatarNumero,height:W=260,includeZero:M=!0,hiddenSeries:X,labelAngle:Z="auto",legend:ee="bottom",legendAlign:oe,onHiddenSeriesChange:te,onHoverCategory:N,series:n,showDataLabels:g="hidden",showDots:k="onHover",showTooltip:F=!0,title:ae,xAxis:S="visible",yAxis:$="visible",yAxisRight:R="hidden"}){const{font:v,height:ne,ref:le,width:T}=pe.useChartMetrics(),{fillHeight:re,value:L}=C.chartHeight(W,ne),{isHidden:b,isOutOfScale:O,toggle:se}=G.useSeriesToggle({defaultHiddenSeries:K,hiddenSeries:X,labels:n.map(e=>e.label),onHiddenSeriesChange:te}),p=m.useMemo(()=>fe.resolveSeriesColors(n,{accent:u}),[u,n]),H=m.useMemo(()=>d.mergeDomains(G.seriesInScale(n,O).map(e=>d.domainOf(e.values.filter(o=>o!==null),{includeZero:M}))),[M,O,n]),A=C.valueLabelsFor(H,L,h),{axisReveal:ie,margins:ue,plot:l,rotation:ce}=xe.useCartesianLayout({bottomLabels:a,font:v,height:L,labelAngle:Z,leftLabels:A,rightLabels:A,topRoom:g==="hidden"?0:qe.valueLabelRoom(v),width:T,xAxis:S,yAxis:$,yAxisRight:R}),B=m.useMemo(()=>d.pointScale({domain:a,padding:0,range:[0,l.width]}),[a,l.width]),{hover:me,hovered:f}=ye.useHoveredBand(N),[de,he]=m.useState(null),P=F||N!==void 0||k==="onHover"||g==="onHover",w=m.useMemo(()=>d.linearScale({domain:H,range:[l.height,0]}),[H,l.height]),[D,E]=Ce.useTweenedNumbers(w.domain()),x=m.useMemo(()=>d.linearScale({domain:{min:D,max:E},nice:!1,range:[l.height,0]}),[E,D,l.height]),z=d.ticksFor(w,l.height),c=n.map(e=>a.map((o,q)=>{const t=e.values[q];return t==null||!Number.isFinite(t)?null:{x:B(o)??0,y:x(t)}})),I=j.nearestSeriesAt(c,f,de,e=>b(n[e].label)),V=a.map(e=>({label:e,position:B(e)??0})),Y=V.map(e=>e.position),_=z.map(e=>({label:h(e),position:x(e)}));return s.jsxs(He.CartesianFrame,{axisReveal:ie,containerRef:le,empty:n.length===0||a.length===0,emptyMessage:Q,fillHeight:re,grid:[{baseline:x(0),lines:z.map(e=>x(e)),orientation:"horizontal"}],height:L,legend:n.map((e,o)=>({color:p[o],hidden:b(e.label),label:e.label})),legendAlign:oe,legendPosition:ee,margins:ue,onToggleSeries:se,plot:l,title:ae,tooltip:F?Me.categoryTooltip({categories:a,colors:p,format:U??h,index:f,isHidden:b,series:n}):void 0,width:T,xAxis:{labelRotation:ce,ticks:V,visibility:S},yAxis:{hideLine:!0,ticks:_,visibility:$},yAxisRight:{hideLine:!0,ticks:_,visibility:R},children:[P&&f!==null&&s.jsx(j.PointCursor,{plot:l,position:Y[f]}),n.map((e,o)=>{const q=b(e.label);return s.jsxs("g",{"aria-hidden":q||void 0,className:`${i.default.series} ${q?i.default.seriesOff:""}`,children:[s.jsx("path",{className:i.default.line,d:Pe.linePath(c[o],J),fill:"none",stroke:p[o]}),c[o].map((t,r)=>{if(t===null)return null;const y=`${e.label}, ${a[r]}: ${h(e.values[r]??0)}`;return s.jsx("circle",{"aria-label":y,className:C.markShown(k,o===I)||Ne(c[o],r)?i.default.dotVisible:i.default.dot,cx:t.x,cy:t.y,stroke:p[o],r:4,children:!P&&s.jsx("title",{children:y})},r)}),g!=="hidden"&&c[o].map((t,r)=>{if(t===null)return null;const{below:y,dx:be,textAnchor:ge}=je.pointLabelPlacement(c,o,r,v.lineHeight,ve=>b(n[ve].label));return s.jsx("text",{className:`${i.default.valueLabel} ${C.markShown(g,o===I)?"":i.default.valueLabelHidden}`,textAnchor:ge,x:t.x+be,y:y?t.y+v.lineHeight+2:t.y-10,children:h(e.values[r]??0)},r)})]},o)}),P&&s.jsx(j.PointBands,{onHover:me,onPointerY:he,plot:l,positions:Y})]})}exports.ChartLine=ke;
+//# sourceMappingURL=ChartLine.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLine.cjs","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.js

@@ -0,0 +1,219 @@
+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 rt({
+  accent: m,
+  categories: a,
+  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: p = "hidden",
+  showDots: F = "onHover",
+  showTooltip: N = !0,
+  title: lo,
+  xAxis: $ = "visible",
+  yAxis: R = "visible",
+  yAxisRight: A = "hidden"
+}) {
+  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 }
+        )
+      )
+    ),
+    [P, D, e]
+  ), M = Fo(C, H, h), { axisReveal: io, margins: mo, plot: r, rotation: so } = $o({
+    bottomLabels: a,
+    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) };
+    })
+  ), 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__ */ Y(
+    jo,
+    {
+      axisReveal: io,
+      containerRef: eo,
+      empty: e.length === 0 || a.length === 0,
+      emptyMessage: Q,
+      fillHeight: ro,
+      grid: [
+        {
+          baseline: v(0),
+          lines: E.map((o) => v(o)),
+          orientation: "horizontal"
+        }
+      ],
+      height: H,
+      legend: e.map((o, t) => ({
+        color: b[t],
+        hidden: c(o.label),
+        label: o.label
+      })),
+      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: 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 {
+  rt as ChartLine
+};
+//# sourceMappingURL=ChartLine.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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.cjs.map

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

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

@@ -0,0 +1,20 @@
+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 {
+  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

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

package/dist/components/charts/ChartPie/ChartPie.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),g=require("./ChartPie.module.css.cjs"),I=require("../core/useChartMetrics.cjs"),_=require("../core/useSliceRing.cjs"),k=require("../core/ChartFrame.cjs"),m=require("../core/arcs.cjs"),z=require("../../../utils/formatters/formatarNumero.cjs"),G=require("../core/measureText.cjs"),J=require("../palette/seriesColor.cjs"),K=require("../core/tooltips.cjs"),Q=require("../core/cartesianLayout.cjs"),U=require("../core/spacing.cjs");function V({accent:f,defaultHiddenSlices:p,emptyMessage:q="Sem dados no período",formatPercent:r=a=>`${Math.round(a*100)}%`,formatTooltipValue:b,formatValue:n=z.formatarNumero,height:x=260,hiddenSlices:C,legend:v="bottom",legendAlign:M,onHiddenSlicesChange:R,onHoverSlice:O,otherLabel:y="Outros",showDataLabels:S=!1,showLegendValues:j=!1,showTooltip:D=!0,sliceRadius:H,slices:i,smallSliceThreshold:L=.02,title:N}){const{font:a,height:P,radius:T,ref:$,width:u}=I.useChartMetrics(),{fillHeight:A,value:c}=Q.chartHeight(x,P),e=_.useSliceRing({accent:f,defaultHiddenSlices:p,hiddenSlices:C,onHiddenSlicesChange:R,onHoverSlice:O,otherLabel:y,slices:i,smallSliceThreshold:L}),s=U.ringDiameter(u,c)/2,w=H??T;return l.jsxs(k.ChartFrame,{centerOrigin:!0,containerRef:$,empty:e.slices.length===0||i.every(t=>!(t.value>0)),emptyMessage:q,fillHeight:A,height:c,legend:e.slices.map((t,o)=>({color:e.colors[o],hidden:e.isHidden(t.label),label:t.label,value:j?r(e.ratioOf(o)):void 0})),legendAlign:M,legendPosition:v,onToggleSeries:e.toggle,swatch:"dot",title:N,tooltip:D?K.sliceTooltip({colors:e.colors,formatPercent:r,formatValue:b??n,index:e.focused,slices:e.slices,total:e.total}):void 0,width:u,children:[e.slices.map((t,o)=>l.jsx("path",{"aria-label":`${t.label}: ${n(Math.max(t.value,0))} (${r(e.ratioOf(o))})`,className:g.default.slice,d:m.arcPath({...e.angles[o],cornerRadius:w,innerRadius:0,outerRadius:s}),fill:e.colors[o],onMouseEnter:()=>e.focus(o),onMouseLeave:()=>e.focus(null)},o)),S&&e.slices.map((t,o)=>{const d=r(e.ratioOf(o)),[F,B]=m.arcCentroid({...e.angles[o],innerRadius:0,outerRadius:s}),h=e.angles[o].endAngle-e.angles[o].startAngle,E=h>=Math.PI?s:2*(s/2)*Math.sin(h/2);return e.isHidden(t.label)||G.measureLabel(d,a)>E?null:l.jsx("text",{className:g.default.sliceLabel,dominantBaseline:"middle",fill:J.textColorOn(e.colors[o]),textAnchor:"middle",x:F,y:B,children:d},o)})]})}exports.ChartPie=V;
+//# sourceMappingURL=ChartPie.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartPie.cjs","sources":["../../../../src/components/charts/ChartPie/ChartPie.tsx"],"sourcesContent":["import {\n  ChartFrame,\n  arcCentroid,\n  arcPath,\n  chartHeight,\n  measureLabel,\n  ringDiameter,\n  sliceTooltip,\n  useChartMetrics,\n  useSliceRing,\n  type ChartHeight,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n  type ChartSlice,\n} from '../core';\nimport { textColorOn } from '../palette';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartPie.module.css';\n\nexport type { ChartSlice as ChartPieSlice };\n\nexport interface ChartPieProps {\n  accent?: string;\n  defaultHiddenSlices?: readonly string[];\n  emptyMessage?: string;\n  formatPercent?: (ratio: number) => 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  height?: ChartHeight;\n  hiddenSlices?: readonly string[];\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  onHiddenSlicesChange?: (hidden: readonly string[]) => void;\n  /** Fatia sob o ponteiro, ja agrupada, ou `null` ao sair dela. */\n  onHoverSlice?: (slice: ChartSlice | null) => void;\n  /** Rotulo da fatia que reune as pequenas. */\n  otherLabel?: string;\n  showDataLabels?: boolean;\n  showLegendValues?: boolean;\n  /** Balao com a fatia sob o ponteiro, o valor e a parte do total. Desligue para montar o proprio `ChartTooltip`. */\n  showTooltip?: boolean;\n  /** Raio dos cantos de cada fatia. Sem valor, o token de raio pequeno. */\n  sliceRadius?: number;\n  slices: readonly ChartSlice[];\n  /** Fracao do total abaixo da qual a fatia entra no agrupamento. */\n  smallSliceThreshold?: number;\n  title: string;\n}\n\nexport function ChartPie({\n  accent,\n  defaultHiddenSlices,\n  emptyMessage = 'Sem dados no período',\n  formatPercent = (fracao) => `${Math.round(fracao * 100)}%`,\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height = 260,\n  hiddenSlices,\n  legend = 'bottom',\n  legendAlign,\n  onHiddenSlicesChange,\n  onHoverSlice,\n  otherLabel = 'Outros',\n  showDataLabels = false,\n  showLegendValues = false,\n  showTooltip = true,\n  sliceRadius,\n  slices,\n  smallSliceThreshold = 0.02,\n  title,\n}: ChartPieProps) {\n  const { font, height: alturaMedida, radius: raioDoCanto, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n\n  const anel = useSliceRing({\n    accent,\n    defaultHiddenSlices,\n    hiddenSlices,\n    onHiddenSlicesChange,\n    onHoverSlice,\n    otherLabel,\n    slices,\n    smallSliceThreshold,\n  });\n\n  const raio = ringDiameter(width, alturaDoDesenho) / 2;\n  const canto = sliceRadius ?? raioDoCanto;\n\n  return (\n    <ChartFrame\n      centerOrigin\n      containerRef={ref}\n      empty={anel.slices.length === 0 || slices.every((fatia) => !(fatia.value > 0))}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={anel.slices.map((fatia, indice) => ({\n        color: anel.colors[indice],\n        hidden: anel.isHidden(fatia.label),\n        label: fatia.label,\n        value: showLegendValues ? formatPercent(anel.ratioOf(indice)) : undefined,\n      }))}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      onToggleSeries={anel.toggle}\n      swatch=\"dot\"\n      title={title}\n      tooltip={\n        showTooltip\n          ? sliceTooltip({\n              colors: anel.colors,\n              formatPercent,\n              formatValue: formatTooltipValue ?? formatValue,\n              index: anel.focused,\n              slices: anel.slices,\n              total: anel.total,\n            })\n          : undefined\n      }\n      width={width}\n    >\n      {anel.slices.map((fatia, indice) => (\n        <path\n          aria-label={`${fatia.label}: ${formatValue(Math.max(fatia.value, 0))} (${formatPercent(anel.ratioOf(indice))})`}\n          className={styles.slice}\n          d={arcPath({ ...anel.angles[indice], cornerRadius: canto, innerRadius: 0, outerRadius: raio })}\n          fill={anel.colors[indice]}\n          key={indice}\n          onMouseEnter={() => anel.focus(indice)}\n          onMouseLeave={() => anel.focus(null)}\n        />\n      ))}\n\n      {showDataLabels &&\n        anel.slices.map((fatia, indice) => {\n          const rotulo = formatPercent(anel.ratioOf(indice));\n          const [x, y] = arcCentroid({ ...anel.angles[indice], innerRadius: 0, outerRadius: raio });\n          const angulo = anel.angles[indice].endAngle - anel.angles[indice].startAngle;\n\n          // O rotulo so entra quando a fatia o comporta. Ate meia volta a\n          // largura disponivel e a corda no centro do arco; dali em diante a\n          // corda volta a encolher, e quem manda e o raio.\n          const disponivel =\n            angulo >= Math.PI ? raio : 2 * (raio / 2) * Math.sin(angulo / 2);\n\n          if (anel.isHidden(fatia.label) || measureLabel(rotulo, font) > disponivel) {\n            return null;\n          }\n\n          return (\n            <text\n              className={styles.sliceLabel}\n              dominantBaseline=\"middle\"\n              fill={textColorOn(anel.colors[indice])}\n              key={indice}\n              textAnchor=\"middle\"\n              x={x}\n              y={y}\n            >\n              {rotulo}\n            </text>\n          );\n        })}\n    </ChartFrame>\n  );\n}\n"],"names":["ChartPie","accent","defaultHiddenSlices","emptyMessage","formatPercent","fracao","formatTooltipValue","formatValue","formatarNumero","height","hiddenSlices","legend","legendAlign","onHiddenSlicesChange","onHoverSlice","otherLabel","showDataLabels","showLegendValues","showTooltip","sliceRadius","slices","smallSliceThreshold","title","font","alturaMedida","raioDoCanto","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","anel","useSliceRing","raio","ringDiameter","canto","jsxs","ChartFrame","fatia","indice","sliceTooltip","jsx","styles","arcPath","rotulo","x","y","arcCentroid","angulo","disponivel","measureLabel","textColorOn"],"mappings":"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"}