@plenustech/design-system 0.2.1 → 0.2.3

package/dist/components/charts/ChartTreemap/ChartTreemap.js

@@ -0,0 +1,133 @@
+import { jsx as s, jsxs as Y } from "react/jsx-runtime";
+import { useMemo as y, useState as Z } from "react";
+import { hierarchy as H, treemap as ee } from "d3-hierarchy";
+import g from "./ChartTreemap.module.css.js";
+import { useChartMetrics as te } from "../core/useChartMetrics.js";
+import { useSeriesToggle as re } from "../core/useSeriesToggle.js";
+import { resolveSeriesColors as ie, INTENT_TOKENS as S, textColorOn as $ } from "../palette/seriesColor.js";
+import { ChartFrame as oe } from "../core/ChartFrame.js";
+import { CHART_LABEL_OFFSET as l } from "../core/spacing.js";
+import { formatarNumero as ne } from "../../../utils/formatters/formatarNumero.js";
+import { truncateToWidth as N } from "../core/measureText.js";
+import { pathTooltip as le } from "../core/tooltips.js";
+import { hoverPath as j } from "../core/hoverPath.js";
+import { chartHeight as ae } from "../core/cartesianLayout.js";
+function I(c) {
+  return Number.isFinite(c.value) ? Math.max(c.value ?? 0, 0) : 0;
+}
+function Te({
+  accent: c,
+  defaultHiddenGroups: R,
+  emptyMessage: _ = "Sem dados no período",
+  formatTooltipValue: A,
+  formatValue: h = ne,
+  gap: T = 5,
+  height: L = 280,
+  hiddenGroups: P,
+  intentLabels: b,
+  legend: w = "bottom",
+  legendAlign: z,
+  nodes: i,
+  onHiddenGroupsChange: B,
+  onHoverNode: m,
+  showDataLabels: G = !0,
+  showTooltip: C = !0,
+  title: K
+}) {
+  const { font: a, height: W, ref: k, width: u } = te(), { fillHeight: q, value: d } = ae(L, W), { isHidden: x, toggle: J } = re({
+    defaultHiddenSeries: R,
+    hiddenSeries: P,
+    onHiddenSeriesChange: B
+  }), E = y(() => ie(i, { accent: c }), [c, i]), Q = y(
+    () => !((H({ children: i, label: "" }).sum(I).value ?? 0) > 0),
+    [i]
+  ), F = y(() => {
+    const e = i.filter((r) => !x(r.label));
+    if (u === 0 || d === 0 || e.length === 0)
+      return [];
+    const t = H({ children: e, label: "" }).sum(I).sort((r, n) => (n.value ?? 0) - (r.value ?? 0));
+    return ee().size([u, d]).paddingInner(T).round(!0)(t).leaves();
+  }, [d, T, x, i, u]), [v, U] = Z(null), p = v && F.includes(v) ? v : null;
+  function M(e) {
+    U(e), m == null || m(e && j(e));
+  }
+  function O(e) {
+    var r;
+    const t = e.data;
+    if (t.color)
+      return t.color;
+    if (t.intent)
+      return S[t.intent];
+    const o = (r = e.ancestors().find((n) => n.depth === 1)) == null ? void 0 : r.data;
+    return E[i.findIndex((n) => n.label === (o == null ? void 0 : o.label))] ?? S.neutral;
+  }
+  const V = b ? Object.entries(b).map(([e, t]) => ({
+    color: S[e],
+    label: t
+  })) : i.map((e, t) => ({
+    color: E[t],
+    hidden: x(e.label),
+    label: e.label
+  }));
+  return /* @__PURE__ */ s(
+    oe,
+    {
+      containerRef: k,
+      empty: i.length === 0 || Q,
+      emptyMessage: _,
+      fillHeight: q,
+      height: d,
+      legend: V,
+      legendAlign: z,
+      legendPosition: w,
+      onToggleSeries: b ? void 0 : J,
+      title: K,
+      tooltip: C ? le({ color: p ? O(p) : void 0, format: A ?? h, path: p && j(p) }) : void 0,
+      width: u,
+      children: F.map((e) => {
+        const t = e.x1 - e.x0, o = e.y1 - e.y0, r = t - l * 2, n = G && r > 0 && o >= a.lineHeight + l, X = n && o >= a.lineHeight * 2 + l, D = `${e.data.label}: ${h(e.value ?? 0)}`, f = O(e);
+        return /* @__PURE__ */ Y("g", { className: g.cell, children: [
+          /* @__PURE__ */ s(
+            "rect",
+            {
+              "aria-label": D,
+              className: g.tile,
+              fill: f,
+              height: o,
+              width: t,
+              onMouseEnter: () => M(e),
+              onMouseLeave: () => M(null),
+              x: e.x0,
+              y: e.y0,
+              children: !C && !m && /* @__PURE__ */ s("title", { children: D })
+            }
+          ),
+          n && /* @__PURE__ */ s(
+            "text",
+            {
+              className: g.label,
+              fill: $(f),
+              x: e.x0 + l,
+              y: e.y0 + l + a.lineHeight * 0.6,
+              children: N(e.data.label, a, r)
+            }
+          ),
+          X && /* @__PURE__ */ s(
+            "text",
+            {
+              className: g.value,
+              fill: $(f),
+              x: e.x0 + l,
+              y: e.y0 + l + a.lineHeight * 1.6,
+              children: N(h(e.value ?? 0), a, r)
+            }
+          )
+        ] }, `${e.data.label}-${e.x0}-${e.y0}`);
+      })
+    }
+  );
+}
+export {
+  Te as ChartTreemap
+};
+//# sourceMappingURL=ChartTreemap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTreemap.js","sources":["../../../../src/components/charts/ChartTreemap/ChartTreemap.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { hierarchy, treemap } from 'd3-hierarchy';\nimport {\n  CHART_LABEL_OFFSET,\n  ChartFrame,\n  chartHeight,\n  hoverPath,\n  pathTooltip,\n  truncateToWidth,\n  useChartMetrics,\n  useSeriesToggle,\n  type ChartHeight,\n  type ChartHoveredNode,\n  type ChartLegendAlign,\n  type ChartLegendPosition,\n} from '../core';\nimport {\n  INTENT_TOKENS,\n  resolveSeriesColors,\n  textColorOn,\n  type SeriesAppearance,\n  type SeriesIntent,\n} from '../palette';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartTreemap.module.css';\n\nexport interface ChartTreemapNode extends SeriesAppearance {\n  children?: readonly ChartTreemapNode[];\n  label: string;\n  value?: number;\n}\n\nexport interface ChartTreemapProps {\n  accent?: string;\n  defaultHiddenGroups?: 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  /** Folga entre dois retangulos vizinhos. */\n  gap?: number;\n  height?: ChartHeight;\n  hiddenGroups?: readonly string[];\n  /**\n   * Nome de cada intencao na legenda. Informado, a legenda deixa de listar os\n   * grupos e passa a nomear as cores: e o caso do mapa colorido por status,\n   * onde o que a legenda explica e o significado da cor, nao a categoria.\n   */\n  intentLabels?: Partial<Record<SeriesIntent, string>>;\n  legend?: ChartLegendPosition;\n  legendAlign?: ChartLegendAlign;\n  nodes: readonly ChartTreemapNode[];\n  onHiddenGroupsChange?: (hidden: readonly string[]) => void;\n  /** Caminho ate o no sob o ponteiro, do grupo ao no, cada nivel com o valor somado, ou `null` ao sair. */\n  onHoverNode?: (path: readonly ChartHoveredNode[] | null) => void;\n  showDataLabels?: boolean;\n  /**\n   * Balao com o caminho ate o no sob o ponteiro. Desligue para montar o proprio `ChartTooltip`\n   * pela costura; sem balao nem costura, o no volta a ter o `<title>`.\n   */\n  showTooltip?: boolean;\n  title: string;\n}\n\n\n/** Area que o no ocupa. Invalido ou negativo nao ocupa nada. */\nfunction ocupacao(no: ChartTreemapNode) {\n  return Number.isFinite(no.value) ? Math.max(no.value ?? 0, 0) : 0;\n}\n\nexport function ChartTreemap({\n  accent,\n  defaultHiddenGroups,\n  emptyMessage = 'Sem dados no período',\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  gap = 5,\n  height = 280,\n  hiddenGroups,\n  intentLabels,\n  legend = 'bottom',\n  legendAlign,\n  nodes,\n  onHiddenGroupsChange,\n  onHoverNode,\n  showDataLabels = true,\n  showTooltip = true,\n  title,\n}: ChartTreemapProps) {\n  const { font, height: alturaMedida, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { isHidden, toggle } = useSeriesToggle({\n    defaultHiddenSeries: defaultHiddenGroups,\n    hiddenSeries: hiddenGroups,\n    onHiddenSeriesChange: onHiddenGroupsChange,\n  });\n\n  // A cor sai da lista inteira, e nao das visiveis: desligar um grupo nao pode\n  // repintar os demais.\n  const coresDeGrupo = useMemo(() => resolveSeriesColors(nodes, { accent }), [accent, nodes]);\n\n  // Sem valor positivo nao ha area a repartir: anuncia vazio. Desligar todos os grupos, nao: a legenda e a volta.\n  const semValor = useMemo(\n    () => !((hierarchy<ChartTreemapNode>({ children: nodes, label: '' }).sum(ocupacao).value ?? 0) > 0),\n    [nodes],\n  );\n\n  const retangulos = useMemo(() => {\n    const visiveis = nodes.filter((grupo) => !isHidden(grupo.label));\n\n    if (width === 0 || alturaDoDesenho === 0 || visiveis.length === 0) {\n      return [];\n    }\n\n    const arvore = hierarchy<ChartTreemapNode>({ children: visiveis, label: '' })\n      .sum(ocupacao)\n      .sort((a, b) => (b.value ?? 0) - (a.value ?? 0));\n\n    const posicionar = treemap<ChartTreemapNode>()\n      .size([width, alturaDoDesenho])\n      .paddingInner(gap)\n      .round(true);\n\n    return posicionar(arvore).leaves();\n  }, [alturaDoDesenho, gap, isHidden, nodes, width]);\n\n  const [emFoco, setEmFoco] = useState<(typeof retangulos)[number] | null>(null);\n  // A folha guardada deixa de existir quando o mapa e remontado; sem conferir, o balao falaria de um no que saiu.\n  const foco = emFoco && retangulos.includes(emFoco) ? emFoco : null;\n\n  function focar(folha: (typeof retangulos)[number] | null) {\n    setEmFoco(folha);\n    onHoverNode?.(folha && hoverPath(folha));\n  }\n\n  /** A folha herda a cor do grupo, e a intencao propria vence a herdada. */\n  function corDa(folha: (typeof retangulos)[number]) {\n    const proprio = folha.data;\n\n    if (proprio.color) {\n      return proprio.color;\n    }\n\n    if (proprio.intent) {\n      return INTENT_TOKENS[proprio.intent];\n    }\n\n    const grupo = folha.ancestors().find((ancestral) => ancestral.depth === 1)?.data;\n\n    return coresDeGrupo[nodes.findIndex((no) => no.label === grupo?.label)] ?? INTENT_TOKENS.neutral;\n  }\n\n  const entradasDaLegenda = intentLabels\n    ? (Object.entries(intentLabels) as [SeriesIntent, string][]).map(([intencao, rotulo]) => ({\n        color: INTENT_TOKENS[intencao],\n        label: rotulo,\n      }))\n    : nodes.map((grupo, indice) => ({\n        color: coresDeGrupo[indice],\n        hidden: isHidden(grupo.label),\n        label: grupo.label,\n      }));\n\n  return (\n    <ChartFrame\n      containerRef={ref}\n      empty={nodes.length === 0 || semValor}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legend={entradasDaLegenda}\n      legendAlign={legendAlign}\n      legendPosition={legend}\n      onToggleSeries={intentLabels ? undefined : toggle}\n      title={title}\n      tooltip={\n        showTooltip\n          ? pathTooltip({ color: foco ? corDa(foco) : undefined, format: formatTooltipValue ?? formatValue, path: foco && hoverPath(foco) })\n          : undefined\n      }\n      width={width}\n    >\n      {retangulos.map((folha) => {\n        const largura = folha.x1 - folha.x0;\n        const altura = folha.y1 - folha.y0;\n        const disponivel = largura - CHART_LABEL_OFFSET * 2;\n        const cabeORotulo = showDataLabels && disponivel > 0 && altura >= font.lineHeight + CHART_LABEL_OFFSET;\n        const cabeOValor = cabeORotulo && altura >= font.lineHeight * 2 + CHART_LABEL_OFFSET;\n        const descricao = `${folha.data.label}: ${formatValue(folha.value ?? 0)}`;\n        const cor = corDa(folha);\n\n        return (\n          <g className={styles.cell} key={`${folha.data.label}-${folha.x0}-${folha.y0}`}>\n            <rect\n              aria-label={descricao}\n              className={styles.tile}\n              fill={cor}\n              height={altura}\n              width={largura}\n              onMouseEnter={() => focar(folha)}\n              onMouseLeave={() => focar(null)}\n              x={folha.x0}\n              y={folha.y0}\n            >\n              {!showTooltip && !onHoverNode && <title>{descricao}</title>}\n            </rect>\n\n            {cabeORotulo && (\n              <text\n                className={styles.label}\n                fill={textColorOn(cor)}\n                x={folha.x0 + CHART_LABEL_OFFSET}\n                y={folha.y0 + CHART_LABEL_OFFSET + font.lineHeight * 0.6}\n              >\n                {truncateToWidth(folha.data.label, font, disponivel)}\n              </text>\n            )}\n\n            {cabeOValor && (\n              <text\n                className={styles.value}\n                fill={textColorOn(cor)}\n                x={folha.x0 + CHART_LABEL_OFFSET}\n                y={folha.y0 + CHART_LABEL_OFFSET + font.lineHeight * 1.6}\n              >\n                {truncateToWidth(formatValue(folha.value ?? 0), font, disponivel)}\n              </text>\n            )}\n          </g>\n        );\n      })}\n    </ChartFrame>\n  );\n}\n"],"names":["ocupacao","no","ChartTreemap","accent","defaultHiddenGroups","emptyMessage","formatTooltipValue","formatValue","formatarNumero","gap","height","hiddenGroups","intentLabels","legend","legendAlign","nodes","onHiddenGroupsChange","onHoverNode","showDataLabels","showTooltip","title","font","alturaMedida","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","isHidden","toggle","useSeriesToggle","coresDeGrupo","useMemo","resolveSeriesColors","semValor","hierarchy","retangulos","visiveis","grupo","arvore","a","b","treemap","emFoco","setEmFoco","useState","foco","focar","folha","hoverPath","corDa","proprio","INTENT_TOKENS","_a","ancestral","entradasDaLegenda","intencao","rotulo","indice","jsx","ChartFrame","pathTooltip","largura","altura","disponivel","CHART_LABEL_OFFSET","cabeORotulo","cabeOValor","descricao","cor","jsxs","styles","textColorOn","truncateToWidth"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l="_cell_5uvni_1",e="_tile_5uvni_5",t="_label_5uvni_14",u="_value_5uvni_21",_={cell:l,tile:e,label:t,value:u};exports.cell=l;exports.default=_;exports.label=t;exports.tile=e;exports.value=u;
+//# sourceMappingURL=ChartTreemap.module.css.cjs.map

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

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

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

