@peasant-labs/fairtrade 0.0.3 → 0.0.5

package/dist/lib/ChartLine-Dlp6-CLL.js

@@ -0,0 +1,264 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Area as n, Bar as r, BarChart as i, CartesianGrid as a, ComposedChart as o, Line as s, ResponsiveContainer as c, Tooltip as l, XAxis as u, YAxis as d } from "recharts";
+//#region src/ui/chart-shared.jsx
+var f = {
+	teal: "chart-s1",
+	olive: "chart-s2",
+	clay: "chart-s3",
+	mauve: "chart-s4",
+	amber: "chart-samber",
+	1: "chart-s1",
+	2: "chart-s2",
+	3: "chart-s3",
+	4: "chart-s4",
+	1: "chart-s1",
+	2: "chart-s2",
+	3: "chart-s3",
+	4: "chart-s4"
+}, p = {
+	teal: "var(--chart-1)",
+	olive: "var(--chart-2)",
+	clay: "var(--chart-3)",
+	mauve: "var(--chart-4)",
+	amber: "var(--chart-amber)",
+	1: "var(--chart-1)",
+	2: "var(--chart-2)",
+	3: "var(--chart-3)",
+	4: "var(--chart-4)",
+	1: "var(--chart-1)",
+	2: "var(--chart-2)",
+	3: "var(--chart-3)",
+	4: "var(--chart-4)"
+}, m = [
+	"teal",
+	"olive",
+	"clay",
+	"mauve",
+	"amber"
+], h = (e) => f[e] || "chart-s1", g = (e) => p[e] || "var(--chart-1)", _ = () => ({
+	accessibilityLayer: !0,
+	margin: {
+		top: 8,
+		right: 18,
+		bottom: 4,
+		left: 4
+	}
+}), v = { isAnimationActive: !1 };
+function y({ icon: n, title: r, aside: i, sub: a, legend: o, className: s = "", children: c }) {
+	return /* @__PURE__ */ t("figure", {
+		className: ["chart", s].filter(Boolean).join(" "),
+		children: [
+			(r || i) && /* @__PURE__ */ t("figcaption", {
+				className: "chart-head",
+				children: [r && /* @__PURE__ */ t("span", {
+					className: "chart-title",
+					children: [n && /* @__PURE__ */ e(n, {
+						className: "lucide",
+						"aria-hidden": "true"
+					}), r]
+				}), i && /* @__PURE__ */ e("span", {
+					className: "chart-aside",
+					children: i
+				})]
+			}),
+			a && /* @__PURE__ */ e("p", {
+				className: "chart-sub",
+				children: a
+			}),
+			/* @__PURE__ */ e("div", {
+				className: "chart-plot",
+				children: c
+			}),
+			o && o.length > 1 && /* @__PURE__ */ e("ul", {
+				className: "chart-legend",
+				children: o.map((n) => /* @__PURE__ */ t("li", {
+					className: "chart-legend-item",
+					children: [/* @__PURE__ */ e("span", {
+						className: "chart-legend-sw",
+						style: { background: g(n.color) },
+						"aria-hidden": "true"
+					}), n.name || n.key]
+				}, n.key))
+			})
+		]
+	});
+}
+function b({ active: n, payload: r, label: i, labelFormatter: a, valueFormatter: o }) {
+	if (!n || !r || !r.length) return null;
+	let s = o || ((e) => e);
+	return /* @__PURE__ */ t("div", {
+		className: "chart-tip",
+		role: "status",
+		children: [i != null && /* @__PURE__ */ e("span", {
+			className: "chart-tip-k",
+			children: (a || ((e) => e))(i)
+		}), r.map((n, r) => /* @__PURE__ */ t("span", {
+			className: "chart-tip-row",
+			children: [
+				/* @__PURE__ */ e("span", {
+					className: "chart-tip-sw",
+					style: { background: g(n.payload?.__color?.[n.dataKey] || n.color) },
+					"aria-hidden": "true"
+				}),
+				n.name,
+				": ",
+				/* @__PURE__ */ e("span", {
+					className: "chart-tip-v",
+					children: s(n.value)
+				})
+			]
+		}, r))]
+	});
+}
+function x(e) {
+	return e.map((e, t) => ({
+		...e,
+		color: e.color || m[t % m.length]
+	}));
+}
+//#endregion
+//#region src/ui/ChartBar.jsx
+function S({ data: n, xKey: o, series: s, stacked: f = !1, icon: p, title: m, aside: g, sub: S, height: C = 200, yTicks: w, xFormatter: T, valueFormatter: E, className: D = "" }) {
+	let O = x(s);
+	return /* @__PURE__ */ e(y, {
+		icon: p,
+		title: m,
+		aside: g,
+		sub: S,
+		legend: O,
+		className: D,
+		children: /* @__PURE__ */ e(c, {
+			width: "100%",
+			height: C,
+			children: /* @__PURE__ */ t(i, {
+				data: n,
+				barCategoryGap: "22%",
+				..._(),
+				children: [
+					/* @__PURE__ */ e(a, { vertical: !1 }),
+					/* @__PURE__ */ e(u, {
+						dataKey: o,
+						tickLine: !1,
+						interval: 0,
+						tickFormatter: T,
+						tickMargin: 8,
+						minTickGap: 0
+					}),
+					/* @__PURE__ */ e(d, {
+						width: 28,
+						tickLine: !1,
+						axisLine: !1,
+						ticks: w,
+						allowDecimals: !1,
+						tickMargin: 4
+					}),
+					/* @__PURE__ */ e(l, {
+						cursor: { className: "chart-cursor" },
+						content: /* @__PURE__ */ e(b, {
+							valueFormatter: E,
+							labelFormatter: T
+						})
+					}),
+					O.map((t) => /* @__PURE__ */ e(r, {
+						dataKey: t.key,
+						name: t.name || t.key,
+						className: h(t.color),
+						fill: "currentColor",
+						stackId: f ? "stack" : void 0,
+						maxBarSize: 64,
+						radius: 0,
+						...v
+					}, t.key))
+				]
+			})
+		})
+	});
+}
+//#endregion
+//#region src/ui/ChartLine.jsx
+function C({ data: r, xKey: i, series: f, icon: p, title: m, aside: g, sub: S, height: C = 200, yTicks: w, xFormatter: T, valueFormatter: E, className: D = "" }) {
+	let O = x(f);
+	return /* @__PURE__ */ e(y, {
+		icon: p,
+		title: m,
+		aside: g,
+		sub: S,
+		legend: O,
+		className: D,
+		children: /* @__PURE__ */ e(c, {
+			width: "100%",
+			height: C,
+			children: /* @__PURE__ */ t(o, {
+				data: r,
+				..._(),
+				children: [
+					/* @__PURE__ */ e(a, { vertical: !1 }),
+					/* @__PURE__ */ e(u, {
+						dataKey: i,
+						tickLine: !1,
+						interval: 0,
+						tickFormatter: T,
+						tickMargin: 8,
+						minTickGap: 0
+					}),
+					/* @__PURE__ */ e(d, {
+						width: 28,
+						tickLine: !1,
+						axisLine: !1,
+						ticks: w,
+						allowDecimals: !1,
+						tickMargin: 4
+					}),
+					/* @__PURE__ */ e(l, {
+						cursor: {
+							className: "chart-cursor",
+							strokeWidth: 0
+						},
+						content: /* @__PURE__ */ e(b, {
+							valueFormatter: E,
+							labelFormatter: T
+						})
+					}),
+					O.map((t) => t.area ? /* @__PURE__ */ e(n, {
+						dataKey: t.key,
+						name: t.name || t.key,
+						className: `${h(t.color)} chart-area`,
+						fill: "currentColor",
+						stroke: "currentColor",
+						strokeWidth: 2,
+						dot: {
+							className: `${h(t.color)} chart-dot`,
+							r: 3,
+							fill: "currentColor"
+						},
+						activeDot: {
+							className: `${h(t.color)} chart-dot`,
+							r: 4,
+							fill: "currentColor"
+						},
+						...v
+					}, t.key) : /* @__PURE__ */ e(s, {
+						dataKey: t.key,
+						name: t.name || t.key,
+						className: `${h(t.color)} chart-line`,
+						stroke: "currentColor",
+						strokeWidth: 2,
+						dot: {
+							className: `${h(t.color)} chart-dot`,
+							r: 3,
+							fill: "currentColor"
+						},
+						activeDot: {
+							className: `${h(t.color)} chart-dot`,
+							r: 4,
+							fill: "currentColor"
+						},
+						...v
+					}, t.key))
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { S as n, h as r, C as t };