minerva-design 1.4.0 → 1.5.0

package/dist/charts/react/charts.js

@@ -85,15 +85,16 @@ function O(e) {
 	});
 }
 function k(e) {
-	let { data: t, xCategories: i, yCategories: a, colorScale: o, valueRange: s, name: c, radius: l, format: u } = e, f = x(() => d({
+	let { data: t, xCategories: i, yCategories: a, colorScale: o, valueRange: s, colorMidpoint: c, name: l, radius: u, format: f } = e, p = x(() => d({
 		data: t,
 		xCategories: i,
 		yCategories: a,
 		colorScale: o,
 		valueRange: s,
-		name: c,
-		radius: l,
-		format: u
+		colorMidpoint: c,
+		name: l,
+		radius: u,
+		format: f
 	}).series, [
 		t,
 		i,
@@ -102,10 +103,11 @@ function k(e) {
 		s,
 		c,
 		l,
-		u
-	]), p = r({
+		u,
+		f
+	]), m = r({
 		...e,
-		series: f
+		series: p
 	});
 	return /* @__PURE__ */ C(n, {
 		options: {
@@ -114,12 +116,12 @@ function k(e) {
 				xCategories: i,
 				yCategories: a
 			}, {
-				...p,
+				...m,
 				legend: e.legend,
 				interaction: e.interaction,
 				tooltip: e.tooltip
 			}),
-			series: f
+			series: p
 		},
 		...w(e)
 	});
@@ -323,27 +325,33 @@ function z(t) {
 	});
 }
 function B(t) {
-	let { series: i, groups: a, name: c, whisker: l, orientation: u, locale: d } = t, f = c ?? m(e(d)).values, p = x(() => s([...a?.length ? [{
+	let { series: i, groups: a, name: c, whisker: l, orientation: u, locale: d, outlierShape: f, outlierSize: p } = t, h = c ?? m(e(d)).values, g = x(() => s([...a?.length ? [{
 		id: "boxplot",
-		name: f,
+		name: h,
 		data: o(a, { whisker: l })
-	}] : [], ...i ?? []]), [
+	}] : [], ...i ?? []]).map((e) => e.type === "boxplot" ? {
+		...e,
+		outlierShape: e.outlierShape ?? f,
+		outlierSize: e.outlierSize ?? p
+	} : e), [
 		i,
 		a,
+		h,
+		l,
 		f,
-		l
+		p
 	]);
 	return /* @__PURE__ */ C(n, {
 		options: r({
 			...t,
-			series: p,
+			series: g,
 			orientation: u
 		}),
 		...w(t)
 	});
 }
 function V(t) {
-	let { steps: i, name: a, upColor: o, downColor: s, totalColor: c, start: l, labels: u = !0, format: d, orientation: f, locale: p } = t, m = e(p), h = x(() => [b(i, {
+	let { steps: i, name: a, upColor: o, downColor: s, totalColor: c, start: l, labels: u = !0, format: d, connector: f, orientation: p, locale: m } = t, h = e(m), g = x(() => [b(i, {
 		name: a,
 		upColor: o,
 		downColor: s,
@@ -351,7 +359,8 @@ function V(t) {
 		start: l,
 		labels: u,
 		format: d,
-		locale: m
+		connector: f,
+		locale: h
 	})], [
 		i,
 		a,
@@ -361,26 +370,28 @@ function V(t) {
 		l,
 		u,
 		d,
-		m
+		f,
+		h
 	]);
 	return /* @__PURE__ */ C(n, {
 		options: r({
 			...t,
 			labels: void 0,
-			series: h,
-			orientation: f
+			series: g,
+			orientation: p
 		}),
 		...w(t)
 	});
 }
 function H(t) {
-	let { tasks: i, colors: a, taskName: o, progressName: s, milestoneName: c, formatProgress: l, today: d = !1, todayLabel: f, xAxis: p, yAxis: m, annotations: h, interaction: g, legend: _, locale: v } = t, y = e(v), b = x(() => u(i, {
+	let { tasks: i, colors: a, taskName: o, progressName: s, milestoneName: c, formatProgress: l, dependenciesName: d, today: f = !1, todayLabel: p, xAxis: m, yAxis: h, annotations: g, interaction: _, legend: v, locale: y } = t, b = e(y), T = x(() => u(i, {
 		colors: a,
 		taskName: o,
 		progressName: s,
 		milestoneName: c,
 		formatProgress: l,
-		locale: y
+		dependenciesName: d,
+		locale: b
 	}), [
 		i,
 		a,
@@ -388,36 +399,37 @@ function H(t) {
 		s,
 		c,
 		l,
-		y
-	]), [T] = S(() => Date.now()), E = d === !1 ? null : d === !0 ? T : d instanceof Date ? d.getTime() : d, D = E === null ? [] : [{
+		d,
+		b
+	]), [E] = S(() => Date.now()), D = f === !1 ? null : f === !0 ? E : f instanceof Date ? f.getTime() : f, O = D === null ? [] : [{
 		type: "line",
 		axis: "y",
-		value: E,
+		value: D,
 		color: "var(--danger-color, #dc2626)",
 		dash: [4, 3],
-		label: f
+		label: p
 	}];
 	return /* @__PURE__ */ C(n, {
 		options: {
 			...r({
 				...t,
-				series: b.series,
+				series: T.series,
 				orientation: "horizontal"
 			}),
 			xAxis: {
 				type: "category",
-				categories: b.categories,
-				...p
+				categories: T.categories,
+				...m
 			},
 			yAxis: {
 				type: "time",
-				min: b.domain[0],
-				max: b.domain[1],
-				...m
+				min: T.domain[0],
+				max: T.domain[1],
+				...h
 			},
-			annotations: [...h ?? [], ...D],
-			interaction: g ?? { zoom: "y" },
-			legend: _ ?? b.series.length > 1
+			annotations: [...g ?? [], ...O],
+			interaction: _ ?? { zoom: "y" },
+			legend: v ?? T.series.length > 1
 		},
 		...w(t)
 	});

package/dist/charts/react/charts.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.js","names":["frameProps","props","LineChart","input","series","useMemo","lineSeries","area","stacked","percent","curve","ChartBase","engineOptions","AreaChart","areaSeries","BarChart","barSeries","labels","CandlestickChart","candlestickSeries","HeatmapChart","heatmapChartOptions","data","xCategories","yCategories","colorScale","valueRange","name","radius","format","base","Sparkline","options","sparklineOptions","type","color","reference","renderer","tooltip","palette","ariaLabel","locale","ref","ScatterChart","scatterSeries","CORNERS","cornerStyle","left","corner","top","split","plot","QuadrantChart","geometry","quadrantChartOptions","draggable","onPointDrop","overlay","quadrantContent","x0","x1","xDomain","y0","y1","yDomain","xs","xSplit","ys","ySplit","fx","fy","reverseX","onPointClick","index","event","points","onQuadrantClick","quadrantOf","at","renderTooltip","HorizontalBarChart","RangeAreaChart","rangeAreaSeries","MixedChart","Chart","BubbleChart","bubbleSeries","minSize","maxSize","maxValue","HistogramChart","extra","lang","resolveLocale","histogramSeries","values","formatBin","bins","domain","nice","BoxPlotChart","groupName","presetLabels","boxplotSeries","groups","boxplotData","whisker","WaterfallChart","waterfallSeries","steps","upColor","downColor","totalColor","start","GanttChart","gantt","ganttSeries","tasks","colors","taskName","progressName","milestoneName","formatProgress","mountedAt","useState","now","today","lines","todayLabel","xAxis","yAxis","annotations","interaction","legend"],"sources":["../../../../charts/src/react/charts.tsx"],"sourcesContent":["import { useMemo, useState, type CSSProperties } from \"react\";\nimport {\n  areaSeries,\n  barSeries,\n  boxplotData,\n  boxplotSeries,\n  bubbleSeries,\n  candlestickSeries,\n  ganttSeries,\n  heatmapChartOptions,\n  histogramSeries,\n  lineSeries,\n  presetLabels,\n  quadrantChartOptions,\n  quadrantOf,\n  rangeAreaSeries,\n  scatterSeries,\n  sparklineOptions,\n  waterfallSeries,\n  type QuadrantCorner,\n} from \"../engine/presets\";\nimport { resolveLocale } from \"../engine/locale\";\nimport type { ChartAnnotation, ChartRect } from \"../engine/types\";\nimport { Chart, ChartBase, engineOptions } from \"./Chart\";\nimport type {\n  AreaChartProps,\n  BarChartProps,\n  BoxPlotChartProps,\n  BubbleChartProps,\n  CandlestickChartProps,\n  ChartCommonProps,\n  GanttChartProps,\n  HeatmapChartProps,\n  HistogramChartProps,\n  HorizontalBarChartProps,\n  LineChartProps,\n  MixedChartProps,\n  QuadrantChartProps,\n  RangeAreaChartProps,\n  ScatterChartProps,\n  SparklineProps,\n  WaterfallChartProps,\n} from \"./types\";\n\nconst frameProps = (props: Omit<ChartCommonProps, \"labels\">) => ({\n  height: props.height,\n  width: props.width,\n  className: props.className,\n  style: props.style,\n  handleRef: props.ref,\n  onHover: props.onHover,\n  onPointClick: props.onPointClick,\n  onPlotClick: props.onPlotClick,\n  onZoom: props.onZoom,\n  onRendererChange: props.onRendererChange,\n  renderTooltip: props.renderTooltip,\n});\n\n/** Line (or area) chart; handles millions of points on the GPU */\nexport function LineChart(props: LineChartProps) {\n  const {\n    series: input,\n    area = false,\n    curve,\n    stacked = false,\n    percent = false,\n  } = props;\n  const series = useMemo(\n    () => lineSeries(input, area, { curve, stacked: stacked || percent }),\n    [input, area, curve, stacked, percent],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        series,\n        stackMode: percent ? \"percent\" : undefined,\n      })}\n      {...frameProps(props)}\n    />\n  );\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 series = useMemo(\n    () => areaSeries(input, { curve, stacked: stacked || percent }),\n    [input, curve, stacked, percent],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        series,\n        stackMode: percent ? \"percent\" : undefined,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Bar chart: grouped side by side, stacked or 100% stacked, with optional value labels */\nexport function BarChart(props: BarChartProps) {\n  const {\n    series: input,\n    stacked = false,\n    percent = false,\n    labels = false,\n  } = props;\n  const series = useMemo(\n    () => barSeries(input, stacked || percent, labels),\n    [input, stacked, percent, labels],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        labels: undefined,\n        series,\n        stackMode: percent ? \"percent\" : undefined,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Candlestick (OHLC) chart: rising and falling candles, zoomable on the GPU */\nexport function CandlestickChart(props: CandlestickChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => candlestickSeries(input), [input]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\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  } = props;\n  const series = useMemo(\n    () =>\n      heatmapChartOptions({\n        data,\n        xCategories,\n        yCategories,\n        colorScale,\n        valueRange,\n        name,\n        radius,\n        format,\n      }).series,\n    [\n      data,\n      xCategories,\n      yCategories,\n      colorScale,\n      valueRange,\n      name,\n      radius,\n      format,\n    ],\n  );\n  const base = engineOptions({ ...props, series });\n  return (\n    <ChartBase\n      options={{\n        ...heatmapChartOptions(\n          { data, xCategories, yCategories },\n          {\n            ...base,\n            legend: props.legend,\n            interaction: props.interaction,\n            tooltip: props.tooltip,\n          },\n        ),\n        series,\n      }}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Word-sized chart without axes: a trend in a table cell, 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    renderer,\n    tooltip,\n    palette,\n    ariaLabel,\n    locale,\n    labels,\n    className,\n    style,\n    ref,\n    onHover,\n    renderTooltip,\n  } = props;\n  const options = useMemo(\n    () =>\n      sparklineOptions(\n        { data, type, color, curve, name, reference, format },\n        { renderer, tooltip, palette, ariaLabel, locale, labels },\n      ),\n    [\n      data,\n      type,\n      color,\n      curve,\n      name,\n      reference,\n      format,\n      renderer,\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      className={className}\n      style={style}\n      handleRef={ref}\n      onHover={onHover}\n      renderTooltip={renderTooltip}\n    />\n  );\n}\n\n/** Scatter chart: zooms on both axes, hit testing through a spatial index */\nexport function ScatterChart(props: ScatterChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => scatterSeries(input), [input]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\nconst CORNERS: QuadrantCorner[] = [\n  \"topLeft\",\n  \"topRight\",\n  \"bottomLeft\",\n  \"bottomRight\",\n];\n\nconst cornerStyle = (\n  corner: QuadrantCorner,\n  plot: ChartRect,\n  split: { x: number; y: number },\n): CSSProperties => {\n  const left = corner.endsWith(\"Left\");\n  const top = corner.startsWith(\"top\");\n  return {\n    position: \"absolute\",\n    left: left ? 0 : split.x - plot.x,\n    top: top ? 0 : split.y - plot.y,\n    width: left ? split.x - plot.x : plot.x + plot.width - split.x,\n    height: top ? split.y - plot.y : plot.y + plot.height - split.y,\n    pointerEvents: \"none\",\n  };\n};\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG, ...): tinted\n * quadrants with titles, dividers, and labelled dots placed without\n * overlapping labels. Dots can be dragged to another quadrant.\n */\nexport function QuadrantChart(props: QuadrantChartProps) {\n  const {\n    points,\n    xDomain,\n    yDomain,\n    xSplit,\n    ySplit,\n    quadrants,\n    xLabel,\n    yLabel,\n    axisLabels,\n    showTicks,\n    reverseX,\n    showLabels,\n    pointSize,\n    name,\n    draggable,\n    onPointClick,\n    onPointDrop,\n    onQuadrantClick,\n    renderTooltip,\n    quadrantContent,\n  } = props;\n  const geometry = { xDomain, yDomain, xSplit, ySplit, reverseX };\n\n  const options = quadrantChartOptions(\n    {\n      points,\n      xDomain,\n      yDomain,\n      xSplit,\n      ySplit,\n      quadrants,\n      xLabel,\n      yLabel,\n      axisLabels,\n      showTicks,\n      reverseX,\n      showLabels,\n      pointSize,\n      name,\n      draggable: draggable ?? !!onPointDrop,\n    },\n    engineOptions({ ...props, series: [] }),\n  );\n\n  const overlay = quadrantContent\n    ? (plot: ChartRect) => {\n        const [x0, x1] = xDomain ?? [0, 10];\n        const [y0, y1] = yDomain ?? [0, 10];\n        const xs = xSplit ?? (x0 + x1) / 2;\n        const ys = ySplit ?? (y0 + y1) / 2;\n        const fx = (xs - x0) / (x1 - x0 || 1);\n        const fy = (ys - y0) / (y1 - y0 || 1);\n        const split = {\n          x: plot.x + plot.width * (reverseX ? 1 - fx : fx),\n          y: plot.y + plot.height * (1 - fy),\n        };\n        return CORNERS.map((corner) =>\n          quadrantContent[corner] ? (\n            <div\n              key={corner}\n              className={`minerva-chart-quadrant minerva-chart-quadrant-${corner}`}\n              style={cornerStyle(corner, plot, split)}\n            >\n              {quadrantContent[corner]}\n            </div>\n          ) : null,\n        );\n      }\n    : undefined;\n\n  return (\n    <ChartBase\n      options={options}\n      {...frameProps({\n        ...props,\n        onPointClick: undefined,\n        renderTooltip: undefined,\n      })}\n      overlay={overlay}\n      onPointClick={\n        onPointClick\n          ? (event) => {\n              const index = event.items[0]?.index;\n              if (index !== undefined && points[index])\n                onPointClick(points[index], index);\n            }\n          : undefined\n      }\n      onPlotClick={\n        onQuadrantClick\n          ? (at) => onQuadrantClick(quadrantOf(geometry, at.x, at.y), at)\n          : undefined\n      }\n      onDrop={\n        onPointDrop\n          ? (event) => {\n              const index = event.item.index;\n              if (!points[index]) return;\n              onPointDrop(points[index], index, {\n                x: event.x,\n                y: event.y,\n                quadrant: quadrantOf(geometry, event.x, event.y),\n              });\n            }\n          : undefined\n      }\n      renderTooltip={\n        renderTooltip\n          ? (event) => {\n              const index = event.items[0]?.index;\n              return index !== undefined && points[index]\n                ? renderTooltip(points[index], index)\n                : null;\n            }\n          : undefined\n      }\n    />\n  );\n}\n\n/**\n * Horizontal bar chart: categories down the left side, values from the\n * left (rankings, long names, diverging surveys, stacked progress)\n */\nexport function HorizontalBarChart(props: HorizontalBarChartProps) {\n  return <BarChart {...props} orientation=\"horizontal\" />;\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 series = useMemo(() => rangeAreaSeries(input, curve), [input, curve]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\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  return <Chart {...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 series = useMemo(\n    () => bubbleSeries(input, { minSize, maxSize, maxValue }),\n    [input, minSize, maxSize, maxValue],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/**\n * Histogram: the distribution of raw samples in bins of equal width\n * (Freedman-Diaconis, Sturges or a count); millions of samples are binned\n * in milliseconds\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    locale,\n  } = props;\n  // page language read at every render: a language switch renames the series\n  const lang = resolveLocale(locale);\n  const series = useMemo(\n    () => [\n      histogramSeries(values, {\n        bins,\n        domain,\n        nice,\n        name,\n        color,\n        format: formatBin,\n        locale: lang,\n      }),\n      ...(extra ?? []),\n    ],\n    [values, bins, domain, nice, name, color, formatBin, extra, lang],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\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 { series: input, groups, name, whisker, orientation, locale } = props;\n  const groupName = name ?? presetLabels(resolveLocale(locale)).values;\n  const series = useMemo(\n    () =>\n      boxplotSeries([\n        ...(groups?.length\n          ? [\n              {\n                id: \"boxplot\",\n                name: groupName,\n                data: boxplotData(groups, { whisker }),\n              },\n            ]\n          : []),\n        ...(input ?? []),\n      ]),\n    [input, groups, groupName, whisker],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series, orientation })}\n      {...frameProps(props)}\n    />\n  );\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 lang = resolveLocale(locale);\n  const series = useMemo(\n    () => [\n      waterfallSeries(steps, {\n        name,\n        upColor,\n        downColor,\n        totalColor,\n        start,\n        labels,\n        format,\n        locale: lang,\n      }),\n    ],\n    [steps, name, upColor, downColor, totalColor, start, labels, format, lang],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        labels: undefined,\n        series,\n        orientation,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/**\n * Gantt chart: tasks as bars on a time axis with their progress, groups,\n * milestones and a today line; zooms and pans 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 lang = resolveLocale(locale);\n  const gantt = useMemo(\n    () =>\n      ganttSeries(tasks, {\n        colors,\n        taskName,\n        progressName,\n        milestoneName,\n        formatProgress,\n        locale: lang,\n      }),\n    [\n      tasks,\n      colors,\n      taskName,\n      progressName,\n      milestoneName,\n      formatProgress,\n      lang,\n    ],\n  );\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 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    <ChartBase\n      options={{\n        ...engineOptions({\n          ...props,\n          series: gantt.series,\n          orientation: \"horizontal\",\n        }),\n        xAxis: {\n          type: \"category\",\n          categories: gantt.categories,\n          ...xAxis,\n        },\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      {...frameProps(props)}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"charts.js","names":["frameProps","props","LineChart","input","series","useMemo","lineSeries","area","stacked","percent","curve","ChartBase","engineOptions","AreaChart","areaSeries","BarChart","barSeries","labels","CandlestickChart","candlestickSeries","HeatmapChart","heatmapChartOptions","data","xCategories","yCategories","colorScale","valueRange","colorMidpoint","name","radius","format","base","Sparkline","options","sparklineOptions","type","color","reference","renderer","tooltip","palette","ariaLabel","locale","ref","ScatterChart","scatterSeries","CORNERS","cornerStyle","left","corner","top","split","plot","QuadrantChart","geometry","quadrantChartOptions","draggable","onPointDrop","overlay","quadrantContent","x0","x1","xDomain","y0","y1","yDomain","xs","xSplit","ys","ySplit","fx","fy","reverseX","onPointClick","index","event","points","onQuadrantClick","quadrantOf","at","renderTooltip","HorizontalBarChart","RangeAreaChart","rangeAreaSeries","MixedChart","Chart","BubbleChart","bubbleSeries","minSize","maxSize","maxValue","HistogramChart","extra","lang","resolveLocale","histogramSeries","values","formatBin","bins","domain","nice","BoxPlotChart","groupName","presetLabels","boxplotSeries","groups","boxplotData","s","outlierShape","outlierSize","whisker","WaterfallChart","waterfallSeries","steps","upColor","downColor","totalColor","start","connector","GanttChart","gantt","ganttSeries","tasks","colors","taskName","progressName","milestoneName","formatProgress","dependenciesName","mountedAt","useState","now","today","lines","todayLabel","xAxis","yAxis","annotations","interaction","legend"],"sources":["../../../../charts/src/react/charts.tsx"],"sourcesContent":["import { useMemo, useState, type CSSProperties } from \"react\";\nimport {\n  areaSeries,\n  barSeries,\n  boxplotData,\n  boxplotSeries,\n  bubbleSeries,\n  candlestickSeries,\n  ganttSeries,\n  heatmapChartOptions,\n  histogramSeries,\n  lineSeries,\n  presetLabels,\n  quadrantChartOptions,\n  quadrantOf,\n  rangeAreaSeries,\n  scatterSeries,\n  sparklineOptions,\n  waterfallSeries,\n  type QuadrantCorner,\n} from \"../engine/presets\";\nimport { resolveLocale } from \"../engine/locale\";\nimport type { ChartAnnotation, ChartRect } from \"../engine/types\";\nimport { Chart, ChartBase, engineOptions } from \"./Chart\";\nimport type {\n  AreaChartProps,\n  BarChartProps,\n  BoxPlotChartProps,\n  BubbleChartProps,\n  CandlestickChartProps,\n  ChartCommonProps,\n  GanttChartProps,\n  HeatmapChartProps,\n  HistogramChartProps,\n  HorizontalBarChartProps,\n  LineChartProps,\n  MixedChartProps,\n  QuadrantChartProps,\n  RangeAreaChartProps,\n  ScatterChartProps,\n  SparklineProps,\n  WaterfallChartProps,\n} from \"./types\";\n\nconst frameProps = (props: Omit<ChartCommonProps, \"labels\">) => ({\n  height: props.height,\n  width: props.width,\n  className: props.className,\n  style: props.style,\n  handleRef: props.ref,\n  onHover: props.onHover,\n  onPointClick: props.onPointClick,\n  onPlotClick: props.onPlotClick,\n  onZoom: props.onZoom,\n  onRendererChange: props.onRendererChange,\n  renderTooltip: props.renderTooltip,\n});\n\n/** Line (or area) chart; handles millions of points on the GPU */\nexport function LineChart(props: LineChartProps) {\n  const {\n    series: input,\n    area = false,\n    curve,\n    stacked = false,\n    percent = false,\n  } = props;\n  const series = useMemo(\n    () => lineSeries(input, area, { curve, stacked: stacked || percent }),\n    [input, area, curve, stacked, percent],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        series,\n        stackMode: percent ? \"percent\" : undefined,\n      })}\n      {...frameProps(props)}\n    />\n  );\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 series = useMemo(\n    () => areaSeries(input, { curve, stacked: stacked || percent }),\n    [input, curve, stacked, percent],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        series,\n        stackMode: percent ? \"percent\" : undefined,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Bar chart: grouped side by side, stacked or 100% stacked, with optional value labels */\nexport function BarChart(props: BarChartProps) {\n  const {\n    series: input,\n    stacked = false,\n    percent = false,\n    labels = false,\n  } = props;\n  const series = useMemo(\n    () => barSeries(input, stacked || percent, labels),\n    [input, stacked, percent, labels],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        labels: undefined,\n        series,\n        stackMode: percent ? \"percent\" : undefined,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Candlestick (OHLC) chart: rising and falling candles, zoomable on the GPU */\nexport function CandlestickChart(props: CandlestickChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => candlestickSeries(input), [input]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\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    colorMidpoint,\n    name,\n    radius,\n    format,\n  } = props;\n  const series = useMemo(\n    () =>\n      heatmapChartOptions({\n        data,\n        xCategories,\n        yCategories,\n        colorScale,\n        valueRange,\n        colorMidpoint,\n        name,\n        radius,\n        format,\n      }).series,\n    [\n      data,\n      xCategories,\n      yCategories,\n      colorScale,\n      valueRange,\n      colorMidpoint,\n      name,\n      radius,\n      format,\n    ],\n  );\n  const base = engineOptions({ ...props, series });\n  return (\n    <ChartBase\n      options={{\n        ...heatmapChartOptions(\n          { data, xCategories, yCategories },\n          {\n            ...base,\n            legend: props.legend,\n            interaction: props.interaction,\n            tooltip: props.tooltip,\n          },\n        ),\n        series,\n      }}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Word-sized chart without axes: a trend in a table cell, 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    renderer,\n    tooltip,\n    palette,\n    ariaLabel,\n    locale,\n    labels,\n    className,\n    style,\n    ref,\n    onHover,\n    renderTooltip,\n  } = props;\n  const options = useMemo(\n    () =>\n      sparklineOptions(\n        { data, type, color, curve, name, reference, format },\n        { renderer, tooltip, palette, ariaLabel, locale, labels },\n      ),\n    [\n      data,\n      type,\n      color,\n      curve,\n      name,\n      reference,\n      format,\n      renderer,\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      className={className}\n      style={style}\n      handleRef={ref}\n      onHover={onHover}\n      renderTooltip={renderTooltip}\n    />\n  );\n}\n\n/** Scatter chart: zooms on both axes, hit testing through a spatial index */\nexport function ScatterChart(props: ScatterChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => scatterSeries(input), [input]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\nconst CORNERS: QuadrantCorner[] = [\n  \"topLeft\",\n  \"topRight\",\n  \"bottomLeft\",\n  \"bottomRight\",\n];\n\nconst cornerStyle = (\n  corner: QuadrantCorner,\n  plot: ChartRect,\n  split: { x: number; y: number },\n): CSSProperties => {\n  const left = corner.endsWith(\"Left\");\n  const top = corner.startsWith(\"top\");\n  return {\n    position: \"absolute\",\n    left: left ? 0 : split.x - plot.x,\n    top: top ? 0 : split.y - plot.y,\n    width: left ? split.x - plot.x : plot.x + plot.width - split.x,\n    height: top ? split.y - plot.y : plot.y + plot.height - split.y,\n    pointerEvents: \"none\",\n  };\n};\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG, ...): tinted\n * quadrants with titles, dividers, and labelled dots placed without\n * overlapping labels. Dots can be dragged to another quadrant.\n */\nexport function QuadrantChart(props: QuadrantChartProps) {\n  const {\n    points,\n    xDomain,\n    yDomain,\n    xSplit,\n    ySplit,\n    quadrants,\n    xLabel,\n    yLabel,\n    axisLabels,\n    showTicks,\n    reverseX,\n    showLabels,\n    pointSize,\n    name,\n    draggable,\n    onPointClick,\n    onPointDrop,\n    onQuadrantClick,\n    renderTooltip,\n    quadrantContent,\n  } = props;\n  const geometry = { xDomain, yDomain, xSplit, ySplit, reverseX };\n\n  const options = quadrantChartOptions(\n    {\n      points,\n      xDomain,\n      yDomain,\n      xSplit,\n      ySplit,\n      quadrants,\n      xLabel,\n      yLabel,\n      axisLabels,\n      showTicks,\n      reverseX,\n      showLabels,\n      pointSize,\n      name,\n      draggable: draggable ?? !!onPointDrop,\n    },\n    engineOptions({ ...props, series: [] }),\n  );\n\n  const overlay = quadrantContent\n    ? (plot: ChartRect) => {\n        const [x0, x1] = xDomain ?? [0, 10];\n        const [y0, y1] = yDomain ?? [0, 10];\n        const xs = xSplit ?? (x0 + x1) / 2;\n        const ys = ySplit ?? (y0 + y1) / 2;\n        const fx = (xs - x0) / (x1 - x0 || 1);\n        const fy = (ys - y0) / (y1 - y0 || 1);\n        const split = {\n          x: plot.x + plot.width * (reverseX ? 1 - fx : fx),\n          y: plot.y + plot.height * (1 - fy),\n        };\n        return CORNERS.map((corner) =>\n          quadrantContent[corner] ? (\n            <div\n              key={corner}\n              className={`minerva-chart-quadrant minerva-chart-quadrant-${corner}`}\n              style={cornerStyle(corner, plot, split)}\n            >\n              {quadrantContent[corner]}\n            </div>\n          ) : null,\n        );\n      }\n    : undefined;\n\n  return (\n    <ChartBase\n      options={options}\n      {...frameProps({\n        ...props,\n        onPointClick: undefined,\n        renderTooltip: undefined,\n      })}\n      overlay={overlay}\n      onPointClick={\n        onPointClick\n          ? (event) => {\n              const index = event.items[0]?.index;\n              if (index !== undefined && points[index])\n                onPointClick(points[index], index);\n            }\n          : undefined\n      }\n      onPlotClick={\n        onQuadrantClick\n          ? (at) => onQuadrantClick(quadrantOf(geometry, at.x, at.y), at)\n          : undefined\n      }\n      onDrop={\n        onPointDrop\n          ? (event) => {\n              const index = event.item.index;\n              if (!points[index]) return;\n              onPointDrop(points[index], index, {\n                x: event.x,\n                y: event.y,\n                quadrant: quadrantOf(geometry, event.x, event.y),\n              });\n            }\n          : undefined\n      }\n      renderTooltip={\n        renderTooltip\n          ? (event) => {\n              const index = event.items[0]?.index;\n              return index !== undefined && points[index]\n                ? renderTooltip(points[index], index)\n                : null;\n            }\n          : undefined\n      }\n    />\n  );\n}\n\n/**\n * Horizontal bar chart: categories down the left side, values from the\n * left (rankings, long names, diverging surveys, stacked progress)\n */\nexport function HorizontalBarChart(props: HorizontalBarChartProps) {\n  return <BarChart {...props} orientation=\"horizontal\" />;\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 series = useMemo(() => rangeAreaSeries(input, curve), [input, curve]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\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  return <Chart {...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 series = useMemo(\n    () => bubbleSeries(input, { minSize, maxSize, maxValue }),\n    [input, minSize, maxSize, maxValue],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/**\n * Histogram: the distribution of raw samples in bins of equal width\n * (Freedman-Diaconis, Sturges or a count); millions of samples are binned\n * in milliseconds\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    locale,\n  } = props;\n  // page language read at every render: a language switch renames the series\n  const lang = resolveLocale(locale);\n  const series = useMemo(\n    () => [\n      histogramSeries(values, {\n        bins,\n        domain,\n        nice,\n        name,\n        color,\n        format: formatBin,\n        locale: lang,\n      }),\n      ...(extra ?? []),\n    ],\n    [values, bins, domain, nice, name, color, formatBin, extra, lang],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\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,\n    whisker,\n    orientation,\n    locale,\n    outlierShape,\n    outlierSize,\n  } = props;\n  const groupName = name ?? presetLabels(resolveLocale(locale)).values;\n  const series = useMemo(\n    () =>\n      boxplotSeries([\n        ...(groups?.length\n          ? [\n              {\n                id: \"boxplot\",\n                name: groupName,\n                data: boxplotData(groups, { whisker }),\n              },\n            ]\n          : []),\n        ...(input ?? []),\n      ]).map((s) =>\n        s.type === \"boxplot\"\n          ? {\n              ...s,\n              outlierShape: s.outlierShape ?? outlierShape,\n              outlierSize: s.outlierSize ?? outlierSize,\n            }\n          : s,\n      ),\n    [input, groups, groupName, whisker, outlierShape, outlierSize],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series, orientation })}\n      {...frameProps(props)}\n    />\n  );\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    connector,\n    orientation,\n    locale,\n  } = props;\n  const lang = resolveLocale(locale);\n  const series = useMemo(\n    () => [\n      waterfallSeries(steps, {\n        name,\n        upColor,\n        downColor,\n        totalColor,\n        start,\n        labels,\n        format,\n        connector,\n        locale: lang,\n      }),\n    ],\n    [\n      steps,\n      name,\n      upColor,\n      downColor,\n      totalColor,\n      start,\n      labels,\n      format,\n      connector,\n      lang,\n    ],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        labels: undefined,\n        series,\n        orientation,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/**\n * Gantt chart: tasks as bars on a time axis with their progress, groups,\n * milestones and a today line; zooms and pans along the time\n */\nexport function GanttChart(props: GanttChartProps) {\n  const {\n    tasks,\n    colors,\n    taskName,\n    progressName,\n    milestoneName,\n    formatProgress,\n    dependenciesName,\n    today = false,\n    todayLabel,\n    xAxis,\n    yAxis,\n    annotations,\n    interaction,\n    legend,\n    locale,\n  } = props;\n  const lang = resolveLocale(locale);\n  const gantt = useMemo(\n    () =>\n      ganttSeries(tasks, {\n        colors,\n        taskName,\n        progressName,\n        milestoneName,\n        formatProgress,\n        dependenciesName,\n        locale: lang,\n      }),\n    [\n      tasks,\n      colors,\n      taskName,\n      progressName,\n      milestoneName,\n      formatProgress,\n      dependenciesName,\n      lang,\n    ],\n  );\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 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    <ChartBase\n      options={{\n        ...engineOptions({\n          ...props,\n          series: gantt.series,\n          orientation: \"horizontal\",\n        }),\n        xAxis: {\n          type: \"category\",\n          categories: gantt.categories,\n          ...xAxis,\n        },\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      {...frameProps(props)}\n    />\n  );\n}\n"],"mappings":";;;;;;;AA4CA,IAAMA,KAAc,OAA6C;CAC/D,QAAQC,EAAM;CACd,OAAOA,EAAM;CACb,WAAWA,EAAM;CACjB,OAAOA,EAAM;CACb,WAAWA,EAAM;CACjB,SAASA,EAAM;CACf,cAAcA,EAAM;CACpB,aAAaA,EAAM;CACnB,QAAQA,EAAM;CACd,kBAAkBA,EAAM;CACxB,eAAeA,EAAM;AACvB;AAGA,SAAgBC,EAAU,GAAuB;CAC/C,IAAM,EACJ,QAAQC,GACR,UAAO,IACP,UACA,aAAU,IACV,aAAU,OACRF,GACEG,IAASC,QACPC,EAAWH,GAAOI,GAAM;EAAE;EAAO,SAASC,KAAWC;CAAQ,CAAC,GACpE;EAACN;EAAOI;EAAMG;EAAOF;EAASC;CAAO,CACvC;CACA,OACE,kBAACE,GAAD;EACE,SAASC,EAAc;GACrB,GAAGX;GACH;GACA,WAAWQ,IAAU,YAAY,KAAA;EACnC,CAAC;EACD,GAAIT,EAAWC,CAAK;CACrB,CAAA;AAEL;AAGA,SAAgBY,EAAU,GAAuB;CAC/C,IAAM,EACJ,QAAQV,GACR,WAAQ,UACR,aAAU,IACV,aAAU,OACRF,GACEG,IAASC,QACPS,EAAWX,GAAO;EAAE;EAAO,SAASK,KAAWC;CAAQ,CAAC,GAC9D;EAACN;EAAOO;EAAOF;EAASC;CAAO,CACjC;CACA,OACE,kBAACE,GAAD;EACE,SAASC,EAAc;GACrB,GAAGX;GACH;GACA,WAAWQ,IAAU,YAAY,KAAA;EACnC,CAAC;EACD,GAAIT,EAAWC,CAAK;CACrB,CAAA;AAEL;AAGA,SAAgBc,EAAS,GAAsB;CAC7C,IAAM,EACJ,QAAQZ,GACR,aAAU,IACV,aAAU,IACV,YAAS,OACPF,GACEG,IAASC,QACPW,EAAUb,GAAOK,KAAWC,GAASQ,CAAM,GACjD;EAACd;EAAOK;EAASC;EAASQ;CAAM,CAClC;CACA,OACE,kBAACN,GAAD;EACE,SAASC,EAAc;GACrB,GAAGX;GACH,QAAQ,KAAA;GACR;GACA,WAAWQ,IAAU,YAAY,KAAA;EACnC,CAAC;EACD,GAAIT,EAAWC,CAAK;CACrB,CAAA;AAEL;AAGA,SAAgBiB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,QAAQf,MAAUF,GACpBG,IAASC,QAAcc,EAAkBhB,CAAK,GAAG,CAACA,CAAK,CAAC;CAC9D,OACE,kBAACQ,GAAD;EACE,SAASC,EAAc;GAAE,GAAGX;GAAO;EAAO,CAAC;EAC3C,GAAID,EAAWC,CAAK;CACrB,CAAA;AAEL;AAGA,SAAgBmB,EAAa,GAA0B;CACrD,IAAM,EACJ,SACA,gBACA,gBACA,eACA,eACA,kBACA,SACA,WACA,cACEnB,GACEG,IAASC,QAEXgB,EAAoB;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,CAAC,QACL;EACEC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;CACF,CACF,GACMC,IAAOnB,EAAc;EAAE,GAAGX;EAAO;CAAO,CAAC;CAC/C,OACE,kBAACU,GAAD;EACE,SAAS;GACP,GAAGU,EACD;IAAE;IAAM;IAAa;GAAY,GACjC;IACE,GAAGU;IACH,QAAQ9B,EAAM;IACd,aAAaA,EAAM;IACnB,SAASA,EAAM;GACjB,CACF;GACA;EACF;EACA,GAAID,EAAWC,CAAK;CACrB,CAAA;AAEL;AAGA,SAAgB+B,EAAU,GAAuB;CAC/C,IAAM,EACJ,SACA,SACA,UACA,UACA,SACA,cACA,WACA,YAAS,IACT,UACA,aACA,YACA,YACA,cACA,WACA,WACA,cACA,UACA,QACA,YACA,qBACE/B,GACEgC,IAAU5B,QAEZ6B,EACE;EAAE;EAAM;EAAM;EAAO;EAAO;EAAM;EAAW;CAAO,GACpD;EAAE;EAAU;EAAS;EAAS;EAAW;EAAQ;CAAO,CAC1D,GACF;EACEZ;EACAa;EACAC;EACA1B;EACAkB;EACAS;EACAP;EACAQ;EACAC;EACAC;EACAC;EACAC;EACAzB;CACF,CACF;CACA,OACE,kBAACN,GAAD;EACW;EACD;EACD;EACI;EACJ;EACP,WAAWgC;EACF;EACM;CAChB,CAAA;AAEL;AAGA,SAAgBC,EAAa,GAA0B;CACrD,IAAM,EAAE,QAAQzC,MAAUF,GACpBG,IAASC,QAAcwC,EAAc1C,CAAK,GAAG,CAACA,CAAK,CAAC;CAC1D,OACE,kBAACQ,GAAD;EACE,SAASC,EAAc;GAAE,GAAGX;GAAO;EAAO,CAAC;EAC3C,GAAID,EAAWC,CAAK;CACrB,CAAA;AAEL;AAEA,IAAM6C,IAA4B;CAChC;CACA;CACA;CACA;AACF,GAEMC,KACJ,GACA,GACA,MACkB;CAClB,IAAMC,IAAOC,EAAO,SAAS,MAAM,GAC7BC,IAAMD,EAAO,WAAW,KAAK;CACnC,OAAO;EACL,UAAU;EACV,MAAMD,IAAO,IAAIG,EAAM,IAAIC,EAAK;EAChC,KAAKF,IAAM,IAAIC,EAAM,IAAIC,EAAK;EAC9B,OAAOJ,IAAOG,EAAM,IAAIC,EAAK,IAAIA,EAAK,IAAIA,EAAK,QAAQD,EAAM;EAC7D,QAAQD,IAAMC,EAAM,IAAIC,EAAK,IAAIA,EAAK,IAAIA,EAAK,SAASD,EAAM;EAC9D,eAAe;CACjB;AACF;AAOA,SAAgBE,EAAc,GAA2B;CACvD,IAAM,EACJ,WACA,YACA,YACA,WACA,WACA,cACA,WACA,WACA,eACA,cACA,aACA,eACA,cACA,SACA,cACA,iBACA,gBACA,oBACA,kBACA,uBACEpD,GACEqD,IAAW;EAAE;EAAS;EAAS;EAAQ;EAAQ;CAAS,GAExDrB,IAAUsB,EACd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAWC,KAAa,CAAC,CAACC;CAC5B,GACA7C,EAAc;EAAE,GAAGX;EAAO,QAAQ,CAAC;CAAE,CAAC,CACxC,GAEMyD,IAAUC,KACX,MAAoB;EACnB,IAAM,CAACC,GAAIC,KAAMC,KAAW,CAAC,GAAG,EAAE,GAC5B,CAACC,GAAIC,KAAMC,KAAW,CAAC,GAAG,EAAE,GAC5BC,IAAKC,MAAWP,IAAKC,KAAM,GAC3BO,IAAKC,MAAWN,IAAKC,KAAM,GAC3BM,KAAMJ,IAAKN,MAAOC,IAAKD,KAAM,IAC7BW,KAAMH,IAAKL,MAAOC,IAAKD,KAAM,IAC7BZ,IAAQ;GACZ,GAAGC,EAAK,IAAIA,EAAK,SAASoB,IAAW,IAAIF,IAAKA;GAC9C,GAAGlB,EAAK,IAAIA,EAAK,UAAU,IAAImB;EACjC;EACA,OAAOzB,EAAQ,KAAK,MAClBa,EAAgBV,KACd,kBAAC,OAAD;GAEE,WAAW,iDAAiDA;GAC5D,OAAOF,EAAYE,GAAQG,GAAMD,CAAK;GAErC,UAAAQ,EAAgBV;EACd,GALEA,CAKF,IACH,IACN;CACF,IACA,KAAA;CAEJ,OACE,kBAACtC,GAAD;EACW;EACT,GAAIX,EAAW;GACb,GAAGC;GACH,cAAc,KAAA;GACd,eAAe,KAAA;EACjB,CAAC;EACQ;EACT,cACEwE,KACK,MAAU;GACT,IAAMC,IAAQC,EAAM,MAAM,EAAE,EAAE;GAC9B,AAAID,MAAU,KAAA,KAAaE,EAAOF,MAChCD,EAAaG,EAAOF,IAAQA,CAAK;EACrC,IACA,KAAA;EAEN,aACEG,KACK,MAAOA,EAAgBC,EAAWxB,GAAUyB,EAAG,GAAGA,EAAG,CAAC,GAAGA,CAAE,IAC5D,KAAA;EAEN,QACEtB,KACK,MAAU;GACT,IAAMiB,IAAQC,EAAM,KAAK;GACzB,AAAKC,EAAOF,MACZjB,EAAYmB,EAAOF,IAAQA,GAAO;IAChC,GAAGC,EAAM;IACT,GAAGA,EAAM;IACT,UAAUG,EAAWxB,GAAUqB,EAAM,GAAGA,EAAM,CAAC;GACjD,CAAC;EACH,IACA,KAAA;EAEN,eACEK,KACK,MAAU;GACT,IAAMN,IAAQC,EAAM,MAAM,EAAE,EAAE;GAC9B,OAAOD,MAAU,KAAA,KAAaE,EAAOF,KACjCM,EAAcJ,EAAOF,IAAQA,CAAK,IAClC;EACN,IACA,KAAA;CAEP,CAAA;AAEL;AAMA,SAAgBO,EAAmB,GAAgC;CACjE,OAAO,kBAAClE,GAAD;EAAU,GAAId;EAAO,aAAY;CAAc,CAAA;AACxD;AAMA,SAAgBiF,EAAe,GAA4B;CACzD,IAAM,EAAE,QAAQ/E,GAAO,WAAQ,aAAaF,GACtCG,IAASC,QAAc8E,EAAgBhF,GAAOO,CAAK,GAAG,CAACP,GAAOO,CAAK,CAAC;CAC1E,OACE,kBAACC,GAAD;EACE,SAASC,EAAc;GAAE,GAAGX;GAAO;EAAO,CAAC;EAC3C,GAAID,EAAWC,CAAK;CACrB,CAAA;AAEL;AAMA,SAAgBmF,EAAW,GAAwB;CACjD,OAAO,kBAACC,GAAD,EAAO,GAAIpF,EAAQ,CAAA;AAC5B;AAGA,SAAgBqF,EAAY,GAAyB;CACnD,IAAM,EAAE,QAAQnF,GAAO,YAAS,YAAS,gBAAaF,GAChDG,IAASC,QACPkF,EAAapF,GAAO;EAAE;EAAS;EAAS;CAAS,CAAC,GACxD;EAACA;EAAOqF;EAASC;EAASC;CAAQ,CACpC;CACA,OACE,kBAAC/E,GAAD;EACE,SAASC,EAAc;GAAE,GAAGX;GAAO;EAAO,CAAC;EAC3C,GAAID,EAAWC,CAAK;CACrB,CAAA;AAEL;AAOA,SAAgB0F,EAAe,GAA4B;CACzD,IAAM,EACJ,WACA,SACA,WACA,SACA,SACA,UACA,cACA,QAAQC,GACR,cACE3F,GAEE4F,IAAOC,EAAcpD,CAAM,GAC3BtC,IAASC,QACP,CACJ0F,EAAgBC,GAAQ;EACtB;EACA;EACA;EACA;EACA;EACA,QAAQC;EACR,QAAQJ;CACV,CAAC,GACD,GAAID,KAAS,CAAC,CAChB,GACA;EAACI;EAAQE;EAAMC;EAAQC;EAAMxE;EAAMQ;EAAO6D;EAAWL;EAAOC;CAAI,CAClE;CACA,OACE,kBAAClF,GAAD;EACE,SAASC,EAAc;GAAE,GAAGX;GAAO;EAAO,CAAC;EAC3C,GAAID,EAAWC,CAAK;CACrB,CAAA;AAEL;AAMA,SAAgBoG,EAAa,GAA0B;CACrD,IAAM,EACJ,QAAQlG,GACR,WACA,SACA,YACA,gBACA,WACA,iBACA,mBACEF,GACEqG,IAAY1E,KAAQ2E,EAAaT,EAAcpD,CAAM,CAAC,CAAC,CAAC,QACxDtC,IAASC,QAEXmG,EAAc,CACZ,GAAIC,GAAQ,SACR,CACE;EACE,IAAI;EACJ,MAAMH;EACN,MAAMI,EAAYD,GAAQ,EAAE,WAAQ,CAAC;CACvC,CACF,IACA,CAAC,GACL,GAAItG,KAAS,CAAC,CAChB,CAAC,CAAC,CAAC,KAAK,MACNwG,EAAE,SAAS,YACP;EACE,GAAGA;EACH,cAAcA,EAAE,gBAAgBC;EAChC,aAAaD,EAAE,eAAeE;CAChC,IACAF,CACN,GACF;EAACxG;EAAOsG;EAAQH;EAAWQ;EAASF;EAAcC;CAAW,CAC/D;CACA,OACE,kBAAClG,GAAD;EACE,SAASC,EAAc;GAAE,GAAGX;GAAO;GAAQ;EAAY,CAAC;EACxD,GAAID,EAAWC,CAAK;CACrB,CAAA;AAEL;AAMA,SAAgB8G,EAAe,GAA4B;CACzD,IAAM,EACJ,UACA,SACA,YACA,cACA,eACA,UACA,YAAS,IACT,WACA,cACA,gBACA,cACE9G,GACE4F,IAAOC,EAAcpD,CAAM,GAC3BtC,IAASC,QACP,CACJ2G,EAAgBC,GAAO;EACrB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQpB;CACV,CAAC,CACH,GACA;EACEoB;EACArF;EACAsF;EACAC;EACAC;EACAC;EACApG;EACAa;EACAwF;EACAzB;CACF,CACF;CACA,OACE,kBAAClF,GAAD;EACE,SAASC,EAAc;GACrB,GAAGX;GACH,QAAQ,KAAA;GACR;GACA;EACF,CAAC;EACD,GAAID,EAAWC,CAAK;CACrB,CAAA;AAEL;AAMA,SAAgBsH,EAAW,GAAwB;CACjD,IAAM,EACJ,UACA,WACA,aACA,iBACA,kBACA,mBACA,qBACA,WAAQ,IACR,eACA,UACA,UACA,gBACA,gBACA,WACA,cACEtH,GACE4F,IAAOC,EAAcpD,CAAM,GAC3B8E,IAAQnH,QAEVoH,EAAYC,GAAO;EACjB;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ7B;CACV,CAAC,GACH;EACE6B;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAnC;CACF,CACF,GACM,CAACoC,KAAaC,QAAe,KAAK,IAAI,CAAC,GACvCC,IACJC,MAAU,KACN,OACAA,MAAU,KACRH,IACAG,aAAiB,OACfA,EAAM,QAAQ,IACdA,GACJC,IACJF,MAAQ,OACJ,CAAC,IACD,CACE;EACE,MAAM;EACN,MAAM;EACN,OAAOA;EACP,OAAO;EACP,MAAM,CAAC,GAAG,CAAC;EACX,OAAOG;CACT,CACF;CACN,OACE,kBAAC3H,GAAD;EACE,SAAS;GACP,GAAGC,EAAc;IACf,GAAGX;IACH,QAAQuH,EAAM;IACd,aAAa;GACf,CAAC;GACD,OAAO;IACL,MAAM;IACN,YAAYA,EAAM;IAClB,GAAGe;GACL;GACA,OAAO;IACL,MAAM;IACN,KAAKf,EAAM,OAAO;IAClB,KAAKA,EAAM,OAAO;IAClB,GAAGgB;GACL;GACA,aAAa,CAAC,GAAIC,KAAe,CAAC,GAAI,GAAGJ,CAAK;GAC9C,aAAaK,KAAe,EAAE,MAAM,IAAI;GACxC,QAAQC,KAAUnB,EAAM,OAAO,SAAS;EAC1C;EACA,GAAIxH,EAAWC,CAAK;CACrB,CAAA;AAEL"}

package/dist/charts/react/graph.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../engine/graph/chart.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=e=>{if(typeof e!=`object`||!e)return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null},i=(e,t)=>{let n=Object.keys(e);return n.length===Object.keys(t).length&&n.every(n=>e[n]===t[n]&&Object.prototype.hasOwnProperty.call(t,n))},a=(e,t)=>e===t?!0:Array.isArray(e)&&Array.isArray(t)?e.length===t.length&&e.every((e,n)=>e===t[n]):r(e)&&r(t)&&i(e,t),o=(e,t)=>{if(e===t)return!0;let n=Object.keys(e);return n.length===Object.keys(t).length&&n.every(n=>Object.prototype.hasOwnProperty.call(t,n)&&a(e[n],t[n]))},s=(e,t)=>e===void 0?t:typeof e==`number`?`${e}px`:e;function c({options:r,height:i,width:a,className:c,style:l,handleRef:u,...d}){let f=(0,t.useRef)(null),p=(0,t.useRef)(null),m=(0,t.useRef)(d),[h,g]=(0,t.useState)(r);h!==r&&!o(h,r)&&g(r);let _=(0,t.useRef)(h);return(0,t.useEffect)(()=>{m.current=d}),(0,t.useEffect)(()=>{let t=f.current;if(!t)return;let n=e.createGraphChart(t,_.current);p.current=n;let r=[n.on(`hover`,e=>m.current.onHover?.(e)),n.on(`click`,e=>m.current.onItemClick?.(e)),n.on(`select`,e=>m.current.onSelectionChange?.(e.ids)),n.on(`toggle`,e=>m.current.onToggle?.(e)),n.on(`groupToggle`,e=>m.current.onGroupToggle?.(e)),n.on(`layoutEnd`,e=>m.current.onLayoutEnd?.(e)),n.on(`renderer`,e=>m.current.onRendererChange?.(e))];return()=>{r.forEach(e=>e()),n.destroy(),p.current=null}},[]),(0,t.useEffect)(()=>{_.current!==h&&(_.current=h,p.current?.setOptions(h))},[h]),(0,t.useImperativeHandle)(u,()=>({fit:e=>p.current?.fit(e),focusNode:(e,t)=>p.current?.focusNode(e,t),setData:e=>p.current?.setData(e),select:e=>p.current?.select(e),getSelection:()=>p.current?.getSelection()??[],expand:e=>p.current?.expand(e),collapse:e=>p.current?.collapse(e),toggle:e=>p.current?.toggle(e),getPositions:()=>p.current?.getPositions()??{},relayout:()=>p.current?.relayout(),getRenderer:()=>p.current?.getRenderer()??null,getInstance:()=>p.current}),[]),(0,n.jsx)(`div`,{className:c,style:{position:`relative`,width:s(a,`100%`),height:s(i,`480px`),...l},children:(0,n.jsx)(`div`,{ref:f,style:{position:`absolute`,inset:0}})})}function l({props:e,layout:t}){let{nodes:r,edges:i,groups:a,height:o,width:s,nodeShape:l,nodeSize:u,edgeStyle:d,edgeWidth:f,edgeColor:p,arrows:m,nodeLabels:h,edgeLabels:g,highlight:_,selected:v,animation:y,fitPadding:b,controls:x,legend:S,tooltip:C,interaction:w,renderer:T,palette:E,ariaLabel:D,locale:O,labels:k,onHover:A,onItemClick:j,onSelectionChange:M,onToggle:N,onGroupToggle:P,onLayoutEnd:F,onRendererChange:I,className:L,style:R,ref:z}=e,B={nodes:r,edges:i,groups:a,...t,nodeShape:l,nodeSize:u,edgeStyle:d,edgeWidth:f,edgeColor:p,arrows:m,nodeLabels:h,edgeLabels:g,highlight:_,selected:v,animation:y,fitPadding:b,controls:x,legend:S,tooltip:C,interaction:w,renderer:T,palette:E,ariaLabel:D,locale:O,labels:k};return(0,n.jsx)(c,{options:B,height:o,width:s,className:L,style:R,handleRef:z,onHover:A,onItemClick:j,onSelectionChange:M,onToggle:N,onGroupToggle:P,onLayoutEnd:F,onRendererChange:I})}function u(e){let{layout:t,direction:r,force:i,circular:a,dag:o,tree:s}=e;return(0,n.jsx)(l,{props:e,layout:{layout:t??`force`,direction:r,force:i,circular:a,dag:o,tree:s}})}function d(e){let{direction:t,dag:r,criticalPath:i}=e;return(0,n.jsx)(l,{props:e,layout:{layout:`dag`,direction:t??`TB`,dag:i===void 0?r:{...r,criticalPath:i}}})}function f(e){let{layout:t,direction:r,tree:i}=e;return(0,n.jsx)(l,{props:e,layout:{layout:t??`tree`,direction:r,tree:i}})}exports.DependencyGraph=d,exports.GraphChart=u,exports.TreeChart=f;
+//# sourceMappingURL=graph.cjs.map

package/dist/charts/react/graph.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph.cjs","names":["useRef","useState","createGraphChart","require_chart","react","react_jsx_runtime","isPlainObject","value","proto","shallowEqual","keys","a","b","key","sameValue","v","i","sameGraphOptions","cssSize","fallback","GraphBase","handlers","containerRef","chartRef","handlersRef","stable","setStable","options","optionsRef","container","chart","offs","r","off","handleRef","animate","id","opts","data","ids","width","height","style","GraphFrame","props","layout","ref","GraphChart","DependencyGraph","direction","criticalPath","dag","TreeChart"],"sources":["../../../../charts/src/react/graph.tsx"],"sourcesContent":["import {\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type CSSProperties,\n  type Ref,\n} from \"react\";\nimport { createGraphChart } from \"../engine/graph/chart\";\nimport type {\n  GraphChartInstance,\n  GraphChartLabels,\n  GraphChartOptions,\n  GraphCircularOptions,\n  GraphDagOptions,\n  GraphData,\n  GraphDirection,\n  GraphEdge,\n  GraphEdgeStyle,\n  GraphForceOptions,\n  GraphGroup,\n  GraphGroupToggleEvent,\n  GraphHoverEvent,\n  GraphInteractionOptions,\n  GraphLayoutEndEvent,\n  GraphLayoutType,\n  GraphLegendOptions,\n  GraphNode,\n  GraphNodeShape,\n  GraphPoint,\n  GraphToggleEvent,\n  GraphTooltipOptions,\n  GraphTreeOptions,\n} from \"../engine/graph/types\";\nimport type {\n  ChartRendererKind,\n  ChartRendererPreference,\n} from \"../engine/types\";\n\n/** Imperative handle of the graph components (`ref`) */\nexport interface GraphChartHandle {\n  /** Fits the visible nodes in the view */\n  fit(animate?: boolean): void;\n  /** Centers a node (expanding its collapsed ancestors), optionally zooming */\n  focusNode(id: string, options?: { zoom?: number; animate?: boolean }): void;\n  /** Replaces the data until the next render with new props */\n  setData(data: GraphData): void;\n  /** Selects nodes (`null` clears the selection) */\n  select(ids: readonly string[] | string | null): void;\n  /** Ids of the selected nodes */\n  getSelection(): string[];\n  /** Expands a node (all nodes without an id) */\n  expand(id?: string): void;\n  /** Collapses a node (all nodes with children without an id) */\n  collapse(id?: string): void;\n  /** Collapses / expands a node */\n  toggle(id: string): void;\n  /** Current positions of the nodes in layout units */\n  getPositions(): Record<string, GraphPoint>;\n  /** Computes the layout again */\n  relayout(): void;\n  /** Backend in use, `null` until ready */\n  getRenderer(): ChartRendererKind | null;\n  /** The underlying engine instance (minerva-design/charts/core) */\n  getInstance(): GraphChartInstance | null;\n}\n\n/** Props shared by `GraphChart`, `DependencyGraph` and `TreeChart` */\nexport interface GraphCommonProps {\n  /** The nodes */\n  nodes: readonly GraphNode[];\n  /** The edges (parent → child in trees, prerequisite → dependent in DAGs) */\n  edges: readonly GraphEdge[];\n  /** Groups: legend order, names and colors */\n  groups?: readonly GraphGroup[];\n  /**\n   * Height of the chart (the legend included); numbers are pixels\n   * @default 480\n   */\n  height?: number | string;\n  /**\n   * Width of the chart; numbers are pixels\n   * @default \"100%\"\n   */\n  width?: number | string;\n  /** Shape of the nodes without `shape` (boxes for DAGs, org charts and mind maps, circles otherwise) */\n  nodeShape?: GraphNodeShape;\n  /** Circle diameter in layout units, or `[min, max]` scaled by the node `value` */\n  nodeSize?: number | readonly [number, number];\n  /** Edge shape; depends on the layout when omitted */\n  edgeStyle?: GraphEdgeStyle;\n  /** Edge width in CSS pixels, or `[min, max]` scaled by the edge `value` */\n  edgeWidth?: number | readonly [number, number];\n  /**\n   * Edge colors: neutral or tinted with the source / target node\n   * @default \"neutral\"\n   */\n  edgeColor?: \"neutral\" | \"source\" | \"target\";\n  /** Arrowheads on the edges without `directed` */\n  arrows?: boolean;\n  /**\n   * Node labels; `auto` hides minor and overlapping labels when zoomed out.\n   * Text inside boxes keeps a readable minimum size and is shortened with an ellipsis;\n   * it is hidden only when the box is too small for any text, or with `false`\n   * @default \"auto\"\n   */\n  nodeLabels?: boolean | \"auto\";\n  /**\n   * Edge labels: always, `auto` (zoomed in or highlighted), only `hover`, or never\n   * @default \"auto\"\n   */\n  edgeLabels?: boolean | \"auto\" | \"hover\";\n  /** What hovering / selecting a node highlights */\n  highlight?: \"neighbors\" | \"lineage\" | \"none\";\n  /** Ids of the selected nodes (changing it updates the selection) */\n  selected?: readonly string[];\n  /**\n   * Animates layout and data changes; a number is the duration in ms\n   * @default true\n   */\n  animation?: boolean | number;\n  /**\n   * Padding around the graph when fitting it, in CSS pixels\n   * @default 24\n   */\n  fitPadding?: number;\n  /**\n   * Zoom buttons (zoom in, zoom out, fit)\n   * @default true\n   */\n  controls?: boolean;\n  /** Legend of the groups; shown by default with several groups */\n  legend?: boolean | GraphLegendOptions;\n  /** Tooltip; `false` disables it */\n  tooltip?: boolean | GraphTooltipOptions;\n  /**\n   * Drag pans, Ctrl / ⌘ + wheel and pinch zoom, nodes can be dragged\n   * (force, circular), click selects, arrow keys move between nodes;\n   * `false` makes the chart static\n   * @default true\n   */\n  interaction?: boolean | GraphInteractionOptions;\n  /**\n   * Backend of the nodes and edges: `auto` tries WebGPU, then WebGL2, then\n   * WebGL, then Canvas2D, skipping GPUs running in software\n   * @default \"auto\"\n   */\n  renderer?: ChartRendererPreference;\n  /** Group colors (defaults to the `--chart-series-1..8` CSS variables, then the theme colors) */\n  palette?: readonly string[];\n  /** Accessible name of the chart */\n  ariaLabel?: string;\n  /**\n   * Language of the built-in texts (summary, announcements, tooltip,\n   * buttons); built-in texts in English, Chinese, Japanese and French\n   * @default the page language (`<html lang>`), then the browser language\n   */\n  locale?: string;\n  /** Overrides of the built-in texts of the `locale` */\n  labels?: Partial<GraphChartLabels>;\n  /** Called when the hovered (or keyboard-focused) node / edge changes */\n  onHover?: (event: GraphHoverEvent | null) => void;\n  /** Called when a node or an edge is clicked (or a node activated with Enter) */\n  onItemClick?: (event: GraphHoverEvent) => void;\n  /** Called with the ids of the selected nodes when the selection changes */\n  onSelectionChange?: (ids: string[]) => void;\n  /** Called when a tree node is collapsed or expanded */\n  onToggle?: (event: GraphToggleEvent) => void;\n  /** Called when the legend shows / hides a group */\n  onGroupToggle?: (event: GraphGroupToggleEvent) => void;\n  /** Called when the layout is done (the force simulation cooled down) */\n  onLayoutEnd?: (event: GraphLayoutEndEvent) => void;\n  /** Called with the backend once it is ready (and after a fallback) */\n  onRendererChange?: (renderer: ChartRendererKind) => void;\n  /** Class of the outer element */\n  className?: string;\n  /** Style of the outer element */\n  style?: CSSProperties;\n  /** Imperative handle */\n  ref?: Ref<GraphChartHandle>;\n}\n\n/** Props of `GraphChart` */\nexport interface GraphChartProps extends GraphCommonProps {\n  /**\n   * Placement of the nodes\n   * @default \"force\"\n   */\n  layout?: GraphLayoutType;\n  /** Direction of the `dag` and `tree` layouts */\n  direction?: GraphDirection;\n  /** Force layout settings (Barnes–Hut, worker for large graphs) */\n  force?: GraphForceOptions;\n  /** Circular / arc layout settings */\n  circular?: GraphCircularOptions;\n  /** Layered layout settings (`layout=\"dag\"`) */\n  dag?: GraphDagOptions;\n  /** Tree layout settings (tree layouts) */\n  tree?: GraphTreeOptions;\n}\n\n/** Props of `DependencyGraph` */\nexport interface DependencyGraphProps extends GraphCommonProps {\n  /**\n   * Flow direction\n   * @default \"TB\"\n   */\n  direction?: GraphDirection;\n  /** Layer / node spacing, crossing reduction sweeps */\n  dag?: GraphDagOptions;\n  /**\n   * Highlights the longest path (node `value` = duration); `true` computes it, a list of ids sets it\n   * @default false\n   */\n  criticalPath?: boolean | readonly string[];\n}\n\n/** Props of `TreeChart` */\nexport interface TreeChartProps extends GraphCommonProps {\n  /**\n   * Kind of tree: tidy tree, radial tree, two-sided mind map or org chart\n   * @default \"tree\"\n   */\n  layout?: \"tree\" | \"radial\" | \"mindmap\" | \"org\";\n  /**\n   * Direction of `layout=\"tree\"`\n   * @default \"LR\"\n   */\n  direction?: GraphDirection;\n  /** Root, spacing, collapsing, card size */\n  tree?: GraphTreeOptions;\n}\n\n// ----------------------------------------------------------------- base\n\ninterface Handlers {\n  onHover?: (event: GraphHoverEvent | null) => void;\n  onItemClick?: (event: GraphHoverEvent) => void;\n  onSelectionChange?: (ids: string[]) => void;\n  onToggle?: (event: GraphToggleEvent) => void;\n  onGroupToggle?: (event: GraphGroupToggleEvent) => void;\n  onLayoutEnd?: (event: GraphLayoutEndEvent) => void;\n  onRendererChange?: (renderer: ChartRendererKind) => void;\n}\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> => {\n  if (typeof value !== \"object\" || value === null) return false;\n  const proto = Object.getPrototypeOf(value);\n  return proto === Object.prototype || proto === null;\n};\n\nconst shallowEqual = (\n  a: Record<string, unknown>,\n  b: Record<string, unknown>,\n): boolean => {\n  const keys = Object.keys(a);\n  if (keys.length !== Object.keys(b).length) return false;\n  return keys.every(\n    (key) => a[key] === b[key] && Object.prototype.hasOwnProperty.call(b, key),\n  );\n};\n\nconst sameValue = (a: unknown, b: unknown): boolean => {\n  if (a === b) return true;\n  if (Array.isArray(a) && Array.isArray(b))\n    return a.length === b.length && a.every((v, i) => v === b[i]);\n  return isPlainObject(a) && isPlainObject(b) && shallowEqual(a, b);\n};\n\n/**\n * Whether two option objects describe the same chart: top-level values by\n * identity, one level deep for inline arrays / objects (node and edge\n * arrays rebuilt with the same objects are the same data)\n */\nconst sameGraphOptions = (\n  a: GraphChartOptions,\n  b: GraphChartOptions,\n): boolean => {\n  if (a === b) return true;\n  const keys = Object.keys(a) as (keyof GraphChartOptions)[];\n  if (keys.length !== Object.keys(b).length) return false;\n  return keys.every(\n    (key) =>\n      Object.prototype.hasOwnProperty.call(b, key) && sameValue(a[key], b[key]),\n  );\n};\n\nconst cssSize = (value: number | string | undefined, fallback: string) =>\n  value === undefined\n    ? fallback\n    : typeof value === \"number\"\n      ? `${value}px`\n      : value;\n\ninterface GraphBaseProps extends Handlers {\n  options: GraphChartOptions;\n  height?: number | string;\n  width?: number | string;\n  className?: string;\n  style?: CSSProperties;\n  handleRef?: Ref<GraphChartHandle>;\n}\n\nfunction GraphBase({\n  options,\n  height,\n  width,\n  className,\n  style,\n  handleRef,\n  ...handlers\n}: GraphBaseProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const chartRef = useRef<GraphChartInstance | null>(null);\n  const handlersRef = useRef<Handlers>(handlers);\n  // keep the previous options while they describe the same chart\n  const [stable, setStable] = useState(options);\n  if (stable !== options && !sameGraphOptions(stable, options))\n    setStable(options);\n  const optionsRef = useRef(stable);\n\n  useEffect(() => {\n    handlersRef.current = handlers;\n  });\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n    const chart = createGraphChart(container, optionsRef.current);\n    chartRef.current = chart;\n    const offs = [\n      chart.on(\"hover\", (e) => handlersRef.current.onHover?.(e)),\n      chart.on(\"click\", (e) => handlersRef.current.onItemClick?.(e)),\n      chart.on(\"select\", (e) => handlersRef.current.onSelectionChange?.(e.ids)),\n      chart.on(\"toggle\", (e) => handlersRef.current.onToggle?.(e)),\n      chart.on(\"groupToggle\", (e) => handlersRef.current.onGroupToggle?.(e)),\n      chart.on(\"layoutEnd\", (e) => handlersRef.current.onLayoutEnd?.(e)),\n      chart.on(\"renderer\", (r) => handlersRef.current.onRendererChange?.(r)),\n    ];\n    return () => {\n      offs.forEach((off) => off());\n      chart.destroy();\n      chartRef.current = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (optionsRef.current === stable) return;\n    optionsRef.current = stable;\n    chartRef.current?.setOptions(stable);\n  }, [stable]);\n\n  useImperativeHandle(\n    handleRef,\n    () => ({\n      fit: (animate) => chartRef.current?.fit(animate),\n      focusNode: (id, opts) => chartRef.current?.focusNode(id, opts),\n      setData: (data) => chartRef.current?.setData(data),\n      select: (ids) => chartRef.current?.select(ids),\n      getSelection: () => chartRef.current?.getSelection() ?? [],\n      expand: (id) => chartRef.current?.expand(id),\n      collapse: (id) => chartRef.current?.collapse(id),\n      toggle: (id) => chartRef.current?.toggle(id),\n      getPositions: () => chartRef.current?.getPositions() ?? {},\n      relayout: () => chartRef.current?.relayout(),\n      getRenderer: () => chartRef.current?.getRenderer() ?? null,\n      getInstance: () => chartRef.current,\n    }),\n    [],\n  );\n\n  return (\n    <div\n      className={className}\n      style={{\n        position: \"relative\",\n        width: cssSize(width, \"100%\"),\n        height: cssSize(height, \"480px\"),\n        ...style,\n      }}\n    >\n      <div ref={containerRef} style={{ position: \"absolute\", inset: 0 }} />\n    </div>\n  );\n}\n\n/** Renders a chart from the common props and the layout options */\nfunction GraphFrame({\n  props,\n  layout,\n}: {\n  props: GraphCommonProps;\n  layout: Pick<\n    GraphChartOptions,\n    \"layout\" | \"direction\" | \"force\" | \"circular\" | \"dag\" | \"tree\"\n  >;\n}) {\n  const {\n    nodes,\n    edges,\n    groups,\n    height,\n    width,\n    nodeShape,\n    nodeSize,\n    edgeStyle,\n    edgeWidth,\n    edgeColor,\n    arrows,\n    nodeLabels,\n    edgeLabels,\n    highlight,\n    selected,\n    animation,\n    fitPadding,\n    controls,\n    legend,\n    tooltip,\n    interaction,\n    renderer,\n    palette,\n    ariaLabel,\n    locale,\n    labels,\n    onHover,\n    onItemClick,\n    onSelectionChange,\n    onToggle,\n    onGroupToggle,\n    onLayoutEnd,\n    onRendererChange,\n    className,\n    style,\n    ref,\n  } = props;\n  const options: GraphChartOptions = {\n    nodes,\n    edges,\n    groups,\n    ...layout,\n    nodeShape,\n    nodeSize,\n    edgeStyle,\n    edgeWidth,\n    edgeColor,\n    arrows,\n    nodeLabels,\n    edgeLabels,\n    highlight,\n    selected,\n    animation,\n    fitPadding,\n    controls,\n    legend,\n    tooltip,\n    interaction,\n    renderer,\n    palette,\n    ariaLabel,\n    locale,\n    labels,\n  };\n  return (\n    <GraphBase\n      options={options}\n      height={height}\n      width={width}\n      className={className}\n      style={style}\n      handleRef={ref}\n      onHover={onHover}\n      onItemClick={onItemClick}\n      onSelectionChange={onSelectionChange}\n      onToggle={onToggle}\n      onGroupToggle={onGroupToggle}\n      onLayoutEnd={onLayoutEnd}\n      onRendererChange={onRendererChange}\n    />\n  );\n}\n\n// ----------------------------------------------------------- components\n\n/**\n * Relationship network (关系图): force-directed by default (Barnes–Hut,\n * a Web Worker for large graphs), or circular, arc diagram, layered or\n * tree layouts; GPU rendering, pan / zoom, drag, neighbor highlight,\n * legend toggles and keyboard navigation.\n */\nexport function GraphChart(props: GraphChartProps) {\n  const { layout, direction, force, circular, dag, tree } = props;\n  return (\n    <GraphFrame\n      props={props}\n      layout={{\n        layout: layout ?? \"force\",\n        direction,\n        force,\n        circular,\n        dag,\n        tree,\n      }}\n    />\n  );\n}\n\n/**\n * Dependency graph (依赖图): layered (Sugiyama) layout of a DAG with\n * crossing reduction, spline or orthogonal edges with arrowheads,\n * upstream / downstream highlight and the critical path.\n */\nexport function DependencyGraph(props: DependencyGraphProps) {\n  const { direction, dag, criticalPath } = props;\n  return (\n    <GraphFrame\n      props={props}\n      layout={{\n        layout: \"dag\",\n        direction: direction ?? \"TB\",\n        dag: criticalPath === undefined ? dag : { ...dag, criticalPath },\n      }}\n    />\n  );\n}\n\n/**\n * Tree chart (树图): tidy tree, radial tree, mind map or org chart, with\n * animated collapse / expand of the subtrees.\n */\nexport function TreeChart(props: TreeChartProps) {\n  const { layout, direction, tree } = props;\n  return (\n    <GraphFrame\n      props={props}\n      layout={{ layout: layout ?? \"tree\", direction, tree }}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/charts/react/graph.d.cts

@@ -0,0 +1,213 @@
+import { CSSProperties, Ref } from 'react';
+import { GraphChartInstance, GraphChartLabels, GraphCircularOptions, GraphDagOptions, GraphData, GraphDirection, GraphEdge, GraphEdgeStyle, GraphForceOptions, GraphGroup, GraphGroupToggleEvent, GraphHoverEvent, GraphInteractionOptions, GraphLayoutEndEvent, GraphLayoutType, GraphLegendOptions, GraphNode, GraphNodeShape, GraphPoint, GraphToggleEvent, GraphTooltipOptions, GraphTreeOptions } from '../engine/graph/types.cjs';
+import { ChartRendererKind, ChartRendererPreference } from '../engine/types.cjs';
+/** Imperative handle of the graph components (`ref`) */
+export interface GraphChartHandle {
+    /** Fits the visible nodes in the view */
+    fit(animate?: boolean): void;
+    /** Centers a node (expanding its collapsed ancestors), optionally zooming */
+    focusNode(id: string, options?: {
+        zoom?: number;
+        animate?: boolean;
+    }): void;
+    /** Replaces the data until the next render with new props */
+    setData(data: GraphData): void;
+    /** Selects nodes (`null` clears the selection) */
+    select(ids: readonly string[] | string | null): void;
+    /** Ids of the selected nodes */
+    getSelection(): string[];
+    /** Expands a node (all nodes without an id) */
+    expand(id?: string): void;
+    /** Collapses a node (all nodes with children without an id) */
+    collapse(id?: string): void;
+    /** Collapses / expands a node */
+    toggle(id: string): void;
+    /** Current positions of the nodes in layout units */
+    getPositions(): Record<string, GraphPoint>;
+    /** Computes the layout again */
+    relayout(): void;
+    /** Backend in use, `null` until ready */
+    getRenderer(): ChartRendererKind | null;
+    /** The underlying engine instance (minerva-design/charts/core) */
+    getInstance(): GraphChartInstance | null;
+}
+/** Props shared by `GraphChart`, `DependencyGraph` and `TreeChart` */
+export interface GraphCommonProps {
+    /** The nodes */
+    nodes: readonly GraphNode[];
+    /** The edges (parent → child in trees, prerequisite → dependent in DAGs) */
+    edges: readonly GraphEdge[];
+    /** Groups: legend order, names and colors */
+    groups?: readonly GraphGroup[];
+    /**
+     * Height of the chart (the legend included); numbers are pixels
+     * @default 480
+     */
+    height?: number | string;
+    /**
+     * Width of the chart; numbers are pixels
+     * @default "100%"
+     */
+    width?: number | string;
+    /** Shape of the nodes without `shape` (boxes for DAGs, org charts and mind maps, circles otherwise) */
+    nodeShape?: GraphNodeShape;
+    /** Circle diameter in layout units, or `[min, max]` scaled by the node `value` */
+    nodeSize?: number | readonly [number, number];
+    /** Edge shape; depends on the layout when omitted */
+    edgeStyle?: GraphEdgeStyle;
+    /** Edge width in CSS pixels, or `[min, max]` scaled by the edge `value` */
+    edgeWidth?: number | readonly [number, number];
+    /**
+     * Edge colors: neutral or tinted with the source / target node
+     * @default "neutral"
+     */
+    edgeColor?: "neutral" | "source" | "target";
+    /** Arrowheads on the edges without `directed` */
+    arrows?: boolean;
+    /**
+     * Node labels; `auto` hides minor and overlapping labels when zoomed out.
+     * Text inside boxes keeps a readable minimum size and is shortened with an ellipsis;
+     * it is hidden only when the box is too small for any text, or with `false`
+     * @default "auto"
+     */
+    nodeLabels?: boolean | "auto";
+    /**
+     * Edge labels: always, `auto` (zoomed in or highlighted), only `hover`, or never
+     * @default "auto"
+     */
+    edgeLabels?: boolean | "auto" | "hover";
+    /** What hovering / selecting a node highlights */
+    highlight?: "neighbors" | "lineage" | "none";
+    /** Ids of the selected nodes (changing it updates the selection) */
+    selected?: readonly string[];
+    /**
+     * Animates layout and data changes; a number is the duration in ms
+     * @default true
+     */
+    animation?: boolean | number;
+    /**
+     * Padding around the graph when fitting it, in CSS pixels
+     * @default 24
+     */
+    fitPadding?: number;
+    /**
+     * Zoom buttons (zoom in, zoom out, fit)
+     * @default true
+     */
+    controls?: boolean;
+    /** Legend of the groups; shown by default with several groups */
+    legend?: boolean | GraphLegendOptions;
+    /** Tooltip; `false` disables it */
+    tooltip?: boolean | GraphTooltipOptions;
+    /**
+     * Drag pans, Ctrl / ⌘ + wheel and pinch zoom, nodes can be dragged
+     * (force, circular), click selects, arrow keys move between nodes;
+     * `false` makes the chart static
+     * @default true
+     */
+    interaction?: boolean | GraphInteractionOptions;
+    /**
+     * Backend of the nodes and edges: `auto` tries WebGPU, then WebGL2, then
+     * WebGL, then Canvas2D, skipping GPUs running in software
+     * @default "auto"
+     */
+    renderer?: ChartRendererPreference;
+    /** Group colors (defaults to the `--chart-series-1..8` CSS variables, then the theme colors) */
+    palette?: readonly string[];
+    /** Accessible name of the chart */
+    ariaLabel?: string;
+    /**
+     * Language of the built-in texts (summary, announcements, tooltip,
+     * buttons); built-in texts in English, Chinese, Japanese and French
+     * @default the page language (`<html lang>`), then the browser language
+     */
+    locale?: string;
+    /** Overrides of the built-in texts of the `locale` */
+    labels?: Partial<GraphChartLabels>;
+    /** Called when the hovered (or keyboard-focused) node / edge changes */
+    onHover?: (event: GraphHoverEvent | null) => void;
+    /** Called when a node or an edge is clicked (or a node activated with Enter) */
+    onItemClick?: (event: GraphHoverEvent) => void;
+    /** Called with the ids of the selected nodes when the selection changes */
+    onSelectionChange?: (ids: string[]) => void;
+    /** Called when a tree node is collapsed or expanded */
+    onToggle?: (event: GraphToggleEvent) => void;
+    /** Called when the legend shows / hides a group */
+    onGroupToggle?: (event: GraphGroupToggleEvent) => void;
+    /** Called when the layout is done (the force simulation cooled down) */
+    onLayoutEnd?: (event: GraphLayoutEndEvent) => void;
+    /** Called with the backend once it is ready (and after a fallback) */
+    onRendererChange?: (renderer: ChartRendererKind) => void;
+    /** Class of the outer element */
+    className?: string;
+    /** Style of the outer element */
+    style?: CSSProperties;
+    /** Imperative handle */
+    ref?: Ref<GraphChartHandle>;
+}
+/** Props of `GraphChart` */
+export interface GraphChartProps extends GraphCommonProps {
+    /**
+     * Placement of the nodes
+     * @default "force"
+     */
+    layout?: GraphLayoutType;
+    /** Direction of the `dag` and `tree` layouts */
+    direction?: GraphDirection;
+    /** Force layout settings (Barnes–Hut, worker for large graphs) */
+    force?: GraphForceOptions;
+    /** Circular / arc layout settings */
+    circular?: GraphCircularOptions;
+    /** Layered layout settings (`layout="dag"`) */
+    dag?: GraphDagOptions;
+    /** Tree layout settings (tree layouts) */
+    tree?: GraphTreeOptions;
+}
+/** Props of `DependencyGraph` */
+export interface DependencyGraphProps extends GraphCommonProps {
+    /**
+     * Flow direction
+     * @default "TB"
+     */
+    direction?: GraphDirection;
+    /** Layer / node spacing, crossing reduction sweeps */
+    dag?: GraphDagOptions;
+    /**
+     * Highlights the longest path (node `value` = duration); `true` computes it, a list of ids sets it
+     * @default false
+     */
+    criticalPath?: boolean | readonly string[];
+}
+/** Props of `TreeChart` */
+export interface TreeChartProps extends GraphCommonProps {
+    /**
+     * Kind of tree: tidy tree, radial tree, two-sided mind map or org chart
+     * @default "tree"
+     */
+    layout?: "tree" | "radial" | "mindmap" | "org";
+    /**
+     * Direction of `layout="tree"`
+     * @default "LR"
+     */
+    direction?: GraphDirection;
+    /** Root, spacing, collapsing, card size */
+    tree?: GraphTreeOptions;
+}
+/**
+ * Relationship network (关系图): force-directed by default (Barnes–Hut,
+ * a Web Worker for large graphs), or circular, arc diagram, layered or
+ * tree layouts; GPU rendering, pan / zoom, drag, neighbor highlight,
+ * legend toggles and keyboard navigation.
+ */
+export declare function GraphChart(props: GraphChartProps): import('react').JSX.Element;
+/**
+ * Dependency graph (依赖图): layered (Sugiyama) layout of a DAG with
+ * crossing reduction, spline or orthogonal edges with arrowheads,
+ * upstream / downstream highlight and the critical path.
+ */
+export declare function DependencyGraph(props: DependencyGraphProps): import('react').JSX.Element;
+/**
+ * Tree chart (树图): tidy tree, radial tree, mind map or org chart, with
+ * animated collapse / expand of the subtrees.
+ */
+export declare function TreeChart(props: TreeChartProps): import('react').JSX.Element;