@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/widgets/WidgetRegistry.js

@@ -0,0 +1,836 @@
+//#region src/bigconsole/components/widgets/WidgetRegistry.ts
+var e = {
+	kpi_card_comparison: {
+		type: "kpi_card_comparison",
+		name: "KPI Card Comparison",
+		description: "Compare multiple KPIs side by side with trends",
+		icon: "LayoutDashboard",
+		category: "KPI",
+		component: null,
+		defaultConfig: {
+			comparisons: [],
+			showSparklines: !0,
+			layout: "horizontal",
+			format: "number"
+		},
+		defaultSize: {
+			width: 6,
+			height: 3
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 6,
+			md: 6,
+			lg: 4
+		},
+		minSize: {
+			width: 4,
+			height: 2
+		},
+		maxSize: {
+			width: 12,
+			height: 6
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !0,
+		supportsAutoRefresh: !0,
+		tags: [
+			"kpi",
+			"comparison",
+			"metrics",
+			"multi"
+		]
+	},
+	metric_card: {
+		type: "metric_card",
+		name: "Metric Card",
+		description: "Display a single KPI value with trend indicator",
+		icon: "TrendingUp",
+		category: "KPI",
+		component: null,
+		defaultConfig: {
+			format: "number",
+			decimalPlaces: 0,
+			showTrend: !0,
+			showSparkline: !1
+		},
+		defaultSize: {
+			width: 3,
+			height: 2
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 6,
+			md: 4,
+			lg: 3
+		},
+		minSize: {
+			width: 2,
+			height: 2
+		},
+		maxSize: {
+			width: 6,
+			height: 4
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !0,
+		supportsAutoRefresh: !0,
+		tags: [
+			"kpi",
+			"metric",
+			"number",
+			"trend"
+		]
+	},
+	chart: {
+		type: "chart",
+		name: "Chart",
+		description: "Multi-type chart (Line, Bar, Area, Pie)",
+		icon: "BarChart3",
+		category: "Visualization",
+		component: null,
+		defaultConfig: {
+			chartType: "line",
+			showLegend: !0,
+			legendPosition: "bottom",
+			showGrid: !0,
+			showTooltip: !0
+		},
+		defaultSize: {
+			width: 6,
+			height: 4
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 12,
+			md: 6,
+			lg: 6
+		},
+		minSize: {
+			width: 3,
+			height: 3
+		},
+		maxSize: {
+			width: 12,
+			height: 8
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !0,
+		supportsAutoRefresh: !0,
+		tags: [
+			"chart",
+			"graph",
+			"visualization",
+			"line",
+			"bar",
+			"area",
+			"pie"
+		]
+	},
+	funnel_chart: {
+		type: "funnel_chart",
+		name: "Funnel Chart",
+		description: "Visualize conversion or drop-off stages",
+		icon: "Filter",
+		category: "Visualization",
+		component: null,
+		defaultConfig: {
+			showLabels: !0,
+			showValues: !0,
+			showPercentages: !0,
+			orientation: "vertical"
+		},
+		defaultSize: {
+			width: 4,
+			height: 5
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 6,
+			md: 4,
+			lg: 4
+		},
+		minSize: {
+			width: 3,
+			height: 4
+		},
+		maxSize: {
+			width: 8,
+			height: 10
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !0,
+		supportsAutoRefresh: !0,
+		tags: [
+			"funnel",
+			"conversion",
+			"stages",
+			"pipeline"
+		]
+	},
+	table: {
+		type: "table",
+		name: "Data Table",
+		description: "Display data in sortable, filterable rows and columns",
+		icon: "Table",
+		category: "Data",
+		component: null,
+		defaultConfig: {
+			pageSize: 10,
+			sortable: !0,
+			filterable: !0,
+			stickyHeader: !0,
+			columns: []
+		},
+		defaultSize: {
+			width: 8,
+			height: 5
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 12,
+			md: 8,
+			lg: 8
+		},
+		minSize: {
+			width: 4,
+			height: 3
+		},
+		maxSize: {
+			width: 12,
+			height: 10
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !0,
+		supportsAutoRefresh: !0,
+		tags: [
+			"table",
+			"data",
+			"grid",
+			"rows"
+		]
+	},
+	pivot_table: {
+		type: "pivot_table",
+		name: "Pivot Table",
+		description: "Interactive pivot table for data analysis",
+		icon: "Grid3x3",
+		category: "Data",
+		component: null,
+		defaultConfig: {
+			rows: [],
+			columns: [],
+			values: [],
+			aggregation: "sum",
+			showTotals: !0
+		},
+		defaultSize: {
+			width: 10,
+			height: 6
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 12,
+			md: 12,
+			lg: 10
+		},
+		minSize: {
+			width: 6,
+			height: 4
+		},
+		maxSize: {
+			width: 12,
+			height: 10
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !0,
+		supportsAutoRefresh: !0,
+		tags: [
+			"pivot",
+			"table",
+			"analysis",
+			"aggregation"
+		]
+	},
+	gauge: {
+		type: "gauge",
+		name: "Gauge",
+		description: "Display a value within a range",
+		icon: "Gauge",
+		category: "KPI",
+		component: null,
+		defaultConfig: {
+			variant: "circular",
+			min: 0,
+			max: 100,
+			showValue: !0,
+			showLabels: !0,
+			thresholds: [
+				{
+					value: 33,
+					color: "red"
+				},
+				{
+					value: 66,
+					color: "yellow"
+				},
+				{
+					value: 100,
+					color: "green"
+				}
+			]
+		},
+		defaultSize: {
+			width: 3,
+			height: 3
+		},
+		defaultResponsive: {
+			xs: 6,
+			sm: 4,
+			md: 3,
+			lg: 3
+		},
+		minSize: {
+			width: 2,
+			height: 2
+		},
+		maxSize: {
+			width: 6,
+			height: 6
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !1,
+		supportsAutoRefresh: !0,
+		tags: [
+			"gauge",
+			"meter",
+			"dial",
+			"indicator"
+		]
+	},
+	progress: {
+		type: "progress",
+		name: "Progress Bar",
+		description: "Show progress towards a goal with milestones",
+		icon: "Activity",
+		category: "KPI",
+		component: null,
+		defaultConfig: {
+			showPercentage: !0,
+			showValue: !1,
+			target: null,
+			milestones: []
+		},
+		defaultSize: {
+			width: 4,
+			height: 2
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 6,
+			md: 4,
+			lg: 4
+		},
+		minSize: {
+			width: 3,
+			height: 2
+		},
+		maxSize: {
+			width: 12,
+			height: 3
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !1,
+		supportsAutoRefresh: !0,
+		tags: [
+			"progress",
+			"bar",
+			"goal",
+			"completion"
+		]
+	},
+	list: {
+		type: "list",
+		name: "List",
+		description: "Display items in a scrollable list",
+		icon: "List",
+		category: "Data",
+		component: null,
+		defaultConfig: {
+			showMetadata: !0,
+			showActions: !1,
+			showBadges: !0,
+			maxItems: 10,
+			itemClickable: !0
+		},
+		defaultSize: {
+			width: 4,
+			height: 5
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 6,
+			md: 4,
+			lg: 4
+		},
+		minSize: {
+			width: 3,
+			height: 3
+		},
+		maxSize: {
+			width: 8,
+			height: 10
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !0,
+		supportsAutoRefresh: !0,
+		tags: [
+			"list",
+			"items",
+			"scroll"
+		]
+	},
+	form: {
+		type: "form",
+		name: "Form",
+		description: "Interactive form widget for data input",
+		icon: "FileText",
+		category: "Data",
+		component: null,
+		defaultConfig: {
+			fields: [],
+			submitAction: null,
+			layout: "vertical",
+			showLabels: !0
+		},
+		defaultSize: {
+			width: 6,
+			height: 5
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 12,
+			md: 6,
+			lg: 6
+		},
+		minSize: {
+			width: 4,
+			height: 3
+		},
+		maxSize: {
+			width: 12,
+			height: 10
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !1,
+		supportsAutoRefresh: !1,
+		tags: [
+			"form",
+			"input",
+			"submit",
+			"fields"
+		]
+	},
+	text: {
+		type: "text",
+		name: "Text",
+		description: "Rich text or markdown content widget",
+		icon: "Type",
+		category: "Content",
+		component: null,
+		defaultConfig: {
+			content: "",
+			format: "markdown",
+			alignment: "left"
+		},
+		defaultSize: {
+			width: 4,
+			height: 3
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 6,
+			md: 4,
+			lg: 4
+		},
+		minSize: {
+			width: 2,
+			height: 1
+		},
+		maxSize: {
+			width: 12,
+			height: 12
+		},
+		supportsDataBinding: !1,
+		supportsDrilldown: !1,
+		supportsAutoRefresh: !1,
+		tags: [
+			"text",
+			"markdown",
+			"content",
+			"rich text"
+		]
+	},
+	iframe: {
+		type: "iframe",
+		name: "Iframe",
+		description: "Embed external content via iframe",
+		icon: "ExternalLink",
+		category: "Content",
+		component: null,
+		defaultConfig: {
+			url: "",
+			sandbox: "allow-scripts allow-same-origin",
+			allowFullscreen: !1
+		},
+		defaultSize: {
+			width: 6,
+			height: 4
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 12,
+			md: 6,
+			lg: 6
+		},
+		minSize: {
+			width: 3,
+			height: 2
+		},
+		maxSize: {
+			width: 12,
+			height: 12
+		},
+		supportsDataBinding: !1,
+		supportsDrilldown: !1,
+		supportsAutoRefresh: !1,
+		tags: [
+			"iframe",
+			"embed",
+			"external",
+			"web"
+		]
+	},
+	map: {
+		type: "map",
+		name: "Map",
+		description: "Geographic map visualization with markers",
+		icon: "MapPin",
+		category: "Visualization",
+		component: null,
+		defaultConfig: {
+			provider: "mapbox",
+			center: {
+				lat: 0,
+				lng: 0
+			},
+			zoom: 2,
+			showMarkers: !0,
+			showRegions: !1
+		},
+		defaultSize: {
+			width: 6,
+			height: 5
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 12,
+			md: 6,
+			lg: 6
+		},
+		minSize: {
+			width: 4,
+			height: 3
+		},
+		maxSize: {
+			width: 12,
+			height: 10
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !0,
+		supportsAutoRefresh: !0,
+		tags: [
+			"map",
+			"geo",
+			"location",
+			"markers"
+		]
+	},
+	heatmap: {
+		type: "heatmap",
+		name: "Heatmap",
+		description: "Display values in a color-coded grid",
+		icon: "Grid3x3",
+		category: "Visualization",
+		component: null,
+		defaultConfig: {
+			xAxisField: "",
+			yAxisField: "",
+			valueField: "",
+			colorScale: ["#f0f9ff", "#0369a1"],
+			showValues: !0
+		},
+		defaultSize: {
+			width: 6,
+			height: 5
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 12,
+			md: 6,
+			lg: 6
+		},
+		minSize: {
+			width: 4,
+			height: 4
+		},
+		maxSize: {
+			width: 12,
+			height: 10
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !0,
+		supportsAutoRefresh: !0,
+		tags: [
+			"heatmap",
+			"grid",
+			"density",
+			"color"
+		]
+	},
+	calendar: {
+		type: "calendar",
+		name: "Calendar",
+		description: "Calendar view for events and schedules",
+		icon: "Calendar",
+		category: "Temporal",
+		component: null,
+		defaultConfig: {
+			view: "month",
+			showWeekNumbers: !1,
+			firstDayOfWeek: 0,
+			eventField: ""
+		},
+		defaultSize: {
+			width: 8,
+			height: 6
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 12,
+			md: 8,
+			lg: 8
+		},
+		minSize: {
+			width: 6,
+			height: 4
+		},
+		maxSize: {
+			width: 12,
+			height: 10
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !0,
+		supportsAutoRefresh: !0,
+		tags: [
+			"calendar",
+			"events",
+			"schedule",
+			"dates"
+		]
+	},
+	kanban: {
+		type: "kanban",
+		name: "Kanban Board",
+		description: "Kanban board for task and workflow management",
+		icon: "Columns",
+		category: "Data",
+		component: null,
+		defaultConfig: {
+			columns: [],
+			cardTitleField: "",
+			cardDescriptionField: "",
+			columnField: "",
+			allowDragDrop: !0
+		},
+		defaultSize: {
+			width: 12,
+			height: 6
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 12,
+			md: 12,
+			lg: 12
+		},
+		minSize: {
+			width: 8,
+			height: 4
+		},
+		maxSize: {
+			width: 12,
+			height: 10
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !0,
+		supportsAutoRefresh: !0,
+		tags: [
+			"kanban",
+			"board",
+			"tasks",
+			"workflow"
+		]
+	},
+	timeline: {
+		type: "timeline",
+		name: "Timeline",
+		description: "Timeline or Gantt chart for project scheduling",
+		icon: "GitBranch",
+		category: "Temporal",
+		component: null,
+		defaultConfig: {
+			startDateField: "",
+			endDateField: "",
+			titleField: "",
+			groupField: "",
+			showToday: !0
+		},
+		defaultSize: {
+			width: 12,
+			height: 5
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 12,
+			md: 12,
+			lg: 12
+		},
+		minSize: {
+			width: 8,
+			height: 3
+		},
+		maxSize: {
+			width: 12,
+			height: 10
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !0,
+		supportsAutoRefresh: !0,
+		tags: [
+			"timeline",
+			"gantt",
+			"project",
+			"schedule"
+		]
+	},
+	custom: {
+		type: "custom",
+		name: "Custom Widget",
+		description: "Custom widget with user-defined rendering",
+		icon: "Puzzle",
+		category: "Custom",
+		component: null,
+		defaultConfig: {
+			componentId: "",
+			props: {}
+		},
+		defaultSize: {
+			width: 4,
+			height: 4
+		},
+		defaultResponsive: {
+			xs: 12,
+			sm: 6,
+			md: 4,
+			lg: 4
+		},
+		minSize: {
+			width: 2,
+			height: 2
+		},
+		maxSize: {
+			width: 12,
+			height: 12
+		},
+		supportsDataBinding: !0,
+		supportsDrilldown: !0,
+		supportsAutoRefresh: !0,
+		tags: [
+			"custom",
+			"plugin",
+			"extension"
+		]
+	}
+}, t = {
+	type: "custom",
+	name: "Unknown Widget",
+	description: "Unknown widget type",
+	icon: "Puzzle",
+	category: "Custom",
+	component: null,
+	defaultConfig: {},
+	defaultSize: {
+		width: 4,
+		height: 4
+	},
+	defaultResponsive: {
+		xs: 12,
+		sm: 6,
+		md: 4,
+		lg: 4
+	},
+	minSize: {
+		width: 2,
+		height: 2
+	},
+	maxSize: {
+		width: 12,
+		height: 12
+	},
+	supportsDataBinding: !0,
+	supportsDrilldown: !0,
+	supportsAutoRefresh: !0,
+	tags: ["unknown"]
+};
+function n(n) {
+	if (e[n]) return e[n];
+	let r = n.toLowerCase();
+	return e[r] ? e[r] : {
+		...t,
+		type: n
+	};
+}
+function r(t) {
+	return Object.values(e).filter((e) => e.category === t);
+}
+var i = {
+	KPI: "Metrics & KPIs",
+	Visualization: "Charts & Visualization",
+	Data: "Data Display",
+	Content: "Content",
+	Temporal: "Temporal & Scheduling",
+	Custom: "Custom",
+	Installed: "Installed from Store"
+};
+function a() {
+	return [
+		"KPI",
+		"Visualization",
+		"Data",
+		"Content",
+		"Temporal",
+		"Custom",
+		"Installed"
+	].map((e) => ({
+		category: e,
+		label: i[e],
+		widgets: r(e)
+	}));
+}
+function o(e) {
+	return e.defaultConfig?.componentId ? `installed-${e.defaultConfig.componentId}` : e.category === "Installed" ? `installed-${e.name}` : e.type;
+}
+//#endregion
+export { i as WIDGET_CATEGORY_LABELS, e as default, a as getWidgetCategories, n as getWidgetDefinition, o as getWidgetKey, r as getWidgetsByCategory };
+
+//# sourceMappingURL=WidgetRegistry.js.map