@@ -0,0 +1,14 @@
+const l = "_cell_5uvni_1", e = "_tile_5uvni_5", _ = "_label_5uvni_14", t = "_value_5uvni_21", n = {
+  cell: l,
+  tile: e,
+  label: _,
+  value: t
+};
+export {
+  l as cell,
+  n as default,
+  _ as label,
+  e as tile,
+  t as value
+};
+//# sourceMappingURL=ChartTreemap.module.css.js.map

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

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

package/dist/components/charts/ChartWaterfall/ChartWaterfall.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),f=require("react"),x=require("./ChartWaterfall.module.css.cjs"),V=require("../core/useChartMetrics.cjs"),ee=require("../core/useHoveredBand.cjs"),te=require("../palette/seriesColor.cjs"),b=require("../scales/scales.cjs"),w=require("../core/cartesianLayout.cjs"),oe=require("../core/useCartesianLayout.cjs"),ae=require("../core/spacing.cjs"),ne=require("../core/useTweenedNumbers.cjs"),re=require("../../../utils/formatters/formatarNumero.cjs"),ie=require("../core/CartesianFrame.cjs"),le=require("../core/BandCursor.cjs"),se=require("../core/shapes.cjs");function ue(n){let s=0;return n.map(r=>{if(!Number.isFinite(r.value))return null;const v=r.total?0:s,g=v+r.value;return s=g,{inicio:v,fim:g}})}function ce(n){return n.intent?n.intent:n.total?"neutral":n.value<0?"negative":"positive"}function z(n,s){return n===0?s(0):`${n<0?"-":"+"}${s(Math.abs(n))}`}function me({emptyMessage:n="Sem dados no período",formatTooltipValue:s,formatValue:r=re.formatarNumero,height:v=280,labelAngle:g="auto",onHoverStep:E,showDataLabels:q="visible",showTooltip:O=!0,steps:a,title:_,xAxis:j="visible",yAxis:D="visible",yAxisRight:N="hidden"}){var W;const{font:p,height:G,radius:M,ref:I,width:B}=V.useChartMetrics(),{fillHeight:J,value:C}=w.chartHeight(v,G),{hover:F,hovered:c}=ee.useHoveredBand(E),u=f.useMemo(()=>ue(a),[a]),y=f.useMemo(()=>te.resolveSeriesColors(a.map(e=>({color:e.color,intent:ce(e)}))),[a]),L=f.useMemo(()=>b.domainOf(u.flatMap(e=>e?[e.inicio,e.fim]:[])),[u]),P=w.valueLabelsFor(L,C,r),{axisReveal:K,margins:Q,plot:l,rotation:U}=oe.useCartesianLayout({bottomLabels:a.map(e=>e.label),font:p,height:C,labelAngle:g,leftLabels:P,rightLabels:P,topRoom:q==="hidden"?0:ae.valueLabelRoom(p),width:B,xAxis:j,yAxis:D,yAxisRight:N}),m=f.useMemo(()=>b.bandScale({domain:a.map((e,t)=>String(t)),range:[0,l.width]}),[l.width,a]),h=e=>m(String(e))??0,R=f.useMemo(()=>b.linearScale({domain:L,range:[l.height,0]}),[L,l.height]),[$,k]=ne.useTweenedNumbers(R.domain()),i=f.useMemo(()=>b.linearScale({domain:{min:$,max:k},nice:!1,range:[l.height,0]}),[k,$,l.height]),H=b.ticksFor(R,l.height),X=a.map((e,t)=>({label:e.label,position:h(t)+m.bandwidth()/2})),A=H.map(e=>({label:r(e),position:i(e)}));function T(e){return e.total?r(e.value):z(e.value,r)}function Y(e){if(e===null||!u[e])return[];const t=a[e];return t.total?[{color:y[e],label:"Total",values:[t.value]}]:[{color:y[e],format:o=>z(o,s??r),label:"Variação",values:[t.value]},{label:"Acumulado",values:[u[e].fim]}]}return d.jsxs(ie.CartesianFrame,{axisReveal:K,containerRef:I,empty:a.length===0,emptyMessage:n,grid:[{baseline:i(0),lines:H.map(e=>i(e)),orientation:"horizontal"}],fillHeight:J,height:C,legendPosition:"none",margins:Q,plot:l,title:_,tooltip:O?{columns:[{format:s??r}],computed:"none",rows:Y(c),title:c===null||(W=a[c])==null?void 0:W.label}:void 0,width:B,xAxis:{labelRotation:U,ticks:X,visibility:j},yAxis:{hideLine:!0,ticks:A,visibility:D},yAxisRight:{hideLine:!0,ticks:A,visibility:N},children:[c!==null&&d.jsx(le.BandCursor,{offset:h(c),plot:l,size:m.bandwidth()}),d.jsx("g",{"aria-hidden":"true",children:u.slice(0,-1).map((e,t)=>{if(!e||!u[t+1])return null;const o=i(e.fim);return d.jsx("line",{className:x.default.connector,x1:h(t)+m.bandwidth(),x2:h(t+1),y1:o,y2:o},t)})}),a.map((e,t)=>{const o=u[t];if(!o)return null;const S=Math.min(i(o.inicio),i(o.fim)),Z=Math.abs(i(o.fim)-i(o.inicio));return d.jsx("path",{"aria-label":`${e.label}: ${T(e)}`,className:x.default.bar,d:se.roundedBarPath(h(t),S,m.bandwidth(),Z,[M,M,M,M]),fill:y[t],onMouseEnter:()=>F(t),onMouseLeave:()=>F(null)},t)}),q!=="hidden"&&a.map((e,t)=>{const o=u[t];if(!o)return null;const S=Math.min(i(o.inicio),i(o.fim));return d.jsx("text",{className:`${x.default.valueLabel} ${w.markShown(q,t===c)?"":x.default.valueLabelHidden}`,textAnchor:"middle",x:h(t)+m.bandwidth()/2,y:S-6,children:T(e)},t)})]})}exports.ChartWaterfall=me;
+//# sourceMappingURL=ChartWaterfall.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartWaterfall.cjs","sources":["../../../../src/components/charts/ChartWaterfall/ChartWaterfall.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  BandCursor,\n  markShown,\n  CartesianFrame,\n  useCartesianLayout,\n  chartHeight,\n  roundedBarPath,\n  useChartMetrics,\n  useHoveredBand,\n  useTweenedNumbers,\n  valueLabelRoom,\n  valueLabelsFor,\n  type AxisLabelAngle,\n  type AxisTick,\n  type AxisVisibility,\n  type MarkVisibility,\n  type ChartHeight,\n} from '../core';\nimport { resolveSeriesColors, type SeriesIntent } from '../palette';\nimport { bandScale, domainOf, linearScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartWaterfall.module.css';\n\nexport interface ChartWaterfallStep {\n  color?: string;\n  intent?: SeriesIntent;\n  label: string;\n  total?: boolean;\n  value: number;\n}\n\nexport interface ChartWaterfallProps {\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  height?: ChartHeight;\n  labelAngle?: AxisLabelAngle;\n  /** Indice do passo sob o ponteiro, ou `null` ao sair dele. */\n  onHoverStep?: (index: number | null) => void;\n  /** Variacao acima de cada passo. Em `onHover`, so a do passo sob o ponteiro. */\n  showDataLabels?: MarkVisibility;\n  /** Balao com a variacao do passo sob o ponteiro e o acumulado ate ele. Desligue para montar o proprio `ChartTooltip`. */\n  showTooltip?: boolean;\n  steps: readonly ChartWaterfallStep[];\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\ninterface Trecho {\n  fim: number;\n  inicio: number;\n}\n\n/**\n * Cada passo ocupa a faixa entre o acumulado anterior e o novo acumulado; o total parte do zero, porque\n * fecha a conta. Passo invalido e ausente: nao se desenha nem move o acumulado.\n */\nfunction trechosDe(steps: readonly ChartWaterfallStep[]): (Trecho | null)[] {\n  let acumulado = 0;\n\n  return steps.map((passo) => {\n    if (!Number.isFinite(passo.value)) {\n      return null;\n    }\n\n    const inicio = passo.total ? 0 : acumulado;\n    const fim = inicio + passo.value;\n    acumulado = fim;\n\n    return { inicio, fim };\n  });\n}\n\n/** Passo sem intencao declarada recebe a do seu sinal. Total e fechamento, nao aporte. */\nfunction intencaoDe(step: ChartWaterfallStep): SeriesIntent {\n  if (step.intent) {\n    return step.intent;\n  }\n\n  if (step.total) {\n    return 'neutral';\n  }\n\n  return step.value < 0 ? 'negative' : 'positive';\n}\n\n/**\n * O sinal e do grafico, nao do formatador: ele formata a magnitude. Delegar o\n * sinal perderia a variacao com qualquer formatador que exiba apenas o valor.\n */\nfunction comSinal(value: number, formatValue: (value: number) => string) {\n  if (value === 0) {\n    return formatValue(0);\n  }\n\n  return `${value < 0 ? '-' : '+'}${formatValue(Math.abs(value))}`;\n}\n\nexport function ChartWaterfall({\n  emptyMessage = 'Sem dados no período',\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height = 280,\n  labelAngle = 'auto',\n  onHoverStep,\n  showDataLabels = 'visible',\n  showTooltip = true,\n  steps,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartWaterfallProps) {\n  const { font, height: alturaMedida, radius: raioDoCanto, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { hover: focarPasso, hovered: passoEmFoco } = useHoveredBand(onHoverStep);\n\n  const trechos = useMemo(() => trechosDe(steps), [steps]);\n\n  const cores = useMemo(\n    () => resolveSeriesColors(steps.map((passo) => ({ color: passo.color, intent: intencaoDe(passo) }))),\n    [steps],\n  );\n\n  const dominio = useMemo(\n    () => domainOf(trechos.flatMap((trecho) => (trecho ? [trecho.inicio, trecho.fim] : []))),\n    [trechos],\n  );\n\n  const rotulosDeValor = valueLabelsFor(dominio, alturaDoDesenho, formatValue);\n\n  const { axisReveal, margins, plot, rotation } = useCartesianLayout({\n    bottomLabels: steps.map((passo) => passo.label),\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  // A faixa e indexada pela posicao, nao pelo rotulo: numa sequencia de passos o\n  // mesmo rotulo pode repetir, e a escala categorica funde dominios iguais.\n  const escalaPassos = useMemo(\n    () => bandScale({ domain: steps.map((_, indice) => String(indice)), range: [0, plot.width] }),\n    [plot.width, steps],\n  );\n\n  const faixaDe = (indice: number) => escalaPassos(String(indice)) ?? 0;\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 marcasPassos: AxisTick[] = steps.map((passo, indice) => ({\n    label: passo.label,\n    position: faixaDe(indice) + escalaPassos.bandwidth() / 2,\n  }));\n\n  const marcasValor: AxisTick[] = marcasDeValor.map((valor) => ({\n    label: formatValue(valor),\n    position: escalaValores(valor),\n  }));\n\n  function rotuloDe(passo: ChartWaterfallStep) {\n    return passo.total ? formatValue(passo.value) : comSinal(passo.value, formatValue);\n  }\n\n  /** O passo diz quanto mudou; o acumulado, onde a conta ficou. O total ja e o proprio acumulado. */\n  function linhasDoBalao(indice: number | null) {\n    if (indice === null || !trechos[indice]) {\n      return [];\n    }\n\n    const passo = steps[indice];\n\n    if (passo.total) {\n      return [{ color: cores[indice], label: 'Total', values: [passo.value] }];\n    }\n\n    return [\n      { color: cores[indice], format: (valor: number) => comSinal(valor, formatTooltipValue ?? formatValue), label: 'Variação', values: [passo.value] },\n      { label: 'Acumulado', values: [trechos[indice].fim] },\n    ];\n  }\n\n  return (\n    <CartesianFrame\n      axisReveal={axisReveal}\n      containerRef={ref}\n      empty={steps.length === 0}\n      emptyMessage={emptyMessage}\n      grid={[\n        {\n          baseline: escalaValores(0),\n          lines: marcasDeValor.map((valor) => escalaValores(valor)),\n          orientation: 'horizontal',\n        },\n      ]}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legendPosition=\"none\"\n      margins={margins}\n      plot={plot}\n      title={title}\n      tooltip={\n        showTooltip\n          ? {\n              columns: [{ format: formatTooltipValue ?? formatValue }],\n              computed: 'none',\n              rows: linhasDoBalao(passoEmFoco),\n              title: passoEmFoco === null ? undefined : steps[passoEmFoco]?.label,\n            }\n          : undefined\n      }\n      width={width}\n      xAxis={{ labelRotation: rotation, ticks: marcasPassos, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: marcasValor, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: marcasValor, visibility: yAxisRight }}\n    >\n      {passoEmFoco !== null && (\n        <BandCursor offset={faixaDe(passoEmFoco)} plot={plot} size={escalaPassos.bandwidth()} />\n      )}\n\n      <g aria-hidden=\"true\">\n        {trechos.slice(0, -1).map((trecho, indice) => {\n          if (!trecho || !trechos[indice + 1]) {\n            return null;\n          }\n\n          const nivel = escalaValores(trecho.fim);\n\n          return (\n            <line\n              className={styles.connector}\n              key={indice}\n              x1={faixaDe(indice) + escalaPassos.bandwidth()}\n              x2={faixaDe(indice + 1)}\n              y1={nivel}\n              y2={nivel}\n            />\n          );\n        })}\n      </g>\n\n      {steps.map((passo, indice) => {\n        const trecho = trechos[indice];\n\n        if (!trecho) {\n          return null;\n        }\n\n        const topo = Math.min(escalaValores(trecho.inicio), escalaValores(trecho.fim));\n        const altura = Math.abs(escalaValores(trecho.fim) - escalaValores(trecho.inicio));\n\n        return (\n          <path\n            aria-label={`${passo.label}: ${rotuloDe(passo)}`}\n            className={styles.bar}\n            d={roundedBarPath(faixaDe(indice), topo, escalaPassos.bandwidth(), altura, [\n              raioDoCanto,\n              raioDoCanto,\n              raioDoCanto,\n              raioDoCanto,\n            ])}\n            fill={cores[indice]}\n            key={indice}\n            onMouseEnter={() => focarPasso(indice)}\n            onMouseLeave={() => focarPasso(null)}\n          />\n        );\n      })}\n\n      {showDataLabels !== 'hidden' &&\n        steps.map((passo, indice) => {\n          const trecho = trechos[indice];\n\n          if (!trecho) {\n            return null;\n          }\n\n          const topo = Math.min(escalaValores(trecho.inicio), escalaValores(trecho.fim));\n\n          return (\n            <text\n              className={`${styles.valueLabel} ${markShown(showDataLabels, indice === passoEmFoco) ? '' : styles.valueLabelHidden}`}\n              key={indice}\n              textAnchor=\"middle\"\n              x={faixaDe(indice) + escalaPassos.bandwidth() / 2}\n              y={topo - 6}\n            >\n              {rotuloDe(passo)}\n            </text>\n          );\n        })}\n    </CartesianFrame>\n  );\n}\n"],"names":["trechosDe","steps","acumulado","passo","inicio","fim","intencaoDe","step","comSinal","value","formatValue","ChartWaterfall","emptyMessage","formatTooltipValue","formatarNumero","height","labelAngle","onHoverStep","showDataLabels","showTooltip","title","xAxis","yAxis","yAxisRight","font","alturaMedida","raioDoCanto","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","focarPasso","passoEmFoco","useHoveredBand","trechos","useMemo","cores","resolveSeriesColors","dominio","domainOf","trecho","rotulosDeValor","valueLabelsFor","axisReveal","margins","plot","rotation","useCartesianLayout","valueLabelRoom","escalaPassos","bandScale","_","indice","faixaDe","escalaAlvo","linearScale","minimo","maximo","useTweenedNumbers","escalaValores","marcasDeValor","ticksFor","marcasPassos","marcasValor","valor","rotuloDe","linhasDoBalao","jsxs","CartesianFrame","_a","jsx","BandCursor","nivel","styles","topo","altura","roundedBarPath","markShown"],"mappings":"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"}

