@rinzai/zen 0.6.0 → 0.7.0

package/dist/chart/donut.js

@@ -1,96 +1,117 @@
 "use client";
 import { cx as e } from "../utils/cx.js";
-import { ChartTooltipCard as t } from "./tooltip.js";
-import { useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { paletteColor as t } from "./palette.js";
+import { ChartTooltipCard as n } from "./tooltip.js";
+import { useLayoutEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region packages/chart/donut.tsx
-function a({ items: a, label: c, size: l = 200, thickness: u = .32, formatValue: d = String, children: f, className: p }) {
-	let [m, h] = n(null), g = a.reduce((e, t) => e + Math.max(0, t.value), 0), _ = l / 2, v = _ * (1 - u), y = Math.min(4, (_ - v) / 4), b = a.filter((e) => e.value > 0).length > 1 ? 2 / _ : 0, x = -Math.PI / 2, S = a.map((e, t) => {
-		let n = g ? Math.max(0, e.value) / g * Math.PI * 2 : 0, r = {
-			start: x,
-			end: x + n,
-			color: e.color ?? `var(--chart-${Math.min(t + 1, 8)})`
+function c({ items: c, label: u, size: p = 200, thickness: m = .32, palette: h = "chart", formatValue: g = String, children: _, className: v }) {
+	let [y, b] = a(null), x = c.reduce((e, t) => e + Math.max(0, t.value), 0), S = p / 2, C = S * (1 - m), w = Math.min(4, (S - C) / 4), T = c.filter((e) => e.value > 0).length > 1 ? 1.5 : 0, E = -Math.PI / 2, D = c.map((e, n) => {
+		let r = x ? Math.max(0, e.value) / x * Math.PI * 2 : 0, i = {
+			start: E,
+			end: E + r,
+			color: e.color ?? t(h, n, c.length)
 		};
-		return x += n, r;
-	}), C = m === null ? null : a[m];
-	return /* @__PURE__ */ i("div", {
-		className: e("zen__donut relative shrink-0", p),
+		return E += r, i;
+	}), O = y === null ? null : c[y], k = y === null ? null : (D[y].start + D[y].end) / 2, A = i(null), j = i(null);
+	return r(() => {
+		let e = j.current;
+		if (k === null || !e || !A.current) return;
+		try {
+			e.showPopover?.();
+		} catch {}
+		let t = () => {
+			let t = A.current.getBoundingClientRect(), n = t.left + S + Math.cos(k) * (S + 10), r = t.top + S + Math.sin(k) * (S + 10), i = e.offsetWidth, a = e.offsetHeight, o = (e, t) => Math.max(l, Math.min(e, t - l));
+			e.style.left = `${o(Math.cos(k) >= 0 ? n : n - i, document.documentElement.clientWidth - i)}px`, e.style.top = `${o(r - a / 2, window.innerHeight - a)}px`;
+		};
+		return t(), window.addEventListener("scroll", t, {
+			passive: !0,
+			capture: !0
+		}), window.addEventListener("resize", t, { passive: !0 }), () => {
+			window.removeEventListener("scroll", t, { capture: !0 }), window.removeEventListener("resize", t);
+		};
+	}, [k, S]), /* @__PURE__ */ s("div", {
+		ref: A,
+		className: e("zen__donut relative shrink-0", v),
 		style: {
-			width: l,
-			height: l
+			width: p,
+			height: p
 		},
 		children: [
-			/* @__PURE__ */ r("svg", {
-				width: l,
-				height: l,
-				viewBox: `${-_} ${-_} ${l} ${l}`,
+			/* @__PURE__ */ o("svg", {
+				width: p,
+				height: p,
+				viewBox: `${-S} ${-S} ${p} ${p}`,
 				role: "list",
-				"aria-label": c,
+				"aria-label": u,
 				className: "overflow-visible",
-				children: S.map((e, t) => {
-					if (e.end - e.start <= b * 2) return null;
-					let n = (e.start + e.end) / 2, i = m === t ? 4 : 0, o = g ? Math.round(a[t].value / g * 100) : 0;
-					return /* @__PURE__ */ r("path", {
+				children: D.map((e, t) => {
+					let n = e.end - e.start >= Math.PI * 2 - 1e-6, r = n ? f(C, S, e.start, e.end) : d(C + w, S - w, e.start, e.end, T + w);
+					if (!r) return null;
+					let i = (e.start + e.end) / 2, a = y === t && !n ? 4 : 0, s = x ? Math.round(c[t].value / x * 100) : 0;
+					return /* @__PURE__ */ o("path", {
 						role: "listitem",
 						tabIndex: 0,
-						"aria-label": `${a[t].label}: ${d(a[t].value)} (${o}%)`,
-						d: s(v + y, _ - y, e.start + b + y / _, e.end - b - y / _),
-						strokeWidth: y * 2,
+						"aria-label": `${c[t].label}: ${g(c[t].value)} (${s}%)`,
+						d: r,
+						strokeWidth: n ? 0 : w * 2,
 						strokeLinejoin: "round",
-						onPointerEnter: () => h(t),
-						onPointerLeave: () => h(null),
-						onFocus: () => h(t),
-						onBlur: () => h(null),
+						onPointerEnter: () => b(t),
+						onPointerLeave: () => b(null),
+						onFocus: () => b(t),
+						onBlur: () => b(null),
 						className: "zen__chart-fade focus-visible:outline-hidden",
 						style: {
 							fill: e.color,
 							stroke: e.color,
-							opacity: m !== null && m !== t ? .55 : 1,
-							transform: `translate(${Math.cos(n) * i}px, ${Math.sin(n) * i}px)`,
+							opacity: y !== null && y !== t ? .55 : 1,
+							transform: `translate(${Math.cos(i) * a}px, ${Math.sin(i) * a}px)`,
 							transition: "transform 200ms ease-out, opacity 200ms",
 							animationDelay: `${t * 60}ms`,
-							filter: m === t ? `drop-shadow(0 0 10px ${e.color})` : void 0
+							filter: y === t ? `drop-shadow(0 0 10px ${e.color})` : void 0
 						}
-					}, a[t].key);
+					}, c[t].key);
 				})
 			}),
-			f && /* @__PURE__ */ r("div", {
-				className: "pointer-events-none absolute inset-0 grid place-items-center text-center",
-				children: f
+			_ && /* @__PURE__ */ o("div", {
+				className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center",
+				children: _
 			}),
-			C && m !== null && /* @__PURE__ */ r("div", {
-				className: "pointer-events-none absolute z-10 -translate-y-1/2",
-				style: o((S[m].start + S[m].end) / 2, _),
-				children: /* @__PURE__ */ r(t, {
-					title: C.label,
+			O && y !== null && /* @__PURE__ */ o("div", {
+				ref: j,
+				popover: "manual",
+				className: "pointer-events-none fixed inset-auto m-0 overflow-visible border-0 bg-transparent p-0",
+				children: /* @__PURE__ */ o(n, {
+					title: O.label,
 					rows: [{
-						label: `${g ? Math.round(C.value / g * 100) : 0}%`,
-						value: d(C.value),
-						color: S[m].color
+						label: `${x ? Math.round(O.value / x * 100) : 0}%`,
+						value: g(O.value),
+						color: D[y].color
 					}]
 				})
 			})
 		]
 	});
 }
-function o(e, t) {
-	let n = t + Math.cos(e) * (t + 10), r = t + Math.sin(e) * (t + 10);
-	return Math.cos(e) >= 0 ? {
-		left: n,
-		top: r
-	} : {
-		right: 2 * t - n,
-		top: r
-	};
+var l = 8;
+function u(e, t) {
+	let n = (e) => Math.round(e * 1e3) / 1e3;
+	return `${n(e * Math.cos(t))},${n(e * Math.sin(t))}`;
+}
+function d(e, t, n, r, i) {
+	let a = (e) => Math.asin(Math.min(1, i / e)), [o, s] = [n + a(t), r - a(t)];
+	if (s <= o) return "";
+	let [c, l] = [n + a(e), r - a(e)];
+	return l < c && (c = l = (n + r) / 2), `${`M${u(t, o)}A${t},${t} 0 ${+(s - o > Math.PI)} 1 ${u(t, s)}`}${l > c ? `L${u(e, l)}A${e},${e} 0 ${+(l - c > Math.PI)} 0 ${u(e, c)}` : `L${u(e, c)}`}Z`;
 }
-function s(e, t, n, r) {
+function f(e, t, n, r) {
 	if (r <= n) return "";
-	let i = +(r - n > Math.PI), a = (e, t) => `${e * Math.cos(t)},${e * Math.sin(t)}`;
+	let i = +(r - n > Math.PI);
 	if (r - n >= Math.PI * 2 - 1e-6) {
 		let r = n + Math.PI;
-		return `M${a(t, n)}A${t},${t} 0 1 1 ${a(t, r)}A${t},${t} 0 1 1 ${a(t, n)}M${a(e, n)}A${e},${e} 0 1 0 ${a(e, r)}A${e},${e} 0 1 0 ${a(e, n)}Z`;
+		return `M${u(t, n)}A${t},${t} 0 1 1 ${u(t, r)}A${t},${t} 0 1 1 ${u(t, n)}M${u(e, n)}A${e},${e} 0 1 0 ${u(e, r)}A${e},${e} 0 1 0 ${u(e, n)}Z`;
 	}
-	return `M${a(t, n)}A${t},${t} 0 ${i} 1 ${a(t, r)}L${a(e, r)}A${e},${e} 0 ${i} 0 ${a(e, n)}Z`;
+	return `M${u(t, n)}A${t},${t} 0 ${i} 1 ${u(t, r)}L${u(e, r)}A${e},${e} 0 ${i} 0 ${u(e, n)}Z`;
 }
 //#endregion
-export { a as default };
+export { c as default };

package/dist/chart/index.d.ts

@@ -1,3 +1,4 @@
+import { ChartPalette } from './palette';
 import { ReactNode } from 'react';
 type Row = Record<string, unknown>;
 /** A line with a soft fill down to the baseline. */
@@ -17,7 +18,7 @@ export declare const ChartReference: (props: ChartReferenceProps) => null;
  * order the series are written; give each its own `color` for meaning (e.g.
  * the theme's glow).
  */
-export default function Chart<T extends Row, X extends keyof T & string = keyof T & string>({ data, x, label, summary, height, formatX, formatY, formatTooltipX, renderTooltip, legend, className, children, }: ChartProps<T, X>): import('react').JSX.Element;
+export default function Chart<T extends Row, X extends keyof T & string = keyof T & string>({ data, x, label, summary, height, formatX, formatY, formatTooltipX, renderTooltip, legend, palette, className, children, }: ChartProps<T, X>): import('react').JSX.Element;
 /** Round tick values covering [min, max]: 0 / 5k / 10k, never 0 / 3,127 / 6,254. */
 export declare function niceTicks(min: number, max: number, count?: number): number[];
 export interface ChartSeriesProps {
@@ -38,6 +39,8 @@ export type ChartLineProps = ChartAreaProps;
 export interface ChartBarProps extends Omit<ChartSeriesProps, 'dashed'> {
     /** Rows whose bar is faded, e.g. months still to come. */
     dim?: (row: Row, index: number) => boolean;
+    /** What the faded bars mean, e.g. "Planned": the legend gets a faded key for it (and shows, even for one series). */
+    dimLabel?: string;
 }
 export interface ChartReferenceProps {
     /** A horizontal line at this value. */
@@ -70,7 +73,9 @@ export interface ChartProps<T extends Row, X extends keyof T & string = keyof T
     formatY?: (value: number) => string;
     /** Your own tooltip for a row (build it from ChartTooltipCard). */
     renderTooltip?: (row: T, index: number) => ReactNode;
-    /** Show the legend. Defaults to on for two or more series. */
+    /** Colours for series that don't give their own: the categorical palette (default), or shades of the theme's glow. */
+    palette?: ChartPalette;
+    /** Show the legend. Defaults to on for two or more series, or a bar's `dimLabel`. */
     legend?: boolean;
     className?: string;
     /** ChartArea, ChartLine, ChartBar and ChartReference parts. */
@@ -78,4 +83,5 @@ export interface ChartProps<T extends Row, X extends keyof T & string = keyof T
 }
 export { ChartTooltipCard, type ChartTooltipCardProps } from './tooltip';
 export { default as DonutChart, type DonutChartProps } from './donut';
+export type { ChartPalette } from './palette';
 //# sourceMappingURL=index.d.ts.map

package/dist/chart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/chart/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/chart/index.tsx"],"names":[],"mappings":"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"}