@burdenoff/microfe-eventfullymanaged 2026.704.6 → 2026.704.8

package/dist/eventfullymanaged/components/EventCharts.js

@@ -0,0 +1,260 @@
+import { Tooltip as e } from "../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as t } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Cell as n } from "../../node_modules/recharts/es6/component/Cell.js";
+import { Pie as r } from "../../node_modules/recharts/es6/polar/Pie.js";
+import { Bar as i } from "../../node_modules/recharts/es6/cartesian/Bar.js";
+import { Area as a } from "../../node_modules/recharts/es6/cartesian/Area.js";
+import { XAxis as o } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as s } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { BarChart as c } from "../../node_modules/recharts/es6/chart/BarChart.js";
+import { PieChart as l } from "../../node_modules/recharts/es6/chart/PieChart.js";
+import { AreaChart as u } from "../../node_modules/recharts/es6/chart/AreaChart.js";
+import { useId as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/eventfullymanaged/components/EventCharts.tsx
+var m = {
+	background: "var(--color-bg-surface)",
+	border: "1px solid var(--color-border-default)",
+	borderRadius: "10px",
+	fontSize: "12px",
+	color: "var(--color-text-primary)",
+	boxShadow: "var(--shadow-elevation-2)"
+}, h = [
+	"var(--color-chart-1)",
+	"var(--color-chart-2)",
+	"var(--color-chart-3)",
+	"var(--color-chart-4)",
+	"var(--color-chart-5)"
+], g = h;
+function _({ label: e, height: t }) {
+	return /* @__PURE__ */ f("div", {
+		className: "flex items-center justify-center rounded-card border border-dashed border-border-subtle text-sm text-text-muted",
+		style: { height: t },
+		children: e
+	});
+}
+function v({ data: n, height: r = 260, emptyLabel: i = "Not enough data yet" }) {
+	let c = d().replace(/:/g, "");
+	return n.length === 0 ? /* @__PURE__ */ f(_, {
+		label: i,
+		height: r
+	}) : /* @__PURE__ */ f(t, {
+		width: "100%",
+		height: r,
+		children: /* @__PURE__ */ p(u, {
+			data: n,
+			margin: {
+				top: 8,
+				right: 12,
+				left: 4,
+				bottom: 4
+			},
+			children: [
+				/* @__PURE__ */ p("defs", { children: [/* @__PURE__ */ p("linearGradient", {
+					id: `efm-area-${c}`,
+					x1: "0",
+					y1: "0",
+					x2: "0",
+					y2: "1",
+					children: [/* @__PURE__ */ f("stop", {
+						offset: "0%",
+						stopColor: "var(--color-chart-2)",
+						stopOpacity: .45
+					}), /* @__PURE__ */ f("stop", {
+						offset: "100%",
+						stopColor: "var(--color-chart-1)",
+						stopOpacity: .04
+					})]
+				}), /* @__PURE__ */ p("linearGradient", {
+					id: `efm-stroke-${c}`,
+					x1: "0",
+					y1: "0",
+					x2: "1",
+					y2: "0",
+					children: [/* @__PURE__ */ f("stop", {
+						offset: "0%",
+						stopColor: "var(--color-chart-1)"
+					}), /* @__PURE__ */ f("stop", {
+						offset: "100%",
+						stopColor: "var(--color-chart-2)"
+					})]
+				})] }),
+				/* @__PURE__ */ f(o, {
+					dataKey: "label",
+					tick: {
+						fill: "var(--color-text-muted)",
+						fontSize: 11
+					},
+					tickLine: !1,
+					axisLine: { stroke: "var(--color-border-subtle)" },
+					minTickGap: 24
+				}),
+				/* @__PURE__ */ f(s, {
+					tick: {
+						fill: "var(--color-text-muted)",
+						fontSize: 11
+					},
+					tickLine: !1,
+					axisLine: !1,
+					width: 44,
+					allowDecimals: !1
+				}),
+				/* @__PURE__ */ f(e, {
+					contentStyle: m,
+					cursor: { stroke: "var(--color-border-strong)" }
+				}),
+				/* @__PURE__ */ f(a, {
+					type: "monotone",
+					dataKey: "value",
+					name: "Value",
+					stroke: `url(#efm-stroke-${c})`,
+					strokeWidth: 2.5,
+					fill: `url(#efm-area-${c})`,
+					dot: !1,
+					activeDot: {
+						r: 4,
+						fill: "var(--color-chart-2)",
+						stroke: "var(--color-bg-surface)",
+						strokeWidth: 2
+					}
+				})
+			]
+		})
+	});
+}
+function y({ data: i, height: a = 240, centerLabel: o, centerValue: s, emptyLabel: c = "No data yet" }) {
+	return i.reduce((e, t) => e + t.value, 0) === 0 ? /* @__PURE__ */ f(_, {
+		label: c,
+		height: a
+	}) : /* @__PURE__ */ p("div", {
+		className: "relative",
+		style: { height: a },
+		children: [/* @__PURE__ */ f(t, {
+			width: "100%",
+			height: a,
+			children: /* @__PURE__ */ p(l, { children: [/* @__PURE__ */ f(r, {
+				data: i,
+				cx: "50%",
+				cy: "50%",
+				innerRadius: "62%",
+				outerRadius: "88%",
+				paddingAngle: 2,
+				dataKey: "value",
+				nameKey: "name",
+				stroke: "var(--color-bg-surface)",
+				strokeWidth: 2,
+				children: i.map((e, t) => /* @__PURE__ */ f(n, { fill: e.color ?? h[t % h.length] }, e.name))
+			}), /* @__PURE__ */ f(e, { contentStyle: m })] })
+		}), s ? /* @__PURE__ */ p("div", {
+			className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center",
+			children: [/* @__PURE__ */ f("span", {
+				className: "text-2xl font-bold tabular-nums text-text-primary",
+				children: s
+			}), o ? /* @__PURE__ */ f("span", {
+				className: "text-xs text-text-muted",
+				children: o
+			}) : null]
+		}) : null]
+	});
+}
+function b({ data: n, height: r = 260, emptyLabel: a = "No data yet" }) {
+	let l = d().replace(/:/g, "");
+	return n.length === 0 || n.every((e) => e.value === 0) ? /* @__PURE__ */ f(_, {
+		label: a,
+		height: r
+	}) : /* @__PURE__ */ f(t, {
+		width: "100%",
+		height: r,
+		children: /* @__PURE__ */ p(c, {
+			data: n,
+			margin: {
+				top: 8,
+				right: 12,
+				left: 4,
+				bottom: 4
+			},
+			children: [
+				/* @__PURE__ */ f("defs", { children: /* @__PURE__ */ p("linearGradient", {
+					id: `efm-bar-${l}`,
+					x1: "0",
+					y1: "0",
+					x2: "0",
+					y2: "1",
+					children: [/* @__PURE__ */ f("stop", {
+						offset: "0%",
+						stopColor: "var(--color-chart-2)"
+					}), /* @__PURE__ */ f("stop", {
+						offset: "100%",
+						stopColor: "var(--color-chart-1)"
+					})]
+				}) }),
+				/* @__PURE__ */ f(o, {
+					dataKey: "name",
+					tick: {
+						fill: "var(--color-text-muted)",
+						fontSize: 11
+					},
+					tickLine: !1,
+					axisLine: { stroke: "var(--color-border-subtle)" },
+					interval: 0
+				}),
+				/* @__PURE__ */ f(s, {
+					tick: {
+						fill: "var(--color-text-muted)",
+						fontSize: 11
+					},
+					tickLine: !1,
+					axisLine: !1,
+					width: 44,
+					allowDecimals: !1
+				}),
+				/* @__PURE__ */ f(e, {
+					contentStyle: m,
+					cursor: {
+						fill: "var(--color-bg-sunken)",
+						opacity: .6
+					}
+				}),
+				/* @__PURE__ */ f(i, {
+					dataKey: "value",
+					name: "Count",
+					fill: `url(#efm-bar-${l})`,
+					radius: [
+						6,
+						6,
+						0,
+						0
+					],
+					maxBarSize: 56
+				})
+			]
+		})
+	});
+}
+function x({ items: e, className: t = "" }) {
+	return /* @__PURE__ */ f("ul", {
+		className: `flex flex-col gap-2 ${t}`,
+		children: e.map((e) => /* @__PURE__ */ p("li", {
+			className: "flex items-center gap-2 text-sm",
+			children: [
+				/* @__PURE__ */ f("span", {
+					"aria-hidden": !0,
+					className: "h-3 w-3 shrink-0 rounded-full",
+					style: { backgroundColor: e.color }
+				}),
+				/* @__PURE__ */ f("span", {
+					className: "text-text-secondary",
+					children: e.label
+				}),
+				e.value === void 0 ? null : /* @__PURE__ */ f("span", {
+					className: "ml-auto font-semibold tabular-nums text-text-primary",
+					children: e.value
+				})
+			]
+		}, e.label))
+	});
+}
+//#endregion
+export { g as CHART_COLORS, h as CHART_SERIES_COLORS, x as ChartLegend, v as EventAreaChart, b as EventBarChart, y as EventDonutChart };
+
+//# sourceMappingURL=EventCharts.js.map

package/dist/eventfullymanaged/components/EventCharts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventCharts.js","names":[],"sources":["../../../src/eventfullymanaged/components/EventCharts.tsx"],"sourcesContent":["import { useId } from 'react';\nimport {\n  Area,\n  AreaChart,\n  Bar,\n  BarChart,\n  Cell,\n  Pie,\n  PieChart,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\n/**\n * Token-driven chart primitives for EventfullyManaged analytics surfaces.\n *\n * All fills/strokes resolve to `--color-chart-*` / `--color-action-*` CSS\n * variables so the charts theme with the rest of the platform (light + dark)\n * and never hard-code a hex. Every chart renders its own empty state so callers\n * can hand it real (possibly empty) query data without branching.\n */\n\nconst CHART_TOOLTIP_STYLE = {\n  background: 'var(--color-bg-surface)',\n  border: '1px solid var(--color-border-default)',\n  borderRadius: '10px',\n  fontSize: '12px',\n  color: 'var(--color-text-primary)',\n  boxShadow: 'var(--shadow-elevation-2)',\n} as const;\n\n/** The categorical palette, in draw order. Backed by semantic chart tokens. */\nexport const CHART_SERIES_COLORS = [\n  'var(--color-chart-1)',\n  'var(--color-chart-2)',\n  'var(--color-chart-3)',\n  'var(--color-chart-4)',\n  'var(--color-chart-5)',\n] as const;\n\n/** Alias — same categorical palette (kept for call sites that import CHART_COLORS). */\nexport const CHART_COLORS = CHART_SERIES_COLORS;\n\nfunction ChartEmpty({ label, height }: { label: string; height: number }) {\n  return (\n    <div\n      className=\"flex items-center justify-center rounded-card border border-dashed border-border-subtle text-sm text-text-muted\"\n      style={{ height }}\n    >\n      {label}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Area chart — a single smooth series (e.g. registrations over time).\n// ---------------------------------------------------------------------------\n\nexport interface AreaPoint {\n  label: string;\n  value: number;\n}\n\nexport function EventAreaChart({\n  data,\n  height = 260,\n  emptyLabel = 'Not enough data yet',\n}: {\n  data: AreaPoint[];\n  height?: number;\n  emptyLabel?: string;\n}) {\n  const gradientId = useId().replace(/:/g, '');\n  if (data.length === 0) {\n    return <ChartEmpty label={emptyLabel} height={height} />;\n  }\n\n  return (\n    <ResponsiveContainer width=\"100%\" height={height}>\n      <AreaChart data={data} margin={{ top: 8, right: 12, left: 4, bottom: 4 }}>\n        <defs>\n          <linearGradient id={`efm-area-${gradientId}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop offset=\"0%\" stopColor=\"var(--color-chart-2)\" stopOpacity={0.45} />\n            <stop offset=\"100%\" stopColor=\"var(--color-chart-1)\" stopOpacity={0.04} />\n          </linearGradient>\n          <linearGradient id={`efm-stroke-${gradientId}`} x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n            <stop offset=\"0%\" stopColor=\"var(--color-chart-1)\" />\n            <stop offset=\"100%\" stopColor=\"var(--color-chart-2)\" />\n          </linearGradient>\n        </defs>\n        <XAxis\n          dataKey=\"label\"\n          tick={{ fill: 'var(--color-text-muted)', fontSize: 11 }}\n          tickLine={false}\n          axisLine={{ stroke: 'var(--color-border-subtle)' }}\n          minTickGap={24}\n        />\n        <YAxis\n          tick={{ fill: 'var(--color-text-muted)', fontSize: 11 }}\n          tickLine={false}\n          axisLine={false}\n          width={44}\n          allowDecimals={false}\n        />\n        <Tooltip contentStyle={CHART_TOOLTIP_STYLE} cursor={{ stroke: 'var(--color-border-strong)' }} />\n        <Area\n          type=\"monotone\"\n          dataKey=\"value\"\n          name=\"Value\"\n          stroke={`url(#efm-stroke-${gradientId})`}\n          strokeWidth={2.5}\n          fill={`url(#efm-area-${gradientId})`}\n          dot={false}\n          activeDot={{ r: 4, fill: 'var(--color-chart-2)', stroke: 'var(--color-bg-surface)', strokeWidth: 2 }}\n        />\n      </AreaChart>\n    </ResponsiveContainer>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Donut chart — a categorical breakdown (e.g. registrations by status).\n// ---------------------------------------------------------------------------\n\nexport interface DonutSlice {\n  name: string;\n  value: number;\n  color?: string;\n}\n\nexport function EventDonutChart({\n  data,\n  height = 240,\n  centerLabel,\n  centerValue,\n  emptyLabel = 'No data yet',\n}: {\n  data: DonutSlice[];\n  height?: number;\n  centerLabel?: string;\n  centerValue?: string;\n  emptyLabel?: string;\n}) {\n  const total = data.reduce((sum, slice) => sum + slice.value, 0);\n  if (total === 0) {\n    return <ChartEmpty label={emptyLabel} height={height} />;\n  }\n\n  return (\n    <div className=\"relative\" style={{ height }}>\n      <ResponsiveContainer width=\"100%\" height={height}>\n        <PieChart>\n          <Pie\n            data={data}\n            cx=\"50%\"\n            cy=\"50%\"\n            innerRadius=\"62%\"\n            outerRadius=\"88%\"\n            paddingAngle={2}\n            dataKey=\"value\"\n            nameKey=\"name\"\n            stroke=\"var(--color-bg-surface)\"\n            strokeWidth={2}\n          >\n            {data.map((slice, index) => (\n              <Cell key={slice.name} fill={slice.color ?? CHART_SERIES_COLORS[index % CHART_SERIES_COLORS.length]} />\n            ))}\n          </Pie>\n          <Tooltip contentStyle={CHART_TOOLTIP_STYLE} />\n        </PieChart>\n      </ResponsiveContainer>\n      {centerValue ? (\n        <div className=\"pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center\">\n          <span className=\"text-2xl font-bold tabular-nums text-text-primary\">{centerValue}</span>\n          {centerLabel ? <span className=\"text-xs text-text-muted\">{centerLabel}</span> : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Bar chart — discrete category counts (e.g. entity totals).\n// ---------------------------------------------------------------------------\n\nexport interface BarDatum {\n  name: string;\n  value: number;\n}\n\nexport function EventBarChart({\n  data,\n  height = 260,\n  emptyLabel = 'No data yet',\n}: {\n  data: BarDatum[];\n  height?: number;\n  emptyLabel?: string;\n}) {\n  const gradientId = useId().replace(/:/g, '');\n  if (data.length === 0 || data.every((datum) => datum.value === 0)) {\n    return <ChartEmpty label={emptyLabel} height={height} />;\n  }\n\n  return (\n    <ResponsiveContainer width=\"100%\" height={height}>\n      <BarChart data={data} margin={{ top: 8, right: 12, left: 4, bottom: 4 }}>\n        <defs>\n          <linearGradient id={`efm-bar-${gradientId}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop offset=\"0%\" stopColor=\"var(--color-chart-2)\" />\n            <stop offset=\"100%\" stopColor=\"var(--color-chart-1)\" />\n          </linearGradient>\n        </defs>\n        <XAxis\n          dataKey=\"name\"\n          tick={{ fill: 'var(--color-text-muted)', fontSize: 11 }}\n          tickLine={false}\n          axisLine={{ stroke: 'var(--color-border-subtle)' }}\n          interval={0}\n        />\n        <YAxis\n          tick={{ fill: 'var(--color-text-muted)', fontSize: 11 }}\n          tickLine={false}\n          axisLine={false}\n          width={44}\n          allowDecimals={false}\n        />\n        <Tooltip contentStyle={CHART_TOOLTIP_STYLE} cursor={{ fill: 'var(--color-bg-sunken)', opacity: 0.6 }} />\n        <Bar dataKey=\"value\" name=\"Count\" fill={`url(#efm-bar-${gradientId})`} radius={[6, 6, 0, 0]} maxBarSize={56} />\n      </BarChart>\n    </ResponsiveContainer>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Legend — a shared, accessible legend for the charts above.\n// ---------------------------------------------------------------------------\n\nexport interface ChartLegendItem {\n  label: string;\n  color: string;\n  value?: string | number;\n}\n\nexport function ChartLegend({ items, className = '' }: { items: ChartLegendItem[]; className?: string }) {\n  return (\n    <ul className={`flex flex-col gap-2 ${className}`}>\n      {items.map((item) => (\n        <li key={item.label} className=\"flex items-center gap-2 text-sm\">\n          <span aria-hidden className=\"h-3 w-3 shrink-0 rounded-full\" style={{ backgroundColor: item.color }} />\n          <span className=\"text-text-secondary\">{item.label}</span>\n          {item.value !== undefined ? (\n            <span className=\"ml-auto font-semibold tabular-nums text-text-primary\">{item.value}</span>\n          ) : null}\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":"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"}

package/dist/eventfullymanaged/components/index.js

@@ -1,3 +1,4 @@
+import "./EventCharts.js";
 import "./PageLayout.js";
 import "./ActionMenu.js";
 import "./Pagination.js";

package/dist/eventfullymanaged/lib/format.js

@@ -0,0 +1,27 @@
+//#region src/eventfullymanaged/lib/format.ts
+function e(e, t) {
+	if (!Number.isFinite(e)) return `0 ${t}`.trim();
+	let n = (t || "USD").toUpperCase();
+	try {
+		return new Intl.NumberFormat(void 0, {
+			style: "currency",
+			currency: n,
+			maximumFractionDigits: Number.isInteger(e) ? 0 : 2
+		}).format(e);
+	} catch {
+		return `${e.toLocaleString()} ${n}`.trim();
+	}
+}
+function t(e, t, n) {
+	if (!Number.isFinite(e) || e <= 0 || !Number.isFinite(n) || n <= 0) return 0;
+	let r = t === "PERCENT" ? e * n / 100 : n;
+	return Math.min(Math.max(r, 0), e);
+}
+function n(t, n, r) {
+	let i = typeof n == "number" ? n : Number(n);
+	return t === "PERCENT" ? `${Number.isFinite(i) ? i : n}% off` : `${Number.isFinite(i) ? e(i, r) : n} off`;
+}
+//#endregion
+export { t as computeDiscount, n as describeDiscount, e as formatMoney };
+
+//# sourceMappingURL=format.js.map

package/dist/eventfullymanaged/lib/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","names":[],"sources":["../../../src/eventfullymanaged/lib/format.ts"],"sourcesContent":["/**\n * Presentation helpers shared across the registration & ticketing screens.\n *\n * Pricing is authored by the billing service — these helpers only format the\n * real numbers we already hold (ticket price, promo discount, quantity) for a\n * live order-summary preview. They never invent amounts.\n */\n\n/** Format a decimal amount with its ISO currency code, degrading gracefully. */\nexport function formatMoney(amount: number, currency: string): string {\n  if (!Number.isFinite(amount)) {\n    return `0 ${currency}`.trim();\n  }\n  const code = (currency || 'USD').toUpperCase();\n  try {\n    return new Intl.NumberFormat(undefined, {\n      style: 'currency',\n      currency: code,\n      maximumFractionDigits: Number.isInteger(amount) ? 0 : 2,\n    }).format(amount);\n  } catch {\n    // Unknown/invalid currency code — fall back to a plain, readable amount.\n    return `${amount.toLocaleString()} ${code}`.trim();\n  }\n}\n\nexport type DiscountType = 'PERCENT' | 'FIXED' | string;\n\n/**\n * Compute the discount an active promo would take off a subtotal, clamped so it\n * never exceeds the subtotal. Returns 0 for unknown types or non-positive input.\n */\nexport function computeDiscount(subtotal: number, discountType: DiscountType, discountValue: number): number {\n  if (!Number.isFinite(subtotal) || subtotal <= 0 || !Number.isFinite(discountValue) || discountValue <= 0) {\n    return 0;\n  }\n  const raw = discountType === 'PERCENT' ? (subtotal * discountValue) / 100 : discountValue;\n  return Math.min(Math.max(raw, 0), subtotal);\n}\n\n/** Short human label for a promo discount, e.g. \"10% off\" or \"₹1,000 off\". */\nexport function describeDiscount(discountType: DiscountType, discountValue: string | number, currency: string): string {\n  const value = typeof discountValue === 'number' ? discountValue : Number(discountValue);\n  if (discountType === 'PERCENT') {\n    return `${Number.isFinite(value) ? value : discountValue}% off`;\n  }\n  return `${Number.isFinite(value) ? formatMoney(value, currency) : discountValue} off`;\n}\n"],"mappings":";AASA,SAAgB,EAAY,GAAgB,GAA0B;AACpE,KAAI,CAAC,OAAO,SAAS,EAAO,CAC1B,QAAO,KAAK,IAAW,MAAM;CAE/B,IAAM,KAAQ,KAAY,OAAO,aAAa;AAC9C,KAAI;AACF,SAAO,IAAI,KAAK,aAAa,KAAA,GAAW;GACtC,OAAO;GACP,UAAU;GACV,uBAAuB,OAAO,UAAU,EAAO,GAAG,IAAI;GACvD,CAAC,CAAC,OAAO,EAAO;SACX;AAEN,SAAO,GAAG,EAAO,gBAAgB,CAAC,GAAG,IAAO,MAAM;;;AAUtD,SAAgB,EAAgB,GAAkB,GAA4B,GAA+B;AAC3G,KAAI,CAAC,OAAO,SAAS,EAAS,IAAI,KAAY,KAAK,CAAC,OAAO,SAAS,EAAc,IAAI,KAAiB,EACrG,QAAO;CAET,IAAM,IAAM,MAAiB,YAAa,IAAW,IAAiB,MAAM;AAC5E,QAAO,KAAK,IAAI,KAAK,IAAI,GAAK,EAAE,EAAE,EAAS;;AAI7C,SAAgB,EAAiB,GAA4B,GAAgC,GAA0B;CACrH,IAAM,IAAQ,OAAO,KAAkB,WAAW,IAAgB,OAAO,EAAc;AAIvF,QAHI,MAAiB,YACZ,GAAG,OAAO,SAAS,EAAM,GAAG,IAAQ,EAAc,SAEpD,GAAG,OAAO,SAAS,EAAM,GAAG,EAAY,GAAO,EAAS,GAAG,EAAc"}