package/dist/components/charts/ChartWaterfall/ChartWaterfall.js

@@ -0,0 +1,188 @@
+import { jsxs as Z, jsx as d } from "react/jsx-runtime";
+import { useMemo as f } from "react";
+import p from "./ChartWaterfall.module.css.js";
+import { useChartMetrics as V } from "../core/useChartMetrics.js";
+import { useHoveredBand as oo } from "../core/useHoveredBand.js";
+import { resolveSeriesColors as to } from "../palette/seriesColor.js";
+import { domainOf as io, bandScale as ro, linearScale as E, ticksFor as eo } from "../scales/scales.js";
+import { valueLabelsFor as no, markShown as ao, chartHeight as lo } from "../core/cartesianLayout.js";
+import { useCartesianLayout as mo } from "../core/useCartesianLayout.js";
+import { valueLabelRoom as uo } from "../core/spacing.js";
+import { useTweenedNumbers as so } from "../core/useTweenedNumbers.js";
+import { formatarNumero as co } from "../../../utils/formatters/formatarNumero.js";
+import { CartesianFrame as ho } from "../core/CartesianFrame.js";
+import { BandCursor as fo } from "../core/BandCursor.js";
+import { roundedBarPath as bo } from "../core/shapes.js";
+function vo(e) {
+  let m = 0;
+  return e.map((n) => {
+    if (!Number.isFinite(n.value))
+      return null;
+    const b = n.total ? 0 : m, v = b + n.value;
+    return m = v, { inicio: b, fim: v };
+  });
+}
+function go(e) {
+  return e.intent ? e.intent : e.total ? "neutral" : e.value < 0 ? "negative" : "positive";
+}
+function O(e, m) {
+  return e === 0 ? m(0) : `${e < 0 ? "-" : "+"}${m(Math.abs(e))}`;
+}
+function Bo({
+  emptyMessage: e = "Sem dados no período",
+  formatTooltipValue: m,
+  formatValue: n = co,
+  height: b = 280,
+  labelAngle: v = "auto",
+  onHoverStep: T,
+  showDataLabels: x = "visible",
+  showTooltip: W = !0,
+  steps: r,
+  title: _,
+  xAxis: D = "visible",
+  yAxis: S = "visible",
+  yAxisRight: C = "hidden"
+}) {
+  var z;
+  const { font: N, height: q, radius: g, ref: G, width: $ } = V(), { fillHeight: I, value: M } = lo(b, q), { hover: k, hovered: s } = oo(T), u = f(() => vo(r), [r]), w = f(
+    () => to(r.map((o) => ({ color: o.color, intent: go(o) }))),
+    [r]
+  ), y = f(
+    () => io(u.flatMap((o) => o ? [o.inicio, o.fim] : [])),
+    [u]
+  ), F = no(y, M, n), { axisReveal: J, margins: K, plot: l, rotation: Q } = mo({
+    bottomLabels: r.map((o) => o.label),
+    font: N,
+    height: M,
+    labelAngle: v,
+    leftLabels: F,
+    rightLabels: F,
+    topRoom: x === "hidden" ? 0 : uo(N),
+    width: $,
+    xAxis: D,
+    yAxis: S,
+    yAxisRight: C
+  }), c = f(
+    () => ro({ domain: r.map((o, t) => String(t)), range: [0, l.width] }),
+    [l.width, r]
+  ), h = (o) => c(String(o)) ?? 0, P = f(
+    () => E({ domain: y, range: [l.height, 0] }),
+    [y, l.height]
+  ), [R, B] = so(P.domain()), a = f(
+    () => E({ domain: { min: R, max: B }, nice: !1, range: [l.height, 0] }),
+    [B, R, l.height]
+  ), H = eo(P, l.height), U = r.map((o, t) => ({
+    label: o.label,
+    position: h(t) + c.bandwidth() / 2
+  })), A = H.map((o) => ({
+    label: n(o),
+    position: a(o)
+  }));
+  function j(o) {
+    return o.total ? n(o.value) : O(o.value, n);
+  }
+  function X(o) {
+    if (o === null || !u[o])
+      return [];
+    const t = r[o];
+    return t.total ? [{ color: w[o], label: "Total", values: [t.value] }] : [
+      { color: w[o], format: (i) => O(i, m ?? n), label: "Variação", values: [t.value] },
+      { label: "Acumulado", values: [u[o].fim] }
+    ];
+  }
+  return /* @__PURE__ */ Z(
+    ho,
+    {
+      axisReveal: J,
+      containerRef: G,
+      empty: r.length === 0,
+      emptyMessage: e,
+      grid: [
+        {
+          baseline: a(0),
+          lines: H.map((o) => a(o)),
+          orientation: "horizontal"
+        }
+      ],
+      fillHeight: I,
+      height: M,
+      legendPosition: "none",
+      margins: K,
+      plot: l,
+      title: _,
+      tooltip: W ? {
+        columns: [{ format: m ?? n }],
+        computed: "none",
+        rows: X(s),
+        title: s === null || (z = r[s]) == null ? void 0 : z.label
+      } : void 0,
+      width: $,
+      xAxis: { labelRotation: Q, ticks: U, visibility: D },
+      yAxis: { hideLine: !0, ticks: A, visibility: S },
+      yAxisRight: { hideLine: !0, ticks: A, visibility: C },
+      children: [
+        s !== null && /* @__PURE__ */ d(fo, { offset: h(s), plot: l, size: c.bandwidth() }),
+        /* @__PURE__ */ d("g", { "aria-hidden": "true", children: u.slice(0, -1).map((o, t) => {
+          if (!o || !u[t + 1])
+            return null;
+          const i = a(o.fim);
+          return /* @__PURE__ */ d(
+            "line",
+            {
+              className: p.connector,
+              x1: h(t) + c.bandwidth(),
+              x2: h(t + 1),
+              y1: i,
+              y2: i
+            },
+            t
+          );
+        }) }),
+        r.map((o, t) => {
+          const i = u[t];
+          if (!i)
+            return null;
+          const L = Math.min(a(i.inicio), a(i.fim)), Y = Math.abs(a(i.fim) - a(i.inicio));
+          return /* @__PURE__ */ d(
+            "path",
+            {
+              "aria-label": `${o.label}: ${j(o)}`,
+              className: p.bar,
+              d: bo(h(t), L, c.bandwidth(), Y, [
+                g,
+                g,
+                g,
+                g
+              ]),
+              fill: w[t],
+              onMouseEnter: () => k(t),
+              onMouseLeave: () => k(null)
+            },
+            t
+          );
+        }),
+        x !== "hidden" && r.map((o, t) => {
+          const i = u[t];
+          if (!i)
+            return null;
+          const L = Math.min(a(i.inicio), a(i.fim));
+          return /* @__PURE__ */ d(
+            "text",
+            {
+              className: `${p.valueLabel} ${ao(x, t === s) ? "" : p.valueLabelHidden}`,
+              textAnchor: "middle",
+              x: h(t) + c.bandwidth() / 2,
+              y: L - 6,
+              children: j(o)
+            },
+            t
+          );
+        })
+      ]
+    }
+  );
+}
+export {
+  Bo as ChartWaterfall
+};
+//# sourceMappingURL=ChartWaterfall.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartWaterfall.js","sources":["../../../../src/components/charts/ChartWaterfall/ChartWaterfall.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  BandCursor,\n  markShown,\n  CartesianFrame,\n  useCartesianLayout,\n  chartHeight,\n  roundedBarPath,\n  useChartMetrics,\n  useHoveredBand,\n  useTweenedNumbers,\n  valueLabelRoom,\n  valueLabelsFor,\n  type AxisLabelAngle,\n  type AxisTick,\n  type AxisVisibility,\n  type MarkVisibility,\n  type ChartHeight,\n} from '../core';\nimport { resolveSeriesColors, type SeriesIntent } from '../palette';\nimport { bandScale, domainOf, linearScale, ticksFor } from '../scales';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './ChartWaterfall.module.css';\n\nexport interface ChartWaterfallStep {\n  color?: string;\n  intent?: SeriesIntent;\n  label: string;\n  total?: boolean;\n  value: number;\n}\n\nexport interface ChartWaterfallProps {\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  height?: ChartHeight;\n  labelAngle?: AxisLabelAngle;\n  /** Indice do passo sob o ponteiro, ou `null` ao sair dele. */\n  onHoverStep?: (index: number | null) => void;\n  /** Variacao acima de cada passo. Em `onHover`, so a do passo sob o ponteiro. */\n  showDataLabels?: MarkVisibility;\n  /** Balao com a variacao do passo sob o ponteiro e o acumulado ate ele. Desligue para montar o proprio `ChartTooltip`. */\n  showTooltip?: boolean;\n  steps: readonly ChartWaterfallStep[];\n  title: string;\n  xAxis?: AxisVisibility;\n  yAxis?: AxisVisibility;\n  yAxisRight?: AxisVisibility;\n}\n\ninterface Trecho {\n  fim: number;\n  inicio: number;\n}\n\n/**\n * Cada passo ocupa a faixa entre o acumulado anterior e o novo acumulado; o total parte do zero, porque\n * fecha a conta. Passo invalido e ausente: nao se desenha nem move o acumulado.\n */\nfunction trechosDe(steps: readonly ChartWaterfallStep[]): (Trecho | null)[] {\n  let acumulado = 0;\n\n  return steps.map((passo) => {\n    if (!Number.isFinite(passo.value)) {\n      return null;\n    }\n\n    const inicio = passo.total ? 0 : acumulado;\n    const fim = inicio + passo.value;\n    acumulado = fim;\n\n    return { inicio, fim };\n  });\n}\n\n/** Passo sem intencao declarada recebe a do seu sinal. Total e fechamento, nao aporte. */\nfunction intencaoDe(step: ChartWaterfallStep): SeriesIntent {\n  if (step.intent) {\n    return step.intent;\n  }\n\n  if (step.total) {\n    return 'neutral';\n  }\n\n  return step.value < 0 ? 'negative' : 'positive';\n}\n\n/**\n * O sinal e do grafico, nao do formatador: ele formata a magnitude. Delegar o\n * sinal perderia a variacao com qualquer formatador que exiba apenas o valor.\n */\nfunction comSinal(value: number, formatValue: (value: number) => string) {\n  if (value === 0) {\n    return formatValue(0);\n  }\n\n  return `${value < 0 ? '-' : '+'}${formatValue(Math.abs(value))}`;\n}\n\nexport function ChartWaterfall({\n  emptyMessage = 'Sem dados no período',\n  formatTooltipValue,\n  formatValue = formatarNumero,\n  height = 280,\n  labelAngle = 'auto',\n  onHoverStep,\n  showDataLabels = 'visible',\n  showTooltip = true,\n  steps,\n  title,\n  xAxis = 'visible',\n  yAxis = 'visible',\n  yAxisRight = 'hidden',\n}: ChartWaterfallProps) {\n  const { font, height: alturaMedida, radius: raioDoCanto, ref, width } = useChartMetrics();\n  const { fillHeight, value: alturaDoDesenho } = chartHeight(height, alturaMedida);\n  const { hover: focarPasso, hovered: passoEmFoco } = useHoveredBand(onHoverStep);\n\n  const trechos = useMemo(() => trechosDe(steps), [steps]);\n\n  const cores = useMemo(\n    () => resolveSeriesColors(steps.map((passo) => ({ color: passo.color, intent: intencaoDe(passo) }))),\n    [steps],\n  );\n\n  const dominio = useMemo(\n    () => domainOf(trechos.flatMap((trecho) => (trecho ? [trecho.inicio, trecho.fim] : []))),\n    [trechos],\n  );\n\n  const rotulosDeValor = valueLabelsFor(dominio, alturaDoDesenho, formatValue);\n\n  const { axisReveal, margins, plot, rotation } = useCartesianLayout({\n    bottomLabels: steps.map((passo) => passo.label),\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  // A faixa e indexada pela posicao, nao pelo rotulo: numa sequencia de passos o\n  // mesmo rotulo pode repetir, e a escala categorica funde dominios iguais.\n  const escalaPassos = useMemo(\n    () => bandScale({ domain: steps.map((_, indice) => String(indice)), range: [0, plot.width] }),\n    [plot.width, steps],\n  );\n\n  const faixaDe = (indice: number) => escalaPassos(String(indice)) ?? 0;\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 marcasPassos: AxisTick[] = steps.map((passo, indice) => ({\n    label: passo.label,\n    position: faixaDe(indice) + escalaPassos.bandwidth() / 2,\n  }));\n\n  const marcasValor: AxisTick[] = marcasDeValor.map((valor) => ({\n    label: formatValue(valor),\n    position: escalaValores(valor),\n  }));\n\n  function rotuloDe(passo: ChartWaterfallStep) {\n    return passo.total ? formatValue(passo.value) : comSinal(passo.value, formatValue);\n  }\n\n  /** O passo diz quanto mudou; o acumulado, onde a conta ficou. O total ja e o proprio acumulado. */\n  function linhasDoBalao(indice: number | null) {\n    if (indice === null || !trechos[indice]) {\n      return [];\n    }\n\n    const passo = steps[indice];\n\n    if (passo.total) {\n      return [{ color: cores[indice], label: 'Total', values: [passo.value] }];\n    }\n\n    return [\n      { color: cores[indice], format: (valor: number) => comSinal(valor, formatTooltipValue ?? formatValue), label: 'Variação', values: [passo.value] },\n      { label: 'Acumulado', values: [trechos[indice].fim] },\n    ];\n  }\n\n  return (\n    <CartesianFrame\n      axisReveal={axisReveal}\n      containerRef={ref}\n      empty={steps.length === 0}\n      emptyMessage={emptyMessage}\n      grid={[\n        {\n          baseline: escalaValores(0),\n          lines: marcasDeValor.map((valor) => escalaValores(valor)),\n          orientation: 'horizontal',\n        },\n      ]}\n      fillHeight={fillHeight}\n      height={alturaDoDesenho}\n      legendPosition=\"none\"\n      margins={margins}\n      plot={plot}\n      title={title}\n      tooltip={\n        showTooltip\n          ? {\n              columns: [{ format: formatTooltipValue ?? formatValue }],\n              computed: 'none',\n              rows: linhasDoBalao(passoEmFoco),\n              title: passoEmFoco === null ? undefined : steps[passoEmFoco]?.label,\n            }\n          : undefined\n      }\n      width={width}\n      xAxis={{ labelRotation: rotation, ticks: marcasPassos, visibility: xAxis }}\n      yAxis={{ hideLine: true, ticks: marcasValor, visibility: yAxis }}\n      yAxisRight={{ hideLine: true, ticks: marcasValor, visibility: yAxisRight }}\n    >\n      {passoEmFoco !== null && (\n        <BandCursor offset={faixaDe(passoEmFoco)} plot={plot} size={escalaPassos.bandwidth()} />\n      )}\n\n      <g aria-hidden=\"true\">\n        {trechos.slice(0, -1).map((trecho, indice) => {\n          if (!trecho || !trechos[indice + 1]) {\n            return null;\n          }\n\n          const nivel = escalaValores(trecho.fim);\n\n          return (\n            <line\n              className={styles.connector}\n              key={indice}\n              x1={faixaDe(indice) + escalaPassos.bandwidth()}\n              x2={faixaDe(indice + 1)}\n              y1={nivel}\n              y2={nivel}\n            />\n          );\n        })}\n      </g>\n\n      {steps.map((passo, indice) => {\n        const trecho = trechos[indice];\n\n        if (!trecho) {\n          return null;\n        }\n\n        const topo = Math.min(escalaValores(trecho.inicio), escalaValores(trecho.fim));\n        const altura = Math.abs(escalaValores(trecho.fim) - escalaValores(trecho.inicio));\n\n        return (\n          <path\n            aria-label={`${passo.label}: ${rotuloDe(passo)}`}\n            className={styles.bar}\n            d={roundedBarPath(faixaDe(indice), topo, escalaPassos.bandwidth(), altura, [\n              raioDoCanto,\n              raioDoCanto,\n              raioDoCanto,\n              raioDoCanto,\n            ])}\n            fill={cores[indice]}\n            key={indice}\n            onMouseEnter={() => focarPasso(indice)}\n            onMouseLeave={() => focarPasso(null)}\n          />\n        );\n      })}\n\n      {showDataLabels !== 'hidden' &&\n        steps.map((passo, indice) => {\n          const trecho = trechos[indice];\n\n          if (!trecho) {\n            return null;\n          }\n\n          const topo = Math.min(escalaValores(trecho.inicio), escalaValores(trecho.fim));\n\n          return (\n            <text\n              className={`${styles.valueLabel} ${markShown(showDataLabels, indice === passoEmFoco) ? '' : styles.valueLabelHidden}`}\n              key={indice}\n              textAnchor=\"middle\"\n              x={faixaDe(indice) + escalaPassos.bandwidth() / 2}\n              y={topo - 6}\n            >\n              {rotuloDe(passo)}\n            </text>\n          );\n        })}\n    </CartesianFrame>\n  );\n}\n"],"names":["trechosDe","steps","acumulado","passo","inicio","fim","intencaoDe","step","comSinal","value","formatValue","ChartWaterfall","emptyMessage","formatTooltipValue","formatarNumero","height","labelAngle","onHoverStep","showDataLabels","showTooltip","title","xAxis","yAxis","yAxisRight","font","alturaMedida","raioDoCanto","ref","width","useChartMetrics","fillHeight","alturaDoDesenho","chartHeight","focarPasso","passoEmFoco","useHoveredBand","trechos","useMemo","cores","resolveSeriesColors","dominio","domainOf","trecho","rotulosDeValor","valueLabelsFor","axisReveal","margins","plot","rotation","useCartesianLayout","valueLabelRoom","escalaPassos","bandScale","_","indice","faixaDe","escalaAlvo","linearScale","minimo","maximo","useTweenedNumbers","escalaValores","marcasDeValor","ticksFor","marcasPassos","marcasValor","valor","rotuloDe","linhasDoBalao","jsxs","CartesianFrame","_a","jsx","BandCursor","nivel","styles","topo","altura","roundedBarPath","markShown"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_bar_29l4p_1",l="_connector_29l4p_6",a="_valueLabel_29l4p_12 _valueLabel_yf6oe_103",n="_valueLabelHidden_29l4p_16 _valueLabelHidden_yf6oe_116",o={bar:e,connector:l,valueLabel:a,valueLabelHidden:n};exports.bar=e;exports.connector=l;exports.default=o;exports.valueLabel=a;exports.valueLabelHidden=n;
+//# sourceMappingURL=ChartWaterfall.module.css.cjs.map

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

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

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

