@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/widgets/progress/ProgressConfig.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ProgressConfig as ConfigType } from '../../../types';
+
+export interface ProgressConfigProps {
+    /** Current configuration */
+    config: ConfigType;
+    /** Callback when config changes */
+    onChange: (config: ConfigType) => void;
+}
+export declare const ProgressConfig: FC<ProgressConfigProps>;
+export default ProgressConfig;
+//# sourceMappingURL=ProgressConfig.d.ts.map

package/dist/bigconsole/components/widgets/progress/ProgressConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressConfig.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/progress/ProgressConfig.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,IAAI,UAAU,EAAqB,MAAM,gBAAgB,CAAC;AAMtF,MAAM,WAAW,mBAAmB;IAClC,4BAA4B;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,mCAAmC;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAMD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAmOjD,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/bigconsole/components/widgets/progress/ProgressConfig.js

@@ -0,0 +1,187 @@
+import { memo as e, useCallback as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/progress/ProgressConfig.tsx
+var i = e(function({ config: e, onChange: i }) {
+	let a = t((t, n) => {
+		i({
+			...e,
+			[t]: n
+		});
+	}, [e, i]), o = t((t, n, r) => {
+		let i = [...e.milestones || []];
+		i[t] = {
+			...i[t],
+			[n]: r
+		}, a("milestones", i);
+	}, [e.milestones, a]), s = t(() => {
+		a("milestones", [...e.milestones || [], {
+			position: 50,
+			label: "",
+			value: 50
+		}]);
+	}, [e.milestones, a]), c = t((t) => {
+		a("milestones", (e.milestones || []).filter((e, n) => n !== t));
+	}, [e.milestones, a]);
+	return /* @__PURE__ */ r("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+				className: "block text-sm font-medium text-text-primary mb-1",
+				children: "Maximum Value"
+			}), /* @__PURE__ */ n("input", {
+				type: "number",
+				value: e.max ?? 100,
+				onChange: (e) => a("max", Number(e.target.value)),
+				className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            "
+			})] }),
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+				className: "block text-sm font-medium text-text-primary mb-1",
+				children: "Bar Height (px)"
+			}), /* @__PURE__ */ n("input", {
+				type: "number",
+				value: e.barHeight ?? 12,
+				onChange: (e) => a("barHeight", Number(e.target.value)),
+				min: 4,
+				max: 32,
+				className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            "
+			})] }),
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+				className: "block text-sm font-medium text-text-primary mb-1",
+				children: "Value Format"
+			}), /* @__PURE__ */ r("select", {
+				value: e.format || "number",
+				onChange: (e) => a("format", e.target.value),
+				className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            ",
+				children: [
+					/* @__PURE__ */ n("option", {
+						value: "number",
+						children: "Number"
+					}),
+					/* @__PURE__ */ n("option", {
+						value: "currency",
+						children: "Currency"
+					}),
+					/* @__PURE__ */ n("option", {
+						value: "compact",
+						children: "Compact (1K, 1M)"
+					})
+				]
+			})] }),
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+				className: "block text-sm font-medium text-text-primary mb-1",
+				children: "Color Mode"
+			}), /* @__PURE__ */ r("select", {
+				value: e.colorMode || "default",
+				onChange: (e) => a("colorMode", e.target.value),
+				className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            ",
+				children: [
+					/* @__PURE__ */ n("option", {
+						value: "default",
+						children: "Default (Blue)"
+					}),
+					/* @__PURE__ */ n("option", {
+						value: "dynamic",
+						children: "Dynamic (based on progress)"
+					}),
+					/* @__PURE__ */ n("option", {
+						value: "success",
+						children: "Success (Green)"
+					}),
+					/* @__PURE__ */ n("option", {
+						value: "warning",
+						children: "Warning (Yellow)"
+					}),
+					/* @__PURE__ */ n("option", {
+						value: "error",
+						children: "Error (Red)"
+					})
+				]
+			})] }),
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ r("div", {
+				className: "flex items-center justify-between mb-2",
+				children: [/* @__PURE__ */ n("label", {
+					className: "text-sm font-medium text-text-primary",
+					children: "Milestones"
+				}), /* @__PURE__ */ n("button", {
+					type: "button",
+					onClick: s,
+					className: "\n                text-sm text-action-primary-bg\n                hover:text-action-primary-bgHover\n              ",
+					children: "+ Add Milestone"
+				})]
+			}), /* @__PURE__ */ r("div", {
+				className: "space-y-2",
+				children: [(e.milestones || []).map((e, t) => /* @__PURE__ */ r("div", {
+					className: "\n                  flex items-center gap-2\n                  p-2\n                  bg-bg-muted\n                  rounded-md\n                ",
+					children: [
+						/* @__PURE__ */ n("input", {
+							type: "number",
+							value: e.position,
+							onChange: (e) => o(t, "position", Number(e.target.value)),
+							min: 0,
+							max: 100,
+							className: "\n                    w-20 px-2 py-1\n                    text-sm text-text-primary\n                    bg-bg-surface\n                    border border-border-default\n                    rounded-md\n                    focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  ",
+							placeholder: "%"
+						}),
+						/* @__PURE__ */ n("input", {
+							type: "text",
+							value: e.label || "",
+							onChange: (e) => o(t, "label", e.target.value),
+							className: "\n                    flex-1 px-2 py-1\n                    text-sm text-text-primary\n                    bg-bg-surface\n                    border border-border-default\n                    rounded-md\n                    focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  ",
+							placeholder: "Label (optional)"
+						}),
+						/* @__PURE__ */ n("button", {
+							type: "button",
+							onClick: () => c(t),
+							className: "text-state-error hover:text-state-error/80 p-1",
+							children: /* @__PURE__ */ n("svg", {
+								className: "w-4 h-4",
+								fill: "none",
+								stroke: "currentColor",
+								viewBox: "0 0 24 24",
+								children: /* @__PURE__ */ n("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 2,
+									d: "M6 18L18 6M6 6l12 12"
+								})
+							})
+						})
+					]
+				}, t)), (!e.milestones || e.milestones.length === 0) && /* @__PURE__ */ n("p", {
+					className: "text-sm text-text-secondary text-center py-2",
+					children: "No milestones configured"
+				})]
+			})] }),
+			/* @__PURE__ */ r("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ r("label", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ n("input", {
+						type: "checkbox",
+						checked: e.showPercentage !== !1,
+						onChange: (e) => a("showPercentage", e.target.checked),
+						className: "\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              "
+					}), /* @__PURE__ */ n("span", {
+						className: "text-sm text-text-primary",
+						children: "Show percentage labels"
+					})]
+				}), /* @__PURE__ */ r("label", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ n("input", {
+						type: "checkbox",
+						checked: e.showMax !== !1,
+						onChange: (e) => a("showMax", e.target.checked),
+						className: "\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              "
+					}), /* @__PURE__ */ n("span", {
+						className: "text-sm text-text-primary",
+						children: "Show maximum value"
+					})]
+				})]
+			})
+		]
+	});
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=ProgressConfig.js.map

