@tangle-network/charts 0.6.0 → 0.7.0

package/dist/react/index.d.ts

@@ -66,6 +66,12 @@ interface StackedBarBucket {
   readonly total: number | null;
   /** Stack order is input order. Charts neither groups nor sorts. */
   readonly segments: readonly StackedBarSegment[];
+  /**
+   * Caller-owned text about this bucket that the chart cannot derive, such as
+   * request counts. Appended to the bar's name, the live readout and the
+   * pointer tooltip; never parsed.
+   */
+  readonly description?: string;
 }
 interface StackedBarChartProps {
   label: string;

package/dist/react/index.js

@@ -247,7 +247,7 @@ function StackedBarChart(props) {
 	validate(props);
 	const bySeries = new Map(series.map((entry) => [entry.id, entry]));
 	const formatted = (value) => isValue(value) ? formatValue(value) : unavailableLabel;
-	const summary = (bucket) => `${bucket.label}: total ${formatted(bucket.total)}` + (hasGap(bucket) ? ` — ${unavailableLabel}` : "") + (bucket.segments.length ? ` — ${bucket.segments.map((segment) => `${bySeries.get(segment.seriesId).label} ${formatted(segment.value)}`).join(", ")}` : "");
+	const summary = (bucket) => `${bucket.label}: total ${formatted(bucket.total)}` + (hasGap(bucket) ? ` — ${unavailableLabel}` : "") + (bucket.segments.length ? ` — ${bucket.segments.map((segment) => `${bySeries.get(segment.seriesId).label} ${formatted(segment.value)}`).join(", ")}` : "") + (bucket.description ? ` — ${bucket.description}` : "");
 	const activeIndex = selectedBucketId === null ? -1 : buckets.findIndex(({ id }) => id === selectedBucketId);
 	const activeBucket = activeIndex >= 0 ? buckets[activeIndex] : null, marginTop = 12, marginRight = 16, marginLeft = 56;
 	const chartHeight = 220;
@@ -490,7 +490,8 @@ function StackedBarChart(props) {
 						bySeries.get(segment.seriesId).label,
 						": ",
 						formatted(segment.value)
-					] }, segment.seriesId))
+					] }, segment.seriesId)),
+					activeBucket.description && /* @__PURE__ */ jsx("div", { children: activeBucket.description })
 				]
 			}),
 			/* @__PURE__ */ jsx("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/charts",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Static SVG and HTML figures for benchmarks and operational timing. Draws from producer data and refuses what it cannot draw honestly.",
   "type": "module",
   "license": "MIT",