@burdenoff/microfe-bigconsole 2026.710.3 → 2026.711.2

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

@@ -11,7 +11,7 @@ import ee from "./WidgetTypeSelector.js";
 import te from "../parser/DataSinkSelector.js";
 import ne from "../parser/ParserSelector.js";
 import { memo as c, useCallback as l, useEffect as re, useMemo as ie, useState as u } from "react";
-import { Code as ae, CreditCard as d, ExternalLink as f, Layout as p, MessageSquare as oe } from "lucide-react";
+import { Code as ae, CreditCard as oe, ExternalLink as d, Layout as f, MessageSquare as p } from "lucide-react";
 import { Button as m, Card as se, CardDescription as ce, CardHeader as le, CardTitle as ue, Dialog as de, DialogContent as fe, DialogDescription as pe, DialogFooter as me, DialogHeader as he, DialogTitle as ge, Input as h, Label as g, Tabs as _e, TabsContent as _, TabsList as ve, TabsTrigger as ye, Textarea as v } from "@burdenoff/fe-libs/ui";
 import { Fragment as be, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/WidgetConfigDialog.tsx
@@ -34,26 +34,26 @@ var x = [
 	"kanban",
 	"timeline",
 	"custom"
-], S = [
+], xe = [
 	{
 		type: "BIGCONSOLE",
 		name: "BigConsole Native",
 		description: "Full-featured native widgets with all configuration options",
-		icon: p,
+		icon: f,
 		supportedTypes: x
 	},
 	{
 		type: "ADAPTIVE_CARD",
 		name: "Microsoft Adaptive Cards",
 		description: "Use Microsoft Adaptive Cards format for Teams/Outlook integration",
-		icon: d,
+		icon: oe,
 		supportedTypes: x
 	},
 	{
 		type: "BLOCKKIT",
 		name: "Slack Block Kit",
 		description: "Use Slack Block Kit format for Slack integration",
-		icon: oe,
+		icon: p,
 		supportedTypes: x
 	},
 	{
@@ -63,7 +63,7 @@ var x = [
 		icon: ae,
 		supportedTypes: x
 	}
-], xe = [
+], Se = [
 	{
 		id: "ac-simple-text",
 		name: "Simple Text Card",
@@ -158,7 +158,7 @@ var x = [
 		}
 	}
 ];
-function Se(e) {
+function Ce(e) {
 	switch (e) {
 		case "metric_card":
 		case "kpi_card_comparison": return a;
@@ -172,14 +172,14 @@ function Se(e) {
 		default: return null;
 	}
 }
-var Ce = c(function({ renderer: e, template: t, onChange: n }) {
+var we = c(function({ renderer: e, template: t, onChange: n }) {
 	let [r, i] = u(null), [a, o] = u(() => {
 		try {
 			return t && typeof t == "object" ? JSON.stringify(t, null, 2) : "";
 		} catch {
 			return "";
 		}
-	}), s = ie(() => xe.filter((t) => t.renderer === e), [e]), ee = l((e) => {
+	}), s = ie(() => Se.filter((t) => t.renderer === e), [e]), ee = l((e) => {
 		o(e);
 		try {
 			e.trim() && n(JSON.parse(e)), i(null);
@@ -254,7 +254,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 							href: "https://adaptivecards.io/designer/",
 							target: "_blank",
 							rel: "noopener noreferrer",
-							children: [/* @__PURE__ */ y(f, { className: "size-3.5" }), "Designer"]
+							children: [/* @__PURE__ */ y(d, { className: "size-3.5" }), "Designer"]
 						})
 					}),
 					e === "BLOCKKIT" && /* @__PURE__ */ y(m, {
@@ -265,20 +265,20 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 							href: "https://app.slack.com/block-kit-builder",
 							target: "_blank",
 							rel: "noopener noreferrer",
-							children: [/* @__PURE__ */ y(f, { className: "size-3.5" }), "Builder"]
+							children: [/* @__PURE__ */ y(d, { className: "size-3.5" }), "Builder"]
 						})
 					})
 				]
 			})
 		]
 	});
