minerva-design 1.3.0 → 1.4.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"charts.js","names":["shallowEqual","keys","a","b","key","useShallowStable","stable","setStable","useState","value","NO_SERIES","useBaseOptions","props","engineOptions","labels","frameProps","AreaChart","input","base","options","useMemo","areaSeries","stacked","percent","curve","ChartBase","CandlestickChart","candlestickSeries","HeatmapChart","heatmapChartOptions","data","xCategories","yCategories","colorScale","valueRange","name","radius","format","legend","interaction","tooltip","Sparkline","sparklineOptions","type","color","reference","palette","ariaLabel","locale","ref","RangeAreaChart","rangeAreaSeries","MixedChart","yAxis2","stackMode","orientation","series","BubbleChart","bubbleSeries","minSize","maxSize","maxValue","HistogramChart","extra","histogramSeries","values","formatBin","bins","domain","nice","BoxPlotChart","boxplotSeries","groups","boxplotData","whisker","WaterfallChart","waterfallSeries","steps","upColor","downColor","totalColor","start","GanttChart","mountedAt","now","today","gantt","ganttSeries","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/index.cjs

@@ -0,0 +1 @@
+const e=require("./charts.cjs");exports.AreaChart=e.AreaChart,exports.BoxPlotChart=e.BoxPlotChart,exports.BubbleChart=e.BubbleChart,exports.CandlestickChart=e.CandlestickChart,exports.GanttChart=e.GanttChart,exports.HeatmapChart=e.HeatmapChart,exports.HistogramChart=e.HistogramChart,exports.MixedChart=e.MixedChart,exports.RangeAreaChart=e.RangeAreaChart,exports.Sparkline=e.Sparkline,exports.WaterfallChart=e.WaterfallChart;

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

@@ -0,0 +1,2 @@
+export { AreaChart, BoxPlotChart, BubbleChart, CandlestickChart, GanttChart, HeatmapChart, HistogramChart, MixedChart, RangeAreaChart, Sparkline, WaterfallChart, } from './charts.cjs';
+export type * from './types.cjs';

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

@@ -0,0 +1,2 @@
+export { AreaChart, BoxPlotChart, BubbleChart, CandlestickChart, GanttChart, HeatmapChart, HistogramChart, MixedChart, RangeAreaChart, Sparkline, WaterfallChart, } from './charts.js';
+export type * from './types.js';

package/dist/native/components/Charts/index.js

@@ -0,0 +1,2 @@
+import { AreaChart as e, BoxPlotChart as t, BubbleChart as n, CandlestickChart as r, GanttChart as i, HeatmapChart as a, HistogramChart as o, MixedChart as s, RangeAreaChart as c, Sparkline as l, WaterfallChart as u } from "./charts.js";
+export { e as AreaChart, t as BoxPlotChart, n as BubbleChart, r as CandlestickChart, i as GanttChart, a as HeatmapChart, o as HistogramChart, s as MixedChart, c as RangeAreaChart, l as Sparkline, u as WaterfallChart };

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

@@ -0,0 +1,144 @@
+import { DimensionValue } from 'react-native';
+import { BinOptions, BoxplotGroup, BoxplotStatsOptions, BubbleOptions, ChartAxisOptions, ChartCurve, ChartOrientation, ChartSeries, GanttOptions, GanttTask, HeatmapConfig, SparklineConfig, WaterfallOptions, WaterfallStep } from '../../../charts/canvas.cjs';
+import { ChartCommonProps } from '../Chart/types.cjs';
+export type { BinOptions, BoxplotGroup, BoxplotStats, BoxplotStatsOptions, BubbleOptions, ChartCurve, GanttOptions, GanttTask, HeatmapCell, HeatmapConfig, HistogramBinning, SparklineConfig, WaterfallOptions, WaterfallStep, } from '../../../charts/canvas.cjs';
+/** Props of AreaChart */
+export interface AreaChartProps extends ChartCommonProps {
+    /** Series drawn as areas unless they set a `type` */
+    series: readonly ChartSeries[];
+    /**
+     * Shape of the edges: straight, smooth (monotone) or steps
+     * @default "smooth"
+     */
+    curve?: ChartCurve;
+    /**
+     * Stacks the areas on top of each other
+     * @default false
+     */
+    stacked?: boolean;
+    /**
+     * Scales the stacks to 100% (implies `stacked`)
+     * @default false
+     */
+    percent?: boolean;
+}
+/** Props of CandlestickChart */
+export interface CandlestickChartProps extends ChartCommonProps {
+    /**
+     * Series drawn as candles unless they set a `type` (e.g. a moving average
+     * `line`); data points carry `open`, `high`, `low` and `y` (the close)
+     */
+    series: readonly ChartSeries[];
+}
+/** Props of HeatmapChart */
+export interface HeatmapChartProps extends Omit<ChartCommonProps, "crosshair">, HeatmapConfig {
+}
+/** Props of Sparkline */
+export interface SparklineProps extends Pick<ChartCommonProps, "width" | "tooltip" | "palette" | "ariaLabel" | "locale" | "labels" | "onHover" | "renderTooltip" | "style" | "testID" | "ref">, SparklineConfig {
+    /**
+     * Height of the sparkline
+     * @default 48
+     */
+    height?: DimensionValue;
+}
+/** Props of RangeAreaChart */
+export interface RangeAreaChartProps extends ChartCommonProps {
+    /**
+     * Bands between `y0` (lower edge) and `y` (upper edge) of every point,
+     * unless a series sets a `type` (e.g. a `line` for the forecast itself)
+     */
+    series: readonly ChartSeries[];
+    /**
+     * Shape of the edges: straight, smooth (monotone) or steps
+     * @default "smooth"
+     */
+    curve?: ChartCurve;
+}
+/** Props of MixedChart */
+export interface MixedChartProps extends ChartCommonProps {
+    /**
+     * Bars, lines, areas and dots, each with its `type`; `yAxis: "right"`
+     * plots a series against `yAxis2`
+     */
+    series: readonly ChartSeries[];
+    /** Right value axis of the series with `yAxis: "right"` (dual axis charts) */
+    yAxis2?: ChartAxisOptions;
+    /**
+     * `percent` scales every stack to 100% at each x
+     * @default "normal"
+     */
+    stackMode?: "normal" | "percent";
+    /**
+     * `horizontal` puts the x axis (categories) down the left side
+     * @default "vertical"
+     */
+    orientation?: ChartOrientation;
+}
+/** Props of BubbleChart */
+export interface BubbleChartProps extends ChartCommonProps, BubbleOptions {
+    /** Series of points with a `value` sizing their bubble (area ∝ value) */
+    series: readonly ChartSeries[];
+}
+/** Props of HistogramChart */
+export interface HistogramChartProps extends ChartCommonProps, BinOptions {
+    /** Raw samples (typed arrays are counted without copies) */
+    values: ArrayLike<number>;
+    /**
+     * Name of the counts (legend, tooltip)
+     * @default "Count"
+     */
+    name?: string;
+    /** Bar color (any CSS color) */
+    color?: string;
+    /** Formats the edges of the bins in the tooltip */
+    formatBin?: (value: number) => string;
+    /** More series drawn over the bins (e.g. a density `line`) */
+    series?: readonly ChartSeries[];
+}
+/** Props of BoxPlotChart */
+export interface BoxPlotChartProps extends ChartCommonProps, BoxplotStatsOptions {
+    /**
+     * Series of box plots: data points with `low`, `q1`, `y` (the median),
+     * `q3`, `high` and `outliers` (see `boxplotData` / `boxplotStats`)
+     */
+    series?: readonly ChartSeries[];
+    /** Raw samples, one box each (an alternative to `series`) */
+    groups?: readonly BoxplotGroup[];
+    /**
+     * Name of the series built from `groups`
+     * @default "Values"
+     */
+    name?: string;
+    /**
+     * `horizontal` lays the boxes out in rows
+     * @default "vertical"
+     */
+    orientation?: ChartOrientation;
+}
+/** Props of WaterfallChart */
+export interface WaterfallChartProps extends Omit<ChartCommonProps, "crosshair" | "labels">, Omit<WaterfallOptions, "labels"> {
+    /** Changes, subtotals and totals, in order */
+    steps: readonly WaterfallStep[];
+    /**
+     * Writes the change (or the total) at the end of every bar
+     * @default true
+     */
+    labels?: boolean;
+    /**
+     * `horizontal` lays the steps out in rows
+     * @default "vertical"
+     */
+    orientation?: ChartOrientation;
+}
+/** Props of GanttChart */
+export interface GanttChartProps extends Omit<ChartCommonProps, "crosshair">, GanttOptions {
+    /** Tasks and milestones, from top to bottom */
+    tasks: readonly GanttTask[];
+    /**
+     * Draws a line at this date (`true`: now)
+     * @default false
+     */
+    today?: boolean | number | Date;
+    /** Label of the today line */
+    todayLabel?: string;
+}

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

@@ -0,0 +1,144 @@
+import { DimensionValue } from 'react-native';
+import { BinOptions, BoxplotGroup, BoxplotStatsOptions, BubbleOptions, ChartAxisOptions, ChartCurve, ChartOrientation, ChartSeries, GanttOptions, GanttTask, HeatmapConfig, SparklineConfig, WaterfallOptions, WaterfallStep } from '../../../charts/canvas.js';
+import { ChartCommonProps } from '../Chart/types.js';
+export type { BinOptions, BoxplotGroup, BoxplotStats, BoxplotStatsOptions, BubbleOptions, ChartCurve, GanttOptions, GanttTask, HeatmapCell, HeatmapConfig, HistogramBinning, SparklineConfig, WaterfallOptions, WaterfallStep, } from '../../../charts/canvas.js';
+/** Props of AreaChart */
+export interface AreaChartProps extends ChartCommonProps {
+    /** Series drawn as areas unless they set a `type` */
+    series: readonly ChartSeries[];
+    /**
+     * Shape of the edges: straight, smooth (monotone) or steps
+     * @default "smooth"
+     */
+    curve?: ChartCurve;
+    /**
+     * Stacks the areas on top of each other
+     * @default false
+     */
+    stacked?: boolean;
+    /**
+     * Scales the stacks to 100% (implies `stacked`)
+     * @default false
+     */
+    percent?: boolean;
+}
+/** Props of CandlestickChart */
+export interface CandlestickChartProps extends ChartCommonProps {
+    /**
+     * Series drawn as candles unless they set a `type` (e.g. a moving average
+     * `line`); data points carry `open`, `high`, `low` and `y` (the close)
+     */
+    series: readonly ChartSeries[];
+}
+/** Props of HeatmapChart */
+export interface HeatmapChartProps extends Omit<ChartCommonProps, "crosshair">, HeatmapConfig {
+}
+/** Props of Sparkline */
+export interface SparklineProps extends Pick<ChartCommonProps, "width" | "tooltip" | "palette" | "ariaLabel" | "locale" | "labels" | "onHover" | "renderTooltip" | "style" | "testID" | "ref">, SparklineConfig {
+    /**
+     * Height of the sparkline
+     * @default 48
+     */
+    height?: DimensionValue;
+}
+/** Props of RangeAreaChart */
+export interface RangeAreaChartProps extends ChartCommonProps {
+    /**
+     * Bands between `y0` (lower edge) and `y` (upper edge) of every point,
+     * unless a series sets a `type` (e.g. a `line` for the forecast itself)
+     */
+    series: readonly ChartSeries[];
+    /**
+     * Shape of the edges: straight, smooth (monotone) or steps
+     * @default "smooth"
+     */
+    curve?: ChartCurve;
+}
+/** Props of MixedChart */
+export interface MixedChartProps extends ChartCommonProps {
+    /**
+     * Bars, lines, areas and dots, each with its `type`; `yAxis: "right"`
+     * plots a series against `yAxis2`
+     */
+    series: readonly ChartSeries[];
+    /** Right value axis of the series with `yAxis: "right"` (dual axis charts) */
+    yAxis2?: ChartAxisOptions;
+    /**
+     * `percent` scales every stack to 100% at each x
+     * @default "normal"
+     */
+    stackMode?: "normal" | "percent";
+    /**
+     * `horizontal` puts the x axis (categories) down the left side
+     * @default "vertical"
+     */
+    orientation?: ChartOrientation;
+}
+/** Props of BubbleChart */
+export interface BubbleChartProps extends ChartCommonProps, BubbleOptions {
+    /** Series of points with a `value` sizing their bubble (area ∝ value) */
+    series: readonly ChartSeries[];
+}
+/** Props of HistogramChart */
+export interface HistogramChartProps extends ChartCommonProps, BinOptions {
+    /** Raw samples (typed arrays are counted without copies) */
+    values: ArrayLike<number>;
+    /**
+     * Name of the counts (legend, tooltip)
+     * @default "Count"
+     */
+    name?: string;
+    /** Bar color (any CSS color) */
+    color?: string;
+    /** Formats the edges of the bins in the tooltip */
+    formatBin?: (value: number) => string;
+    /** More series drawn over the bins (e.g. a density `line`) */
+    series?: readonly ChartSeries[];
+}
+/** Props of BoxPlotChart */
+export interface BoxPlotChartProps extends ChartCommonProps, BoxplotStatsOptions {
+    /**
+     * Series of box plots: data points with `low`, `q1`, `y` (the median),
+     * `q3`, `high` and `outliers` (see `boxplotData` / `boxplotStats`)
+     */
+    series?: readonly ChartSeries[];
+    /** Raw samples, one box each (an alternative to `series`) */
+    groups?: readonly BoxplotGroup[];
+    /**
+     * Name of the series built from `groups`
+     * @default "Values"
+     */
+    name?: string;
+    /**
+     * `horizontal` lays the boxes out in rows
+     * @default "vertical"
+     */
+    orientation?: ChartOrientation;
+}
+/** Props of WaterfallChart */
+export interface WaterfallChartProps extends Omit<ChartCommonProps, "crosshair" | "labels">, Omit<WaterfallOptions, "labels"> {
+    /** Changes, subtotals and totals, in order */
+    steps: readonly WaterfallStep[];
+    /**
+     * Writes the change (or the total) at the end of every bar
+     * @default true
+     */
+    labels?: boolean;
+    /**
+     * `horizontal` lays the steps out in rows
+     * @default "vertical"
+     */
+    orientation?: ChartOrientation;
+}
+/** Props of GanttChart */
+export interface GanttChartProps extends Omit<ChartCommonProps, "crosshair">, GanttOptions {
+    /** Tasks and milestones, from top to bottom */
+    tasks: readonly GanttTask[];
+    /**
+     * Draws a line at this date (`true`: now)
+     * @default false
+     */
+    today?: boolean | number | Date;
+    /** Label of the today line */
+    todayLabel?: string;
+}