minerva-design 1.2.0 → 1.4.0

package/dist/native/components/Chart/scene.js.map

@@ -1 +1 @@
-{"version":3,"file":"scene.js","names":["_Fragment","SHAPE_BUDGET","C","lineHeightOf","size","slack","measureChartText","text","o","label","lh","pad","w","top","valign","y","horizontal","align","x","frameWidth","Text","extra","key","box","View","color","dot","cx","d","cy","segment","dx","x2","x1","dy","y2","y1","length","width","dashRuns","pattern","dash","v","period","a","b","runs","scale","max","out","at","i","step","dashedLine","start","run","axis","from","crisp","thin","stride","k","lx","ly","areaStrips","n","forward","xs","ys","plot","to","column","j","left","c","right","mid","x0","t","baseline","primitiveLimits","scene","visible","s","lines","scatters","perLine","maxDots","drawData","primitives","scenePrimitives","options","ox","oy","dotsLeft","barsLeft","p","total","pts","r","count","h","rectOf","xa","xb","ya","yb","bottom","textBox","px","py","height","css","toCss","alpha","drawBackground","layout","fs","theme","scales","grid","model","yTicks","xTicks","line","tick","title","lastRight","e","swatch","part","drawForeground","fw","halo","labelHeight","annotations","pos","tx","ty","pointColor","l","clip","drawStatic","Fragment","family","drawHover","background","hover","StyleSheet","m","dragging","tip","customTooltip","muted","font","weight","row","lineHeight","tooltipCard","padding","content"],"sources":["../../../../../native/src/components/Chart/scene.tsx"],"sourcesContent":["// Draws a chart scene (`ChartController.getScene()`) with plain views: no\n// canvas, SVG or native drawing module. The engine already resolves every\n// position in pixels; this file only turns them into absolutely positioned\n// <View> / <Text> elements, keeping the number of views bounded by the size\n// of the chart (lines decimated per column, dots merged per cell, bars\n// merged per pixel column), whatever the size of the data.\n\nimport type { ReactElement, ReactNode } from \"react\";\nimport {\n  StyleSheet,\n  Text,\n  View,\n  type TextStyle,\n  type ViewStyle,\n} from \"react-native\";\nimport {\n  scenePrimitives,\n  toCss,\n  type ChartPrimitive,\n  type ChartRect,\n  type ChartScene,\n} from \"@minerva/charts/canvas\";\nimport { part } from \"../../internal/parts\";\nimport { measureChartText } from \"./measure\";\n\ntype Rgba = ChartScene[\"theme\"][\"text\"];\ntype Annotation = ChartScene[\"annotations\"][number];\ntype RectAnnotation = Extract<Annotation, { type: \"rect\" }>;\ntype TextAnnotation = Extract<Annotation, { type: \"text\" }>;\ntype Scales = ChartScene[\"layout\"][\"scales\"];\n\n/** Upper bounds of the views drawn for the data of a chart */\nexport const SHAPE_BUDGET = {\n  /** Points of all the lines (one view per segment) */\n  linePoints: 1200,\n  /** Dots of one scatter series before they are merged per cell */\n  dotsPerSeries: 800,\n  /** Dots of all the series */\n  dots: 2000,\n  /** Bars of one series before neighbors are merged per pixel column */\n  barsPerSeries: 600,\n  /** Bars of all the series */\n  bars: 1500,\n  /** Vertical strips filling one area */\n  areaColumns: 200,\n  /** Dashes of one dashed line */\n  dashes: 200,\n} as const;\n\nconst C = \"chart\";\n\n// ------------------------------------------------------------------ text\n\ninterface TextOptions {\n  size: number;\n  color: string;\n  weight?: number;\n  family?: string;\n  /** Halo color: keeps the text readable over the data */\n  halo?: string;\n}\n\ntype Align = \"left\" | \"center\" | \"right\";\ntype VAlign = \"top\" | \"middle\" | \"bottom\";\n\nconst lineHeightOf = (size: number) => Math.ceil(size * 1.35);\n\n/** Box wide enough for the estimated width (the real one may differ) */\nconst slack = (text: string, o: TextOptions) =>\n  Math.ceil(\n    measureChartText(text, `${o.weight ?? 400} ${o.size}px sans-serif`) * 1.4 +\n      o.size * 2,\n  );\n\n/**\n * A one-line text anchored at (x, y) of a container `frameWidth` wide:\n * `left` starts there, `right` ends there, `center` is centered on it;\n * `top` / `bottom` place the em box like the canvas text baselines\n */\nfunction label(\n  key: string,\n  text: string,\n  x: number,\n  y: number,\n  align: Align,\n  valign: VAlign,\n  o: TextOptions,\n  frameWidth: number,\n  extra?: TextStyle,\n): ReactElement {\n  const lh = lineHeightOf(o.size);\n  const pad = (lh - o.size) / 2;\n  const w = slack(text, o);\n  const top =\n    valign === \"top\"\n      ? y - pad\n      : valign === \"bottom\"\n        ? y - lh + pad\n        : y - lh / 2;\n  const horizontal: TextStyle =\n    align === \"left\"\n      ? { left: x, width: w }\n      : align === \"right\"\n        ? { right: frameWidth - x, width: w }\n        : { left: x - w / 2, width: w };\n  return (\n    <Text\n      key={key}\n      numberOfLines={1}\n      style={[\n        {\n          position: \"absolute\",\n          top,\n          ...horizontal,\n          textAlign: align,\n          fontSize: o.size,\n          lineHeight: lh,\n          color: o.color,\n          fontWeight: String(o.weight ?? 400) as TextStyle[\"fontWeight\"],\n          includeFontPadding: false,\n          ...(o.family ? { fontFamily: o.family } : null),\n          ...(o.halo\n            ? {\n                textShadowColor: o.halo,\n                textShadowRadius: 3,\n                textShadowOffset: { width: 0, height: 0 },\n              }\n            : null),\n        },\n        extra,\n      ]}\n    >\n      {text}\n    </Text>\n  );\n}\n\n// ---------------------------------------------------------------- shapes\n\nconst box = (\n  key: string,\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  color: string,\n  extra?: ViewStyle,\n): ReactElement => (\n  <View\n    key={key}\n    style={[\n      {\n        position: \"absolute\",\n        left: x,\n        top: y,\n        width,\n        height,\n        backgroundColor: color,\n      },\n      extra,\n    ]}\n  />\n);\n\nconst dot = (\n  key: string,\n  cx: number,\n  cy: number,\n  d: number,\n  color: string,\n  extra?: ViewStyle,\n) =>\n  box(key, cx - d / 2, cy - d / 2, d, d, color, {\n    borderRadius: d / 2,\n    ...extra,\n  });\n\n/** A straight stroke: one view, rotated around its center */\nconst segment = (\n  key: string,\n  x1: number,\n  y1: number,\n  x2: number,\n  y2: number,\n  width: number,\n  color: string,\n) => {\n  const dx = x2 - x1;\n  const dy = y2 - y1;\n  const length = Math.hypot(dx, dy) + width;\n  return box(\n    key,\n    (x1 + x2) / 2 - length / 2,\n    (y1 + y2) / 2 - width / 2,\n    length,\n    width,\n    color,\n    {\n      borderRadius: width / 2,\n      transform: [{ rotate: `${Math.atan2(dy, dx)}rad` }],\n    },\n  );\n};\n\n/** Dash runs `[start, length]` along a line (canvas `setLineDash` pattern) */\nexport function dashRuns(\n  length: number,\n  dash: readonly number[],\n  max: number = SHAPE_BUDGET.dashes,\n): [number, number][] {\n  let pattern = dash.filter((v) => Number.isFinite(v) && v >= 0);\n  // odd patterns repeat twice, like the canvas\n  if (pattern.length % 2) pattern = [...pattern, ...pattern];\n  const period = pattern.reduce((a, b) => a + b, 0);\n  if (!pattern.length || period <= 0) return [[0, length]];\n  const runs = (length / period) * (pattern.length / 2);\n  const scale = runs > max ? runs / max : 1;\n  const out: [number, number][] = [];\n  let at = 0;\n  for (let i = 0; at < length; i = (i + 1) % pattern.length) {\n    const step = pattern[i] * scale;\n    if (i % 2 === 0 && step > 0) out.push([at, Math.min(step, length - at)]);\n    at += Math.max(step, 0.5);\n  }\n  return out;\n}\n\nconst dashedLine = (\n  key: string,\n  axis: \"x\" | \"y\",\n  at: number,\n  from: number,\n  length: number,\n  width: number,\n  color: string,\n  dash: readonly number[],\n) =>\n  dashRuns(length, dash).map(([start, run], i) =>\n    axis === \"y\"\n      ? box(`${key}-${i}`, from + start, at, run, width, color)\n      : box(`${key}-${i}`, at, from + start, width, run, color),\n  );\n\nconst crisp = (v: number, width = 1) => Math.round(v) + 0.5 - width / 2;\n\n// ------------------------------------------------------------------ data\n\n/** Thins a run of interleaved points to `max` points and drops sub-pixel steps */\nfunction thin(run: readonly number[], max: number): number[] {\n  const n = run.length / 2;\n  const stride = n > max ? Math.ceil(n / max) : 1;\n  const out: number[] = [];\n  for (let i = 0; i < n; i += stride) {\n    const x = run[i * 2];\n    const y = run[i * 2 + 1];\n    const k = out.length;\n    if (k && Math.hypot(x - out[k - 2], y - out[k - 1]) < 1.5) continue;\n    out.push(x, y);\n  }\n  const lx = run[n * 2 - 2];\n  const ly = run[n * 2 - 1];\n  const k = out.length;\n  if (n > 1 && (out[k - 2] !== lx || out[k - 1] !== ly)) out.push(lx, ly);\n  return out;\n}\n\n/** Vertical strips between the line and the baseline, one per column */\nfunction areaStrips(\n  key: string,\n  run: readonly number[],\n  baseline: number,\n  color: string,\n  opacity: number,\n  plot: ChartRect,\n): ReactElement[] {\n  const n = run.length / 2;\n  if (n < 2) return [];\n  // left to right (reversed axes list their points right to left)\n  const forward = run[0] <= run[n * 2 - 2];\n  const xs = (i: number) => run[(forward ? i : n - 1 - i) * 2];\n  const ys = (i: number) => run[(forward ? i : n - 1 - i) * 2 + 1];\n  const from = Math.max(plot.x, xs(0));\n  const to = Math.min(plot.x + plot.width, xs(n - 1));\n  if (to <= from) return [];\n  const column = Math.max(2, plot.width / SHAPE_BUDGET.areaColumns);\n  const out: ReactElement[] = [];\n  let j = 0;\n  for (let left = Math.floor(from), c = 0; left < to; c++) {\n    const right = Math.min(Math.ceil(to), Math.round(left + column));\n    const mid = (left + right) / 2;\n    while (j < n - 2 && xs(j + 1) < mid) j++;\n    const x0 = xs(j);\n    const x1 = xs(j + 1);\n    const t = x1 === x0 ? 0 : Math.max(0, Math.min(1, (mid - x0) / (x1 - x0)));\n    const y = ys(j) + (ys(j + 1) - ys(j)) * t;\n    if (Number.isFinite(y)) {\n      const top = Math.min(y, baseline);\n      out.push(\n        box(\n          `${key}-${c}`,\n          left - plot.x,\n          top - plot.y,\n          right - left,\n          Math.abs(baseline - y),\n          color,\n          {\n            opacity,\n          },\n        ),\n      );\n    }\n    left = right;\n  }\n  return out;\n}\n\n/** Limits of `scenePrimitives` for the views budget */\nexport function primitiveLimits(scene: ChartScene) {\n  const { plot } = scene.layout;\n  const visible = scene.model.series.filter((s) => !s.hidden);\n  const lines = visible.filter(\n    (s) => s.type === \"line\" || s.type === \"area\",\n  ).length;\n  const scatters = visible.filter((s) => s.type === \"scatter\").length;\n  const perLine = Math.max(150, SHAPE_BUDGET.linePoints / Math.max(1, lines));\n  const maxDots = Math.max(\n    100,\n    Math.min(\n      SHAPE_BUDGET.dotsPerSeries,\n      SHAPE_BUDGET.dots / Math.max(1, scatters),\n    ),\n  );\n  return {\n    perLine,\n    options: {\n      // decimation keeps up to 4 points per column\n      columnWidth: Math.max(3, (plot.width * 4) / perLine),\n      maxDots,\n      maxBars: SHAPE_BUDGET.barsPerSeries,\n      dotCell: Math.max(\n        4,\n        Math.sqrt((plot.width * plot.height) / maxDots) * 1.15 + 1,\n      ),\n    },\n  };\n}\n\nfunction drawData(scene: ChartScene): ReactElement[] {\n  const { plot } = scene.layout;\n  const { perLine, options } = primitiveLimits(scene);\n  const primitives: ChartPrimitive[] = scenePrimitives(scene, options);\n  const ox = plot.x;\n  const oy = plot.y;\n  const out: ReactElement[] = [];\n  let dotsLeft: number = SHAPE_BUDGET.dots;\n  let barsLeft: number = SHAPE_BUDGET.bars;\n  primitives.forEach((p, k) => {\n    const key = `${p.kind}${p.seriesIndex}-${k}`;\n    if (p.kind === \"area\") {\n      p.segments.forEach((run, r) =>\n        out.push(\n          ...areaStrips(\n            `${key}-${r}`,\n            run,\n            p.baseline,\n            p.color,\n            p.opacity,\n            plot,\n          ),\n        ),\n      );\n      return;\n    }\n    if (p.kind === \"line\") {\n      let total = 0;\n      for (const run of p.segments) total += run.length / 2;\n      p.segments.forEach((run, r) => {\n        const pts = thin(\n          run,\n          Math.max(\n            2,\n            Math.round((perLine * run.length) / 2 / Math.max(1, total)),\n          ),\n        );\n        if (pts.length === 2) {\n          out.push(\n            dot(\n              `${key}-${r}`,\n              pts[0] - ox,\n              pts[1] - oy,\n              p.width * 1.5,\n              p.color,\n            ),\n          );\n          return;\n        }\n        for (let i = 0; i + 3 < pts.length; i += 2) {\n          out.push(\n            segment(\n              `${key}-${r}-${i}`,\n              pts[i] - ox,\n              pts[i + 1] - oy,\n              pts[i + 2] - ox,\n              pts[i + 3] - oy,\n              p.width,\n              p.color,\n            ),\n          );\n        }\n      });\n      return;\n    }\n    if (p.kind === \"bars\") {\n      const count = p.rects.length / 4;\n      const stride =\n        count > barsLeft ? Math.ceil(count / Math.max(1, barsLeft)) : 1;\n      for (let i = 0; i < count; i += stride) {\n        const [x, y, w, h] = p.rects.slice(i * 4, i * 4 + 4);\n        out.push(\n          box(`${key}-${i}`, x - ox, y - oy, Math.max(w, 0.5), h, p.color),\n        );\n      }\n      barsLeft = Math.max(0, barsLeft - Math.ceil(count / stride));\n      return;\n    }\n    const count = p.dots.length / 3;\n    const stride =\n      count > dotsLeft ? Math.ceil(count / Math.max(1, dotsLeft)) : 1;\n    for (let i = 0; i < count; i += stride) {\n      out.push(\n        dot(\n          `${key}-${i}`,\n          p.dots[i * 3] - ox,\n          p.dots[i * 3 + 1] - oy,\n          p.dots[i * 3 + 2],\n          p.colors[i],\n          {\n            opacity: p.opacity,\n          },\n        ),\n      );\n    }\n    dotsLeft = Math.max(0, dotsLeft - Math.ceil(count / stride));\n  });\n  return out;\n}\n\n// ------------------------------------------------------------ background\n\nconst rectOf = (a: RectAnnotation, s: Scales): ChartRect => {\n  const { plot } = s;\n  const xa = a.x0 === undefined ? -Infinity : s.xToPx(a.x0);\n  const xb = a.x1 === undefined ? Infinity : s.xToPx(a.x1);\n  const ya = a.y0 === undefined ? Infinity : s.yToPx(a.y0);\n  const yb = a.y1 === undefined ? -Infinity : s.yToPx(a.y1);\n  const left = Math.max(plot.x, Math.min(xa, xb));\n  const right = Math.min(plot.x + plot.width, Math.max(xa, xb));\n  const top = Math.max(plot.y, Math.min(ya, yb));\n  const bottom = Math.min(plot.y + plot.height, Math.max(ya, yb));\n  return { x: left, y: top, width: right - left, height: bottom - top };\n};\n\n/** Box of a text annotation, kept inside the plot (engine `textBox`) */\nconst textBox = (\n  a: TextAnnotation,\n  s: Scales,\n  width: number,\n  height: number,\n): ChartRect => {\n  const { plot } = s;\n  const px = a.x === undefined ? plot.x + plot.width / 2 : s.xToPx(a.x);\n  const py = a.y === undefined ? plot.y + plot.height / 2 : s.yToPx(a.y);\n  const gap = 6;\n  let x = px - width / 2;\n  let y = py - height / 2;\n  if (a.anchor === \"top\") y = py + gap;\n  else if (a.anchor === \"bottom\") y = py - gap - height;\n  else if (a.anchor === \"left\") x = px + gap;\n  else if (a.anchor === \"right\") x = px - gap - width;\n  x = Math.max(plot.x + gap, Math.min(x, plot.x + plot.width - gap - width));\n  y = Math.max(plot.y + 2, Math.min(y, plot.y + plot.height - 2 - height));\n  return { x, y, width, height };\n};\n\nconst css = (c: Rgba, alpha?: number) => toCss(c, alpha);\n\nfunction drawBackground(scene: ChartScene, family?: string): ReactElement[] {\n  const { width, theme, model, layout, annotations } = scene;\n  const { plot, scales, xTicks, yTicks } = layout;\n  const fs = theme.fontSize;\n  const out: ReactElement[] = [];\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"rect\") return;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) return;\n    out.push(\n      box(`area-${i}`, r.x, r.y, r.width, r.height, css(a.color, a.opacity)),\n    );\n  });\n\n  const grid = css(theme.grid);\n  if (model.y.grid) {\n    yTicks.values.forEach((v, i) => {\n      const py = scales.yToPx(v);\n      if (py < plot.y - 1 || py > plot.y + plot.height + 1) return;\n      out.push(box(`ygrid-${i}`, plot.x, crisp(py), plot.width, 1, grid));\n    });\n  }\n  if (model.x.grid) {\n    xTicks.values.forEach((v, i) => {\n      const px = scales.xToPx(v);\n      if (px < plot.x - 1 || px > plot.x + plot.width + 1) return;\n      out.push(box(`xgrid-${i}`, crisp(px), plot.y, 1, plot.height, grid));\n    });\n  }\n\n  const line = Math.ceil(fs * 1.4);\n  const tick: TextOptions = { size: fs, color: css(theme.textMuted), family };\n  const title: TextOptions = {\n    size: fs + 1,\n    weight: 500,\n    color: css(theme.text, 0.8),\n    family,\n  };\n  const bottom = plot.y + plot.height;\n\n  if (model.x.visible) {\n    out.push(\n      box(\"xaxis\", plot.x, crisp(bottom), plot.width, 1, css(theme.axis)),\n    );\n    let lastRight = -Infinity;\n    xTicks.values\n      .map((v, i) => ({ px: scales.xToPx(v), text: xTicks.labels[i] ?? \"\" }))\n      .sort((a, b) => a.px - b.px)\n      .forEach(({ px, text }, i) => {\n        if (!text || px < plot.x - 0.5 || px > plot.x + plot.width + 0.5)\n          return;\n        const w = measureChartText(text, `400 ${fs}px sans-serif`);\n        const left = Math.max(0, Math.min(width - w, px - w / 2));\n        if (left < lastRight + 6) return;\n        lastRight = left + w;\n        out.push(\n          label(\n            `xtick-${i}`,\n            text,\n            left + w / 2,\n            bottom + 7,\n            \"center\",\n            \"top\",\n            tick,\n            width,\n          ),\n        );\n      });\n    if (model.x.title)\n      out.push(\n        label(\n          \"xtitle\",\n          model.x.title,\n          plot.x + plot.width / 2,\n          bottom + line + 10,\n          \"center\",\n          \"top\",\n          title,\n          width,\n        ),\n      );\n  }\n\n  if (model.y.visible) {\n    yTicks.values.forEach((v, i) => {\n      const py = scales.yToPx(v);\n      const text = yTicks.labels[i];\n      if (!text || py < plot.y - 0.5 || py > plot.y + plot.height + 0.5) return;\n      out.push(\n        label(\n          `ytick-${i}`,\n          text,\n          plot.x - 8,\n          py,\n          \"right\",\n          \"middle\",\n          tick,\n          width,\n        ),\n      );\n    });\n    if (model.y.title)\n      out.push(\n        label(\n          \"ytitle\",\n          model.y.title,\n          line / 2 + 4,\n          plot.y + plot.height / 2,\n          \"center\",\n          \"middle\",\n          title,\n          width,\n          {\n            transform: [{ rotate: \"-90deg\" }],\n          },\n        ),\n      );\n  }\n\n  if (scene.legend) {\n    for (const e of scene.legend.entries) {\n      // coordinates relative to the entry box\n      const cy = e.box.height / 2;\n      const swatch =\n        e.shape === \"dot\"\n          ? dot(\"swatch\", 5, cy, 8, e.color)\n          : e.shape === \"line\"\n            ? box(\"swatch\", 0, cy - 1, 10, 2, e.color)\n            : box(\"swatch\", 1, cy - 4, 8, 8, e.color);\n      out.push(\n        <View\n          key={`legend-${e.id}`}\n          style={{\n            position: \"absolute\",\n            left: e.box.x,\n            top: e.box.y,\n            width: e.box.width,\n            height: e.box.height,\n            opacity: e.hidden ? 0.45 : 1,\n          }}\n          {...part(C, \"legend-item\", { hidden: e.hidden })}\n        >\n          {swatch}\n          {label(\n            \"name\",\n            e.name,\n            14,\n            cy,\n            \"left\",\n            \"middle\",\n            { size: 12, color: css(theme.textMuted), family },\n            e.box.width,\n            e.hidden ? { textDecorationLine: \"line-through\" } : undefined,\n          )}\n        </View>,\n      );\n    }\n  }\n  return out;\n}\n\n// ------------------------------------------------------------ foreground\n\nfunction drawForeground(scene: ChartScene, family?: string): ReactElement[] {\n  const { theme, annotations, layout } = scene;\n  const { plot, scales } = layout;\n  const fs = theme.fontSize;\n  const ox = plot.x;\n  const oy = plot.y;\n  const fw = plot.width;\n  const halo = css(theme.background, 0.9);\n  const labelHeight = fs + 4;\n  const out: ReactElement[] = [];\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"line\") return;\n    const color = css(a.color);\n    if (a.axis === \"y\") {\n      const py = scales.yToPx(a.value);\n      out.push(\n        ...dashedLine(\n          `line-${i}`,\n          \"y\",\n          crisp(py, a.width) - oy,\n          0,\n          plot.width,\n          a.width,\n          color,\n          a.dash,\n        ),\n      );\n      if (a.label)\n        out.push(\n          label(\n            `line-label-${i}`,\n            a.label,\n            plot.width - 6,\n            py - 3 - oy,\n            \"right\",\n            \"bottom\",\n            { size: fs, weight: 500, color, halo, family },\n            fw,\n          ),\n        );\n    } else {\n      const px = scales.xToPx(a.value);\n      out.push(\n        ...dashedLine(\n          `line-${i}`,\n          \"x\",\n          crisp(px, a.width) - ox,\n          0,\n          plot.height,\n          a.width,\n          color,\n          a.dash,\n        ),\n      );\n      if (a.label)\n        out.push(\n          label(\n            `line-label-${i}`,\n            a.label,\n            px + 5 - ox,\n            5,\n            \"left\",\n            \"top\",\n            { size: fs, weight: 500, color, halo, family },\n            fw,\n          ),\n        );\n    }\n  });\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"rect\" || !a.label) return;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) return;\n    const pad = 10;\n    const pos = a.labelPosition;\n    const align: Align = pos.endsWith(\"left\")\n      ? \"left\"\n      : pos.endsWith(\"right\")\n        ? \"right\"\n        : \"center\";\n    const tx =\n      align === \"left\"\n        ? r.x + pad\n        : align === \"right\"\n          ? r.x + r.width - pad\n          : r.x + r.width / 2;\n    const ty = pos.startsWith(\"top\")\n      ? r.y + pad\n      : pos.startsWith(\"bottom\")\n        ? r.y + r.height - pad - labelHeight\n        : r.y + (r.height - labelHeight) / 2;\n    out.push(\n      label(\n        `area-label-${i}`,\n        a.label,\n        tx - ox,\n        ty - oy,\n        align,\n        \"top\",\n        { size: fs + 1, weight: 600, color: css(a.labelColor), family },\n        fw,\n      ),\n    );\n  });\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"text\" || !a.text) return;\n    const w = measureChartText(a.text, `${a.weight} ${fs}px sans-serif`);\n    const b = textBox(a, scales, w, labelHeight);\n    out.push(\n      label(\n        `text-${i}`,\n        a.text,\n        b.x - ox,\n        b.y + b.height / 2 - oy,\n        \"left\",\n        \"middle\",\n        { size: fs, weight: a.weight, color: css(a.color), halo, family },\n        fw,\n      ),\n    );\n  });\n\n  const pointColor = css(theme.text, 0.85);\n  scene.pointLabels.forEach(({ label: l, box: b }, i) => {\n    out.push(\n      label(\n        `point-label-${i}`,\n        l.text,\n        b.x - ox,\n        b.y + b.height / 2 - oy,\n        \"left\",\n        \"middle\",\n        { size: fs, color: pointColor, halo, family },\n        fw,\n      ),\n    );\n  });\n  return out;\n}\n\nconst clip = (plot: ChartRect): ViewStyle => ({\n  position: \"absolute\",\n  left: plot.x,\n  top: plot.y,\n  width: plot.width,\n  height: plot.height,\n  overflow: \"hidden\",\n});\n\n/**\n * Everything but the hover state: axes, grid, legend, annotations, data and\n * labels (cached by the caller while the model, view and size are the same)\n */\nexport function drawStatic(scene: ChartScene, family?: string): ReactNode {\n  const { plot } = scene.layout;\n  return (\n    <>\n      {drawBackground(scene, family)}\n      <View key=\"data\" style={clip(plot)} {...part(C, \"data\")}>\n        {drawData(scene)}\n      </View>\n      <View key=\"labels\" style={clip(plot)} {...part(C, \"labels\")}>\n        {drawForeground(scene, family)}\n      </View>\n    </>\n  );\n}\n\n/** Crosshair, highlighted points, dragged point and the default tooltip */\nexport function drawHover(\n  scene: ChartScene,\n  family: string | undefined,\n  customTooltip: boolean,\n): ReactNode {\n  const { theme, layout, hover, dragging } = scene;\n  const { plot } = layout;\n  const background = css(theme.background);\n  const out: ReactElement[] = [];\n  if (hover && hover.crosshairX !== null) {\n    out.push(\n      <View\n        key=\"crosshair\"\n        style={StyleSheet.absoluteFill}\n        {...part(C, \"crosshair\")}\n      >\n        {dashedLine(\n          \"dash\",\n          \"x\",\n          Math.round(hover.crosshairX),\n          plot.y,\n          plot.height,\n          1,\n          css(theme.textMuted, 0.55),\n          [3, 3],\n        )}\n      </View>,\n    );\n  }\n  hover?.marks.forEach((m, i) => {\n    out.push(\n      m.kind === \"bar\"\n        ? box(\n            `mark-${i}`,\n            m.x - 2,\n            m.y - 2,\n            m.width + 4,\n            m.height + 2,\n            css(theme.text, 0.08),\n          )\n        : dot(`mark-${i}`, m.x, m.y, m.size + 2, m.color, {\n            borderWidth: 2,\n            borderColor: background,\n          }),\n    );\n  });\n  if (dragging) {\n    out.push(\n      <View key=\"drag\" {...part(C, \"drag\")} style={StyleSheet.absoluteFill}>\n        {dot(\n          \"ghost\",\n          dragging.x,\n          dragging.y,\n          dragging.size + 2,\n          dragging.color,\n          {\n            opacity: 0.85,\n            borderWidth: 2,\n            borderColor: background,\n          },\n        )}\n      </View>,\n    );\n  }\n  const tip = hover?.tooltip;\n  if (tip && !customTooltip) {\n    const { box: b, lineHeight, padding, content } = tip;\n    const text = css(theme.text);\n    const muted = css(theme.textMuted);\n    const font = (weight: number, color: string): TextStyle => ({\n      fontSize: 12,\n      lineHeight,\n      color,\n      fontWeight: String(weight) as TextStyle[\"fontWeight\"],\n      includeFontPadding: false,\n      ...(family ? { fontFamily: family } : null),\n    });\n    const swatch = (color: string) => (\n      <View\n        style={{\n          width: 8,\n          height: 8,\n          borderRadius: 4,\n          marginRight: 6,\n          backgroundColor: color,\n        }}\n      />\n    );\n    const row: ViewStyle = {\n      height: lineHeight,\n      flexDirection: \"row\",\n      alignItems: \"center\",\n    };\n    out.push(\n      <View\n        key=\"tooltip\"\n        {...part(C, \"tooltip\")}\n        style={[\n          tooltipCard(scene),\n          {\n            left: b.x,\n            top: b.y,\n            width: b.width,\n            height: b.height,\n            paddingHorizontal: padding + 1,\n            paddingVertical: padding - 1,\n          },\n        ]}\n      >\n        {tip.text\n          ? tip.text.map((t, i) => (\n              <Text key={i} numberOfLines={1} style={font(400, text)}>\n                {t}\n              </Text>\n            ))\n          : [\n              <View key=\"title\" style={row}>\n                {content.titleColor ? swatch(content.titleColor) : null}\n                <Text\n                  numberOfLines={1}\n                  style={[font(600, text), { flexShrink: 1 }]}\n                >\n                  {content.title}\n                </Text>\n              </View>,\n              ...content.rows.map((r, i) => (\n                <View key={i} style={row}>\n                  {r.color ? swatch(r.color) : null}\n                  <Text\n                    numberOfLines={1}\n                    style={[font(400, muted), { flexShrink: 1 }]}\n                  >\n                    {r.name}\n                  </Text>\n                  <Text\n                    numberOfLines={1}\n                    style={[\n                      font(600, text),\n                      { flexGrow: 1, marginLeft: 16, textAlign: \"right\" },\n                    ]}\n                  >\n                    {r.value}\n                  </Text>\n                </View>\n              )),\n            ]}\n      </View>,\n    );\n  }\n  return out;\n}\n\n/** Look of the tooltips (default and `renderTooltip` content) */\nexport const tooltipCard = (scene: ChartScene): ViewStyle => ({\n  position: \"absolute\",\n  backgroundColor: css(scene.theme.background),\n  borderColor: css(scene.theme.axis),\n  borderWidth: 1,\n  borderRadius: 8,\n  shadowColor: \"#0f172a\",\n  shadowOpacity: 0.18,\n  shadowRadius: 8,\n  shadowOffset: { width: 0, height: 6 },\n  elevation: 6,\n});\n"],"mappings":"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"}
+{"version":3,"file":"scene.js","names":["annotationRect","annotationLine","annotationTextBox","_Fragment","SHAPE_BUDGET","C","lineHeightOf","size","slack","measureChartText","text","o","label","lh","pad","w","top","valign","y","horizontal","align","x","frameWidth","Text","extra","key","box","View","color","dot","cx","d","cy","segment","dx","x2","x1","dy","y2","y1","length","width","dashRuns","pattern","dash","v","period","a","b","runs","scale","max","out","at","i","step","dashedLine","start","run","axis","from","crisp","thin","stride","k","lx","ly","areaStrips","transposed","points","plot","frame","n","forward","xs","ys","bs","bottom","baseline","to","column","j","left","c","right","mid","x0","t","h","primitiveLimits","scene","visible","s","lines","scatters","perLine","maxDots","drawData","primitives","scenePrimitives","options","ox","oy","dotsLeft","barsLeft","p","total","pts","r","count","radius","css","toCss","alpha","drawBackground","layout","scales","bottomAxis","model","leftAxis","bottomTicks","leftTicks","bottomPx","leftPx","fs","theme","rectOf","grid","py","px","line","tick","title","lastRight","lastBottom","y2Ticks","e","swatch","part","drawForeground","fw","halo","labelHeight","annotations","where","lineOf","pos","tx","ty","textBox","pointColor","l","clip","drawStatic","Fragment","family","drawHover","background","hover","StyleSheet","m","dragging","tip","customTooltip","muted","font","weight","row","lineHeight","tooltipCard","padding","content"],"sources":["../../../../../native/src/components/Chart/scene.tsx"],"sourcesContent":["// Draws a chart scene (`ChartController.getScene()`) with plain views: no\n// canvas, SVG or native drawing module. The engine already resolves every\n// position in pixels; this file only turns them into absolutely positioned\n// <View> / <Text> elements, keeping the number of views bounded by the size\n// of the chart (lines decimated per column, dots merged per cell, bars\n// merged per pixel column), whatever the size of the data.\n\nimport type { ReactElement, ReactNode } from \"react\";\nimport {\n  StyleSheet,\n  Text,\n  View,\n  type TextStyle,\n  type ViewStyle,\n} from \"react-native\";\nimport {\n  annotationLine,\n  annotationRect,\n  annotationTextBox,\n  scenePrimitives,\n  toCss,\n  type ChartPrimitive,\n  type ChartRect,\n  type ChartScene,\n} from \"@minerva/charts/canvas\";\nimport { part } from \"../../internal/parts\";\nimport { measureChartText } from \"./measure\";\n\ntype Rgba = ChartScene[\"theme\"][\"text\"];\n\n/** Upper bounds of the views drawn for the data of a chart */\nexport const SHAPE_BUDGET = {\n  /** Points of all the lines (one view per segment) */\n  linePoints: 1200,\n  /** Dots of one scatter series before they are merged per cell */\n  dotsPerSeries: 800,\n  /** Dots of all the series */\n  dots: 2000,\n  /** Bars of one series before neighbors are merged per pixel column */\n  barsPerSeries: 600,\n  /** Bars of all the series */\n  bars: 1500,\n  /** Vertical strips filling one area */\n  areaColumns: 200,\n  /** Dashes of one dashed line */\n  dashes: 200,\n} as const;\n\nconst C = \"chart\";\n\n// ------------------------------------------------------------------ text\n\ninterface TextOptions {\n  size: number;\n  color: string;\n  weight?: number;\n  family?: string;\n  /** Halo color: keeps the text readable over the data */\n  halo?: string;\n}\n\ntype Align = \"left\" | \"center\" | \"right\";\ntype VAlign = \"top\" | \"middle\" | \"bottom\";\n\nconst lineHeightOf = (size: number) => Math.ceil(size * 1.35);\n\n/** Box wide enough for the estimated width (the real one may differ) */\nconst slack = (text: string, o: TextOptions) =>\n  Math.ceil(\n    measureChartText(text, `${o.weight ?? 400} ${o.size}px sans-serif`) * 1.4 +\n      o.size * 2,\n  );\n\n/**\n * A one-line text anchored at (x, y) of a container `frameWidth` wide:\n * `left` starts there, `right` ends there, `center` is centered on it;\n * `top` / `bottom` place the em box like the canvas text baselines\n */\nfunction label(\n  key: string,\n  text: string,\n  x: number,\n  y: number,\n  align: Align,\n  valign: VAlign,\n  o: TextOptions,\n  frameWidth: number,\n  extra?: TextStyle,\n): ReactElement {\n  const lh = lineHeightOf(o.size);\n  const pad = (lh - o.size) / 2;\n  const w = slack(text, o);\n  const top =\n    valign === \"top\"\n      ? y - pad\n      : valign === \"bottom\"\n        ? y - lh + pad\n        : y - lh / 2;\n  const horizontal: TextStyle =\n    align === \"left\"\n      ? { left: x, width: w }\n      : align === \"right\"\n        ? { right: frameWidth - x, width: w }\n        : { left: x - w / 2, width: w };\n  return (\n    <Text\n      key={key}\n      numberOfLines={1}\n      style={[\n        {\n          position: \"absolute\",\n          top,\n          ...horizontal,\n          textAlign: align,\n          fontSize: o.size,\n          lineHeight: lh,\n          color: o.color,\n          fontWeight: String(o.weight ?? 400) as TextStyle[\"fontWeight\"],\n          includeFontPadding: false,\n          ...(o.family ? { fontFamily: o.family } : null),\n          ...(o.halo\n            ? {\n                textShadowColor: o.halo,\n                textShadowRadius: 3,\n                textShadowOffset: { width: 0, height: 0 },\n              }\n            : null),\n        },\n        extra,\n      ]}\n    >\n      {text}\n    </Text>\n  );\n}\n\n// ---------------------------------------------------------------- shapes\n\nconst box = (\n  key: string,\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  color: string,\n  extra?: ViewStyle,\n): ReactElement => (\n  <View\n    key={key}\n    style={[\n      {\n        position: \"absolute\",\n        left: x,\n        top: y,\n        width,\n        height,\n        backgroundColor: color,\n      },\n      extra,\n    ]}\n  />\n);\n\nconst dot = (\n  key: string,\n  cx: number,\n  cy: number,\n  d: number,\n  color: string,\n  extra?: ViewStyle,\n) =>\n  box(key, cx - d / 2, cy - d / 2, d, d, color, {\n    borderRadius: d / 2,\n    ...extra,\n  });\n\n/** A straight stroke: one view, rotated around its center */\nconst segment = (\n  key: string,\n  x1: number,\n  y1: number,\n  x2: number,\n  y2: number,\n  width: number,\n  color: string,\n) => {\n  const dx = x2 - x1;\n  const dy = y2 - y1;\n  const length = Math.hypot(dx, dy) + width;\n  return box(\n    key,\n    (x1 + x2) / 2 - length / 2,\n    (y1 + y2) / 2 - width / 2,\n    length,\n    width,\n    color,\n    {\n      borderRadius: width / 2,\n      transform: [{ rotate: `${Math.atan2(dy, dx)}rad` }],\n    },\n  );\n};\n\n/** Dash runs `[start, length]` along a line (canvas `setLineDash` pattern) */\nexport function dashRuns(\n  length: number,\n  dash: readonly number[],\n  max: number = SHAPE_BUDGET.dashes,\n): [number, number][] {\n  let pattern = dash.filter((v) => Number.isFinite(v) && v >= 0);\n  // odd patterns repeat twice, like the canvas\n  if (pattern.length % 2) pattern = [...pattern, ...pattern];\n  const period = pattern.reduce((a, b) => a + b, 0);\n  if (!pattern.length || period <= 0) return [[0, length]];\n  const runs = (length / period) * (pattern.length / 2);\n  const scale = runs > max ? runs / max : 1;\n  const out: [number, number][] = [];\n  let at = 0;\n  for (let i = 0; at < length; i = (i + 1) % pattern.length) {\n    const step = pattern[i] * scale;\n    if (i % 2 === 0 && step > 0) out.push([at, Math.min(step, length - at)]);\n    at += Math.max(step, 0.5);\n  }\n  return out;\n}\n\nconst dashedLine = (\n  key: string,\n  axis: \"x\" | \"y\",\n  at: number,\n  from: number,\n  length: number,\n  width: number,\n  color: string,\n  dash: readonly number[],\n) =>\n  dashRuns(length, dash).map(([start, run], i) =>\n    axis === \"y\"\n      ? box(`${key}-${i}`, from + start, at, run, width, color)\n      : box(`${key}-${i}`, at, from + start, width, run, color),\n  );\n\nconst crisp = (v: number, width = 1) => Math.round(v) + 0.5 - width / 2;\n\n// ------------------------------------------------------------------ data\n\n/** Thins a run of interleaved points to `max` points and drops sub-pixel steps */\nfunction thin(run: readonly number[], max: number): number[] {\n  const n = run.length / 2;\n  const stride = n > max ? Math.ceil(n / max) : 1;\n  const out: number[] = [];\n  for (let i = 0; i < n; i += stride) {\n    const x = run[i * 2];\n    const y = run[i * 2 + 1];\n    const k = out.length;\n    if (k && Math.hypot(x - out[k - 2], y - out[k - 1]) < 1.5) continue;\n    out.push(x, y);\n  }\n  const lx = run[n * 2 - 2];\n  const ly = run[n * 2 - 1];\n  const k = out.length;\n  if (n > 1 && (out[k - 2] !== lx || out[k - 1] !== ly)) out.push(lx, ly);\n  return out;\n}\n\n/**\n * Vertical strips between the line and the baseline (or the stack below),\n * one per column; horizontal strips, one per row, for horizontal charts\n */\nfunction areaStrips(\n  key: string,\n  points: readonly number[],\n  baseline: number,\n  color: string,\n  opacity: number,\n  frame: ChartRect,\n  /** Y pixel (x pixel when `transposed`) of the bottom edge under every point */\n  bottom?: readonly number[],\n  /** Horizontal charts: the area grows from the left edge */\n  transposed = false,\n): ReactElement[] {\n  // horizontal charts are filled like vertical ones with x and y swapped\n  const run = transposed\n    ? points.map((_, i) => points[i % 2 ? i - 1 : i + 1])\n    : points;\n  const plot = transposed\n    ? { x: frame.y, y: frame.x, width: frame.height, height: frame.width }\n    : frame;\n  const n = run.length / 2;\n  if (n < 2) return [];\n  // left to right (reversed axes list their points right to left)\n  const forward = run[0] <= run[n * 2 - 2];\n  const at = (i: number) => (forward ? i : n - 1 - i);\n  const xs = (i: number) => run[at(i) * 2];\n  const ys = (i: number) => run[at(i) * 2 + 1];\n  const bs = (i: number) => (bottom ? bottom[at(i)] : baseline);\n  const from = Math.max(plot.x, xs(0));\n  const to = Math.min(plot.x + plot.width, xs(n - 1));\n  if (to <= from) return [];\n  const column = Math.max(2, plot.width / SHAPE_BUDGET.areaColumns);\n  const out: ReactElement[] = [];\n  let j = 0;\n  for (let left = Math.floor(from), c = 0; left < to; c++) {\n    const right = Math.min(Math.ceil(to), Math.round(left + column));\n    const mid = (left + right) / 2;\n    while (j < n - 2 && xs(j + 1) < mid) j++;\n    const x0 = xs(j);\n    const x1 = xs(j + 1);\n    const t = x1 === x0 ? 0 : Math.max(0, Math.min(1, (mid - x0) / (x1 - x0)));\n    const y = ys(j) + (ys(j + 1) - ys(j)) * t;\n    const b = bs(j) + (bs(j + 1) - bs(j)) * t;\n    if (Number.isFinite(y) && Number.isFinite(b)) {\n      const top = Math.min(y, b);\n      const h = Math.abs(b - y);\n      out.push(\n        transposed\n          ? box(\n              `${key}-${c}`,\n              top - plot.y,\n              left - plot.x,\n              h,\n              right - left,\n              color,\n              {\n                opacity,\n              },\n            )\n          : box(\n              `${key}-${c}`,\n              left - plot.x,\n              top - plot.y,\n              right - left,\n              h,\n              color,\n              {\n                opacity,\n              },\n            ),\n      );\n    }\n    left = right;\n  }\n  return out;\n}\n\n/** Limits of `scenePrimitives` for the views budget */\nexport function primitiveLimits(scene: ChartScene) {\n  const { plot } = scene.layout;\n  const visible = scene.model.series.filter((s) => !s.hidden);\n  const lines = visible.filter(\n    (s) => s.type === \"line\" || s.type === \"area\",\n  ).length;\n  const scatters = visible.filter((s) => s.type === \"scatter\").length;\n  const perLine = Math.max(150, SHAPE_BUDGET.linePoints / Math.max(1, lines));\n  const maxDots = Math.max(\n    100,\n    Math.min(\n      SHAPE_BUDGET.dotsPerSeries,\n      SHAPE_BUDGET.dots / Math.max(1, scatters),\n    ),\n  );\n  return {\n    perLine,\n    options: {\n      // decimation keeps up to 4 points per column\n      columnWidth: Math.max(3, (plot.width * 4) / perLine),\n      maxDots,\n      maxBars: SHAPE_BUDGET.barsPerSeries,\n      dotCell: Math.max(\n        4,\n        Math.sqrt((plot.width * plot.height) / maxDots) * 1.15 + 1,\n      ),\n    },\n  };\n}\n\nfunction drawData(scene: ChartScene): ReactElement[] {\n  const { plot } = scene.layout;\n  const { perLine, options } = primitiveLimits(scene);\n  const primitives: ChartPrimitive[] = scenePrimitives(scene, options);\n  const ox = plot.x;\n  const oy = plot.y;\n  const out: ReactElement[] = [];\n  let dotsLeft: number = SHAPE_BUDGET.dots;\n  let barsLeft: number = SHAPE_BUDGET.bars;\n  primitives.forEach((p, k) => {\n    const key = `${p.kind}${p.seriesIndex}-${k}`;\n    if (p.kind === \"area\") {\n      p.segments.forEach((run, r) =>\n        out.push(\n          ...areaStrips(\n            `${key}-${r}`,\n            run,\n            p.baseline,\n            p.color,\n            p.opacity,\n            plot,\n            p.bottoms?.[r],\n            p.horizontal,\n          ),\n        ),\n      );\n      return;\n    }\n    if (p.kind === \"line\") {\n      let total = 0;\n      for (const run of p.segments) total += run.length / 2;\n      p.segments.forEach((run, r) => {\n        const pts = thin(\n          run,\n          Math.max(\n            2,\n            Math.round((perLine * run.length) / 2 / Math.max(1, total)),\n          ),\n        );\n        if (pts.length === 2) {\n          out.push(\n            dot(\n              `${key}-${r}`,\n              pts[0] - ox,\n              pts[1] - oy,\n              p.width * 1.5,\n              p.color,\n            ),\n          );\n          return;\n        }\n        for (let i = 0; i + 3 < pts.length; i += 2) {\n          out.push(\n            segment(\n              `${key}-${r}-${i}`,\n              pts[i] - ox,\n              pts[i + 1] - oy,\n              pts[i + 2] - ox,\n              pts[i + 3] - oy,\n              p.width,\n              p.color,\n            ),\n          );\n        }\n      });\n      return;\n    }\n    if (p.kind === \"bars\") {\n      const count = p.rects.length / 4;\n      const stride =\n        count > barsLeft ? Math.ceil(count / Math.max(1, barsLeft)) : 1;\n      for (let i = 0; i < count; i += stride) {\n        const [x, y, w, h] = p.rects.slice(i * 4, i * 4 + 4);\n        const radius = Math.min(p.radius ?? 0, w / 2, h / 2);\n        out.push(\n          box(\n            `${key}-${i}`,\n            x - ox,\n            y - oy,\n            Math.max(w, 0.5),\n            h,\n            p.colors?.[i] ?? p.color,\n            radius > 0.5 || p.opacity !== undefined\n              ? {\n                  ...(radius > 0.5 ? { borderRadius: radius } : null),\n                  ...(p.opacity !== undefined ? { opacity: p.opacity } : null),\n                }\n              : undefined,\n          ),\n        );\n      }\n      barsLeft = Math.max(0, barsLeft - Math.ceil(count / stride));\n      return;\n    }\n    const count = p.dots.length / 3;\n    const stride =\n      count > dotsLeft ? Math.ceil(count / Math.max(1, dotsLeft)) : 1;\n    for (let i = 0; i < count; i += stride) {\n      out.push(\n        dot(\n          `${key}-${i}`,\n          p.dots[i * 3] - ox,\n          p.dots[i * 3 + 1] - oy,\n          p.dots[i * 3 + 2],\n          p.colors[i],\n          {\n            opacity: p.opacity,\n          },\n        ),\n      );\n    }\n    dotsLeft = Math.max(0, dotsLeft - Math.ceil(count / stride));\n  });\n  return out;\n}\n\n// ------------------------------------------------------------ background\n\nconst css = (c: Rgba, alpha?: number) => toCss(c, alpha);\n\nfunction drawBackground(scene: ChartScene, family?: string): ReactElement[] {\n  const { width, theme, model, layout, annotations } = scene;\n  const { plot, scales, y2Ticks } = layout;\n  // horizontal charts: the value axis along the bottom, the x axis on the left\n  const horizontal = scales.horizontal;\n  const bottomAxis = horizontal ? model.y : model.x;\n  const leftAxis = horizontal ? model.x : model.y;\n  const bottomTicks = horizontal ? layout.yTicks : layout.xTicks;\n  const leftTicks = horizontal ? layout.xTicks : layout.yTicks;\n  const bottomPx = horizontal ? scales.yToPx : scales.xToPx;\n  const leftPx = horizontal ? scales.xToPx : scales.yToPx;\n  const fs = theme.fontSize;\n  const out: ReactElement[] = [];\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"rect\") return;\n    const r = annotationRect(a, scales);\n    if (r.width <= 0 || r.height <= 0) return;\n    out.push(\n      box(`area-${i}`, r.x, r.y, r.width, r.height, css(a.color, a.opacity)),\n    );\n  });\n\n  const grid = css(theme.grid);\n  if (leftAxis.grid) {\n    leftTicks.values.forEach((v, i) => {\n      const py = leftPx(v);\n      if (py < plot.y - 1 || py > plot.y + plot.height + 1) return;\n      out.push(box(`ygrid-${i}`, plot.x, crisp(py), plot.width, 1, grid));\n    });\n  }\n  if (bottomAxis.grid) {\n    bottomTicks.values.forEach((v, i) => {\n      const px = bottomPx(v);\n      if (px < plot.x - 1 || px > plot.x + plot.width + 1) return;\n      out.push(box(`xgrid-${i}`, crisp(px), plot.y, 1, plot.height, grid));\n    });\n  }\n\n  const line = Math.ceil(fs * 1.4);\n  const tick: TextOptions = { size: fs, color: css(theme.textMuted), family };\n  const title: TextOptions = {\n    size: fs + 1,\n    weight: 500,\n    color: css(theme.text, 0.8),\n    family,\n  };\n  const bottom = plot.y + plot.height;\n\n  if (bottomAxis.visible) {\n    out.push(\n      box(\"xaxis\", plot.x, crisp(bottom), plot.width, 1, css(theme.axis)),\n    );\n    let lastRight = -Infinity;\n    bottomTicks.values\n      .map((v, i) => ({ px: bottomPx(v), text: bottomTicks.labels[i] ?? \"\" }))\n      .sort((a, b) => a.px - b.px)\n      .forEach(({ px, text }, i) => {\n        if (!text || px < plot.x - 0.5 || px > plot.x + plot.width + 0.5)\n          return;\n        const w = measureChartText(text, `400 ${fs}px sans-serif`);\n        const left = Math.max(0, Math.min(width - w, px - w / 2));\n        if (left < lastRight + 6) return;\n        lastRight = left + w;\n        out.push(\n          label(\n            `xtick-${i}`,\n            text,\n            left + w / 2,\n            bottom + 7,\n            \"center\",\n            \"top\",\n            tick,\n            width,\n          ),\n        );\n      });\n    if (bottomAxis.title)\n      out.push(\n        label(\n          \"xtitle\",\n          bottomAxis.title,\n          plot.x + plot.width / 2,\n          bottom + line + 10,\n          \"center\",\n          \"top\",\n          title,\n          width,\n        ),\n      );\n  }\n\n  if (leftAxis.visible) {\n    let lastBottom = -Infinity;\n    leftTicks.values\n      .map((v, i) => ({ py: leftPx(v), text: leftTicks.labels[i] ?? \"\" }))\n      .sort((a, b) => a.py - b.py)\n      .forEach(({ py, text }, i) => {\n        if (!text || py < plot.y - 0.5 || py > plot.y + plot.height + 0.5)\n          return;\n        // category rows of horizontal charts never overlap\n        if (horizontal) {\n          if (py - (fs + 2) / 2 < lastBottom) return;\n          lastBottom = py + (fs + 2) / 2;\n        }\n        out.push(\n          label(\n            `ytick-${i}`,\n            text,\n            plot.x - 8,\n            py,\n            \"right\",\n            \"middle\",\n            tick,\n            width,\n          ),\n        );\n      });\n    if (leftAxis.title)\n      out.push(\n        label(\n          \"ytitle\",\n          leftAxis.title,\n          line / 2 + 4,\n          plot.y + plot.height / 2,\n          \"center\",\n          \"middle\",\n          title,\n          width,\n          {\n            transform: [{ rotate: \"-90deg\" }],\n          },\n        ),\n      );\n  }\n\n  const y2 = horizontal ? null : model.y2;\n  if (y2 && y2Ticks && y2.visible) {\n    const right = plot.x + plot.width;\n    y2Ticks.values.forEach((v, i) => {\n      const py = scales.yToPx(v);\n      const text = y2Ticks.labels[i];\n      if (!text || py < plot.y - 0.5 || py > plot.y + plot.height + 0.5) return;\n      out.push(\n        label(\n          `y2tick-${i}`,\n          text,\n          right + 8,\n          py,\n          \"left\",\n          \"middle\",\n          tick,\n          width,\n        ),\n      );\n    });\n    if (y2.title)\n      out.push(\n        label(\n          \"y2title\",\n          y2.title,\n          width - line / 2 - 4,\n          plot.y + plot.height / 2,\n          \"center\",\n          \"middle\",\n          title,\n          width,\n          {\n            transform: [{ rotate: \"90deg\" }],\n          },\n        ),\n      );\n  }\n\n  if (scene.legend) {\n    for (const e of scene.legend.entries) {\n      // coordinates relative to the entry box\n      const cy = e.box.height / 2;\n      const swatch =\n        e.shape === \"dot\"\n          ? dot(\"swatch\", 5, cy, 8, e.color)\n          : e.shape === \"line\"\n            ? box(\"swatch\", 0, cy - 1, 10, 2, e.color)\n            : box(\"swatch\", 1, cy - 4, 8, 8, e.color);\n      out.push(\n        <View\n          key={`legend-${e.id}`}\n          style={{\n            position: \"absolute\",\n            left: e.box.x,\n            top: e.box.y,\n            width: e.box.width,\n            height: e.box.height,\n            opacity: e.hidden ? 0.45 : 1,\n          }}\n          {...part(C, \"legend-item\", { hidden: e.hidden })}\n        >\n          {swatch}\n          {label(\n            \"name\",\n            e.name,\n            14,\n            cy,\n            \"left\",\n            \"middle\",\n            { size: 12, color: css(theme.textMuted), family },\n            e.box.width,\n            e.hidden ? { textDecorationLine: \"line-through\" } : undefined,\n          )}\n        </View>,\n      );\n    }\n  }\n  return out;\n}\n\n// ------------------------------------------------------------ foreground\n\nfunction drawForeground(scene: ChartScene, family?: string): ReactElement[] {\n  const { theme, annotations, layout } = scene;\n  const { plot, scales } = layout;\n  const fs = theme.fontSize;\n  const ox = plot.x;\n  const oy = plot.y;\n  const fw = plot.width;\n  const halo = css(theme.background, 0.9);\n  const labelHeight = fs + 4;\n  const out: ReactElement[] = [];\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"line\") return;\n    const color = css(a.color);\n    const where = annotationLine(a, scales);\n    if (!where.vertical) {\n      const py = where.at;\n      out.push(\n        ...dashedLine(\n          `line-${i}`,\n          \"y\",\n          crisp(py, a.width) - oy,\n          0,\n          plot.width,\n          a.width,\n          color,\n          a.dash,\n        ),\n      );\n      if (a.label)\n        out.push(\n          label(\n            `line-label-${i}`,\n            a.label,\n            plot.width - 6,\n            py - 3 - oy,\n            \"right\",\n            \"bottom\",\n            { size: fs, weight: 500, color, halo, family },\n            fw,\n          ),\n        );\n    } else {\n      const px = where.at;\n      out.push(\n        ...dashedLine(\n          `line-${i}`,\n          \"x\",\n          crisp(px, a.width) - ox,\n          0,\n          plot.height,\n          a.width,\n          color,\n          a.dash,\n        ),\n      );\n      if (a.label)\n        out.push(\n          label(\n            `line-label-${i}`,\n            a.label,\n            px + 5 - ox,\n            5,\n            \"left\",\n            \"top\",\n            { size: fs, weight: 500, color, halo, family },\n            fw,\n          ),\n        );\n    }\n  });\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"rect\" || !a.label) return;\n    const r = annotationRect(a, scales);\n    if (r.width <= 0 || r.height <= 0) return;\n    const pad = 10;\n    const pos = a.labelPosition;\n    const align: Align = pos.endsWith(\"left\")\n      ? \"left\"\n      : pos.endsWith(\"right\")\n        ? \"right\"\n        : \"center\";\n    const tx =\n      align === \"left\"\n        ? r.x + pad\n        : align === \"right\"\n          ? r.x + r.width - pad\n          : r.x + r.width / 2;\n    const ty = pos.startsWith(\"top\")\n      ? r.y + pad\n      : pos.startsWith(\"bottom\")\n        ? r.y + r.height - pad - labelHeight\n        : r.y + (r.height - labelHeight) / 2;\n    out.push(\n      label(\n        `area-label-${i}`,\n        a.label,\n        tx - ox,\n        ty - oy,\n        align,\n        \"top\",\n        { size: fs + 1, weight: 600, color: css(a.labelColor), family },\n        fw,\n      ),\n    );\n  });\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"text\" || !a.text) return;\n    const w = measureChartText(a.text, `${a.weight} ${fs}px sans-serif`);\n    const b = annotationTextBox(a, scales, w, labelHeight);\n    out.push(\n      label(\n        `text-${i}`,\n        a.text,\n        b.x - ox,\n        b.y + b.height / 2 - oy,\n        \"left\",\n        \"middle\",\n        { size: fs, weight: a.weight, color: css(a.color), halo, family },\n        fw,\n      ),\n    );\n  });\n\n  const pointColor = css(theme.text, 0.85);\n  scene.pointLabels.forEach(({ label: l, box: b }, i) => {\n    out.push(\n      label(\n        `point-label-${i}`,\n        l.text,\n        b.x - ox,\n        b.y + b.height / 2 - oy,\n        \"left\",\n        \"middle\",\n        { size: fs, color: pointColor, halo, family },\n        fw,\n      ),\n    );\n  });\n  return out;\n}\n\nconst clip = (plot: ChartRect): ViewStyle => ({\n  position: \"absolute\",\n  left: plot.x,\n  top: plot.y,\n  width: plot.width,\n  height: plot.height,\n  overflow: \"hidden\",\n});\n\n/**\n * Everything but the hover state: axes, grid, legend, annotations, data and\n * labels (cached by the caller while the model, view and size are the same)\n */\nexport function drawStatic(scene: ChartScene, family?: string): ReactNode {\n  const { plot } = scene.layout;\n  return (\n    <>\n      {drawBackground(scene, family)}\n      <View key=\"data\" style={clip(plot)} {...part(C, \"data\")}>\n        {drawData(scene)}\n      </View>\n      <View key=\"labels\" style={clip(plot)} {...part(C, \"labels\")}>\n        {drawForeground(scene, family)}\n      </View>\n    </>\n  );\n}\n\n/** Crosshair, highlighted points, dragged point and the default tooltip */\nexport function drawHover(\n  scene: ChartScene,\n  family: string | undefined,\n  customTooltip: boolean,\n): ReactNode {\n  const { theme, layout, hover, dragging } = scene;\n  const { plot } = layout;\n  const background = css(theme.background);\n  const out: ReactElement[] = [];\n  if (hover && hover.crosshairY !== null) {\n    out.push(\n      <View\n        key=\"crosshair-y\"\n        style={StyleSheet.absoluteFill}\n        {...part(C, \"crosshair\")}\n      >\n        {dashedLine(\n          \"dash\",\n          \"y\",\n          Math.round(hover.crosshairY),\n          plot.x,\n          plot.width,\n          1,\n          css(theme.textMuted, 0.55),\n          [3, 3],\n        )}\n      </View>,\n    );\n  }\n  if (hover && hover.crosshairX !== null) {\n    out.push(\n      <View\n        key=\"crosshair\"\n        style={StyleSheet.absoluteFill}\n        {...part(C, \"crosshair\")}\n      >\n        {dashedLine(\n          \"dash\",\n          \"x\",\n          Math.round(hover.crosshairX),\n          plot.y,\n          plot.height,\n          1,\n          css(theme.textMuted, 0.55),\n          [3, 3],\n        )}\n      </View>,\n    );\n  }\n  hover?.marks.forEach((m, i) => {\n    if (m.kind === \"band\") {\n      out.push(\n        box(`mark-${i}`, m.x, m.y, m.width, m.height, css(theme.text, 0.05), {\n          borderRadius: 6,\n        }),\n      );\n      return;\n    }\n    if (m.kind === \"cell\") {\n      out.push(\n        box(\n          `mark-${i}`,\n          m.x - 1.5,\n          m.y - 1.5,\n          m.width + 3,\n          m.height + 3,\n          \"transparent\",\n          {\n            borderRadius: 4,\n            borderWidth: 1.5,\n            borderColor: css(theme.text, 0.55),\n          },\n        ),\n      );\n      return;\n    }\n    // soft halo, then the dot with a thin ring in the background color\n    out.push(\n      dot(`halo-${i}`, m.x, m.y, m.size + 8, m.halo),\n      dot(`mark-${i}`, m.x, m.y, m.size, m.color, {\n        borderWidth: 2,\n        borderColor: background,\n      }),\n    );\n  });\n  if (dragging) {\n    out.push(\n      <View key=\"drag\" {...part(C, \"drag\")} style={StyleSheet.absoluteFill}>\n        {dot(\n          \"ghost\",\n          dragging.x,\n          dragging.y,\n          dragging.size + 2,\n          dragging.color,\n          {\n            opacity: 0.85,\n            borderWidth: 2,\n            borderColor: background,\n          },\n        )}\n      </View>,\n    );\n  }\n  const tip = hover?.tooltip;\n  if (tip && !customTooltip) {\n    const { box: b, lineHeight, padding, content } = tip;\n    const text = css(theme.text);\n    const muted = css(theme.textMuted);\n    const font = (weight: number, color: string): TextStyle => ({\n      fontSize: 12,\n      lineHeight,\n      color,\n      fontWeight: String(weight) as TextStyle[\"fontWeight\"],\n      includeFontPadding: false,\n      ...(family ? { fontFamily: family } : null),\n    });\n    const swatch = (color: string) => (\n      <View\n        style={{\n          width: 8,\n          height: 8,\n          borderRadius: 4,\n          marginRight: 6,\n          backgroundColor: color,\n        }}\n      />\n    );\n    const row: ViewStyle = {\n      height: lineHeight,\n      flexDirection: \"row\",\n      alignItems: \"center\",\n    };\n    out.push(\n      <View\n        key=\"tooltip\"\n        {...part(C, \"tooltip\")}\n        style={[\n          tooltipCard(scene),\n          {\n            left: b.x,\n            top: b.y,\n            width: b.width,\n            height: b.height,\n            paddingHorizontal: padding + 1,\n            paddingVertical: padding - 1,\n          },\n        ]}\n      >\n        {tip.text\n          ? tip.text.map((t, i) => (\n              <Text key={i} numberOfLines={1} style={font(400, text)}>\n                {t}\n              </Text>\n            ))\n          : [\n              <View key=\"title\" style={row}>\n                {content.titleColor ? swatch(content.titleColor) : null}\n                <Text\n                  numberOfLines={1}\n                  style={[font(600, text), { flexShrink: 1 }]}\n                >\n                  {content.title}\n                </Text>\n              </View>,\n              ...content.rows.map((r, i) => (\n                <View key={i} style={row}>\n                  {r.color ? swatch(r.color) : null}\n                  <Text\n                    numberOfLines={1}\n                    style={[font(400, muted), { flexShrink: 1 }]}\n                  >\n                    {r.name}\n                  </Text>\n                  <Text\n                    numberOfLines={1}\n                    style={[\n                      font(600, text),\n                      { flexGrow: 1, marginLeft: 16, textAlign: \"right\" },\n                    ]}\n                  >\n                    {r.value}\n                  </Text>\n                </View>\n              )),\n            ]}\n      </View>,\n    );\n  }\n  return out;\n}\n\n/** Look of the tooltips (default and `renderTooltip` content) */\nexport const tooltipCard = (scene: ChartScene): ViewStyle => ({\n  position: \"absolute\",\n  backgroundColor: css(scene.theme.background),\n  borderColor: css(scene.theme.axis),\n  borderWidth: 1,\n  borderRadius: 8,\n  shadowColor: \"#0f172a\",\n  shadowOpacity: 0.18,\n  shadowRadius: 8,\n  shadowOffset: { width: 0, height: 6 },\n  elevation: 6,\n});\n"],"mappings":"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"}