@@ -0,0 +1,14 @@
+const e = "_bar_29l4p_1", l = "_connector_29l4p_6", a = "_valueLabel_29l4p_12 _valueLabel_yf6oe_103", _ = "_valueLabelHidden_29l4p_16 _valueLabelHidden_yf6oe_116", n = {
+  bar: e,
+  connector: l,
+  valueLabel: a,
+  valueLabelHidden: _
+};
+export {
+  e as bar,
+  l as connector,
+  n as default,
+  a as valueLabel,
+  _ as valueLabelHidden
+};
+//# sourceMappingURL=ChartWaterfall.module.css.js.map

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

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

package/dist/components/charts/core/Axis.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("./spacing.cjs"),a=require("./Chart.module.css.cjs"),c={bottom:"middle",left:"end",right:"start"};function A({hideLine:r=!1,labelRotation:i=0,length:d,orientation:n,ticks:l}){const e=n==="bottom",x=n==="left"?-t.CHART_LABEL_OFFSET:t.CHART_LABEL_OFFSET;return o.jsxs("g",{"aria-hidden":"true",className:a.default.axis,children:[!r&&o.jsx("line",{className:a.default.axisLine,x1:0,x2:e?d:0,y1:0,y2:e?0:d}),l.map((s,u)=>o.jsx("text",{className:a.default.axisLabel,dominantBaseline:e?"hanging":"middle",textAnchor:e&&i!==0?"end":c[n],transform:e&&i!==0?`rotate(${-i} ${s.position} ${t.CHART_LABEL_OFFSET})`:void 0,x:e?s.position:x,y:e?t.CHART_LABEL_OFFSET:s.position,children:s.label},u))]})}exports.Axis=A;
+//# sourceMappingURL=Axis.cjs.map