-}), C = c(function({ isOpen: n, widget: r, preselectedType: i, preselectedDefinition: a, onClose: o, onSave: s, dashboardId: c, installedWidgets: ae }) {
-	let d = !r, [f, p] = u(d ? i ? "general" : "type" : "general"), oe = e((e) => e.dataSinks), [x, C] = u(r?.type || i), [w, T] = u(r?.title || ""), [we, E] = u(r?.description || ""), [Te, D] = u(r?.refreshInterval ?? void 0), [O, k] = u(r?.config || {}), [A, j] = u(r?.renderer || "BIGCONSOLE"), [M, N] = u(r?.template || null), [P, F] = u(r?.config?.dataSourceType || "MOCK"), [I, L] = u(r?.config?.dataSinkKey || ""), [Ee, R] = u(r?.parserId || ""), [De, z] = u(r?.config?.endpointUrl || ""), [B, V] = u(r?.config?.httpMethod || "GET"), [H, U] = u(r?.config?.headers || ""), [W, G] = u(r?.config?.authType || "none"), [Oe, K] = u(r?.config?.authValue || ""), [ke, q] = u(r?.config?.requestBody || ""), [J, Y] = u(r?.config?.dataPath || ""), [Ae, X] = u(r?.config?.graphqlEndpoint || ""), [je, Z] = u(r?.config?.graphqlQuery || ""), [Me, Q] = u(r?.config?.graphqlVariables || ""), Ne = ie(() => x ? S.filter((e) => e.supportedTypes.includes(x)) : S, [x]);
+}), S = c(function({ isOpen: n, widget: r, preselectedType: i, preselectedDefinition: a, onClose: o, onSave: s, dashboardId: c, installedWidgets: ae, definitions: oe }) {
+	let d = !r, [f, p] = u(d ? i ? "general" : "type" : "general"), x = e((e) => e.dataSinks), [S, C] = u(r?.type || i), [w, T] = u(r?.title || ""), [Te, E] = u(r?.description || ""), [Ee, D] = u(r?.refreshInterval ?? void 0), [O, k] = u(r?.config || {}), [A, j] = u(r?.renderer || "BIGCONSOLE"), [M, N] = u(r?.template || null), [P, F] = u(r?.config?.dataSourceType || "MOCK"), [I, L] = u(r?.config?.dataSinkKey || ""), [De, R] = u(r?.parserId || ""), [Oe, z] = u(r?.config?.endpointUrl || ""), [B, V] = u(r?.config?.httpMethod || "GET"), [H, U] = u(r?.config?.headers || ""), [W, G] = u(r?.config?.authType || "none"), [ke, K] = u(r?.config?.authValue || ""), [Ae, q] = u(r?.config?.requestBody || ""), [J, Y] = u(r?.config?.dataPath || ""), [je, X] = u(r?.config?.graphqlEndpoint || ""), [Me, Z] = u(r?.config?.graphqlQuery || ""), [Ne, Q] = u(r?.config?.graphqlVariables || ""), Pe = ie(() => S ? xe.filter((e) => e.supportedTypes.includes(S)) : xe, [S]);
 	re(() => {
-		x && !Ne.find((e) => e.type === A) && (j("BIGCONSOLE"), N(null));
+		S && !Pe.find((e) => e.type === A) && (j("BIGCONSOLE"), N(null));
 	}, [
-		x,
-		Ne,
+		S,
+		Pe,
 		A
 	]), re(() => {
 		if (r) {
@@ -295,47 +295,47 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 		a,
 		n
 	]);
-	let Pe = l((e, n) => {
+	let Fe = l((e, n) => {
 		C(e);
 		let r = n || t(e);
 		r && (T(r.name), k(r.defaultConfig || {}), r.category === "Installed" && j("CUSTOM"));
-	}, []), Fe = l((e) => {
+	}, []), Ie = l((e) => {
 		if (j(e), e === "BIGCONSOLE") N(null);
 		else {
-			let t = xe.find((t) => t.renderer === e);
+			let t = Se.find((t) => t.renderer === e);
 			N(t ? t.template : {});
 		}
-	}, []), Ie = l(() => {
-		if (!x) return;
+	}, []), Le = l(() => {
+		if (!S) return;
 		let e;
 		if (I) {
-			for (let t of oe.values()) if (t.key === I) {
+			for (let t of x.values()) if (t.key === I) {
 				e = t.id;
 				break;
 			}
 		}
 		s({
-			type: x,
+			type: S,
 			title: w,
-			description: we || void 0,
-			refreshInterval: Te,
+			description: Te || void 0,
+			refreshInterval: Ee,
 			config: {
 				...O,
 				dataSourceType: P,
 				dataSinkKey: I || void 0,
 				...P === "REST_API" ? {
-					endpointUrl: De || void 0,
+					endpointUrl: Oe || void 0,
 					httpMethod: B || "GET",
 					headers: H || void 0,
 					authType: W || "none",
-					authValue: Oe || void 0,
-					requestBody: ke || void 0,
+					authValue: ke || void 0,
+					requestBody: Ae || void 0,
 					dataPath: J || void 0
 				} : {},
 				...P === "GRAPHQL" ? {
-					graphqlEndpoint: Ae || void 0,
-					graphqlQuery: je || void 0,
-					graphqlVariables: Me || void 0,
+					graphqlEndpoint: je || void 0,
+					graphqlQuery: Me || void 0,
+					graphqlVariables: Ne || void 0,
 					headers: H || void 0,
 					dataPath: J || void 0
 				} : {}
@@ -343,33 +343,33 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 			renderer: A,
 			template: A === "BIGCONSOLE" ? void 0 : M,
 			dataSinkId: e || void 0,
-			parserId: Ee || void 0
+			parserId: De || void 0
 		}), o();
 	}, [
-		x,
+		S,
 		w,
-		we,
 		Te,
+		Ee,
 		O,
 		A,
 		M,
 		P,
 		I,
-		oe,
-		Ee,
+		x,
 		De,
+		Oe,
 		B,
 		H,
 		W,
-		Oe,
 		ke,
-		J,
 		Ae,
+		J,
 		je,
 		Me,
+		Ne,
 		s,
 		o
-	]), Le = x ? t(x) : null, Re = x ? Se(x) : null, ze = A !== "BIGCONSOLE", Be = A === "BIGCONSOLE" && Re, $ = ie(() => [
+	]), Re = S ? t(S) : null, ze = S ? Ce(S) : null, Be = A !== "BIGCONSOLE", Ve = A === "BIGCONSOLE" && ze, $ = ie(() => [
 		{
 			id: "type",
 			label: "Type",
@@ -383,7 +383,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 		{
 			id: "renderer",
 			label: "Template",
-			show: ze
+			show: Be
 		},
 		{
 			id: "config",
@@ -392,7 +392,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 		}
 	].filter((e) => e.show), [
 		d,
-		ze,
+		Be,
 		!0
 	]);
 	return /* @__PURE__ */ y(de, {
@@ -419,9 +419,9 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 						children: d ? "Add Widget" : "Edit Widget"
 					}), /* @__PURE__ */ y(pe, {
 						className: "text-xs",
-						children: Le ? /* @__PURE__ */ b(be, { children: [Le.name, A !== "BIGCONSOLE" && /* @__PURE__ */ y("span", {
+						children: Re ? /* @__PURE__ */ b(be, { children: [Re.name, A !== "BIGCONSOLE" && /* @__PURE__ */ y("span", {
 							className: "ml-2 px-1.5 py-0.5 text-xs bg-action-primary-bg/10 text-primary rounded",
-							children: S.find((e) => e.type === A)?.name
+							children: xe.find((e) => e.type === A)?.name
 						})] }) : "Configure the widget data source, appearance, and actions."
 					})]
 				}),
@@ -445,7 +445,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 						},
 						children: $.map((e) => /* @__PURE__ */ y(ye, {
 							value: e.id,
-							disabled: e.id !== "type" && !x,
+							disabled: e.id !== "type" && !S,
 							style: {
 								fontSize: "12px",
 								padding: "4px 12px"
@@ -470,13 +470,14 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 									overflow: "hidden"
 								},
 								children: /* @__PURE__ */ y(ee, {
-									selectedType: x,
+									selectedType: S,
 									selectedRenderer: A,
 									onSelect: (e, t) => {
-										Pe(e, t), p("general");
+										Fe(e, t), p("general");
 									},
-									onRendererSelect: Fe,
-									installedWidgets: ae
+									onRendererSelect: Ie,
+									installedWidgets: ae,
+									definitions: oe
 								})
 							}),
 							/* @__PURE__ */ y(_, {
@@ -510,7 +511,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 												children: "Description (optional)"
 											}), /* @__PURE__ */ y(v, {
 												id: "description",
-												value: we,
+												value: Te,
 												onChange: (e) => E(e.target.value),
 												placeholder: "Brief description of this widget",
 												rows: 2
@@ -520,11 +521,11 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 											className: "space-y-2",
 											children: [/* @__PURE__ */ y(g, { children: "Renderer" }), /* @__PURE__ */ y("div", {
 												className: "grid grid-cols-2 gap-2",
-												children: Ne.map((e) => {
+												children: Pe.map((e) => {
 													let t = e.icon;
 													return /* @__PURE__ */ y(se, {
 														className: `cursor-pointer transition-colors ${A === e.type ? "border-primary bg-action-primary-bg/5" : "hover:border-primary/50"}`,
-														onClick: () => Fe(e.type),
+														onClick: () => Ie(e.type),
 														children: /* @__PURE__ */ y(le, {
 															className: "p-3",
 															children: /* @__PURE__ */ b("div", {
@@ -556,7 +557,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 											}), /* @__PURE__ */ y(h, {
 												id: "refresh",
 												type: "number",
-												value: Te || "",
+												value: Ee || "",
 												onChange: (e) => D(e.target.value ? Number(e.target.value) : void 0),
 												min: 0,
 												placeholder: "No auto-refresh"
@@ -574,7 +575,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 									padding: "12px 16px",
 									minHeight: "300px"
 								},
-								children: /* @__PURE__ */ y(Ce, {
+								children: /* @__PURE__ */ y(we, {
 									renderer: A,
 									template: M,
 									onChange: N
@@ -645,7 +646,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 													/* @__PURE__ */ b("div", {
 														className: "space-y-2",
 														children: [/* @__PURE__ */ y(g, { children: "Endpoint URL *" }), /* @__PURE__ */ y(h, {
-															value: De,
+															value: Oe,
 															onChange: (e) => z(e.target.value),
 															placeholder: "https://api.example.com/data"
 														})]
@@ -716,7 +717,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 														className: "space-y-2",
 														children: [/* @__PURE__ */ y(g, { children: W === "basic" ? "Credentials (user:pass)" : "Token/Key" }), /* @__PURE__ */ y(h, {
 															type: "password",
-															value: Oe,
+															value: ke,
 															onChange: (e) => K(e.target.value),
 															placeholder: W === "basic" ? "username:password" : "Enter token or API key"
 														})]
@@ -724,7 +725,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 													(B === "POST" || B === "PUT") && /* @__PURE__ */ b("div", {
 														className: "space-y-2",
 														children: [/* @__PURE__ */ y(g, { children: "Request Body (JSON)" }), /* @__PURE__ */ y(v, {
-															value: ke,
+															value: Ae,
 															onChange: (e) => q(e.target.value),
 															rows: 3,
 															placeholder: "{\"key\": \"value\"}",
@@ -754,7 +755,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 													/* @__PURE__ */ b("div", {
 														className: "space-y-2",
 														children: [/* @__PURE__ */ y(g, { children: "GraphQL Endpoint *" }), /* @__PURE__ */ y(h, {
-															value: Ae,
+															value: je,
 															onChange: (e) => X(e.target.value),
 															placeholder: "https://api.example.com/graphql"
 														})]
@@ -762,7 +763,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 													/* @__PURE__ */ b("div", {
 														className: "space-y-2",
 														children: [/* @__PURE__ */ y(g, { children: "Query *" }), /* @__PURE__ */ y(v, {
-															value: je,
+															value: Me,
 															onChange: (e) => Z(e.target.value),
 															rows: 5,
 															placeholder: "query GetData($limit: Int) {\n  items(limit: $limit) {\n    id\n    name\n  }\n}",
@@ -772,7 +773,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 													/* @__PURE__ */ b("div", {
 														className: "space-y-2",
 														children: [/* @__PURE__ */ y(g, { children: "Variables (JSON, optional)" }), /* @__PURE__ */ y(v, {
-															value: Me,
+															value: Ne,
 															onChange: (e) => Q(e.target.value),
 															rows: 2,
 															placeholder: "{\"limit\": 10}",
@@ -815,7 +816,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 													}),
 													/* @__PURE__ */ y(ne, {
 														consoleId: c,
-														value: Ee || null,
+														value: De || null,
 														onChange: (e) => R(e || ""),
 														filterInputSinkKey: P === "DATASINK" ? I : void 0,
 														filterStatus: void 0,
@@ -828,7 +829,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 												]
 											})
 										]
-									}), Be && Re && /* @__PURE__ */ y(Re, {
+									}), Ve && ze && /* @__PURE__ */ y(ze, {
 										config: O,
 										onChange: k
 									})]
@@ -856,7 +857,7 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 						children: f === $[0]?.id ? "Cancel" : "Back"
 					}), /* @__PURE__ */ b("div", {
 						className: "flex gap-2",
-						children: [f !== $[$.length - 1]?.id && x && /* @__PURE__ */ y(m, {
+						children: [f !== $[$.length - 1]?.id && S && /* @__PURE__ */ y(m, {
 							variant: "outline",
 							size: "sm",
 							onClick: () => {
@@ -866,8 +867,8 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 							children: "Next"
 						}), /* @__PURE__ */ y(m, {
 							size: "sm",
-							onClick: Ie,
-							disabled: !x || !w.trim() || A !== "BIGCONSOLE" && !M,
+							onClick: Le,
+							disabled: !S || !w.trim() || A !== "BIGCONSOLE" && !M,
 							children: d ? "Add Widget" : "Save"
 						})]
 					})]
@@ -877,6 +878,6 @@ var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 	});
 });
 //#endregion
-export { C as default };
+export { S as default };
 
 //# sourceMappingURL=WidgetConfigDialog.js.map