@burdenoff/microfe-bigconsole 2026.1103.2 → 2026.1103.4

package/dist/bigconsole/utils/widgetDemoCatalog.js

@@ -0,0 +1,181 @@
+//#region src/bigconsole/utils/widgetDemoCatalog.ts
+var e = [
+	{
+		type: "metric_card",
+		title: "Metric Card",
+		titleKey: "bigconsole.widgetDemo.type.metricCard.title",
+		description: "Single metric with trend and sparkline",
+		descriptionKey: "bigconsole.widgetDemo.type.metricCard.description",
+		category: "KPI"
+	},
+	{
+		type: "kpi_card_comparison",
+		title: "KPI Card Comparison",
+		titleKey: "bigconsole.widgetDemo.type.kpiCardComparison.title",
+		description: "Multiple KPIs with comparisons",
+		descriptionKey: "bigconsole.widgetDemo.type.kpiCardComparison.description",
+		category: "KPI"
+	},
+	{
+		type: "gauge",
+		title: "Gauge",
+		titleKey: "bigconsole.widgetDemo.type.gauge.title",
+		description: "Circular/linear gauge with thresholds",
+		descriptionKey: "bigconsole.widgetDemo.type.gauge.description",
+		category: "KPI"
+	},
+	{
+		type: "progress",
+		title: "Progress",
+		titleKey: "bigconsole.widgetDemo.type.progress.title",
+		description: "Progress bar with milestones",
+		descriptionKey: "bigconsole.widgetDemo.type.progress.description",
+		category: "KPI"
+	},
+	{
+		type: "chart",
+		title: "Chart (Line/Bar/Area)",
+		titleKey: "bigconsole.widgetDemo.type.chart.title",
+		description: "Time-series data visualization",
+		descriptionKey: "bigconsole.widgetDemo.type.chart.description",
+		category: "Visualization"
+	},
+	{
+		type: "funnel_chart",
+		title: "Funnel Chart",
+		titleKey: "bigconsole.widgetDemo.type.funnelChart.title",
+		description: "Conversion funnel with stages",
+		descriptionKey: "bigconsole.widgetDemo.type.funnelChart.description",
+		category: "Visualization"
+	},
+	{
+		type: "heatmap",
+		title: "Heatmap",
+		titleKey: "bigconsole.widgetDemo.type.heatmap.title",
+		description: "Grid visualization with color intensity",
+		descriptionKey: "bigconsole.widgetDemo.type.heatmap.description",
+		category: "Visualization"
+	},
+	{
+		type: "waterfall",
+		title: "Waterfall",
+		titleKey: "bigconsole.widgetDemo.type.waterfall.title",
+		description: "Cumulative changes and a final total",
+		descriptionKey: "bigconsole.widgetDemo.type.waterfall.description",
+		category: "Visualization"
+	},
+	{
+		type: "sankey",
+		title: "Sankey",
+		titleKey: "bigconsole.widgetDemo.type.sankey.title",
+		description: "Weighted flows between connected categories",
+		descriptionKey: "bigconsole.widgetDemo.type.sankey.description",
+		category: "Visualization"
+	},
+	{
+		type: "box_plot",
+		title: "Box Plot",
+		titleKey: "bigconsole.widgetDemo.type.boxPlot.title",
+		description: "Quartiles, whiskers and outliers by group",
+		descriptionKey: "bigconsole.widgetDemo.type.boxPlot.description",
+		category: "Visualization"
+	},
+	{
+		type: "map",
+		title: "Map",
+		titleKey: "bigconsole.widgetDemo.type.map.title",
+		description: "Geographic data with markers",
+		descriptionKey: "bigconsole.widgetDemo.type.map.description",
+		category: "Visualization"
+	},
+	{
+		type: "table",
+		title: "Table",
+		titleKey: "bigconsole.widgetDemo.type.table.title",
+		description: "Data table with sort/filter/pagination",
+		descriptionKey: "bigconsole.widgetDemo.type.table.description",
+		category: "Data"
+	},
+	{
+		type: "pivot_table",
+		title: "Pivot Table",
+		titleKey: "bigconsole.widgetDemo.type.pivotTable.title",
+		description: "Multi-dimensional data analysis",
+		descriptionKey: "bigconsole.widgetDemo.type.pivotTable.description",
+		category: "Data"
+	},
+	{
+		type: "retention",
+		title: "Retention / Cohort",
+		titleKey: "bigconsole.widgetDemo.type.retention.title",
+		description: "Cohort-by-period retention grid",
+		descriptionKey: "bigconsole.widgetDemo.type.retention.description",
+		category: "Data"
+	},
+	{
+		type: "list",
+		title: "List",
+		titleKey: "bigconsole.widgetDemo.type.list.title",
+		description: "Scrollable list with items",
+		descriptionKey: "bigconsole.widgetDemo.type.list.description",
+		category: "Data"
+	},
+	{
+		type: "form",
+		title: "Form (Adaptive Card)",
+		titleKey: "bigconsole.widgetDemo.type.form.title",
+		description: "Interactive form with inputs",
+		descriptionKey: "bigconsole.widgetDemo.type.form.description",
+		category: "Content"
+	},
+	{
+		type: "text",
+		title: "Text (Markdown)",
+		titleKey: "bigconsole.widgetDemo.type.text.title",
+		description: "Rich text with markdown support",
+		descriptionKey: "bigconsole.widgetDemo.type.text.description",
+		category: "Content"
+	},
+	{
+		type: "iframe",
+		title: "iFrame",
+		titleKey: "bigconsole.widgetDemo.type.iframe.title",
+		description: "Embedded external content",
+		descriptionKey: "bigconsole.widgetDemo.type.iframe.description",
+		category: "Content"
+	},
+	{
+		type: "calendar",
+		title: "Calendar",
+		titleKey: "bigconsole.widgetDemo.type.calendar.title",
+		description: "Event calendar view",
+		descriptionKey: "bigconsole.widgetDemo.type.calendar.description",
+		category: "Temporal"
+	},
+	{
+		type: "kanban",
+		title: "Kanban",
+		titleKey: "bigconsole.widgetDemo.type.kanban.title",
+		description: "Task board with columns",
+		descriptionKey: "bigconsole.widgetDemo.type.kanban.description",
+		category: "Temporal"
+	},
+	{
+		type: "timeline",
+		title: "Timeline (Gantt)",
+		titleKey: "bigconsole.widgetDemo.type.timeline.title",
+		description: "Project timeline with tasks",
+		descriptionKey: "bigconsole.widgetDemo.type.timeline.description",
+		category: "Temporal"
+	},
+	{
+		type: "custom",
+		title: "Custom",
+		titleKey: "bigconsole.widgetDemo.type.custom.title",
+		description: "User-defined widget rendering",
+		descriptionKey: "bigconsole.widgetDemo.type.custom.description",
+		category: "Custom"
+	}
+];
+//#endregion
+export { e as DEMO_WIDGET_TYPES };

