@rinzai/zen 0.6.1 → 0.7.1

package/dist/chart/donut.js

@@ -1,107 +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: s, size: u = 200, thickness: d = .32, formatValue: f = String, children: p, className: m }) {
-	let [h, g] = n(null), _ = a.reduce((e, t) => e + Math.max(0, t.value), 0), v = u / 2, y = v * (1 - d), b = Math.min(4, (v - y) / 4), x = a.filter((e) => e.value > 0).length > 1 ? 1.5 : 0, S = -Math.PI / 2, C = a.map((e, t) => {
-		let n = _ ? Math.max(0, e.value) / _ * Math.PI * 2 : 0, r = {
-			start: S,
-			end: S + 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 S += n, r;
-	}), w = h === null ? null : a[h];
-	return /* @__PURE__ */ i("div", {
-		className: e("zen__donut relative shrink-0", m),
+		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: u,
-			height: u
+			width: p,
+			height: p
 		},
 		children: [
-			/* @__PURE__ */ r("svg", {
-				width: u,
-				height: u,
-				viewBox: `${-v} ${-v} ${u} ${u}`,
+			/* @__PURE__ */ o("svg", {
+				width: p,
+				height: p,
+				viewBox: `${-S} ${-S} ${p} ${p}`,
 				role: "list",
-				"aria-label": s,
+				"aria-label": u,
 				className: "overflow-visible",
-				children: C.map((e, t) => {
-					let n = e.end - e.start >= Math.PI * 2 - 1e-6, i = n ? l(y, v, e.start, e.end) : c(y + b, v - b, e.start, e.end, x + b);
-					if (!i) return null;
-					let o = (e.start + e.end) / 2, s = h === t && !n ? 4 : 0, u = _ ? Math.round(a[t].value / _ * 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}: ${f(a[t].value)} (${u}%)`,
-						d: i,
-						strokeWidth: n ? 0 : b * 2,
+						"aria-label": `${c[t].label}: ${g(c[t].value)} (${s}%)`,
+						d: r,
+						strokeWidth: n ? 0 : w * 2,
 						strokeLinejoin: "round",
-						onPointerEnter: () => g(t),
-						onPointerLeave: () => g(null),
-						onFocus: () => g(t),
-						onBlur: () => g(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: h !== null && h !== t ? .55 : 1,
-							transform: `translate(${Math.cos(o) * s}px, ${Math.sin(o) * s}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: h === 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);
 				})
 			}),
-			p && /* @__PURE__ */ r("div", {
+			_ && /* @__PURE__ */ o("div", {
 				className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center",
-				children: p
+				children: _
 			}),
-			w && h !== null && /* @__PURE__ */ r("div", {
-				className: "pointer-events-none absolute z-10 -translate-y-1/2",
-				style: o((C[h].start + C[h].end) / 2, v),
-				children: /* @__PURE__ */ r(t, {
-					title: w.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: `${_ ? Math.round(w.value / _ * 100) : 0}%`,
-						value: f(w.value),
-						color: C[h].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
-	};
-}
-function s(e, t) {
+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 c(e, t, n, r, i) {
-	let a = (e) => Math.asin(Math.min(1, i / e)), [o, c] = [n + a(t), r - a(t)];
-	if (c <= o) return "";
-	let [l, u] = [n + a(e), r - a(e)];
-	return u < l && (l = u = (n + r) / 2), `${`M${s(t, o)}A${t},${t} 0 ${+(c - o > Math.PI)} 1 ${s(t, c)}`}${u > l ? `L${s(e, u)}A${e},${e} 0 ${+(u - l > Math.PI)} 0 ${s(e, l)}` : `L${s(e, l)}`}Z`;
+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 l(e, t, n, r) {
+function f(e, t, n, r) {
 	if (r <= n) return "";
 	let i = +(r - n > Math.PI);
 	if (r - n >= Math.PI * 2 - 1e-6) {
 		let r = n + Math.PI;
-		return `M${s(t, n)}A${t},${t} 0 1 1 ${s(t, r)}A${t},${t} 0 1 1 ${s(t, n)}M${s(e, n)}A${e},${e} 0 1 0 ${s(e, r)}A${e},${e} 0 1 0 ${s(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${s(t, n)}A${t},${t} 0 ${i} 1 ${s(t, r)}L${s(e, r)}A${e},${e} 0 ${i} 0 ${s(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, paletteColor } 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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"}