@burdenoff/microfe-bigconsole 2026.1103.4 → 2026.1103.5

package/dist/bigconsole/components/widgets/chart/charts/FunnelChart.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { ChartConfig, ChartData } from './types';
 export interface FunnelChartProps {
-    /** Chart data (should be sorted by value descending) */
+    /** Chart data in funnel stage order */
     data: ChartData[];
     /** Chart configuration */
     config: ChartConfig;

package/dist/bigconsole/components/widgets/chart/charts/FunnelChart.js

@@ -1,68 +1,83 @@
 import { ChartTooltip as e } from "../ChartTooltip.js";
-import { memo as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Cell as i, Funnel as a, FunnelChart as o, LabelList as s, ResponsiveContainer as c, Tooltip as l } from "recharts";
+import { funnelStages as t } from "./funnelData.js";
+import { memo as n } from "react";
+import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Cell as o, Funnel as s, FunnelChart as c, LabelList as l, ResponsiveContainer as u, Tooltip as d } from "recharts";
 //#region src/bigconsole/components/widgets/chart/charts/FunnelChart.tsx
-var u = [
+var f = [
 	"var(--color-chart-1)",
 	"var(--color-chart-2)",
 	"var(--color-chart-3)",
 	"var(--color-chart-4)",
 	"var(--color-chart-5)"
-], d = t(function({ data: t = [], config: d, dataKey: f = "value", nameKey: p = "name", onDataClick: m }) {
-	let h = (e) => typeof e == "number" ? new Intl.NumberFormat("en-US", {
+], p = n(function({ data: n = [], config: p, dataKey: m = "value", nameKey: h = "name", onDataClick: g }) {
+	let { t: _, locale: v } = r(), y = t(n, m, h), b = (e) => typeof e == "number" ? new Intl.NumberFormat("en-US", {
 		notation: e >= 1e4 ? "compact" : "standard",
 		maximumFractionDigits: 2
 	}).format(e) : String(e);
-	if (!t?.length) return null;
-	let g = t.map((e, n) => {
-		if (n === 0) return {
-			...e,
-			rate: 100
-		};
-		let r = t[n - 1][f], i = e[f], a = r > 0 ? i / r * 100 : 0;
-		return {
-			...e,
-			rate: a
-		};
+	if (!y || !y.length || y.every((e) => e.value === 0)) return /* @__PURE__ */ i("div", {
+		role: "status",
+		className: "flex items-center justify-center h-full text-text-secondary text-sm p-4",
+		children: y ? _("bigconsole.widgets.funnel.noCounts", "No funnel counts to display. Connect data with at least one count greater than zero.") : _("bigconsole.widgets.funnel.invalidFields", "Each funnel row needs a label in \"{{labelField}}\" and a non-negative number in \"{{valueField}}\". Choose the label and value fields in Style.", {
+			labelField: h,
+			valueField: m
+		})
 	});
-	return /* @__PURE__ */ n(c, {
-		width: "100%",
-		height: "100%",
-		children: /* @__PURE__ */ r(o, { children: [/* @__PURE__ */ n(l, { content: /* @__PURE__ */ n(e, {
-			valueFormatter: h,
-			labelFormatter: (e) => String(e)
-		}) }), /* @__PURE__ */ r(a, {
-			dataKey: f,
-			nameKey: p,
-			data: g,
-			isAnimationActive: !0,
-			onClick: ((e, t) => {
-				m && e && m(e, t);
-			}),
-			children: [
-				/* @__PURE__ */ n(s, {
-					position: "right",
-					fill: "var(--color-text-primary)",
-					stroke: "none",
-					dataKey: p,
-					fontSize: 12
-				}),
-				/* @__PURE__ */ n(s, {
-					position: "center",
-					fill: "var(--color-text-on-primary, #ffffff)",
-					stroke: "none",
-					formatter: (e) => h(e),
-					fontSize: 14,
-					fontWeight: 600
-				}),
-				g.map((e, t) => /* @__PURE__ */ n(i, {
-					fill: d.colors?.[t] || u[t % u.length],
-					style: { cursor: m ? "pointer" : "default" }
-				}, `cell-${t}`))
-			]
-		})] })
+	let x = new Intl.NumberFormat(v, {
+		style: "percent",
+		maximumFractionDigits: 1
+	}), S = y.map((e) => ({
+		...e.row,
+		__conversionLabel: `${e.label} (${e.conversion === void 0 ? "—" : x.format(e.conversion)})`
+	}));
+	return /* @__PURE__ */ a("div", {
+		className: "flex flex-col h-full",
+		children: [/* @__PURE__ */ i("p", {
+			className: "text-xs text-text-secondary mb-2",
+			children: _("bigconsole.widgets.funnel.conversionBasis", "Conversion from previous stage; first stage is the baseline.")
+		}), /* @__PURE__ */ i("div", {
+			className: "flex-1 min-h-0",
+			children: /* @__PURE__ */ i(u, {
+				width: "100%",
+				height: "100%",
+				children: /* @__PURE__ */ a(c, { children: [/* @__PURE__ */ i(d, { content: /* @__PURE__ */ i(e, {
+					valueFormatter: b,
+					labelFormatter: (e) => String(e)
+				}) }), /* @__PURE__ */ a(s, {
+					dataKey: m,
+					nameKey: h,
+					data: S,
+					isAnimationActive: !0,
+					onClick: (e, t) => {
+						t !== void 0 && n[t] && g?.(n[t], t);
+					},
+					children: [
+						/* @__PURE__ */ i(l, {
+							position: "right",
+							fill: "var(--color-text-primary)",
+							stroke: "none",
+							dataKey: "__conversionLabel",
+							fontSize: 12
+						}),
+						/* @__PURE__ */ i(l, {
+							position: "center",
+							fill: "var(--color-text-on-primary, #ffffff)",
+							stroke: "none",
+							dataKey: m,
+							formatter: (e) => b(e),
+							fontSize: 14,
+							fontWeight: 600
+						}),
+						S.map((e, t) => /* @__PURE__ */ i(o, {
+							fill: p.colors?.[t] || f[t % f.length],
+							style: { cursor: g ? "pointer" : "default" }
+						}, `cell-${t}`))
+					]
+				})] })
+			})
+		})]
 	});
 });
 //#endregion
-export { d as FunnelChart, d as default };
+export { p as FunnelChart, p as default };

package/dist/bigconsole/components/widgets/chart/charts/funnelData.d.ts

@@ -0,0 +1,8 @@
+import { ChartData } from './types';
+/** Keep the caller's stage order; conversions compare adjacent stages. */
+export declare function funnelStages(data: ChartData[], valueField: string, labelField: string): {
+    row: ChartData;
+    value: number;
+    label: string;
+    conversion: number | undefined;
+}[] | null;

package/dist/bigconsole/components/widgets/chart/charts/funnelData.js

@@ -0,0 +1,17 @@
+//#region src/bigconsole/components/widgets/chart/charts/funnelData.ts
+function e(e, t, n) {
+	return !Array.isArray(e) || e.some((e) => {
+		let r = e?.[t], i = e?.[n];
+		return typeof r != "number" || !Number.isFinite(r) || r < 0 || !["string", "number"].includes(typeof i) || String(i).trim() === "";
+	}) ? null : e.map((r, i) => {
+		let a = r[t], o = e[Math.max(0, i - 1)][t];
+		return {
+			row: r,
+			value: a,
+			label: String(r[n]),
+			conversion: o > 0 ? a / o : void 0
+		};
+	});
+}
+//#endregion
+export { e as funnelStages };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-bigconsole",
-  "version": "2026.1103.4",
+  "version": "2026.1103.5",
   "description": "BigConsole - AI-powered analytics and dashboard platform",
   "type": "module",
   "files": [