package/dist/bigconsole/utils/widgetDemoSamples.d.ts

@@ -0,0 +1,10 @@
+import { WidgetType } from '../types';
+export interface DemoSample {
+    /** Config the renderer needs alongside the data (field names, chart variant, ...). */
+    config?: Record<string, unknown>;
+    /** The payload. A function so time-dependent samples are built at render time. */
+    data: unknown | (() => unknown);
+}
+export declare const DEMO_SAMPLES: Partial<Record<WidgetType, DemoSample>>;
+/** The payload for a sample, building time-dependent ones now. */
+export declare function sampleData(sample: DemoSample): unknown;

package/dist/bigconsole/utils/widgetDemoSamples.js

@@ -0,0 +1,384 @@
+//#region src/bigconsole/utils/widgetDemoSamples.ts
+var e = {
+	metric_card: { data: {
+		value: 12840,
+		changePercent: 5.2,
+		trend: "up"
+	} },
+	kpi_card_comparison: { data: { kpis: [{
+		id: "rev",
+		label: "Revenue",
+		value: 12e4,
+		previousValue: 1e5,
+		unit: "$",
+		trend: "up",
+		trendValue: 20
+	}, {
+		id: "churn",
+		label: "Churn",
+		value: 2.1,
+		unit: "%",
+		trend: "down",
+		trendValue: -.4
+	}] } },
+	chart: {
+		config: { chartType: "line" },
+		data: [
+			{
+				name: "Jan",
+				sales: 10,
+				cost: 6
+			},
+			{
+				name: "Feb",
+				sales: 14,
+				cost: 7
+			},
+			{
+				name: "Mar",
+				sales: 12,
+				cost: 9
+			},
+			{
+				name: "Apr",
+				sales: 18,
+				cost: 10
+			}
+		]
+	},
+	funnel_chart: {
+		config: { chartType: "funnel" },
+		data: { stages: [
+			{
+				name: "Visits",
+				value: 1e3
+			},
+			{
+				name: "Signups",
+				value: 400
+			},
+			{
+				name: "Paid",
+				value: 120
+			}
+		] }
+	},
+	waterfall: { data: [
+		{
+			name: "Start",
+			value: 100
+		},
+		{
+			name: "Upsell",
+			value: 30
+		},
+		{
+			name: "Churn",
+			value: -20
+		}
+	] },
+	sankey: { data: [
+		{
+			source: "Visits",
+			target: "Signups",
+			value: 400
+		},
+		{
+			source: "Signups",
+			target: "Paid",
+			value: 120
+		},
+		{
+			source: "Visits",
+			target: "Bounce",
+			value: 600
+		}
+	] },
+	box_plot: { data: [
+		{
+			group: "A",
+			value: 1
+		},
+		{
+			group: "A",
+			value: 2
+		},
+		{
+			group: "A",
+			value: 3
+		},
+		{
+			group: "A",
+			value: 4
+		},
+		{
+			group: "B",
+			value: 5
+		},
+		{
+			group: "B",
+			value: 7
+		},
+		{
+			group: "B",
+			value: 9
+		}
+	] },
+	table: { data: [
+		{
+			name: "Alice",
+			region: "EU",
+			sales: 120
+		},
+		{
+			name: "Bob",
+			region: "US",
+			sales: 95
+		},
+		{
+			name: "Chen",
+			region: "APAC",
+			sales: 143
+		}
+	] },
+	pivot_table: {
+		config: {
+			rows: ["region"],
+			columns: ["product"],
+			values: [{
+				field: "sales",
+				aggregation: "sum"
+			}]
+		},
+		data: [
+			{
+				region: "EU",
+				product: "A",
+				sales: 10
+			},
+			{
+				region: "EU",
+				product: "B",
+				sales: 20
+			},
+			{
+				region: "US",
+				product: "A",
+				sales: 30
+			},
+			{
+				region: "US",
+				product: "B",
+				sales: 15
+			}
+		]
+	},
+	gauge: { data: {
+		value: 72,
+		label: "CPU"
+	} },
+	progress: { data: {
+		value: 65,
+		max: 100,
+		label: "Quota",
+		target: 80
+	} },
+	list: { data: { items: [
+		{
+			id: "1",
+			title: "Server A",
+			subtitle: "healthy",
+			value: 99,
+			badge: {
+				text: "OK",
+				color: "success"
+			}
+		},
+		{
+			id: "2",
+			title: "Server B",
+			subtitle: "degraded",
+			value: 71
+		},
+		{
+			id: "3",
+			title: "Server C",
+			subtitle: "healthy",
+			value: 97
+		}
+	] } },
+	form: {
+		config: {
+			layout: "vertical",
+			fields: [{
+				name: "name",
+				label: "Name",
+				type: "text"
+			}, {
+				name: "email",
+				label: "Email",
+				type: "email"
+			}]
+		},
+		data: {
+			name: "Ada",
+			email: "ada@example.com"
+		}
+	},
+	text: { data: {
+		content: "# Sample note\n\nSome **bold** text and a list:\n\n- one\n- two",
+		format: "markdown"
+	} },
+	map: { data: [
+		{
+			name: "London",
+			lat: 51.5074,
+			lng: -.1278,
+			value: 10
+		},
+		{
+			name: "Paris",
+			lat: 48.8566,
+			lng: 2.3522,
+			value: 6
+		},
+		{
+			name: "Berlin",
+			lat: 52.52,
+			lng: 13.405,
+			value: 8
+		}
+	] },
+	heatmap: { data: {
+		rows: ["Mon", "Tue"],
+		columns: ["AM", "PM"],
+		cells: [
+			{
+				row: "Mon",
+				column: "AM",
+				value: 3
+			},
+			{
+				row: "Mon",
+				column: "PM",
+				value: 8
+			},
+			{
+				row: "Tue",
+				column: "AM",
+				value: 5
+			},
+			{
+				row: "Tue",
+				column: "PM",
+				value: 1
+			}
+		]
+	} },
+	calendar: { data: () => {
+		let e = Date.now(), t = (t, n) => new Date(e + t * 864e5 + n * 60 * 60 * 1e3).toISOString();
+		return { events: [
+			{
+				id: "standup",
+				title: "Team standup",
+				start: t(1, 1),
+				end: t(1, 2)
+			},
+			{
+				id: "review",
+				title: "Quarterly review",
+				start: t(3, 2),
+				end: t(3, 4)
+			},
+			{
+				id: "planning",
+				title: "Sprint planning",
+				start: t(5, 1),
+				end: t(5, 3)
+			}
+		] };
+	} },
+	kanban: { data: {
+		columns: [
+			{
+				id: "todo",
+				title: "To do"
+			},
+			{
+				id: "doing",
+				title: "In progress"
+			},
+			{
+				id: "done",
+				title: "Done"
+			}
+		],
+		tasks: [
+			{
+				id: "t1",
+				title: "Write spec",
+				column: "todo",
+				priority: "high"
+			},
+			{
+				id: "t2",
+				title: "Build it",
+				column: "doing"
+			},
+			{
+				id: "t3",
+				title: "Ship",
+				column: "done"
+			}
+		]
+	} },
+	timeline: { data: {
+		tasks: [{
+			id: "1",
+			name: "Design",
+			start: "2026-11-01",
+			end: "2026-11-10",
+			progress: 60
+		}, {
+			id: "2",
+			name: "Build",
+			start: "2026-11-08",
+			end: "2026-11-25",
+			progress: 20
+		}],
+		milestones: [{
+			id: "m1",
+			name: "Launch",
+			date: "2026-11-30"
+		}]
+	} },
+	retention: { data: {
+		periods: [
+			"Week 0",
+			"Week 1",
+			"Week 2"
+		],
+		cohorts: [{
+			cohort: "Jan",
+			initialSize: 1200,
+			values: [
+				100,
+				62,
+				41
+			]
+		}, {
+			cohort: "Feb",
+			initialSize: 900,
+			values: [
+				100,
+				58,
+				37
+			]
+		}]
+	} }
+};
+function t(e) {
+	return typeof e.data == "function" ? e.data() : e.data;
+}
+//#endregion
+export { e as DEMO_SAMPLES, t as sampleData };