package/dist/bigconsole/components/widgets/progress/ProgressConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressConfig.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/progress/ProgressConfig.tsx"],"sourcesContent":["/**\n * ProgressConfig Component\n *\n * Configuration panel for Progress widgets.\n */\n\nimport { type FC, memo, useCallback } from 'react';\nimport type { ProgressConfig as ConfigType, ProgressMilestone } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ProgressConfigProps {\n  /** Current configuration */\n  config: ConfigType;\n  /** Callback when config changes */\n  onChange: (config: ConfigType) => void;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ProgressConfig: FC<ProgressConfigProps> = memo(function ProgressConfig({ config, onChange }) {\n  const handleChange = useCallback(\n    <K extends keyof ConfigType>(key: K, value: ConfigType[K]) => {\n      onChange({ ...config, [key]: value });\n    },\n    [config, onChange]\n  );\n\n  const handleMilestoneChange = useCallback(\n    (index: number, field: 'position' | 'label', value: string | number) => {\n      const milestones = [...(config.milestones || [])];\n      milestones[index] = { ...milestones[index], [field]: value };\n      handleChange('milestones', milestones);\n    },\n    [config.milestones, handleChange]\n  );\n\n  const addMilestone = useCallback(() => {\n    const milestones = [...(config.milestones || []), { position: 50, label: '', value: 50 }];\n    handleChange('milestones', milestones as ProgressMilestone[]);\n  }, [config.milestones, handleChange]);\n\n  const removeMilestone = useCallback(\n    (index: number) => {\n      const milestones = (config.milestones || []).filter((_, i) => i !== index);\n      handleChange('milestones', milestones);\n    },\n    [config.milestones, handleChange]\n  );\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Max Value */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Maximum Value</label>\n        <input\n          type=\"number\"\n          value={config.max ?? 100}\n          onChange={(e) => handleChange('max', Number(e.target.value))}\n          className=\"\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            \"\n        />\n      </div>\n\n      {/* Bar Height */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Bar Height (px)</label>\n        <input\n          type=\"number\"\n          value={config.barHeight ?? 12}\n          onChange={(e) => handleChange('barHeight', Number(e.target.value))}\n          min={4}\n          max={32}\n          className=\"\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            \"\n        />\n      </div>\n\n      {/* Value Format */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Value Format</label>\n        <select\n          value={config.format || 'number'}\n          onChange={(e) => handleChange('format', e.target.value as ConfigType['format'])}\n          className=\"\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            \"\n        >\n          <option value=\"number\">Number</option>\n          <option value=\"currency\">Currency</option>\n          <option value=\"compact\">Compact (1K, 1M)</option>\n        </select>\n      </div>\n\n      {/* Color Mode */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Color Mode</label>\n        <select\n          value={config.colorMode || 'default'}\n          onChange={(e) => handleChange('colorMode', e.target.value as ConfigType['colorMode'])}\n          className=\"\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            \"\n        >\n          <option value=\"default\">Default (Blue)</option>\n          <option value=\"dynamic\">Dynamic (based on progress)</option>\n          <option value=\"success\">Success (Green)</option>\n          <option value=\"warning\">Warning (Yellow)</option>\n          <option value=\"error\">Error (Red)</option>\n        </select>\n      </div>\n\n      {/* Milestones */}\n      <div>\n        <div className=\"flex items-center justify-between mb-2\">\n          <label className=\"text-sm font-medium text-text-primary\">Milestones</label>\n          <button\n            type=\"button\"\n            onClick={addMilestone}\n            className=\"\n                text-sm text-action-primary-bg\n                hover:text-action-primary-bgHover\n              \"\n          >\n            + Add Milestone\n          </button>\n        </div>\n\n        <div className=\"space-y-2\">\n          {(config.milestones || []).map((milestone, index) => (\n            <div\n              key={index}\n              className=\"\n                  flex items-center gap-2\n                  p-2\n                  bg-bg-muted\n                  rounded-md\n                \"\n            >\n              <input\n                type=\"number\"\n                value={milestone.position}\n                onChange={(e) => handleMilestoneChange(index, 'position', Number(e.target.value))}\n                min={0}\n                max={100}\n                className=\"\n                    w-20 px-2 py-1\n                    text-sm text-text-primary\n                    bg-bg-surface\n                    border border-border-default\n                    rounded-md\n                    focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  \"\n                placeholder=\"%\"\n              />\n              <input\n                type=\"text\"\n                value={milestone.label || ''}\n                onChange={(e) => handleMilestoneChange(index, 'label', e.target.value)}\n                className=\"\n                    flex-1 px-2 py-1\n                    text-sm text-text-primary\n                    bg-bg-surface\n                    border border-border-default\n                    rounded-md\n                    focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  \"\n                placeholder=\"Label (optional)\"\n              />\n              <button\n                type=\"button\"\n                onClick={() => removeMilestone(index)}\n                className=\"text-state-error hover:text-state-error/80 p-1\"\n              >\n                <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n                </svg>\n              </button>\n            </div>\n          ))}\n\n          {(!config.milestones || config.milestones.length === 0) && (\n            <p className=\"text-sm text-text-secondary text-center py-2\">No milestones configured</p>\n          )}\n        </div>\n      </div>\n\n      {/* Toggle Options */}\n      <div className=\"space-y-3\">\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showPercentage !== false}\n            onChange={(e) => handleChange('showPercentage', e.target.checked)}\n            className=\"\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              \"\n          />\n          <span className=\"text-sm text-text-primary\">Show percentage labels</span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showMax !== false}\n            onChange={(e) => handleChange('showMax', e.target.checked)}\n            className=\"\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              \"\n          />\n          <span className=\"text-sm text-text-primary\">Show maximum value</span>\n        </label>\n      </div>\n    </div>\n  );\n});\n\nexport default ProgressConfig;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/progress/ProgressWidget.d.ts

@@ -0,0 +1,28 @@
+import { FC } from 'react';
+import { Widget } from '../../../types';
+
+export interface ProgressWidgetProps {
+    /** Widget configuration */
+    widget: Widget;
+    /** Progress data */
+    data?: ProgressData;
+    /** Click handler for drilldown */
+    onClick?: () => void;
+    /** Drilldown handler - receives progress data */
+    onDrilldown?: (selectedData: Record<string, unknown>) => void;
+}
+export interface ProgressData {
+    /** Current value */
+    value: number;
+    /** Maximum value (for calculating percentage) */
+    max?: number;
+    /** Target value */
+    target?: number;
+    /** Label for the progress */
+    label?: string;
+    /** Description text */
+    description?: string;
+}
+export declare const ProgressWidget: FC<ProgressWidgetProps>;
+export default ProgressWidget;
+//# sourceMappingURL=ProgressWidget.d.ts.map

package/dist/bigconsole/components/widgets/progress/ProgressWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/progress/ProgressWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA8B,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAkB,MAAM,gBAAgB,CAAC;AAQ7D,MAAM,WAAW,mBAAmB;IAClC,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,MAAM,WAAW,YAAY;IAC3B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAsRjD,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/bigconsole/components/widgets/progress/ProgressWidget.js

@@ -0,0 +1,201 @@
+import { firstObjectRow as e, inferMaxValue as t, inferValueField as n, unwrapRows as r } from "../utils/inferFields.js";
+import i from "./ProgressBar.js";
+import { memo as a, useCallback as o, useMemo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/progress/ProgressWidget.tsx
+var u = a(function({ widget: a, data: u, onClick: d, onDrilldown: f }) {
+	let p = a.config, m = s(() => {
+		if (!u) return;
+		if (typeof u == "object" && !Array.isArray(u) && "value" in u) {
+			let e = u.value;
+			if (typeof e == "number") return u;
+			if (typeof e == "string") {
+				let t = Number(e);
+				if (Number.isFinite(t)) return {
+					...u,
+					value: t
+				};
+			}
+		}
+		let i = e(u);
+		if (!i) return;
+		let a = p?.valueField, o = (e, t) => t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e), s = (e) => {
+			if (typeof e == "number" && Number.isFinite(e)) return e;
+			if (typeof e == "string") {
+				let t = Number(e);
+				if (Number.isFinite(t)) return t;
+			}
+			return null;
+		}, c = typeof i.label == "string" ? i.label : typeof i.name == "string" ? i.name : void 0;
+		if (a) {
+			let e = r(u) ?? [i];
+			for (let n of e) if (n && typeof n == "object") {
+				let e = n, r = s(o(e, a));
+				if (r !== null) {
+					let n = typeof e.label == "string" ? e.label : typeof e.name == "string" ? e.name : c;
+					return {
+						value: r,
+						max: p?.max ?? t(u, a) ?? void 0,
+						label: n
+					};
+				}
+			}
+			return;
+		}
+		let l = n(i);
+		if (!l) return;
+		let d = s(i[l]);
+		if (d !== null) return {
+			value: d,
+			max: p?.max ?? t(u, l) ?? void 0,
+			label: c
+		};
+	}, [u, p]), h = s(() => {
+		if (!m) return 0;
+		let e = m.max || p?.max || 100;
+		return m.value / e * 100;
+	}, [m, p?.max]), g = s(() => {
+		if (!m?.target) return;
+		let e = m.max || p?.max || 100;
+		return m.target / e * 100;
+	}, [m, p?.max]), _ = s(() => p?.milestones?.length ? p.milestones.map((e) => ({
+		position: e.position ?? e.value ?? 0,
+		label: e.label,
+		reached: h >= (e.position ?? e.value ?? 0)
+	})) : [], [p?.milestones, h]), v = s(() => p?.colorMode === "dynamic" ? "dynamic" : p?.colorMode === "success" ? "success" : p?.colorMode === "warning" ? "warning" : p?.colorMode === "error" ? "error" : "default", [p?.colorMode]), y = s(() => {
+		if (!m) return "0";
+		switch (p?.format || "number") {
+			case "currency": return new Intl.NumberFormat("en-US", {
+				style: "currency",
+				currency: "USD",
+				maximumFractionDigits: 0
+			}).format(m.value);
+			case "compact": return new Intl.NumberFormat("en-US", {
+				notation: "compact",
+				maximumFractionDigits: 1
+			}).format(m.value);
+			default: return new Intl.NumberFormat("en-US").format(m.value);
+		}
+	}, [m, p?.format]), b = s(() => {
+		let e = m?.max || p?.max || 100;
+		switch (p?.format || "number") {
+			case "currency": return new Intl.NumberFormat("en-US", {
+				style: "currency",
+				currency: "USD",
+				maximumFractionDigits: 0
+			}).format(e);
+			case "compact": return new Intl.NumberFormat("en-US", {
+				notation: "compact",
+				maximumFractionDigits: 1
+			}).format(e);
+			default: return new Intl.NumberFormat("en-US").format(e);
+		}
+	}, [
+		m?.max,
+		p?.max,
+		p?.format
+	]), x = o(() => {
+		f && m ? f({
+			value: m.value,
+			max: m.max,
+			target: m.target,
+			label: m.label,
+			percentage: h
+		}) : d && a.drilldowns?.length && d();
+	}, [
+		d,
+		f,
+		a.drilldowns,
+		m,
+		h
+	]), S = !!(a.drilldown?.enabled || d && a.drilldowns?.length);
+	return m ? /* @__PURE__ */ l("div", {
+		className: `
+          flex flex-col h-full p-4
+          ${S ? "cursor-pointer hover:bg-bg-muted/50 transition-colors" : ""}
+        `,
+		onClick: x,
+		role: S ? "button" : void 0,
+		tabIndex: S ? 0 : void 0,
+		onKeyDown: (e) => {
+			S && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), x());
+		},
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-start justify-between mb-4",
+				children: [/* @__PURE__ */ l("div", {
+					className: "flex-1",
+					children: [m.label && /* @__PURE__ */ c("h4", {
+						className: "text-sm font-medium text-text-primary",
+						children: m.label
+					}), m.description && /* @__PURE__ */ c("p", {
+						className: "text-xs text-text-secondary mt-0.5",
+						children: m.description
+					})]
+				}), /* @__PURE__ */ l("div", {
+					className: "text-right",
+					children: [/* @__PURE__ */ c("span", {
+						className: "text-2xl font-bold text-text-primary",
+						children: y
+					}), p?.showMax !== !1 && /* @__PURE__ */ l("span", {
+						className: "text-sm text-text-secondary",
+						children: [" / ", b]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ c(i, {
+				value: h,
+				target: g,
+				milestones: _,
+				height: p?.barHeight || 12,
+				color: v,
+				showPercentage: p?.showPercentage !== !1
+			}),
+			m.target !== void 0 && /* @__PURE__ */ l("div", {
+				className: "mt-3 flex items-center gap-2 text-xs",
+				children: [/* @__PURE__ */ c("svg", {
+					className: "w-4 h-4 text-text-secondary",
+					fill: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ c("path", { d: "M5 21V3h14l-3 9 3 9H5z" })
+				}), /* @__PURE__ */ l("span", {
+					className: "text-text-secondary",
+					children: [
+						"Target:",
+						" ",
+						/* @__PURE__ */ c("span", {
+							className: "font-medium text-text-primary",
+							children: new Intl.NumberFormat("en-US").format(m.target)
+						}),
+						h >= (g || 0) && /* @__PURE__ */ c("span", {
+							className: "text-state-success ml-1",
+							children: "Reached!"
+						})
+					]
+				})]
+			}),
+			S && /* @__PURE__ */ c("div", {
+				className: "mt-auto pt-3 flex items-center justify-end",
+				children: /* @__PURE__ */ l("span", {
+					className: "text-xs text-text-secondary flex items-center gap-1",
+					children: ["View details", /* @__PURE__ */ c("svg", {
+						className: "w-3 h-3",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ c("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M9 5l7 7-7 7"
+						})
+					})]
+				})
+			})
+		]
+	}) : null;
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=ProgressWidget.js.map

package/dist/bigconsole/components/widgets/progress/ProgressWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/progress/ProgressWidget.tsx"],"sourcesContent":["/**\n * ProgressWidget Component\n *\n * Progress bar widget with target, milestones, and color stages.\n */\n\nimport { type FC, memo, useMemo, useCallback } from 'react';\nimport type { Widget, ProgressConfig } from '../../../types';\nimport { ProgressBar, type Milestone } from './ProgressBar';\nimport { firstObjectRow, inferValueField, inferMaxValue, unwrapRows } from '../utils/inferFields';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ProgressWidgetProps {\n  /** Widget configuration */\n  widget: Widget;\n  /** Progress data */\n  data?: ProgressData;\n  /** Click handler for drilldown */\n  onClick?: () => void;\n  /** Drilldown handler - receives progress data */\n  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n}\n\nexport interface ProgressData {\n  /** Current value */\n  value: number;\n  /** Maximum value (for calculating percentage) */\n  max?: number;\n  /** Target value */\n  target?: number;\n  /** Label for the progress */\n  label?: string;\n  /** Description text */\n  description?: string;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ProgressWidget: FC<ProgressWidgetProps> = memo(function ProgressWidget({\n  widget,\n  data: rawData,\n  onClick,\n  onDrilldown,\n}) {\n  const config = widget.config as unknown as ProgressConfig | undefined;\n\n  // BOFF-2246 smart default: if rawData is an array (or envelope) rather than\n  // the expected `ProgressData` single object, pull the configured valueField\n  // (flat OR dotted, e.g. `metrics.revenue`) or fall back to the first\n  // numeric field. Auto-compute a sensible max from the dataset.\n  const normalizedData = useMemo((): ProgressData | undefined => {\n    if (!rawData) return undefined;\n    // Already the expected shape — pass through. Accept both number and\n    // numeric-string `value`, since parsers sometimes serialize metrics as\n    // strings and the pre-BOFF-2246 code path rendered those via implicit\n    // JS coercion in percentage math.\n    if (typeof rawData === 'object' && !Array.isArray(rawData) && 'value' in rawData) {\n      const rawValue = (rawData as { value: unknown }).value;\n      if (typeof rawValue === 'number') {\n        return rawData as ProgressData;\n      }\n      if (typeof rawValue === 'string') {\n        const parsed = Number(rawValue);\n        if (Number.isFinite(parsed)) {\n          // Coerce to number so downstream math is deterministic.\n          return { ...(rawData as ProgressData), value: parsed };\n        }\n      }\n    }\n    const row = firstObjectRow(rawData);\n    if (!row) return undefined;\n    const configuredField = (config as Record<string, unknown> | undefined)?.valueField as string | undefined;\n\n    // Supports dotted paths like `metrics.revenue` so nested valueFields\n    // configured in widget config resolve on array/envelope payloads the\n    // same way they do on single-object payloads.\n    const getNestedValue = (obj: Record<string, unknown>, path: string): unknown =>\n      path.split('.').reduce<unknown>((current, key) => {\n        return current && typeof current === 'object' ? (current as Record<string, unknown>)[key] : undefined;\n      }, obj);\n\n    // Coerce `number` or finite numeric string to a number. Mirrors the\n    // pass-through branch above so the row path doesn't silently fall back\n    // to inference when a parser serializes metrics as strings.\n    const toNumber = (v: unknown): number | null => {\n      if (typeof v === 'number' && Number.isFinite(v)) return v;\n      if (typeof v === 'string') {\n        const n = Number(v);\n        if (Number.isFinite(n)) return n;\n      }\n      return null;\n    };\n\n    const labelFromRow =\n      typeof row.label === 'string' ? row.label : typeof row.name === 'string' ? row.name : undefined;\n\n    // Configured field is authoritative — scan every row for it so sparse\n    // envelopes like `{data:[{id:1},{revenue:120}]}` with\n    // `valueField:\"revenue\"` still resolve. If no row carries it, return\n    // undefined rather than substituting an unrelated numeric column from\n    // row[0] via inference (that would silently misrepresent user config).\n    if (configuredField) {\n      const rows = unwrapRows(rawData) ?? [row];\n      for (const r of rows) {\n        if (r && typeof r === 'object') {\n          const resolvedRow = r as Record<string, unknown>;\n          const resolved = toNumber(getNestedValue(resolvedRow, configuredField));\n          if (resolved !== null) {\n            const rowLabel =\n              typeof resolvedRow.label === 'string'\n                ? resolvedRow.label\n                : typeof resolvedRow.name === 'string'\n                  ? resolvedRow.name\n                  : labelFromRow;\n            return {\n              value: resolved,\n              max: config?.max ?? inferMaxValue(rawData, configuredField) ?? undefined,\n              label: rowLabel,\n            };\n          }\n        }\n      }\n      return undefined;\n    }\n\n    // Fall back to inference (only when no configured field). `inferValueField`\n    // already filters to numeric fields, but we still coerce here for symmetry\n    // with the configured branch above.\n    const inferred = inferValueField(row);\n    if (!inferred) return undefined;\n    const inferredValue = toNumber(row[inferred]);\n    if (inferredValue === null) return undefined;\n    return {\n      value: inferredValue,\n      max: config?.max ?? inferMaxValue(rawData, inferred) ?? undefined,\n      label: labelFromRow,\n    };\n  }, [rawData, config]);\n\n  // Downstream render uses the normalized shape. Name kept as `data` so the\n  // rest of the component body (formattedValue, handleClick, header, etc.)\n  // stays unchanged.\n  const data = normalizedData;\n\n  // Calculate percentage\n  const percentage = useMemo(() => {\n    if (!data) return 0;\n    const max = data.max || config?.max || 100;\n    return (data.value / max) * 100;\n  }, [data, config?.max]);\n\n  // Calculate target percentage\n  const targetPercentage = useMemo(() => {\n    if (!data?.target) return undefined;\n    const max = data.max || config?.max || 100;\n    return (data.target / max) * 100;\n  }, [data, config?.max]);\n\n  // Build milestones from config\n  const milestones: Milestone[] = useMemo(() => {\n    if (!config?.milestones?.length) return [];\n    return config.milestones.map((m) => ({\n      position: m.position ?? m.value ?? 0,\n      label: m.label,\n      reached: percentage >= (m.position ?? m.value ?? 0),\n    }));\n  }, [config?.milestones, percentage]);\n\n  // Determine color mode\n  const colorMode = useMemo(() => {\n    if (config?.colorMode === 'dynamic') return 'dynamic';\n    if (config?.colorMode === 'success') return 'success';\n    if (config?.colorMode === 'warning') return 'warning';\n    if (config?.colorMode === 'error') return 'error';\n    return 'default';\n  }, [config?.colorMode]);\n\n  // Format value\n  const formattedValue = useMemo(() => {\n    if (!data) return '0';\n    const format = config?.format || 'number';\n\n    switch (format) {\n      case 'currency':\n        return new Intl.NumberFormat('en-US', {\n          style: 'currency',\n          currency: 'USD',\n          maximumFractionDigits: 0,\n        }).format(data.value);\n      case 'compact':\n        return new Intl.NumberFormat('en-US', {\n          notation: 'compact',\n          maximumFractionDigits: 1,\n        }).format(data.value);\n      case 'number':\n      default:\n        return new Intl.NumberFormat('en-US').format(data.value);\n    }\n  }, [data, config?.format]);\n\n  const formattedMax = useMemo(() => {\n    const max = data?.max || config?.max || 100;\n    const format = config?.format || 'number';\n\n    switch (format) {\n      case 'currency':\n        return new Intl.NumberFormat('en-US', {\n          style: 'currency',\n          currency: 'USD',\n          maximumFractionDigits: 0,\n        }).format(max);\n      case 'compact':\n        return new Intl.NumberFormat('en-US', {\n          notation: 'compact',\n          maximumFractionDigits: 1,\n        }).format(max);\n      case 'number':\n      default:\n        return new Intl.NumberFormat('en-US').format(max);\n    }\n  }, [data?.max, config?.max, config?.format]);\n\n  const handleClick = useCallback(() => {\n    // Support both legacy onClick and new onDrilldown\n    if (onDrilldown && data) {\n      onDrilldown({\n        value: data.value,\n        max: data.max,\n        target: data.target,\n        label: data.label,\n        percentage,\n      });\n    } else if (onClick && widget.drilldowns?.length) {\n      onClick();\n    }\n  }, [onClick, onDrilldown, widget.drilldowns, data, percentage]);\n\n  const hasDrilldown = !!widget.drilldown?.enabled;\n  const isClickable = Boolean(hasDrilldown || (onClick && widget.drilldowns?.length));\n\n  if (!data) {\n    return null;\n  }\n\n  return (\n    <div\n      className={`\n          flex flex-col h-full p-4\n          ${isClickable ? 'cursor-pointer hover:bg-bg-muted/50 transition-colors' : ''}\n        `}\n      onClick={handleClick}\n      role={isClickable ? 'button' : undefined}\n      tabIndex={isClickable ? 0 : undefined}\n      onKeyDown={(e) => {\n        if (isClickable && (e.key === 'Enter' || e.key === ' ')) {\n          e.preventDefault();\n          handleClick();\n        }\n      }}\n    >\n      {/* Header */}\n      <div className=\"flex items-start justify-between mb-4\">\n        <div className=\"flex-1\">\n          {data.label && <h4 className=\"text-sm font-medium text-text-primary\">{data.label}</h4>}\n          {data.description && <p className=\"text-xs text-text-secondary mt-0.5\">{data.description}</p>}\n        </div>\n\n        {/* Value display */}\n        <div className=\"text-right\">\n          <span className=\"text-2xl font-bold text-text-primary\">{formattedValue}</span>\n          {config?.showMax !== false && (\n            <span className=\"text-sm text-text-secondary\">\n              {' / '}\n              {formattedMax}\n            </span>\n          )}\n        </div>\n      </div>\n\n      {/* Progress bar */}\n      <ProgressBar\n        value={percentage}\n        target={targetPercentage}\n        milestones={milestones}\n        height={config?.barHeight || 12}\n        color={colorMode}\n        showPercentage={config?.showPercentage !== false}\n      />\n\n      {/* Target info */}\n      {data.target !== undefined && (\n        <div className=\"mt-3 flex items-center gap-2 text-xs\">\n          <svg className=\"w-4 h-4 text-text-secondary\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path d=\"M5 21V3h14l-3 9 3 9H5z\" />\n          </svg>\n          <span className=\"text-text-secondary\">\n            Target:{' '}\n            <span className=\"font-medium text-text-primary\">{new Intl.NumberFormat('en-US').format(data.target)}</span>\n            {percentage >= (targetPercentage || 0) && <span className=\"text-state-success ml-1\">Reached!</span>}\n          </span>\n        </div>\n      )}\n\n      {/* Drilldown indicator */}\n      {isClickable && (\n        <div className=\"mt-auto pt-3 flex items-center justify-end\">\n          <span className=\"text-xs text-text-secondary flex items-center gap-1\">\n            View details\n            <svg className=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n            </svg>\n          </span>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default ProgressWidget;\n"],"mappings":";;;;;AA2CA,IAAa,IAA0C,EAAK,SAAwB,EAClF,WACA,MAAM,GACN,YACA,kBACC;CACD,IAAM,IAAS,EAAO,QAkGhB,IA5FiB,QAAwC;AAC7D,MAAI,CAAC,EAAS;AAKd,MAAI,OAAO,KAAY,YAAY,CAAC,MAAM,QAAQ,EAAQ,IAAI,WAAW,GAAS;GAChF,IAAM,IAAY,EAA+B;AACjD,OAAI,OAAO,KAAa,SACtB,QAAO;AAET,OAAI,OAAO,KAAa,UAAU;IAChC,IAAM,IAAS,OAAO,EAAS;AAC/B,QAAI,OAAO,SAAS,EAAO,CAEzB,QAAO;KAAE,GAAI;KAA0B,OAAO;KAAQ;;;EAI5D,IAAM,IAAM,EAAe,EAAQ;AACnC,MAAI,CAAC,EAAK;EACV,IAAM,IAAmB,GAAgD,YAKnE,KAAkB,GAA8B,MACpD,EAAK,MAAM,IAAI,CAAC,QAAiB,GAAS,MACjC,KAAW,OAAO,KAAY,WAAY,EAAoC,KAAO,KAAA,GAC3F,EAAI,EAKH,KAAY,MAA8B;AAC9C,OAAI,OAAO,KAAM,YAAY,OAAO,SAAS,EAAE,CAAE,QAAO;AACxD,OAAI,OAAO,KAAM,UAAU;IACzB,IAAM,IAAI,OAAO,EAAE;AACnB,QAAI,OAAO,SAAS,EAAE,CAAE,QAAO;;AAEjC,UAAO;KAGH,IACJ,OAAO,EAAI,SAAU,WAAW,EAAI,QAAQ,OAAO,EAAI,QAAS,WAAW,EAAI,OAAO,KAAA;AAOxF,MAAI,GAAiB;GACnB,IAAM,IAAO,EAAW,EAAQ,IAAI,CAAC,EAAI;AACzC,QAAK,IAAM,KAAK,EACd,KAAI,KAAK,OAAO,KAAM,UAAU;IAC9B,IAAM,IAAc,GACd,IAAW,EAAS,EAAe,GAAa,EAAgB,CAAC;AACvE,QAAI,MAAa,MAAM;KACrB,IAAM,IACJ,OAAO,EAAY,SAAU,WACzB,EAAY,QACZ,OAAO,EAAY,QAAS,WAC1B,EAAY,OACZ;AACR,YAAO;MACL,OAAO;MACP,KAAK,GAAQ,OAAO,EAAc,GAAS,EAAgB,IAAI,KAAA;MAC/D,OAAO;MACR;;;AAIP;;EAMF,IAAM,IAAW,EAAgB,EAAI;AACrC,MAAI,CAAC,EAAU;EACf,IAAM,IAAgB,EAAS,EAAI,GAAU;AACzC,YAAkB,KACtB,QAAO;GACL,OAAO;GACP,KAAK,GAAQ,OAAO,EAAc,GAAS,EAAS,IAAI,KAAA;GACxD,OAAO;GACR;IACA,CAAC,GAAS,EAAO,CAAC,EAQf,IAAa,QAAc;AAC/B,MAAI,CAAC,EAAM,QAAO;EAClB,IAAM,IAAM,EAAK,OAAO,GAAQ,OAAO;AACvC,SAAQ,EAAK,QAAQ,IAAO;IAC3B,CAAC,GAAM,GAAQ,IAAI,CAAC,EAGjB,IAAmB,QAAc;AACrC,MAAI,CAAC,GAAM,OAAQ;EACnB,IAAM,IAAM,EAAK,OAAO,GAAQ,OAAO;AACvC,SAAQ,EAAK,SAAS,IAAO;IAC5B,CAAC,GAAM,GAAQ,IAAI,CAAC,EAGjB,IAA0B,QACzB,GAAQ,YAAY,SAClB,EAAO,WAAW,KAAK,OAAO;EACnC,UAAU,EAAE,YAAY,EAAE,SAAS;EACnC,OAAO,EAAE;EACT,SAAS,MAAe,EAAE,YAAY,EAAE,SAAS;EAClD,EAAE,GALqC,EAAE,EAMzC,CAAC,GAAQ,YAAY,EAAW,CAAC,EAG9B,IAAY,QACZ,GAAQ,cAAc,YAAkB,YACxC,GAAQ,cAAc,YAAkB,YACxC,GAAQ,cAAc,YAAkB,YACxC,GAAQ,cAAc,UAAgB,UACnC,WACN,CAAC,GAAQ,UAAU,CAAC,EAGjB,IAAiB,QAAc;AACnC,MAAI,CAAC,EAAM,QAAO;AAGlB,UAFe,GAAQ,UAAU,UAEjC;GACE,KAAK,WACH,QAAO,IAAI,KAAK,aAAa,SAAS;IACpC,OAAO;IACP,UAAU;IACV,uBAAuB;IACxB,CAAC,CAAC,OAAO,EAAK,MAAM;GACvB,KAAK,UACH,QAAO,IAAI,KAAK,aAAa,SAAS;IACpC,UAAU;IACV,uBAAuB;IACxB,CAAC,CAAC,OAAO,EAAK,MAAM;GAEvB,QACE,QAAO,IAAI,KAAK,aAAa,QAAQ,CAAC,OAAO,EAAK,MAAM;;IAE3D,CAAC,GAAM,GAAQ,OAAO,CAAC,EAEpB,IAAe,QAAc;EACjC,IAAM,IAAM,GAAM,OAAO,GAAQ,OAAO;AAGxC,UAFe,GAAQ,UAAU,UAEjC;GACE,KAAK,WACH,QAAO,IAAI,KAAK,aAAa,SAAS;IACpC,OAAO;IACP,UAAU;IACV,uBAAuB;IACxB,CAAC,CAAC,OAAO,EAAI;GAChB,KAAK,UACH,QAAO,IAAI,KAAK,aAAa,SAAS;IACpC,UAAU;IACV,uBAAuB;IACxB,CAAC,CAAC,OAAO,EAAI;GAEhB,QACE,QAAO,IAAI,KAAK,aAAa,QAAQ,CAAC,OAAO,EAAI;;IAEpD;EAAC,GAAM;EAAK,GAAQ;EAAK,GAAQ;EAAO,CAAC,EAEtC,IAAc,QAAkB;AAEpC,EAAI,KAAe,IACjB,EAAY;GACV,OAAO,EAAK;GACZ,KAAK,EAAK;GACV,QAAQ,EAAK;GACb,OAAO,EAAK;GACZ;GACD,CAAC,GACO,KAAW,EAAO,YAAY,UACvC,GAAS;IAEV;EAAC;EAAS;EAAa,EAAO;EAAY;EAAM;EAAW,CAAC,EAGzD,IAAc,GADG,EAAO,WAAW,WACI,KAAW,EAAO,YAAY;AAM3E,QAJK,IAKH,kBAAC,OAAD;EACE,WAAW;;YAEL,IAAc,0DAA0D,GAAG;;EAEjF,SAAS;EACT,MAAM,IAAc,WAAW,KAAA;EAC/B,UAAU,IAAc,IAAI,KAAA;EAC5B,YAAY,MAAM;AAChB,GAAI,MAAgB,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjD,EAAE,gBAAgB,EAClB,GAAa;;YAXnB;GAgBE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,EAAK,SAAS,kBAAC,MAAD;MAAI,WAAU;gBAAyC,EAAK;MAAW,CAAA,EACrF,EAAK,eAAe,kBAAC,KAAD;MAAG,WAAU;gBAAsC,EAAK;MAAgB,CAAA,CACzF;QAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAwC;MAAsB,CAAA,EAC7E,GAAQ,YAAY,MACnB,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACG,OACA,EACI;QAEL;OACF;;GAGN,kBAAC,GAAD;IACE,OAAO;IACP,QAAQ;IACI;IACZ,QAAQ,GAAQ,aAAa;IAC7B,OAAO;IACP,gBAAgB,GAAQ,mBAAmB;IAC3C,CAAA;GAGD,EAAK,WAAW,KAAA,KACf,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;KAA8B,MAAK;KAAe,SAAQ;eACvE,kBAAC,QAAD,EAAM,GAAE,0BAA2B,CAAA;KAC/B,CAAA,EACN,kBAAC,QAAD;KAAM,WAAU;eAAhB;MAAsC;MAC5B;MACR,kBAAC,QAAD;OAAM,WAAU;iBAAiC,IAAI,KAAK,aAAa,QAAQ,CAAC,OAAO,EAAK,OAAO;OAAQ,CAAA;MAC1G,MAAe,KAAoB,MAAM,kBAAC,QAAD;OAAM,WAAU;iBAA0B;OAAe,CAAA;MAC9F;OACH;;GAIP,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAsE,gBAEpE,kBAAC,OAAD;MAAK,WAAU;MAAU,MAAK;MAAO,QAAO;MAAe,SAAQ;gBACjE,kBAAC,QAAD;OAAM,eAAc;OAAQ,gBAAe;OAAQ,aAAa;OAAG,GAAE;OAAiB,CAAA;MAClF,CAAA,CACD;;IACH,CAAA;GAEJ;MAzEC;EA2ET"}

package/dist/bigconsole/components/widgets/progress/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Progress Widget
+ *
+ * Progress bar with target, milestones, and color stages.
+ */
+export { ProgressWidget, type ProgressWidgetProps, type ProgressData } from './ProgressWidget';
+export { ProgressConfig, type ProgressConfigProps } from './ProgressConfig';
+export { ProgressBar, type ProgressBarProps, type Milestone } from './ProgressBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/progress/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC"}

package/dist/bigconsole/components/widgets/progress/index.js

@@ -0,0 +1,4 @@
+import e from "./ProgressBar.js";
+import t from "./ProgressWidget.js";
+import n from "./ProgressConfig.js";
+export { e as ProgressBar, n as ProgressConfig, t as ProgressWidget };

package/dist/bigconsole/components/widgets/retention/RetentionWidget.d.ts

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import { Widget } from '../../../types';
+
+export interface RetentionWidgetProps {
+    widget: Widget;
+    data?: RetentionData;
+    onClick?: (cohort: string, period: number, value: number) => void;
+}
+export interface RetentionCohort {
+    /** Cohort identifier (e.g., "Week 1", "Jan 2024") */
+    cohort: string;
+    /** Initial cohort size */
+    initialSize: number;
+    /** Retention values for each period (percentages) */
+    values: number[];
+}
+export interface RetentionData {
+    /** Period labels (e.g., ["Day 0", "Day 1", ...]) */
+    periods: string[];
+    /** Cohort data */
+    cohorts: RetentionCohort[];
+}
+export declare const RetentionWidget: FC<RetentionWidgetProps>;
+export default RetentionWidget;
+//# sourceMappingURL=RetentionWidget.d.ts.map

package/dist/bigconsole/components/widgets/retention/RetentionWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RetentionWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/retention/RetentionWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA8B,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAmB,MAAM,gBAAgB,CAAC;AAM9D,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnE;AAED,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,MAAM,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,oDAAoD;IACpD,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,kBAAkB;IAClB,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B;AAoBD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA0InD,CAAC;AAEH,eAAe,eAAe,CAAC"}