package/dist/native/components/Chart/types.d.cts

@@ -1,7 +1,7 @@
 import { ReactNode, Ref } from 'react';
 import { DimensionValue, StyleProp, ViewStyle } from 'react-native';
-import { ChartAnnotation, ChartAxisOptions, ChartController, ChartHoverEvent, ChartInteractionOptions, ChartLegendOptions, ChartPadding, ChartPlotClickEvent, ChartRect, ChartSeries, ChartTooltipOptions, ChartView, QuadrantConfig, QuadrantCorner, QuadrantPoint } from '../../../charts/canvas.cjs';
-export type { ChartAnnotation, ChartAxisOptions, ChartAxisType, ChartColumnData, ChartDragEvent, ChartHoverEvent, ChartHoverItem, ChartInteractionOptions, ChartLabelPosition, ChartLegendOptions, ChartLineAnnotation, ChartPadding, ChartPlotClickEvent, ChartPointDatum, ChartRect, ChartRectAnnotation, ChartSeries, ChartSeriesData, ChartSeriesType, ChartTextAnnotation, ChartTooltipOptions, ChartView, ChartXValue, QuadrantAxisLabels, QuadrantConfig, QuadrantCorner, QuadrantPoint, QuadrantRegion, QuadrantRegions, } from '../../../charts/canvas.cjs';
+import { ChartAnnotation, ChartAxisOptions, ChartController, ChartHoverEvent, ChartInteractionOptions, ChartLabels, ChartLegendOptions, ChartOrientation, ChartPadding, ChartPlotClickEvent, ChartRect, ChartSeries, ChartTooltipOptions, ChartView, QuadrantConfig, QuadrantCorner, QuadrantPoint } from '../../../charts/canvas.cjs';
+export type { ChartAnnotation, ChartAxisOptions, ChartAxisType, ChartColumnData, ChartDragEvent, ChartHoverEvent, ChartHoverItem, ChartInteractionOptions, ChartLabelPosition, ChartLabels, ChartLegendOptions, ChartLineAnnotation, ChartOrientation, ChartPadding, ChartPlotClickEvent, ChartPointDatum, ChartRect, ChartRectAnnotation, ChartSeries, ChartSeriesData, ChartSeriesType, ChartTextAnnotation, ChartTimeZone, ChartTooltipLabels, ChartTooltipOptions, ChartView, ChartXValue, QuadrantAxisLabels, QuadrantConfig, QuadrantCorner, QuadrantPoint, QuadrantRegion, QuadrantRegions, } from '../../../charts/canvas.cjs';
 /** Imperative handle of the chart components (`ref`) */
 export interface ChartHandle {
     /** Shows the whole data range */
@@ -50,6 +50,14 @@ export interface ChartCommonProps {
     palette?: readonly string[];
     /** Accessible name of the chart */
     ariaLabel?: string;
+    /**
+     * Locale of the texts and numbers the chart writes (tooltip rows, compact
+     * units `k` / `万`, separators, month and weekday names of time axes)
+     * @default the device language when the runtime exposes it, else English
+     */
+    locale?: string;
+    /** Overrides of the built-in texts of the `locale` */
+    labels?: Partial<ChartLabels>;
     /** Called when the highlighted points change */
     onHover?: (event: ChartHoverEvent | null) => void;
     /** Called when a point (or bar) is tapped */
@@ -67,10 +75,17 @@ export interface ChartCommonProps {
     /** Imperative handle */
     ref?: Ref<ChartHandle>;
 }
-/** Props of Chart: any mix of line, area, bar and scatter series */
+/** Props of Chart: any mix of line, area, bar, scatter and box plot series */
 export interface ChartProps extends ChartCommonProps {
     /** Data series; each sets its own `type` */
     series: readonly ChartSeries[];
+    /** Right value axis of the series with `yAxis: "right"` (dual axis charts) */
+    yAxis2?: ChartAxisOptions;
+    /**
+     * `horizontal` puts the x axis (categories) down the left side
+     * @default "vertical"
+     */
+    orientation?: ChartOrientation;
 }
 /** Props of LineChart */
 export interface LineChartProps extends ChartCommonProps {
@@ -92,6 +107,14 @@ export interface BarChartProps extends ChartCommonProps {
      */
     stacked?: boolean;
 }
+/** Props of HorizontalBarChart */
+export interface HorizontalBarChartProps extends Omit<BarChartProps, "labels"> {
+    /**
+     * Writes the value at the end of every bar
+     * @default false
+     */
+    labels?: boolean;
+}
 /** Props of ScatterChart */
 export interface ScatterChartProps extends ChartCommonProps {
     /** Series drawn as dots unless they set a `type` */

package/dist/native/components/Chart/types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, Ref } from 'react';
 import { DimensionValue, StyleProp, ViewStyle } from 'react-native';
-import { ChartAnnotation, ChartAxisOptions, ChartController, ChartHoverEvent, ChartInteractionOptions, ChartLegendOptions, ChartPadding, ChartPlotClickEvent, ChartRect, ChartSeries, ChartTooltipOptions, ChartView, QuadrantConfig, QuadrantCorner, QuadrantPoint } from '../../../charts/canvas.js';
-export type { ChartAnnotation, ChartAxisOptions, ChartAxisType, ChartColumnData, ChartDragEvent, ChartHoverEvent, ChartHoverItem, ChartInteractionOptions, ChartLabelPosition, ChartLegendOptions, ChartLineAnnotation, ChartPadding, ChartPlotClickEvent, ChartPointDatum, ChartRect, ChartRectAnnotation, ChartSeries, ChartSeriesData, ChartSeriesType, ChartTextAnnotation, ChartTooltipOptions, ChartView, ChartXValue, QuadrantAxisLabels, QuadrantConfig, QuadrantCorner, QuadrantPoint, QuadrantRegion, QuadrantRegions, } from '../../../charts/canvas.js';
+import { ChartAnnotation, ChartAxisOptions, ChartController, ChartHoverEvent, ChartInteractionOptions, ChartLabels, ChartLegendOptions, ChartOrientation, ChartPadding, ChartPlotClickEvent, ChartRect, ChartSeries, ChartTooltipOptions, ChartView, QuadrantConfig, QuadrantCorner, QuadrantPoint } from '../../../charts/canvas.js';
+export type { ChartAnnotation, ChartAxisOptions, ChartAxisType, ChartColumnData, ChartDragEvent, ChartHoverEvent, ChartHoverItem, ChartInteractionOptions, ChartLabelPosition, ChartLabels, ChartLegendOptions, ChartLineAnnotation, ChartOrientation, ChartPadding, ChartPlotClickEvent, ChartPointDatum, ChartRect, ChartRectAnnotation, ChartSeries, ChartSeriesData, ChartSeriesType, ChartTextAnnotation, ChartTimeZone, ChartTooltipLabels, ChartTooltipOptions, ChartView, ChartXValue, QuadrantAxisLabels, QuadrantConfig, QuadrantCorner, QuadrantPoint, QuadrantRegion, QuadrantRegions, } from '../../../charts/canvas.js';
 /** Imperative handle of the chart components (`ref`) */
 export interface ChartHandle {
     /** Shows the whole data range */
@@ -50,6 +50,14 @@ export interface ChartCommonProps {
     palette?: readonly string[];
     /** Accessible name of the chart */
     ariaLabel?: string;
+    /**
+     * Locale of the texts and numbers the chart writes (tooltip rows, compact
+     * units `k` / `万`, separators, month and weekday names of time axes)
+     * @default the device language when the runtime exposes it, else English
+     */
+    locale?: string;
+    /** Overrides of the built-in texts of the `locale` */
+    labels?: Partial<ChartLabels>;
     /** Called when the highlighted points change */
     onHover?: (event: ChartHoverEvent | null) => void;
     /** Called when a point (or bar) is tapped */
@@ -67,10 +75,17 @@ export interface ChartCommonProps {
     /** Imperative handle */
     ref?: Ref<ChartHandle>;
 }
-/** Props of Chart: any mix of line, area, bar and scatter series */
+/** Props of Chart: any mix of line, area, bar, scatter and box plot series */
 export interface ChartProps extends ChartCommonProps {
     /** Data series; each sets its own `type` */
     series: readonly ChartSeries[];
+    /** Right value axis of the series with `yAxis: "right"` (dual axis charts) */
+    yAxis2?: ChartAxisOptions;
+    /**
+     * `horizontal` puts the x axis (categories) down the left side
+     * @default "vertical"
+     */
+    orientation?: ChartOrientation;
 }
 /** Props of LineChart */
 export interface LineChartProps extends ChartCommonProps {
@@ -92,6 +107,14 @@ export interface BarChartProps extends ChartCommonProps {
      */
     stacked?: boolean;
 }
+/** Props of HorizontalBarChart */
+export interface HorizontalBarChartProps extends Omit<BarChartProps, "labels"> {
+    /**
+     * Writes the value at the end of every bar
+     * @default false
+     */
+    labels?: boolean;
+}
 /** Props of ScatterChart */
 export interface ScatterChartProps extends ChartCommonProps {
     /** Series drawn as dots unless they set a `type` */

package/dist/native/components/Charts/charts.cjs

@@ -0,0 +1,2 @@
+const e=require("../../charts/src/engine/presets.cjs");require("../../charts/src/canvas.cjs");const t=require("../Chart/ChartBase.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(e,t)=>{let n=Object.keys(e);return n.length===Object.keys(t).length&&n.every(n=>Object.is(e[n],t[n]))};function a(e){let[t,r]=(0,n.useState)(e);return t!==e&&!i(t,e)?(r(e),e):t}var o=[];function s(e){let{labels:n}=e;return a(t.engineOptions({...e,labels:typeof n==`object`?n:void 0,series:o}))}var c=e=>({height:e.height,width:e.width,style:e.style,testID:e.testID,handleRef:e.ref,onHover:e.onHover,onPointClick:e.onPointClick,onPlotClick:e.onPlotClick,onZoom:e.onZoom,renderTooltip:e.renderTooltip});function l(i){let{series:a,curve:o=`smooth`,stacked:l=!1,percent:u=!1}=i,d=s(i),f=(0,n.useMemo)(()=>({...d,series:e.areaSeries(a,{curve:o,stacked:l||u}),stackMode:u?`percent`:void 0}),[d,a,o,l,u]);return(0,r.jsx)(t.ChartBase,{options:f,...c(i)})}function u(i){let{series:a}=i,o=s(i),l=(0,n.useMemo)(()=>({...o,series:e.candlestickSeries(a)}),[o,a]);return(0,r.jsx)(t.ChartBase,{options:l,...c(i)})}function d(i){let{data:a,xCategories:o,yCategories:l,colorScale:u,valueRange:d,name:f,radius:p,format:m,legend:h,interaction:g,tooltip:_}=i,v=s(i),y=(0,n.useMemo)(()=>e.heatmapChartOptions({data:a,xCategories:o,yCategories:l,colorScale:u,valueRange:d,name:f,radius:p,format:m},{...v,legend:h,interaction:g,tooltip:_}),[v,a,o,l,u,d,f,p,m,h,g,_]);return(0,r.jsx)(t.ChartBase,{options:y,...c(i)})}function f(i){let{data:a,type:o,color:s,curve:c,name:l,reference:u,format:d,height:f=48,width:p,tooltip:m,palette:h,ariaLabel:g,locale:_,labels:v,style:y,testID:b,ref:x,onHover:S,renderTooltip:C}=i,w=(0,n.useMemo)(()=>e.sparklineOptions({data:a,type:o,color:s,curve:c,name:l,reference:u,format:d},{tooltip:m,palette:h,ariaLabel:g,locale:_,labels:v}),[a,o,s,c,l,u,d,m,h,g,_,v]);return(0,r.jsx)(t.ChartBase,{options:w,height:f,width:p,style:y,testID:b,handleRef:x,onHover:S,renderTooltip:C})}function p(i){let{series:a,curve:o=`smooth`}=i,l=s(i),u=(0,n.useMemo)(()=>({...l,series:e.rangeAreaSeries(a,o)}),[l,a,o]);return(0,r.jsx)(t.ChartBase,{options:u,...c(i)})}function m(e){let{series:i,yAxis2:a,stackMode:o,orientation:l}=e,u=s(e),d=(0,n.useMemo)(()=>({...u,series:i,...a?{yAxis2:a}:null,...o?{stackMode:o}:null,...l?{orientation:l}:null}),[u,i,a,o,l]);return(0,r.jsx)(t.ChartBase,{options:d,...c(e)})}function h(i){let{series:a,minSize:o,maxSize:l,maxValue:u}=i,d=s(i),f=(0,n.useMemo)(()=>({...d,series:e.bubbleSeries(a,{minSize:o,maxSize:l,maxValue:u})}),[d,a,o,l,u]);return(0,r.jsx)(t.ChartBase,{options:f,...c(i)})}function g(i){let{values:a,bins:o,domain:l,nice:u,name:d,color:f,formatBin:p,series:m}=i,h=s(i),g=(0,n.useMemo)(()=>({...h,series:[e.histogramSeries(a,{bins:o,domain:l,nice:u,name:d,color:f,format:p,locale:h.locale}),...m??[]]}),[h,a,o,l,u,d,f,p,m]);return(0,r.jsx)(t.ChartBase,{options:g,...c(i)})}function _(i){let{series:a,groups:o,name:l=`Values`,whisker:u,orientation:d}=i,f=s(i),p=(0,n.useMemo)(()=>({...f,series:e.boxplotSeries([...o?.length?[{id:`boxplot`,name:l,data:e.boxplotData(o,{whisker:u})}]:[],...a??[]]),...d?{orientation:d}:null}),[f,a,o,l,u,d]);return(0,r.jsx)(t.ChartBase,{options:p,...c(i)})}function v(i){let{steps:a,name:o,upColor:l,downColor:u,totalColor:d,start:f,labels:p=!0,format:m,orientation:h,locale:g}=i,_=s(i),v=(0,n.useMemo)(()=>({..._,...g?{locale:g}:null,series:[e.waterfallSeries(a,{name:o,upColor:l,downColor:u,totalColor:d,start:f,labels:p,format:m,locale:g??_.locale})],...h?{orientation:h}:null}),[_,g,a,o,l,u,d,f,p,m,h]);return(0,r.jsx)(t.ChartBase,{options:v,...c(i)})}function y(i){let{tasks:a,colors:o,taskName:l,progressName:u,milestoneName:d,formatProgress:f,today:p=!1,todayLabel:m,xAxis:h,yAxis:g,annotations:_,interaction:v,legend:y,locale:b}=i,x=s(i),[S]=(0,n.useState)(()=>Date.now()),C=p===!1?null:p===!0?S:p instanceof Date?p.getTime():p,w=(0,n.useMemo)(()=>{let t=e.ganttSeries(a,{colors:o,taskName:l,progressName:u,milestoneName:d,formatProgress:f,locale:b??x.locale}),n=C===null?[]:[{type:`line`,axis:`y`,value:C,color:`var(--danger-color, #dc2626)`,dash:[4,3],label:m}];return{...x,...b?{locale:b}:null,series:t.series,orientation:`horizontal`,xAxis:{type:`category`,categories:t.categories,...h},yAxis:{type:`time`,min:t.domain[0],max:t.domain[1],...g},annotations:[..._??[],...n],interaction:v??{zoom:`y`},legend:y??t.series.length>1}},[x,b,a,o,l,u,d,f,C,m,h,g,_,v,y]);return(0,r.jsx)(t.ChartBase,{options:w,...c(i)})}exports.AreaChart=l,exports.BoxPlotChart=_,exports.BubbleChart=h,exports.CandlestickChart=u,exports.GanttChart=y,exports.HeatmapChart=d,exports.HistogramChart=g,exports.MixedChart=m,exports.RangeAreaChart=p,exports.Sparkline=f,exports.WaterfallChart=v;
+//# sourceMappingURL=charts.cjs.map

package/dist/native/components/Charts/charts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.cjs","names":["useState","engineOptions","useMemo","areaSeries","ChartBase","candlestickSeries","heatmapChartOptions","sparklineOptions","rangeAreaSeries","bubbleSeries","histogramSeries","boxplotSeries","boxplotData","waterfallSeries","ganttSeries","require_presets","require_ChartBase","react","react_jsx_runtime","shallowEqual","keys","a","b","key","useShallowStable","stable","setStable","value","NO_SERIES","useBaseOptions","props","labels","frameProps","AreaChart","input","base","options","stacked","percent","curve","CandlestickChart","HeatmapChart","data","xCategories","yCategories","colorScale","valueRange","name","radius","format","legend","interaction","tooltip","Sparkline","type","color","reference","palette","ariaLabel","locale","ref","RangeAreaChart","MixedChart","yAxis2","stackMode","orientation","series","BubbleChart","minSize","maxSize","maxValue","HistogramChart","extra","values","formatBin","bins","domain","nice","BoxPlotChart","groups","whisker","WaterfallChart","steps","upColor","downColor","totalColor","start","GanttChart","mountedAt","now","today","gantt","tasks","lines","todayLabel","xAxis","yAxis","annotations","colors","taskName","progressName","milestoneName","formatProgress"],"sources":["../../../../../native/src/components/Charts/charts.tsx"],"sourcesContent":["// Named cartesian charts of React Native: thin wrappers mapping the props\n// of the web components (minerva-design/charts) to engine options through\n// the presets of @minerva/charts/canvas, drawn by the view-based ChartBase.\n\nimport { useMemo, useState } from \"react\";\nimport {\n  areaSeries,\n  boxplotData,\n  boxplotSeries,\n  bubbleSeries,\n  candlestickSeries,\n  ganttSeries,\n  heatmapChartOptions,\n  histogramSeries,\n  rangeAreaSeries,\n  sparklineOptions,\n  waterfallSeries,\n  type ChartAnnotation,\n  type ChartOptions,\n  type ChartSeries,\n} from \"@minerva/charts/canvas\";\nimport { ChartBase, engineOptions } from \"../Chart/ChartBase\";\nimport type { ChartCommonProps } from \"../Chart/types\";\nimport type {\n  AreaChartProps,\n  BoxPlotChartProps,\n  BubbleChartProps,\n  CandlestickChartProps,\n  GanttChartProps,\n  HeatmapChartProps,\n  HistogramChartProps,\n  MixedChartProps,\n  RangeAreaChartProps,\n  SparklineProps,\n  WaterfallChartProps,\n} from \"./types\";\n\nconst shallowEqual = (\n  a: Record<string, unknown>,\n  b: Record<string, unknown>,\n) => {\n  const keys = Object.keys(a);\n  return (\n    keys.length === Object.keys(b).length &&\n    keys.every((key) => Object.is(a[key], b[key]))\n  );\n};\n\n/**\n * The same object while every key keeps the same value (derived state:\n * the engine keeps its zoom and animations while the props are equal)\n */\nfunction useShallowStable<T extends object>(value: T): T {\n  const [stable, setStable] = useState(value);\n  if (\n    stable !== value &&\n    !shallowEqual(\n      stable as Record<string, unknown>,\n      value as Record<string, unknown>,\n    )\n  ) {\n    setStable(value);\n    return value;\n  }\n  return stable;\n}\n\nconst NO_SERIES: readonly ChartSeries[] = [];\n\ntype BaseProps = Omit<ChartCommonProps, \"crosshair\" | \"labels\"> & {\n  crosshair?: boolean;\n  /** Texts of the engine; a boolean is the `labels` prop of a chart (value labels) */\n  labels?: ChartCommonProps[\"labels\"] | boolean;\n};\n\n/** Engine options of the common props (every option of `engineOptions`), stable while they are equal */\nfunction useBaseOptions(props: BaseProps) {\n  const { labels } = props;\n  return useShallowStable(\n    engineOptions({\n      ...props,\n      labels: typeof labels === \"object\" ? labels : undefined,\n      series: NO_SERIES,\n    }),\n  );\n}\n\nconst frameProps = (props: BaseProps) => ({\n  height: props.height,\n  width: props.width,\n  style: props.style,\n  testID: props.testID,\n  handleRef: props.ref,\n  onHover: props.onHover,\n  onPointClick: props.onPointClick,\n  onPlotClick: props.onPlotClick,\n  onZoom: props.onZoom,\n  renderTooltip: props.renderTooltip,\n});\n\n/** Area chart: smooth by default, stacked or 100% stacked */\nexport function AreaChart(props: AreaChartProps) {\n  const {\n    series: input,\n    curve = \"smooth\",\n    stacked = false,\n    percent = false,\n  } = props;\n  const base = useBaseOptions(props);\n  const options = useMemo(\n    (): ChartOptions => ({\n      ...base,\n      series: areaSeries(input, { curve, stacked: stacked || percent }),\n      stackMode: percent ? \"percent\" : undefined,\n    }),\n    [base, input, curve, stacked, percent],\n  );\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/** Candlestick (OHLC) chart: rising and falling candles, pinch to zoom */\nexport function CandlestickChart(props: CandlestickChartProps) {\n  const { series: input } = props;\n  const base = useBaseOptions(props);\n  const options = useMemo(\n    (): ChartOptions => ({ ...base, series: candlestickSeries(input) }),\n    [base, input],\n  );\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/** Heatmap: a grid of cells colored by value (categories or numbers on both axes) */\nexport function HeatmapChart(props: HeatmapChartProps) {\n  const {\n    data,\n    xCategories,\n    yCategories,\n    colorScale,\n    valueRange,\n    name,\n    radius,\n    format,\n    legend,\n    interaction,\n    tooltip,\n  } = props;\n  const base = useBaseOptions(props);\n  const options = useMemo(\n    () =>\n      heatmapChartOptions(\n        {\n          data,\n          xCategories,\n          yCategories,\n          colorScale,\n          valueRange,\n          name,\n          radius,\n          format,\n        },\n        { ...base, legend, interaction, tooltip },\n      ),\n    [\n      base,\n      data,\n      xCategories,\n      yCategories,\n      colorScale,\n      valueRange,\n      name,\n      radius,\n      format,\n      legend,\n      interaction,\n      tooltip,\n    ],\n  );\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/** Word-sized chart without axes: a trend in a list row, a KPI card, ... */\nexport function Sparkline(props: SparklineProps) {\n  const {\n    data,\n    type,\n    color,\n    curve,\n    name,\n    reference,\n    format,\n    height = 48,\n    width,\n    tooltip,\n    palette,\n    ariaLabel,\n    locale,\n    labels,\n    style,\n    testID,\n    ref,\n    onHover,\n    renderTooltip,\n  } = props;\n  const options = useMemo(\n    () =>\n      sparklineOptions(\n        { data, type, color, curve, name, reference, format },\n        { tooltip, palette, ariaLabel, locale, labels },\n      ),\n    [\n      data,\n      type,\n      color,\n      curve,\n      name,\n      reference,\n      format,\n      tooltip,\n      palette,\n      ariaLabel,\n      locale,\n      labels,\n    ],\n  );\n  return (\n    <ChartBase\n      options={options}\n      height={height}\n      width={width}\n      style={style}\n      testID={testID}\n      handleRef={ref}\n      onHover={onHover}\n      renderTooltip={renderTooltip}\n    />\n  );\n}\n\n/**\n * Range area chart: bands between a lower (`y0`) and an upper edge\n * (confidence intervals, min-max ranges), mixable with lines\n */\nexport function RangeAreaChart(props: RangeAreaChartProps) {\n  const { series: input, curve = \"smooth\" } = props;\n  const base = useBaseOptions(props);\n  const options = useMemo(\n    (): ChartOptions => ({ ...base, series: rangeAreaSeries(input, curve) }),\n    [base, input, curve],\n  );\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/**\n * Combination chart: bars, lines and areas on one or two value axes\n * (`yAxis: \"right\"` series use `yAxis2`, aligned on the left grid)\n */\nexport function MixedChart(props: MixedChartProps) {\n  const { series, yAxis2, stackMode, orientation } = props;\n  const base = useBaseOptions(props);\n  const options = useMemo(\n    (): ChartOptions => ({\n      ...base,\n      series,\n      ...(yAxis2 ? { yAxis2 } : null),\n      ...(stackMode ? { stackMode } : null),\n      ...(orientation ? { orientation } : null),\n    }),\n    [base, series, yAxis2, stackMode, orientation],\n  );\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/** Bubble chart: x, y and a value sized by area (√value diameters) */\nexport function BubbleChart(props: BubbleChartProps) {\n  const { series: input, minSize, maxSize, maxValue } = props;\n  const base = useBaseOptions(props);\n  const options = useMemo(\n    (): ChartOptions => ({\n      ...base,\n      series: bubbleSeries(input, { minSize, maxSize, maxValue }),\n    }),\n    [base, input, minSize, maxSize, maxValue],\n  );\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/**\n * Histogram: the distribution of raw samples in bins of equal width\n * (Freedman-Diaconis, Sturges or a count)\n */\nexport function HistogramChart(props: HistogramChartProps) {\n  const {\n    values,\n    bins,\n    domain,\n    nice,\n    name,\n    color,\n    formatBin,\n    series: extra,\n  } = props;\n  const base = useBaseOptions(props);\n  const options = useMemo(\n    (): ChartOptions => ({\n      ...base,\n      series: [\n        histogramSeries(values, {\n          bins,\n          domain,\n          nice,\n          name,\n          color,\n          format: formatBin,\n          locale: base.locale,\n        }),\n        ...(extra ?? []),\n      ],\n    }),\n    [base, values, bins, domain, nice, name, color, formatBin, extra],\n  );\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/**\n * Box plot: medians, quartiles, whiskers and outliers of samples, from raw\n * values (`groups`) or computed statistics (`series`)\n */\nexport function BoxPlotChart(props: BoxPlotChartProps) {\n  const {\n    series: input,\n    groups,\n    name = \"Values\",\n    whisker,\n    orientation,\n  } = props;\n  const base = useBaseOptions(props);\n  const options = useMemo(\n    (): ChartOptions => ({\n      ...base,\n      series: boxplotSeries([\n        ...(groups?.length\n          ? [{ id: \"boxplot\", name, data: boxplotData(groups, { whisker }) }]\n          : []),\n        ...(input ?? []),\n      ]),\n      ...(orientation ? { orientation } : null),\n    }),\n    [base, input, groups, name, whisker, orientation],\n  );\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/**\n * Waterfall (bridge) chart: how changes take a value from a start to an\n * end, with subtotals and totals (P&L bridges, budget variances)\n */\nexport function WaterfallChart(props: WaterfallChartProps) {\n  const {\n    steps,\n    name,\n    upColor,\n    downColor,\n    totalColor,\n    start,\n    labels = true,\n    format,\n    orientation,\n    locale,\n  } = props;\n  const base = useBaseOptions(props);\n  const options = useMemo(\n    (): ChartOptions => ({\n      ...base,\n      ...(locale ? { locale } : null),\n      series: [\n        waterfallSeries(steps, {\n          name,\n          upColor,\n          downColor,\n          totalColor,\n          start,\n          labels,\n          format,\n          locale: locale ?? base.locale,\n        }),\n      ],\n      ...(orientation ? { orientation } : null),\n    }),\n    [\n      base,\n      locale,\n      steps,\n      name,\n      upColor,\n      downColor,\n      totalColor,\n      start,\n      labels,\n      format,\n      orientation,\n    ],\n  );\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/**\n * Gantt chart: tasks as bars on a time axis with their progress, groups,\n * milestones and a today line; pinch to zoom along the time\n */\nexport function GanttChart(props: GanttChartProps) {\n  const {\n    tasks,\n    colors,\n    taskName,\n    progressName,\n    milestoneName,\n    formatProgress,\n    today = false,\n    todayLabel,\n    xAxis,\n    yAxis,\n    annotations,\n    interaction,\n    legend,\n    locale,\n  } = props;\n  const base = useBaseOptions(props);\n  const [mountedAt] = useState(() => Date.now());\n  const now =\n    today === false\n      ? null\n      : today === true\n        ? mountedAt\n        : today instanceof Date\n          ? today.getTime()\n          : today;\n  const options = useMemo((): ChartOptions => {\n    const gantt = ganttSeries(tasks, {\n      colors,\n      taskName,\n      progressName,\n      milestoneName,\n      formatProgress,\n      locale: locale ?? base.locale,\n    });\n    const lines: ChartAnnotation[] =\n      now === null\n        ? []\n        : [\n            {\n              type: \"line\",\n              axis: \"y\",\n              value: now,\n              color: \"var(--danger-color, #dc2626)\",\n              dash: [4, 3],\n              label: todayLabel,\n            },\n          ];\n    return {\n      ...base,\n      ...(locale ? { locale } : null),\n      series: gantt.series,\n      orientation: \"horizontal\",\n      xAxis: { type: \"category\", categories: gantt.categories, ...xAxis },\n      yAxis: {\n        type: \"time\",\n        min: gantt.domain[0],\n        max: gantt.domain[1],\n        ...yAxis,\n      },\n      annotations: [...(annotations ?? []), ...lines],\n      interaction: interaction ?? { zoom: \"y\" },\n      legend: legend ?? gantt.series.length > 1,\n    };\n  }, [\n    base,\n    locale,\n    tasks,\n    colors,\n    taskName,\n    progressName,\n    milestoneName,\n    formatProgress,\n    now,\n    todayLabel,\n    xAxis,\n    yAxis,\n    annotations,\n    interaction,\n    legend,\n  ]);\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n"],"mappings":"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"}

package/dist/native/components/Charts/charts.d.cts

@@ -0,0 +1,41 @@
+import { AreaChartProps, BoxPlotChartProps, BubbleChartProps, CandlestickChartProps, GanttChartProps, HeatmapChartProps, HistogramChartProps, MixedChartProps, RangeAreaChartProps, SparklineProps, WaterfallChartProps } from './types.cjs';
+/** Area chart: smooth by default, stacked or 100% stacked */
+export declare function AreaChart(props: AreaChartProps): import('react').JSX.Element;
+/** Candlestick (OHLC) chart: rising and falling candles, pinch to zoom */
+export declare function CandlestickChart(props: CandlestickChartProps): import('react').JSX.Element;
+/** Heatmap: a grid of cells colored by value (categories or numbers on both axes) */
+export declare function HeatmapChart(props: HeatmapChartProps): import('react').JSX.Element;
+/** Word-sized chart without axes: a trend in a list row, a KPI card, ... */
+export declare function Sparkline(props: SparklineProps): import('react').JSX.Element;
+/**
+ * Range area chart: bands between a lower (`y0`) and an upper edge
+ * (confidence intervals, min-max ranges), mixable with lines
+ */
+export declare function RangeAreaChart(props: RangeAreaChartProps): import('react').JSX.Element;
+/**
+ * Combination chart: bars, lines and areas on one or two value axes
+ * (`yAxis: "right"` series use `yAxis2`, aligned on the left grid)
+ */
+export declare function MixedChart(props: MixedChartProps): import('react').JSX.Element;
+/** Bubble chart: x, y and a value sized by area (√value diameters) */
+export declare function BubbleChart(props: BubbleChartProps): import('react').JSX.Element;
+/**
+ * Histogram: the distribution of raw samples in bins of equal width
+ * (Freedman-Diaconis, Sturges or a count)
+ */
+export declare function HistogramChart(props: HistogramChartProps): import('react').JSX.Element;
+/**
+ * Box plot: medians, quartiles, whiskers and outliers of samples, from raw
+ * values (`groups`) or computed statistics (`series`)
+ */
+export declare function BoxPlotChart(props: BoxPlotChartProps): import('react').JSX.Element;
+/**
+ * Waterfall (bridge) chart: how changes take a value from a start to an
+ * end, with subtotals and totals (P&L bridges, budget variances)
+ */
+export declare function WaterfallChart(props: WaterfallChartProps): import('react').JSX.Element;
+/**
+ * Gantt chart: tasks as bars on a time axis with their progress, groups,
+ * milestones and a today line; pinch to zoom along the time
+ */
+export declare function GanttChart(props: GanttChartProps): import('react').JSX.Element;

package/dist/native/components/Charts/charts.d.ts

@@ -0,0 +1,41 @@
+import { AreaChartProps, BoxPlotChartProps, BubbleChartProps, CandlestickChartProps, GanttChartProps, HeatmapChartProps, HistogramChartProps, MixedChartProps, RangeAreaChartProps, SparklineProps, WaterfallChartProps } from './types.js';
+/** Area chart: smooth by default, stacked or 100% stacked */
+export declare function AreaChart(props: AreaChartProps): import('react').JSX.Element;
+/** Candlestick (OHLC) chart: rising and falling candles, pinch to zoom */
+export declare function CandlestickChart(props: CandlestickChartProps): import('react').JSX.Element;
+/** Heatmap: a grid of cells colored by value (categories or numbers on both axes) */
+export declare function HeatmapChart(props: HeatmapChartProps): import('react').JSX.Element;
+/** Word-sized chart without axes: a trend in a list row, a KPI card, ... */
+export declare function Sparkline(props: SparklineProps): import('react').JSX.Element;
+/**
+ * Range area chart: bands between a lower (`y0`) and an upper edge
+ * (confidence intervals, min-max ranges), mixable with lines
+ */
+export declare function RangeAreaChart(props: RangeAreaChartProps): import('react').JSX.Element;
+/**
+ * Combination chart: bars, lines and areas on one or two value axes
+ * (`yAxis: "right"` series use `yAxis2`, aligned on the left grid)
+ */
+export declare function MixedChart(props: MixedChartProps): import('react').JSX.Element;
+/** Bubble chart: x, y and a value sized by area (√value diameters) */
+export declare function BubbleChart(props: BubbleChartProps): import('react').JSX.Element;
+/**
+ * Histogram: the distribution of raw samples in bins of equal width
+ * (Freedman-Diaconis, Sturges or a count)
+ */
+export declare function HistogramChart(props: HistogramChartProps): import('react').JSX.Element;
+/**
+ * Box plot: medians, quartiles, whiskers and outliers of samples, from raw
+ * values (`groups`) or computed statistics (`series`)
+ */
+export declare function BoxPlotChart(props: BoxPlotChartProps): import('react').JSX.Element;
+/**
+ * Waterfall (bridge) chart: how changes take a value from a start to an
+ * end, with subtotals and totals (P&L bridges, budget variances)
+ */
+export declare function WaterfallChart(props: WaterfallChartProps): import('react').JSX.Element;
+/**
+ * Gantt chart: tasks as bars on a time axis with their progress, groups,
+ * milestones and a today line; pinch to zoom along the time
+ */
+export declare function GanttChart(props: GanttChartProps): import('react').JSX.Element;