package/dist/components/charts/core/Axis.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis.cjs","sources":["../../../../src/components/charts/core/Axis.tsx"],"sourcesContent":["import type { AxisLabelRotation } from './cartesianLayout';\nimport { CHART_LABEL_OFFSET } from './spacing';\nimport styles from './Chart.module.css';\n\nexport type AxisOrientation = 'bottom' | 'left' | 'right';\n\nexport interface AxisTick {\n  label: string;\n  position: number;\n}\n\nexport interface AxisProps {\n  hideLine?: boolean;\n  labelRotation?: AxisLabelRotation;\n  length: number;\n  orientation: AxisOrientation;\n  ticks: readonly AxisTick[];\n}\n\nconst ANCORA: Record<AxisOrientation, 'start' | 'end' | 'middle'> = {\n  bottom: 'middle',\n  left: 'end',\n  right: 'start',\n};\n\n/**\n * Eixo de um grafico cartesiano. Recebe as marcas ja posicionadas: a conversao\n * de valor em pixel pertence a escala, nao ao desenho.\n */\nexport function Axis({ hideLine = false, labelRotation = 0, length, orientation, ticks }: AxisProps) {\n  const deBaixo = orientation === 'bottom';\n  const afastamento = orientation === 'left' ? -CHART_LABEL_OFFSET : CHART_LABEL_OFFSET;\n\n  return (\n    <g aria-hidden=\"true\" className={styles.axis}>\n      {!hideLine && (\n        <line\n          className={styles.axisLine}\n          x1={0}\n          x2={deBaixo ? length : 0}\n          y1={0}\n          y2={deBaixo ? 0 : length}\n        />\n      )}\n      {ticks.map((marca, indice) => (\n        <text\n          className={styles.axisLabel}\n          dominantBaseline={deBaixo ? 'hanging' : 'middle'}\n          key={indice}\n          textAnchor={deBaixo && labelRotation !== 0 ? 'end' : ANCORA[orientation]}\n          transform={\n            deBaixo && labelRotation !== 0\n              ? `rotate(${-labelRotation} ${marca.position} ${CHART_LABEL_OFFSET})`\n              : undefined\n          }\n          x={deBaixo ? marca.position : afastamento}\n          y={deBaixo ? CHART_LABEL_OFFSET : marca.position}\n        >\n          {marca.label}\n        </text>\n      ))}\n    </g>\n  );\n}\n"],"names":["ANCORA","Axis","hideLine","labelRotation","length","orientation","ticks","deBaixo","afastamento","CHART_LABEL_OFFSET","styles","jsx","marca","indice"],"mappings":"oLAmBMA,EAA8D,CAClE,OAAQ,SACR,KAAM,MACN,MAAO,OACT,EAMO,SAASC,EAAK,CAAE,SAAAC,EAAW,GAAO,cAAAC,EAAgB,EAAG,OAAAC,EAAQ,YAAAC,EAAa,MAAAC,GAAoB,CACnG,MAAMC,EAAUF,IAAgB,SAC1BG,EAAcH,IAAgB,OAAS,CAACI,EAAAA,mBAAqBA,EAAAA,mBAEnE,cACG,IAAA,CAAE,cAAY,OAAO,UAAWC,EAAAA,QAAO,KACrC,SAAA,CAAA,CAACR,GACAS,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,QAAO,SAClB,GAAI,EACJ,GAAIH,EAAUH,EAAS,EACvB,GAAI,EACJ,GAAIG,EAAU,EAAIH,CAAA,CAAA,EAGrBE,EAAM,IAAI,CAACM,EAAOC,IACjBF,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,QAAO,UAClB,iBAAkBH,EAAU,UAAY,SAExC,WAAYA,GAAWJ,IAAkB,EAAI,MAAQH,EAAOK,CAAW,EACvE,UACEE,GAAWJ,IAAkB,EACzB,UAAU,CAACA,CAAa,IAAIS,EAAM,QAAQ,IAAIH,EAAAA,kBAAkB,IAChE,OAEN,EAAGF,EAAUK,EAAM,SAAWJ,EAC9B,EAAGD,EAAUE,qBAAqBG,EAAM,SAEvC,SAAAA,EAAM,KAAA,EAVFC,CAAA,CAYR,CAAA,EACH,CAEJ"}

