@burdenoff/microfe-bigconsole 2026.1011.10 → 2026.1012.2

package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterChip.js

@@ -1,6 +1,6 @@
 import { useEffect as e, useRef as t, useState as n } from "react";
-import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/GlobalFiltersBar/FilterChip.tsx
 var s = (e) => ({
 	bgPrimary: e ? "#1f2937" : "#ffffff",
@@ -64,13 +64,13 @@ function u(e) {
 	});
 }
 function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
-	let { t: g } = r(), [_, v] = n(!1), [y, b] = n(!1), x = t(null), S = t(null), C = s(c()), w = d != null && d !== "", T = l(d, u.type, g);
+	let { t: g } = o(), [_, v] = n(!1), [y, b] = n(!1), x = t(null), S = t(null), C = s(c()), w = d != null && d !== "", T = l(d, u.type, g);
 	return e(() => {
 		function e(e) {
 			x.current && !x.current.contains(e.target) && (v(!1), b(!1));
 		}
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, []), /* @__PURE__ */ o("div", {
+	}, []), /* @__PURE__ */ a("div", {
 		ref: x,
 		style: {
 			position: "relative",
@@ -89,7 +89,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 			maxWidth: "100%"
 		},
 		children: [
-			/* @__PURE__ */ o("span", {
+			/* @__PURE__ */ a("span", {
 				style: {
 					fontWeight: "var(--font-weight-semibold)",
 					color: "var(--color-text-primary)",
@@ -98,7 +98,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				onClick: () => v(!_),
 				children: [u.name, ":"]
 			}),
-			/* @__PURE__ */ a("span", {
+			/* @__PURE__ */ i("span", {
 				style: {
 					color: w ? "var(--color-text-primary)" : "var(--color-text-secondary)",
 					maxWidth: "min(200px, 45vw)",
@@ -111,7 +111,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				onClick: () => v(!_),
 				children: T
 			}),
-			w && /* @__PURE__ */ a("button", {
+			w && /* @__PURE__ */ i("button", {
 				onClick: (e) => {
 					e.stopPropagation(), p(void 0);
 				},
@@ -135,7 +135,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				title: g("bigconsole.filters.chip.action.clear", "Clear filter"),
 				children: "×"
 			}),
-			/* @__PURE__ */ a("button", {
+			/* @__PURE__ */ i("button", {
 				onClick: (e) => {
 					e.stopPropagation(), b(!y);
 				},
@@ -159,7 +159,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				title: g("bigconsole.filters.chip.action.options", "Filter options"),
 				children: "⋮"
 			}),
-			_ && /* @__PURE__ */ a(f, {
+			_ && /* @__PURE__ */ i(f, {
 				filter: u,
 				value: d,
 				onChange: (e) => {
@@ -167,7 +167,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				},
 				onClose: () => v(!1)
 			}),
-			y && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("div", {
+			y && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", {
 				style: {
 					position: "fixed",
 					top: 0,
@@ -179,7 +179,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 				onClick: (e) => {
 					e.stopPropagation(), b(!1);
 				}
-			}), /* @__PURE__ */ o("div", {
+			}), /* @__PURE__ */ a("div", {
 				ref: S,
 				style: {
 					position: "absolute",
@@ -195,7 +195,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 					zIndex: 99999,
 					overflow: "hidden"
 				},
-				children: [/* @__PURE__ */ o("button", {
+				children: [/* @__PURE__ */ a("button", {
 					onClick: (e) => {
 						e.stopPropagation(), b(!1), m();
 					},
@@ -215,7 +215,7 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 						fontWeight: 500
 					},
 					children: ["✏️ ", g("bigconsole.filters.chip.menu.edit", "Edit Filter")]
-				}), /* @__PURE__ */ o("button", {
+				}), /* @__PURE__ */ a("button", {
 					onClick: (e) => {
 						e.stopPropagation(), b(!1), h();
 					},
@@ -240,8 +240,8 @@ function d({ filter: u, value: d, onChange: p, onEdit: m, onDelete: h }) {
 	});
 }
 function f({ filter: e, value: t, onChange: l, onClose: u }) {
-	let { t: d } = r(), [f, p] = n(t), m = s(c());
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("div", {
+	let { t: d } = o(), [f, p] = n(t), m = s(c());
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", {
 		style: {
 			position: "fixed",
 			top: 0,
@@ -251,7 +251,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 			zIndex: 99998
 		},
 		onClick: u
-	}), /* @__PURE__ */ o("div", {
+	}), /* @__PURE__ */ a("div", {
 		style: {
 			position: "absolute",
 			top: "100%",
@@ -268,7 +268,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 		},
 		onClick: (e) => e.stopPropagation(),
 		children: [
-			e.type === "TEXT_SEARCH" && /* @__PURE__ */ a("input", {
+			e.type === "TEXT_SEARCH" && /* @__PURE__ */ i("input", {
 				type: "text",
 				value: f || "",
 				onChange: (e) => p(e.target.value),
@@ -284,7 +284,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 					color: m.textPrimary
 				}
 			}),
-			e.type === "CATEGORY" && /* @__PURE__ */ o("select", {
+			e.type === "CATEGORY" && /* @__PURE__ */ a("select", {
 				value: f || "",
 				onChange: (e) => p(e.target.value),
 				style: {
@@ -296,23 +296,23 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 					backgroundColor: m.bgPrimary,
 					color: m.textPrimary
 				},
-				children: [/* @__PURE__ */ a("option", {
+				children: [/* @__PURE__ */ i("option", {
 					value: "",
 					children: d("bigconsole.filters.chip.editor.allOption", "All")
-				}), e.config.options?.map((e) => /* @__PURE__ */ a("option", {
+				}), e.config.options?.map((e) => /* @__PURE__ */ i("option", {
 					value: String(e.value),
 					children: String(e.label)
 				}, String(e.value)))]
 			}),
 			e.type === "DATE_RANGE" && (() => {
 				let e = f || {};
-				return /* @__PURE__ */ o("div", {
+				return /* @__PURE__ */ a("div", {
 					style: {
 						display: "flex",
 						flexDirection: "column",
 						gap: "8px"
 					},
-					children: [/* @__PURE__ */ a("input", {
+					children: [/* @__PURE__ */ i("input", {
 						type: "date",
 						value: e.start || "",
 						onChange: (t) => p({
@@ -327,7 +327,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 							backgroundColor: m.bgPrimary,
 							color: m.textPrimary
 						}
-					}), /* @__PURE__ */ a("input", {
+					}), /* @__PURE__ */ i("input", {
 						type: "date",
 						value: e.end || "",
 						onChange: (t) => p({
@@ -347,12 +347,12 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 			})(),
 			e.type === "NUMERIC_RANGE" && (() => {
 				let e = f || {};
-				return /* @__PURE__ */ o("div", {
+				return /* @__PURE__ */ a("div", {
 					style: {
 						display: "flex",
 						gap: "8px"
 					},
-					children: [/* @__PURE__ */ a("input", {
+					children: [/* @__PURE__ */ i("input", {
 						type: "number",
 						value: e.min ?? "",
 						onChange: (t) => p({
@@ -369,7 +369,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 							backgroundColor: m.bgPrimary,
 							color: m.textPrimary
 						}
-					}), /* @__PURE__ */ a("input", {
+					}), /* @__PURE__ */ i("input", {
 						type: "number",
 						value: e.max ?? "",
 						onChange: (t) => p({
@@ -389,7 +389,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 					})]
 				});
 			})(),
-			e.type === "CUSTOM" && /* @__PURE__ */ a("input", {
+			e.type === "CUSTOM" && /* @__PURE__ */ i("input", {
 				type: "text",
 				value: typeof f == "string" ? f : JSON.stringify(f || ""),
 				onChange: (e) => p(e.target.value),
@@ -405,14 +405,14 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 					color: m.textPrimary
 				}
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ a("div", {
 				style: {
 					marginTop: "16px",
 					display: "flex",
 					justifyContent: "flex-end",
 					gap: "10px"
 				},
-				children: [/* @__PURE__ */ a("button", {
+				children: [/* @__PURE__ */ i("button", {
 					onClick: u,
 					style: {
 						padding: "8px 16px",
@@ -425,7 +425,7 @@ function f({ filter: e, value: t, onChange: l, onClose: u }) {
 						fontWeight: 500
 					},
 					children: d("bigconsole.filters.chip.editor.cancel", "Cancel")
-				}), /* @__PURE__ */ a("button", {
+				}), /* @__PURE__ */ i("button", {
 					onClick: () => {
 						l(f);
 					},

package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterEditor.js

@@ -1,6 +1,6 @@
 import { useEffect as e, useMemo as t, useState 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 { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/GlobalFiltersBar/FilterEditor.tsx
 var o = (e) => ({
 	bgPrimary: e ? "#1f2937" : "#ffffff",
@@ -17,7 +17,7 @@ var o = (e) => ({
 	backdropBg: "rgba(0, 0, 0, 0.5)"
 });
 function s({ filter: s, onSave: c, onClose: l }) {
-	let { t: u } = r(), [d, f] = n(!1), [p, m] = n(!1), [h, g] = n(s?.name || ""), [_, v] = n(s?.type || "CATEGORY"), [y, b] = n(s?.isRequired || !1), [x, S] = n(s?.config?.options || [{
+	let { t: u } = a(), [d, f] = n(!1), [p, m] = n(!1), [h, g] = n(s?.name || ""), [_, v] = n(s?.type || "CATEGORY"), [y, b] = n(s?.isRequired || !1), [x, S] = n(s?.config?.options || [{
 		value: "",
 		label: ""
 	}]), [C, w] = n(typeof s?.config?.field == "string" ? s.config.field : ""), [T, E] = n(s?.config?.placeholder || ""), [D, O] = n(!1);
@@ -88,7 +88,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 			f(!1);
 		}
 	}, I = h.trim() !== "" && (_ !== "CATEGORY" || x.some((e) => e.value && e.label));
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ r("div", {
 		style: {
 			position: "fixed",
 			top: 0,
@@ -105,7 +105,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 			isolation: "isolate"
 		},
 		onClick: l,
-		children: /* @__PURE__ */ a("div", {
+		children: /* @__PURE__ */ i("div", {
 			style: {
 				width: "100%",
 				maxWidth: "min(480px, calc(100vw - 2rem))",
@@ -118,7 +118,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 			},
 			onClick: (e) => e.stopPropagation(),
 			children: [
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ i("div", {
 					style: {
 						padding: "16px 20px",
 						borderBottom: `1px solid ${k.borderDefault}`,
@@ -127,7 +127,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 						justifyContent: "space-between",
 						backgroundColor: k.bgPrimary
 					},
-					children: [/* @__PURE__ */ i("h3", {
+					children: [/* @__PURE__ */ r("h3", {
 						style: {
 							margin: 0,
 							fontSize: "16px",
@@ -135,7 +135,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 							color: k.textPrimary
 						},
 						children: A ? u("bigconsole.filters.editor.title.edit", "Edit Filter") : u("bigconsole.filters.editor.title.add", "Add Filter")
-					}), /* @__PURE__ */ i("button", {
+					}), /* @__PURE__ */ r("button", {
 						onClick: l,
 						style: {
 							background: "none",
@@ -148,7 +148,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 						children: "×"
 					})]
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ i("div", {
 					style: {
 						padding: "20px",
 						overflowY: "auto",
@@ -156,9 +156,9 @@ function s({ filter: s, onSave: c, onClose: l }) {
 						backgroundColor: k.bgPrimary
 					},
 					children: [
-						/* @__PURE__ */ a("div", {
+						/* @__PURE__ */ i("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ i("label", {
+							children: [/* @__PURE__ */ r("label", {
 								style: {
 									display: "block",
 									marginBottom: "6px",
@@ -167,7 +167,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 									color: k.textPrimary
 								},
 								children: u("bigconsole.filters.editor.field.name.label", "Filter Name *")
-							}), /* @__PURE__ */ i("input", {
+							}), /* @__PURE__ */ r("input", {
 								type: "text",
 								value: h,
 								onChange: (e) => g(e.target.value),
@@ -184,35 +184,35 @@ function s({ filter: s, onSave: c, onClose: l }) {
 								}
 							})]
 						}),
-						/* @__PURE__ */ a("div", {
+						/* @__PURE__ */ i("div", {
 							style: { marginBottom: "16px" },
 							children: [
-								/* @__PURE__ */ i("label", {
+								/* @__PURE__ */ r("label", {
 									htmlFor: "global-filter-data-field",
 									className: "mb-2 block text-sm font-medium text-text-primary",
 									children: u("bigconsole.filters.editor.dataField", "Data field (optional)")
 								}),
-								/* @__PURE__ */ i("input", {
+								/* @__PURE__ */ r("input", {
 									id: "global-filter-data-field",
 									value: C,
 									onChange: (e) => w(e.target.value),
 									className: "w-full rounded-button border border-border-subtle bg-bg-surface px-3 py-2 text-text-primary",
 									placeholder: u("bigconsole.filters.editor.dataFieldPlaceholder", "e.g., region, country, cohort")
 								}),
-								/* @__PURE__ */ i("p", {
+								/* @__PURE__ */ r("p", {
 									className: "mt-1 text-xs text-text-secondary",
 									children: u("bigconsole.filters.editor.dataFieldHelp", "Match a field in the parser output. Leave blank to use automatic matching.")
 								})
 							]
 						}),
-						p && /* @__PURE__ */ i("p", {
+						p && /* @__PURE__ */ r("p", {
 							role: "alert",
 							className: "mb-3 text-sm text-status-error-text",
 							children: u("bigconsole.filters.editor.saveError", "The filter could not be saved. Your changes are still here; try again.")
 						}),
-						!A && /* @__PURE__ */ a("div", {
+						!A && /* @__PURE__ */ i("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ i("label", {
+							children: [/* @__PURE__ */ r("label", {
 								style: {
 									display: "block",
 									marginBottom: "8px",
@@ -221,13 +221,13 @@ function s({ filter: s, onSave: c, onClose: l }) {
 									color: k.textPrimary
 								},
 								children: u("bigconsole.filters.editor.field.type.label", "Filter Type *")
-							}), /* @__PURE__ */ i("div", {
+							}), /* @__PURE__ */ r("div", {
 								style: {
 									display: "grid",
 									gridTemplateColumns: "repeat(2, 1fr)",
 									gap: "10px"
 								},
-								children: j.map((e) => /* @__PURE__ */ a("button", {
+								children: j.map((e) => /* @__PURE__ */ i("button", {
 									onClick: () => v(e.value),
 									type: "button",
 									style: {
@@ -240,14 +240,14 @@ function s({ filter: s, onSave: c, onClose: l }) {
 										transition: "all 0.2s ease",
 										minHeight: "60px"
 									},
-									children: [/* @__PURE__ */ i("div", {
+									children: [/* @__PURE__ */ r("div", {
 										style: {
 											fontWeight: 500,
 											fontSize: "13px",
 											color: k.textPrimary
 										},
 										children: e.label
-									}), /* @__PURE__ */ i("div", {
+									}), /* @__PURE__ */ r("div", {
 										style: {
 											fontSize: "11px",
 											color: k.textSecondary,
@@ -259,9 +259,9 @@ function s({ filter: s, onSave: c, onClose: l }) {
 								}, e.value))
 							})]
 						}),
-						_ === "CATEGORY" && /* @__PURE__ */ a("div", {
+						_ === "CATEGORY" && /* @__PURE__ */ i("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ i("label", {
+							children: [/* @__PURE__ */ r("label", {
 								style: {
 									display: "block",
 									marginBottom: "8px",
@@ -270,20 +270,20 @@ function s({ filter: s, onSave: c, onClose: l }) {
 									color: k.textPrimary
 								},
 								children: u("bigconsole.filters.editor.field.options.label", "Options")
-							}), /* @__PURE__ */ a("div", {
+							}), /* @__PURE__ */ i("div", {
 								style: {
 									display: "flex",
 									flexDirection: "column",
 									gap: "8px"
 								},
-								children: [x.map((e, t) => /* @__PURE__ */ a("div", {
+								children: [x.map((e, t) => /* @__PURE__ */ i("div", {
 									style: {
 										display: "flex",
 										gap: "8px",
 										alignItems: "center"
 									},
 									children: [
-										/* @__PURE__ */ i("input", {
+										/* @__PURE__ */ r("input", {
 											type: "text",
 											value: e.value,
 											onChange: (e) => P(t, "value", e.target.value),
@@ -299,7 +299,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 												color: k.textPrimary
 											}
 										}),
-										/* @__PURE__ */ i("input", {
+										/* @__PURE__ */ r("input", {
 											type: "text",
 											value: e.label,
 											onChange: (e) => P(t, "label", e.target.value),
@@ -315,7 +315,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 												color: k.textPrimary
 											}
 										}),
-										x.length > 1 && /* @__PURE__ */ i("button", {
+										x.length > 1 && /* @__PURE__ */ r("button", {
 											type: "button",
 											onClick: () => N(t),
 											style: {
@@ -330,7 +330,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 											children: u("bigconsole.filters.editor.field.options.remove", "Remove")
 										})
 									]
-								}, t)), /* @__PURE__ */ i("button", {
+								}, t)), /* @__PURE__ */ r("button", {
 									type: "button",
 									onClick: M,
 									style: {
@@ -346,9 +346,9 @@ function s({ filter: s, onSave: c, onClose: l }) {
 								})]
 							})]
 						}),
-						(_ === "TEXT_SEARCH" || _ === "CATEGORY") && /* @__PURE__ */ a("div", {
+						(_ === "TEXT_SEARCH" || _ === "CATEGORY") && /* @__PURE__ */ i("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ i("label", {
+							children: [/* @__PURE__ */ r("label", {
 								style: {
 									display: "block",
 									marginBottom: "8px",
@@ -357,7 +357,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 									color: k.textPrimary
 								},
 								children: u("bigconsole.filters.editor.field.placeholder.label", "Placeholder Text")
-							}), /* @__PURE__ */ i("input", {
+							}), /* @__PURE__ */ r("input", {
 								type: "text",
 								value: T,
 								onChange: (e) => E(e.target.value),
@@ -374,16 +374,16 @@ function s({ filter: s, onSave: c, onClose: l }) {
 								}
 							})]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ r("div", {
 							style: { marginBottom: "16px" },
-							children: /* @__PURE__ */ a("label", {
+							children: /* @__PURE__ */ i("label", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "8px",
 									cursor: "pointer"
 								},
-								children: [/* @__PURE__ */ i("input", {
+								children: [/* @__PURE__ */ r("input", {
 									type: "checkbox",
 									checked: y,
 									onChange: (e) => b(e.target.checked),
@@ -391,7 +391,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 										width: "16px",
 										height: "16px"
 									}
-								}), /* @__PURE__ */ i("span", {
+								}), /* @__PURE__ */ r("span", {
 									style: {
 										fontSize: "13px",
 										color: k.textPrimary
@@ -402,7 +402,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ i("div", {
 					style: {
 						padding: "16px 20px",
 						borderTop: `1px solid ${k.borderDefault}`,
@@ -411,7 +411,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 						gap: "12px",
 						backgroundColor: k.bgPrimary
 					},
-					children: [/* @__PURE__ */ i("button", {
+					children: [/* @__PURE__ */ r("button", {
 						type: "button",
 						onClick: l,
 						style: {
@@ -424,7 +424,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 							color: k.textSecondary
 						},
 						children: u("bigconsole.filters.editor.action.cancel", "Cancel")
-					}), /* @__PURE__ */ i("button", {
+					}), /* @__PURE__ */ r("button", {
 						type: "button",
 						onClick: F,
 						disabled: !I || d,