package/dist/components/charts/core/Axis.js

@@ -0,0 +1,40 @@
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { CHART_LABEL_OFFSET as e } from "./spacing.js";
+import n from "./Chart.module.css.js";
+const p = {
+  bottom: "middle",
+  left: "end",
+  right: "start"
+};
+function y({ hideLine: a = !1, labelRotation: i = 0, length: m, orientation: o, ticks: d }) {
+  const s = o === "bottom", x = o === "left" ? -e : e;
+  return /* @__PURE__ */ f("g", { "aria-hidden": "true", className: n.axis, children: [
+    !a && /* @__PURE__ */ r(
+      "line",
+      {
+        className: n.axisLine,
+        x1: 0,
+        x2: s ? m : 0,
+        y1: 0,
+        y2: s ? 0 : m
+      }
+    ),
+    d.map((t, l) => /* @__PURE__ */ r(
+      "text",
+      {
+        className: n.axisLabel,
+        dominantBaseline: s ? "hanging" : "middle",
+        textAnchor: s && i !== 0 ? "end" : p[o],
+        transform: s && i !== 0 ? `rotate(${-i} ${t.position} ${e})` : void 0,
+        x: s ? t.position : x,
+        y: s ? e : t.position,
+        children: t.label
+      },
+      l
+    ))
+  ] });
+}
+export {
+  y as Axis
+};
+//# sourceMappingURL=Axis.js.map

package/dist/components/charts/core/Axis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis.js","sources":["../../../../src/components/charts/core/Axis.tsx"],"sourcesContent":["import type { AxisLabelRotation } from './cartesianLayout';\nimport { CHART_LABEL_OFFSET } from './spacing';\nimport styles from './Chart.module.css';\n\nexport type AxisOrientation = 'bottom' | 'left' | 'right';\n\nexport interface AxisTick {\n  label: string;\n  position: number;\n}\n\nexport interface AxisProps {\n  hideLine?: boolean;\n  labelRotation?: AxisLabelRotation;\n  length: number;\n  orientation: AxisOrientation;\n  ticks: readonly AxisTick[];\n}\n\nconst ANCORA: Record<AxisOrientation, 'start' | 'end' | 'middle'> = {\n  bottom: 'middle',\n  left: 'end',\n  right: 'start',\n};\n\n/**\n * Eixo de um grafico cartesiano. Recebe as marcas ja posicionadas: a conversao\n * de valor em pixel pertence a escala, nao ao desenho.\n */\nexport function Axis({ hideLine = false, labelRotation = 0, length, orientation, ticks }: AxisProps) {\n  const deBaixo = orientation === 'bottom';\n  const afastamento = orientation === 'left' ? -CHART_LABEL_OFFSET : CHART_LABEL_OFFSET;\n\n  return (\n    <g aria-hidden=\"true\" className={styles.axis}>\n      {!hideLine && (\n        <line\n          className={styles.axisLine}\n          x1={0}\n          x2={deBaixo ? length : 0}\n          y1={0}\n          y2={deBaixo ? 0 : length}\n        />\n      )}\n      {ticks.map((marca, indice) => (\n        <text\n          className={styles.axisLabel}\n          dominantBaseline={deBaixo ? 'hanging' : 'middle'}\n          key={indice}\n          textAnchor={deBaixo && labelRotation !== 0 ? 'end' : ANCORA[orientation]}\n          transform={\n            deBaixo && labelRotation !== 0\n              ? `rotate(${-labelRotation} ${marca.position} ${CHART_LABEL_OFFSET})`\n              : undefined\n          }\n          x={deBaixo ? marca.position : afastamento}\n          y={deBaixo ? CHART_LABEL_OFFSET : marca.position}\n        >\n          {marca.label}\n        </text>\n      ))}\n    </g>\n  );\n}\n"],"names":["ANCORA","Axis","hideLine","labelRotation","length","orientation","ticks","deBaixo","afastamento","CHART_LABEL_OFFSET","styles","jsx","marca","indice"],"mappings":";;;AAmBA,MAAMA,IAA8D;AAAA,EAClE,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT;AAMO,SAASC,EAAK,EAAE,UAAAC,IAAW,IAAO,eAAAC,IAAgB,GAAG,QAAAC,GAAQ,aAAAC,GAAa,OAAAC,KAAoB;AACnG,QAAMC,IAAUF,MAAgB,UAC1BG,IAAcH,MAAgB,SAAS,CAACI,IAAqBA;AAEnE,2BACG,KAAA,EAAE,eAAY,QAAO,WAAWC,EAAO,MACrC,UAAA;AAAA,IAAA,CAACR,KACA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD,EAAO;AAAA,QAClB,IAAI;AAAA,QACJ,IAAIH,IAAUH,IAAS;AAAA,QACvB,IAAI;AAAA,QACJ,IAAIG,IAAU,IAAIH;AAAA,MAAA;AAAA,IAAA;AAAA,IAGrBE,EAAM,IAAI,CAACM,GAAOC,MACjB,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD,EAAO;AAAA,QAClB,kBAAkBH,IAAU,YAAY;AAAA,QAExC,YAAYA,KAAWJ,MAAkB,IAAI,QAAQH,EAAOK,CAAW;AAAA,QACvE,WACEE,KAAWJ,MAAkB,IACzB,UAAU,CAACA,CAAa,IAAIS,EAAM,QAAQ,IAAIH,CAAkB,MAChE;AAAA,QAEN,GAAGF,IAAUK,EAAM,WAAWJ;AAAA,QAC9B,GAAGD,IAAUE,IAAqBG,EAAM;AAAA,QAEvC,UAAAA,EAAM;AAAA,MAAA;AAAA,MAVFC;AAAA,IAAA,CAYR;AAAA,EAAA,GACH;AAEJ;"}

package/dist/components/charts/core/BandCursor.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("./Chart.module.css.cjs");function n({offset:e,orientation:u="vertical",plot:t,size:i}){const r=u==="vertical";return c.jsx("rect",{className:a.default.cursor,height:r?t.height:i,width:r?i:t.width,x:r?e:0,y:r?0:e})}exports.BandCursor=n;
+//# sourceMappingURL=BandCursor.cjs.map

package/dist/components/charts/core/BandCursor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BandCursor.cjs","sources":["../../../../src/components/charts/core/BandCursor.tsx"],"sourcesContent":["import type { ChartPlot } from './cartesianLayout';\nimport styles from './Chart.module.css';\n\nexport type BandOrientation = 'vertical' | 'horizontal';\n\nexport interface BandCursorProps {\n  /** Comeco da faixa no eixo de categorias. */\n  offset: number;\n  orientation?: BandOrientation;\n  plot: ChartPlot;\n  /** Largura da faixa, que e a banda da escala de categorias. */\n  size: number;\n}\n\n/**\n * Realce da faixa sob o ponteiro, atras das marcas. Na vertical ele e uma\n * coluna e na horizontal uma linha: so o eixo troca.\n */\nexport function BandCursor({ offset, orientation = 'vertical', plot, size }: BandCursorProps) {\n  const vertical = orientation === 'vertical';\n\n  return (\n    <rect\n      className={styles.cursor}\n      height={vertical ? plot.height : size}\n      width={vertical ? size : plot.width}\n      x={vertical ? offset : 0}\n      y={vertical ? 0 : offset}\n    />\n  );\n}\n"],"names":["BandCursor","offset","orientation","plot","size","vertical","jsx","styles"],"mappings":"yJAkBO,SAASA,EAAW,CAAE,OAAAC,EAAQ,YAAAC,EAAc,WAAY,KAAAC,EAAM,KAAAC,GAAyB,CAC5F,MAAMC,EAAWH,IAAgB,WAEjC,OACEI,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,QAAO,OAClB,OAAQF,EAAWF,EAAK,OAASC,EACjC,MAAOC,EAAWD,EAAOD,EAAK,MAC9B,EAAGE,EAAWJ,EAAS,EACvB,EAAGI,EAAW,EAAIJ,CAAA,CAAA,CAGxB"}

package/dist/components/charts/core/BandCursor.js

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import a from "./Chart.module.css.js";
+function m({ offset: t, orientation: e = "vertical", plot: i, size: c }) {
+  const r = e === "vertical";
+  return /* @__PURE__ */ o(
+    "rect",
+    {
+      className: a.cursor,
+      height: r ? i.height : c,
+      width: r ? c : i.width,
+      x: r ? t : 0,
+      y: r ? 0 : t
+    }
+  );
+}
+export {
+  m as BandCursor
+};
+//# sourceMappingURL=BandCursor.js.map

package/dist/components/charts/core/BandCursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BandCursor.js","sources":["../../../../src/components/charts/core/BandCursor.tsx"],"sourcesContent":["import type { ChartPlot } from './cartesianLayout';\nimport styles from './Chart.module.css';\n\nexport type BandOrientation = 'vertical' | 'horizontal';\n\nexport interface BandCursorProps {\n  /** Comeco da faixa no eixo de categorias. */\n  offset: number;\n  orientation?: BandOrientation;\n  plot: ChartPlot;\n  /** Largura da faixa, que e a banda da escala de categorias. */\n  size: number;\n}\n\n/**\n * Realce da faixa sob o ponteiro, atras das marcas. Na vertical ele e uma\n * coluna e na horizontal uma linha: so o eixo troca.\n */\nexport function BandCursor({ offset, orientation = 'vertical', plot, size }: BandCursorProps) {\n  const vertical = orientation === 'vertical';\n\n  return (\n    <rect\n      className={styles.cursor}\n      height={vertical ? plot.height : size}\n      width={vertical ? size : plot.width}\n      x={vertical ? offset : 0}\n      y={vertical ? 0 : offset}\n    />\n  );\n}\n"],"names":["BandCursor","offset","orientation","plot","size","vertical","jsx","styles"],"mappings":";;AAkBO,SAASA,EAAW,EAAE,QAAAC,GAAQ,aAAAC,IAAc,YAAY,MAAAC,GAAM,MAAAC,KAAyB;AAC5F,QAAMC,IAAWH,MAAgB;AAEjC,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,QAAQF,IAAWF,EAAK,SAASC;AAAA,MACjC,OAAOC,IAAWD,IAAOD,EAAK;AAAA,MAC9B,GAAGE,IAAWJ,IAAS;AAAA,MACvB,GAAGI,IAAW,IAAIJ;AAAA,IAAA;AAAA,EAAA;AAGxB;"}

package/dist/components/charts/core/CartesianFrame.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),F=require("./Axis.cjs"),w=require("./ChartFrame.cjs"),A=require("./Grid.cjs"),f=require("./Chart.module.css.cjs");function a({axis:t,length:s,orientation:c,revealed:h}){const o=t.visibility??"visible";if(o==="hidden")return null;const d=o==="onHover",i=n.jsx(F.Axis,{hideLine:t.hideLine,labelRotation:t.labelRotation,length:s,orientation:c,ticks:t.ticks});return d?n.jsx("g",{className:`${f.default.dynamicAxis} ${h?f.default.dynamicAxisRevealed:""}`,children:i}):i}function k({axisReveal:t,children:s,containerRef:c,empty:h,emptyMessage:o,fillHeight:d,grid:i,height:j,legend:b,legendAlign:g,legendPosition:$,margins:m,onToggleSeries:q,plot:e,title:y,tooltip:C,width:L,xAxis:P,yAxis:E,yAxisRight:l}){const u=(t==null?void 0:t.revealed)??!1;return n.jsx(w.ChartFrame,{containerRef:c,empty:h,emptyMessage:o,fillHeight:d,height:j,legend:b,legendAlign:g,legendPosition:$,minLegendEntries:2,onPointerEnter:t==null?void 0:t.onPointerEnter,onPointerLeave:t==null?void 0:t.onPointerLeave,onToggleSeries:q,title:y,tooltip:C,width:L,children:n.jsxs("g",{transform:`translate(${m.left} ${m.top})`,children:[i==null?void 0:i.map(r=>n.jsx(A.Grid,{baseline:r.baseline,length:r.orientation==="horizontal"?e.width:e.height,lines:r.lines,orientation:r.orientation},r.orientation)),s,n.jsx("g",{transform:`translate(0 ${e.height})`,children:n.jsx(a,{axis:P,length:e.width,orientation:"bottom",revealed:u})}),n.jsx(a,{axis:E,length:e.height,orientation:"left",revealed:u}),l&&n.jsx("g",{transform:`translate(${e.width} 0)`,children:n.jsx(a,{axis:l,length:e.height,orientation:"right",revealed:u})})]})})}exports.CartesianFrame=k;
+//# sourceMappingURL=CartesianFrame.cjs.map

package/dist/components/charts/core/CartesianFrame.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartesianFrame.cjs","sources":["../../../../src/components/charts/core/CartesianFrame.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Axis, type AxisOrientation, type AxisTick } from './Axis';\nimport { ChartFrame } from './ChartFrame';\nimport type { ChartLegendAlign, ChartLegendEntry, ChartLegendPosition } from './ChartLegend';\nimport type { ChartFrameProps } from './ChartFrame';\nimport { Grid, type GridOrientation } from './Grid';\nimport type { AxisLabelRotation, AxisVisibility, ChartMargins, ChartPlot } from './cartesianLayout';\nimport type { AxisReveal } from './useCartesianLayout';\nimport styles from './Chart.module.css';\n\nexport interface CartesianAxis {\n  hideLine?: boolean;\n  labelRotation?: AxisLabelRotation;\n  ticks: readonly AxisTick[];\n  visibility?: AxisVisibility;\n}\n\nexport interface CartesianGrid {\n  baseline?: number;\n  lines: readonly number[];\n  orientation: GridOrientation;\n}\n\nexport interface CartesianFrameProps {\n  /** Estado e gatilhos dos eixos `onHover`, vindos de `useCartesianLayout`. */\n  axisReveal?: AxisReveal;\n  children: ReactNode;\n  containerRef: (node: HTMLElement | null) => void;\n  empty: boolean;\n  emptyMessage: string;\n  fillHeight: boolean;\n  grid?: readonly CartesianGrid[];\n  height: number;\n  legend?: readonly ChartLegendEntry[];\n  legendAlign?: ChartLegendAlign;\n  legendPosition: ChartLegendPosition;\n  margins: ChartMargins;\n  onToggleSeries?: (label: string) => void;\n  plot: ChartPlot;\n  title: string;\n  tooltip?: ChartFrameProps['tooltip'];\n  width: number;\n  xAxis: CartesianAxis;\n  yAxis: CartesianAxis;\n  yAxisRight?: CartesianAxis;\n}\n\ninterface EixoProps {\n  axis: CartesianAxis;\n  length: number;\n  orientation: AxisOrientation;\n  revealed: boolean;\n}\n\n/** No modo `onHover` o eixo aparece enquanto o desenho encolhe para abrir a calha dele, e some na hora de sair. */\nfunction EixoDinamico({ axis, length, orientation, revealed }: EixoProps) {\n  const visibility = axis.visibility ?? 'visible';\n\n  if (visibility === 'hidden') {\n    return null;\n  }\n\n  const dinamico = visibility === 'onHover';\n  const eixo = (\n    <Axis\n      hideLine={axis.hideLine}\n      labelRotation={axis.labelRotation}\n      length={length}\n      orientation={orientation}\n      ticks={axis.ticks}\n    />\n  );\n\n  if (!dinamico) {\n    return eixo;\n  }\n\n  return <g className={`${styles.dynamicAxis} ${revealed ? styles.dynamicAxisRevealed : ''}`}>{eixo}</g>;\n}\n\n/**\n * Camada cartesiana sobre a moldura comum: grade, os dois eixos e as marcas,\n * todos dentro das margens ja calculadas a partir dos rotulos.\n */\nexport function CartesianFrame({\n  axisReveal,\n  children,\n  containerRef,\n  empty,\n  emptyMessage,\n  fillHeight,\n  grid,\n  height,\n  legend,\n  legendAlign,\n  legendPosition,\n  margins,\n  onToggleSeries,\n  plot,\n  title,\n  tooltip,\n  width,\n  xAxis,\n  yAxis,\n  yAxisRight,\n}: CartesianFrameProps) {\n  const revealed = axisReveal?.revealed ?? false;\n\n  return (\n    <ChartFrame\n      containerRef={containerRef}\n      empty={empty}\n      emptyMessage={emptyMessage}\n      fillHeight={fillHeight}\n      height={height}\n      legend={legend}\n      legendAlign={legendAlign}\n      legendPosition={legendPosition}\n      minLegendEntries={2}\n      onPointerEnter={axisReveal?.onPointerEnter}\n      onPointerLeave={axisReveal?.onPointerLeave}\n      onToggleSeries={onToggleSeries}\n      title={title}\n      tooltip={tooltip}\n      width={width}\n    >\n      <g transform={`translate(${margins.left} ${margins.top})`}>\n        {grid?.map((linhas) => (\n          <Grid\n            baseline={linhas.baseline}\n            key={linhas.orientation}\n            length={linhas.orientation === 'horizontal' ? plot.width : plot.height}\n            lines={linhas.lines}\n            orientation={linhas.orientation}\n          />\n        ))}\n\n        {children}\n\n        <g transform={`translate(0 ${plot.height})`}>\n          <EixoDinamico axis={xAxis} length={plot.width} orientation=\"bottom\" revealed={revealed} />\n        </g>\n\n        <EixoDinamico axis={yAxis} length={plot.height} orientation=\"left\" revealed={revealed} />\n\n        {yAxisRight && (\n          <g transform={`translate(${plot.width} 0)`}>\n            <EixoDinamico axis={yAxisRight} length={plot.height} orientation=\"right\" revealed={revealed} />\n          </g>\n        )}\n      </g>\n    </ChartFrame>\n  );\n}\n"],"names":["EixoDinamico","axis","length","orientation","revealed","visibility","dinamico","eixo","jsx","Axis","styles","CartesianFrame","axisReveal","children","containerRef","empty","emptyMessage","fillHeight","grid","height","legend","legendAlign","legendPosition","margins","onToggleSeries","plot","title","tooltip","width","xAxis","yAxis","yAxisRight","ChartFrame","jsxs","linhas","Grid"],"mappings":"uOAuDA,SAASA,EAAa,CAAE,KAAAC,EAAM,OAAAC,EAAQ,YAAAC,EAAa,SAAAC,GAAuB,CACxE,MAAMC,EAAaJ,EAAK,YAAc,UAEtC,GAAII,IAAe,SACjB,OAAO,KAGT,MAAMC,EAAWD,IAAe,UAC1BE,EACJC,EAAAA,IAACC,EAAAA,KAAA,CACC,SAAUR,EAAK,SACf,cAAeA,EAAK,cACpB,OAAAC,EACA,YAAAC,EACA,MAAOF,EAAK,KAAA,CAAA,EAIhB,OAAKK,EAIEE,EAAAA,IAAC,IAAA,CAAE,UAAW,GAAGE,EAAAA,QAAO,WAAW,IAAIN,EAAWM,EAAAA,QAAO,oBAAsB,EAAE,GAAK,SAAAH,EAAK,EAHzFA,CAIX,CAMO,SAASI,EAAe,CAC7B,WAAAC,EACA,SAAAC,EACA,aAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,KAAAC,EACA,OAAAC,EACA,OAAAC,EACA,YAAAC,EACA,eAAAC,EACA,QAAAC,EACA,eAAAC,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EACA,MAAAC,EACA,MAAAC,EACA,MAAAC,EACA,WAAAC,CACF,EAAwB,CACtB,MAAM3B,GAAWQ,GAAA,YAAAA,EAAY,WAAY,GAEzC,OACEJ,EAAAA,IAACwB,EAAAA,WAAA,CACC,aAAAlB,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,OAAAE,EACA,OAAAC,EACA,YAAAC,EACA,eAAAC,EACA,iBAAkB,EAClB,eAAgBV,GAAA,YAAAA,EAAY,eAC5B,eAAgBA,GAAA,YAAAA,EAAY,eAC5B,eAAAY,EACA,MAAAE,EACA,QAAAC,EACA,MAAAC,EAEA,SAAAK,EAAAA,KAAC,KAAE,UAAW,aAAaV,EAAQ,IAAI,IAAIA,EAAQ,GAAG,IACnD,SAAA,CAAAL,GAAA,YAAAA,EAAM,IAAKgB,GACV1B,EAAAA,IAAC2B,EAAAA,KAAA,CACC,SAAUD,EAAO,SAEjB,OAAQA,EAAO,cAAgB,aAAeT,EAAK,MAAQA,EAAK,OAChE,MAAOS,EAAO,MACd,YAAaA,EAAO,WAAA,EAHfA,EAAO,WAAA,GAOfrB,QAEA,IAAA,CAAE,UAAW,eAAeY,EAAK,MAAM,IACtC,SAAAjB,EAAAA,IAACR,EAAA,CAAa,KAAM6B,EAAO,OAAQJ,EAAK,MAAO,YAAY,SAAS,SAAArB,EAAoB,EAC1F,EAEAI,EAAAA,IAACR,GAAa,KAAM8B,EAAO,OAAQL,EAAK,OAAQ,YAAY,OAAO,SAAArB,CAAA,CAAoB,EAEtF2B,GACCvB,EAAAA,IAAC,IAAA,CAAE,UAAW,aAAaiB,EAAK,KAAK,MACnC,SAAAjB,MAACR,EAAA,CAAa,KAAM+B,EAAY,OAAQN,EAAK,OAAQ,YAAY,QAAQ,SAAArB,EAAoB,CAAA,CAC/F,CAAA,CAAA,CAEJ,CAAA,CAAA,CAGN"}