@burdenoff/microfe-bigconsole 2026.1011.10 → 2026.1012.1

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

@@ -1,10 +1,10 @@
 import { SEMANTIC_COLORS as e } from "../../../utils/semanticTokens.js";
 import { useEffect as t, useRef as n, useState as r } from "react";
-import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { 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/FilterPresetSelector.tsx
 function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, onDeletePreset: d, disabled: f = !1 }) {
-	let { t: p } = i(), [m, h] = r(!1), [g, _] = r(!1), [v, y] = r(""), [b, x] = r(""), S = n(null), C = s.find((e) => e.id === c);
+	let { t: p } = o(), [m, h] = r(!1), [g, _] = r(!1), [v, y] = r(""), [b, x] = r(""), S = n(null), C = s.find((e) => e.id === c);
 	t(() => {
 		function e(e) {
 			S.current && !S.current.contains(e.target) && (h(!1), _(!1));
@@ -16,13 +16,13 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 	}, T = (e, t) => {
 		e.stopPropagation(), window.confirm(p("bigconsole.filters.presets.deleteConfirm", "Are you sure you want to delete this preset?")) && d(t);
 	};
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ a("div", {
 		ref: S,
 		style: {
 			position: "relative",
 			display: "inline-block"
 		},
-		children: [/* @__PURE__ */ o("button", {
+		children: [/* @__PURE__ */ a("button", {
 			onClick: () => !f && h(!m),
 			disabled: f,
 			style: {
@@ -42,13 +42,13 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 				maxWidth: "100%",
 				justifyContent: "space-between"
 			},
-			children: [/* @__PURE__ */ o("span", {
+			children: [/* @__PURE__ */ a("span", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: "6px"
 				},
-				children: [/* @__PURE__ */ o("svg", {
+				children: [/* @__PURE__ */ a("svg", {
 					width: "14",
 					height: "14",
 					viewBox: "0 0 24 24",
@@ -56,12 +56,12 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 					stroke: "currentColor",
 					strokeWidth: "2",
 					children: [
-						/* @__PURE__ */ a("path", { d: "M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z" }),
-						/* @__PURE__ */ a("polyline", { points: "17,21 17,13 7,13 7,21" }),
-						/* @__PURE__ */ a("polyline", { points: "7,3 7,8 15,8" })
+						/* @__PURE__ */ i("path", { d: "M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z" }),
+						/* @__PURE__ */ i("polyline", { points: "17,21 17,13 7,13 7,21" }),
+						/* @__PURE__ */ i("polyline", { points: "7,3 7,8 15,8" })
 					]
 				}), C ? C.name : p("bigconsole.filters.presets.buttonLabel", "Presets")]
-			}), /* @__PURE__ */ a("svg", {
+			}), /* @__PURE__ */ i("svg", {
 				width: "12",
 				height: "12",
 				viewBox: "0 0 24 24",
@@ -72,9 +72,9 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 					transform: m ? "rotate(180deg)" : "rotate(0deg)",
 					transition: "transform 0.2s ease"
 				},
-				children: /* @__PURE__ */ a("polyline", { points: "6,9 12,15 18,9" })
+				children: /* @__PURE__ */ i("polyline", { points: "6,9 12,15 18,9" })
 			})]
-		}), m && /* @__PURE__ */ o("div", {
+		}), m && /* @__PURE__ */ a("div", {
 			style: {
 				position: "absolute",
 				top: "100%",
@@ -90,7 +90,7 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 				overflow: "hidden"
 			},
 			children: [
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ a("div", {
 					style: {
 						padding: "12px 16px",
 						borderBottom: `1px solid ${e.borderDefault}`,
@@ -99,14 +99,14 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 						justifyContent: "space-between",
 						alignItems: "center"
 					},
-					children: [/* @__PURE__ */ a("span", {
+					children: [/* @__PURE__ */ i("span", {
 						style: {
 							fontWeight: 600,
 							fontSize: "13px",
 							color: e.textPrimary
 						},
 						children: p("bigconsole.filters.presets.header", "Filter Presets")
-					}), /* @__PURE__ */ a("button", {
+					}), /* @__PURE__ */ i("button", {
 						onClick: () => _(!0),
 						style: {
 							padding: "4px 10px",
@@ -121,14 +121,14 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 						children: p("bigconsole.filters.presets.saveCurrent", "+ Save Current")
 					})]
 				}),
-				g && /* @__PURE__ */ o("div", {
+				g && /* @__PURE__ */ a("div", {
 					style: {
 						padding: "12px 16px",
 						borderBottom: `1px solid ${e.borderDefault}`,
 						backgroundColor: e.bgSecondary
 					},
 					children: [
-						/* @__PURE__ */ a("input", {
+						/* @__PURE__ */ i("input", {
 							type: "text",
 							value: v,
 							onChange: (e) => y(e.target.value),
@@ -146,7 +146,7 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 								color: e.textPrimary
 							}
 						}),
-						/* @__PURE__ */ a("input", {
+						/* @__PURE__ */ i("input", {
 							type: "text",
 							value: b,
 							onChange: (e) => x(e.target.value),
@@ -163,13 +163,13 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 								color: e.textPrimary
 							}
 						}),
-						/* @__PURE__ */ o("div", {
+						/* @__PURE__ */ a("div", {
 							style: {
 								display: "flex",
 								gap: "8px",
 								justifyContent: "flex-end"
 							},
-							children: [/* @__PURE__ */ a("button", {
+							children: [/* @__PURE__ */ i("button", {
 								onClick: () => {
 									_(!1), y(""), x("");
 								},
@@ -183,7 +183,7 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 									color: e.textSecondary
 								},
 								children: p("bigconsole.filters.presets.cancel", "Cancel")
-							}), /* @__PURE__ */ a("button", {
+							}), /* @__PURE__ */ i("button", {
 								onClick: w,
 								disabled: !v.trim(),
 								style: {
@@ -201,12 +201,12 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 						})
 					]
 				}),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ a("div", {
 					style: {
 						maxHeight: "300px",
 						overflowY: "auto"
 					},
-					children: [s.map((t) => /* @__PURE__ */ o("div", {
+					children: [s.map((t) => /* @__PURE__ */ a("div", {
 						onClick: () => {
 							l(t.id), h(!1);
 						},
@@ -227,9 +227,9 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 							c !== t.id && (e.currentTarget.style.backgroundColor = "transparent");
 						},
 						children: [
-							/* @__PURE__ */ o("div", {
+							/* @__PURE__ */ a("div", {
 								style: { flex: 1 },
-								children: [/* @__PURE__ */ o("div", {
+								children: [/* @__PURE__ */ a("div", {
 									style: {
 										fontSize: "13px",
 										fontWeight: 500,
@@ -238,7 +238,7 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 										alignItems: "center",
 										gap: "6px"
 									},
-									children: [t.name, t.isDefault && /* @__PURE__ */ a("span", {
+									children: [t.name, t.isDefault && /* @__PURE__ */ i("span", {
 										style: {
 											fontSize: "10px",
 											padding: "2px 6px",
@@ -248,7 +248,7 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 										},
 										children: p("bigconsole.filters.presets.defaultBadge", "Default")
 									})]
-								}), t.description && /* @__PURE__ */ a("div", {
+								}), t.description && /* @__PURE__ */ i("div", {
 									style: {
 										fontSize: "11px",
 										color: e.textTertiary,
@@ -257,7 +257,7 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 									children: t.description
 								})]
 							}),
-							!t.isDefault && !t.id.startsWith("preset-last") && !t.id.startsWith("preset-this") && /* @__PURE__ */ a("button", {
+							!t.isDefault && !t.id.startsWith("preset-last") && !t.id.startsWith("preset-this") && /* @__PURE__ */ i("button", {
 								onClick: (e) => T(e, t.id),
 								style: {
 									padding: "4px",
@@ -277,17 +277,17 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 									t.currentTarget.style.backgroundColor = "transparent", t.currentTarget.style.color = e.textTertiary;
 								},
 								title: p("bigconsole.filters.presets.deletePresetTitle", "Delete preset"),
-								children: /* @__PURE__ */ o("svg", {
+								children: /* @__PURE__ */ a("svg", {
 									width: "14",
 									height: "14",
 									viewBox: "0 0 24 24",
 									fill: "none",
 									stroke: "currentColor",
 									strokeWidth: "2",
-									children: [/* @__PURE__ */ a("polyline", { points: "3,6 5,6 21,6" }), /* @__PURE__ */ a("path", { d: "M19,6v14a2,2,0,01-2,2H7a2,2,0,01-2-2V6m3,0V4a2,2,0,012-2h4a2,2,0,012,2v2" })]
+									children: [/* @__PURE__ */ i("polyline", { points: "3,6 5,6 21,6" }), /* @__PURE__ */ i("path", { d: "M19,6v14a2,2,0,01-2,2H7a2,2,0,01-2-2V6m3,0V4a2,2,0,012-2h4a2,2,0,012,2v2" })]
 								})
 							}),
-							c === t.id && /* @__PURE__ */ a("svg", {
+							c === t.id && /* @__PURE__ */ i("svg", {
 								width: "16",
 								height: "16",
 								viewBox: "0 0 24 24",
@@ -295,10 +295,10 @@ function s({ presets: s, activePresetId: c, onApplyPreset: l, onSavePreset: u, o
 								stroke: e.actionPrimaryBg,
 								strokeWidth: "3",
 								style: { marginLeft: "8px" },
-								children: /* @__PURE__ */ a("polyline", { points: "20,6 9,17 4,12" })
+								children: /* @__PURE__ */ i("polyline", { points: "20,6 9,17 4,12" })
 							})
 						]
-					}, t.id)), s.length === 0 && /* @__PURE__ */ a("div", {
+					}, t.id)), s.length === 0 && /* @__PURE__ */ i("div", {
 						style: {
 							padding: "20px 16px",
 							textAlign: "center",

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

@@ -11,12 +11,12 @@ import o from "./FilterChip.js";
 import s from "./FilterEditor.js";
 import c from "./FilterPresetSelector.js";
 import { useCallback as l, useEffect as u, useState as d } from "react";
-import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/GlobalFiltersBar/GlobalFiltersBar.tsx
 var h = `inline-flex min-h-control-sm items-center gap-icon-gap rounded-button border border-[var(--color-border-subtle)] bg-bg-surface px-3 py-1 text-sm font-medium text-text-primary motion-safe:transition-colors hover:bg-bg-accentSubtle ${n}`, g = `inline-flex min-h-control-sm items-center gap-icon-gap rounded-button px-2 py-1 text-sm font-medium text-text-secondary motion-safe:transition-colors hover:bg-bg-accentSubtle ${n}`;
 function _({ dashboardId: n, onFilterChange: _, collapsible: v = !0, className: y = "", enableUrlSync: b = !0, enablePresets: x = !0 }) {
-	let { t: S } = f(), { filters: C, loading: te, error: ne, fetchFilters: w, createFilter: T, updateFilter: E, deleteFilter: D } = ee(), O = t(), k = e((e) => e.setGlobalFilterValue), A = e((e) => e.setGlobalFilterValues), j = e((e) => e.clearGlobalFilterValue);
+	let { t: S } = m(), { filters: C, loading: te, error: ne, fetchFilters: w, createFilter: T, updateFilter: E, deleteFilter: D } = ee(), O = t(), k = e((e) => e.setGlobalFilterValue), A = e((e) => e.setGlobalFilterValues), j = e((e) => e.clearGlobalFilterValue);
 	u(() => {
 		let t = e.getState().globalFilterValues, n = Object.fromEntries(C.filter((e) => e.defaultValue !== void 0 && !(e.id in t)).map((e) => [e.id, e.defaultValue]));
 		Object.keys(n).length && A({
@@ -105,48 +105,48 @@ function _({ dashboardId: n, onFilterChange: _, collapsible: v = !0, className:
 	}, [z]), ue = l(() => {
 		re((e) => !e);
 	}, []), Q = C.filter((e) => O[e.id] !== void 0 && O[e.id] !== null && O[e.id] !== "").length;
-	if (te && C.length === 0 && !H) return /* @__PURE__ */ m("div", {
+	if (te && C.length === 0 && !H) return /* @__PURE__ */ p("div", {
 		className: `flex flex-wrap items-center gap-control-gap border-b border-[var(--color-border-subtle)] bg-bg-sunken px-card-padding py-control-gap ${y}`,
 		role: "status",
 		"aria-live": "polite",
 		"data-testid": "global-filters-loading",
-		children: [/* @__PURE__ */ p("span", { className: "h-icon-sm w-icon-sm animate-spin rounded-full border-2 border-action-primary-bg border-t-transparent" }), /* @__PURE__ */ p("span", {
+		children: [/* @__PURE__ */ f("span", { className: "h-icon-sm w-icon-sm animate-spin rounded-full border-2 border-action-primary-bg border-t-transparent" }), /* @__PURE__ */ f("span", {
 			className: "text-sm text-text-secondary",
 			children: S("bigconsole.filters.bar.loading", "Loading filters...")
 		})]
 	});
-	let $ = ne && /* @__PURE__ */ m("div", {
+	let $ = ne && /* @__PURE__ */ p("div", {
 		role: "alert",
 		className: "flex flex-wrap items-center gap-2 px-3 py-2 text-sm text-status-error-text",
-		children: [/* @__PURE__ */ p("span", { children: S("bigconsole.filters.bar.requestFailed", "Filters could not be loaded or saved. Try again.") }), /* @__PURE__ */ p("button", {
+		children: [/* @__PURE__ */ f("span", { children: S("bigconsole.filters.bar.requestFailed", "Filters could not be loaded or saved. Try again.") }), /* @__PURE__ */ f("button", {
 			type: "button",
 			onClick: () => void w(n),
 			className: g,
 			children: S("bigconsole.filters.bar.retry", "Retry")
 		})]
 	});
-	return C.length === 0 ? /* @__PURE__ */ m("div", {
+	return C.length === 0 ? /* @__PURE__ */ p("div", {
 		className: `flex flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] bg-bg-sunken px-card-padding py-control-gap ${y}`,
 		"data-testid": "global-filters-empty",
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex min-w-0 flex-wrap items-center gap-icon-gap",
-				children: [/* @__PURE__ */ p("h2", {
+				children: [/* @__PURE__ */ f("h2", {
 					className: "text-sm font-semibold text-text-primary",
 					children: S("bigconsole.filters.bar.title", "Filters")
-				}), /* @__PURE__ */ p("span", {
+				}), /* @__PURE__ */ f("span", {
 					className: "text-sm text-text-muted",
 					children: S("bigconsole.filters.bar.noFiltersConfigured", "No filters configured")
 				})]
 			}),
-			/* @__PURE__ */ p("button", {
+			/* @__PURE__ */ f("button", {
 				type: "button",
 				onClick: Y,
 				className: h,
 				children: S("bigconsole.filters.bar.addFilter", "+ Add Filter")
 			}),
 			$,
-			H && /* @__PURE__ */ p(s, {
+			H && /* @__PURE__ */ f(s, {
 				filter: W,
 				onSave: X,
 				onClose: () => {
@@ -154,49 +154,49 @@ function _({ dashboardId: n, onFilterChange: _, collapsible: v = !0, className:
 				}
 			})
 		]
-	}) : /* @__PURE__ */ m("section", {
+	}) : /* @__PURE__ */ p("section", {
 		className: `flex min-w-0 flex-col border-b border-[var(--color-border-subtle)] bg-bg-sunken ${y}`,
 		"aria-labelledby": "global-filters-heading",
 		"data-testid": "global-filters-bar",
 		children: [
 			$,
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				className: `flex flex-wrap items-center justify-between gap-control-gap px-card-padding py-control-gap ${V ? "" : "border-b border-[var(--color-border-subtle)]"}`,
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "flex min-w-0 flex-wrap items-center gap-icon-gap",
 					children: [
-						/* @__PURE__ */ p("h2", {
+						/* @__PURE__ */ f("h2", {
 							id: "global-filters-heading",
 							className: "text-sm font-semibold text-text-primary",
 							children: S("bigconsole.filters.bar.title", "Filters")
 						}),
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ f("span", {
 							className: "rounded-pill bg-bg-surface px-2 py-0.5 text-xs font-medium text-text-secondary",
 							children: C.length
 						}),
-						Q > 0 && /* @__PURE__ */ p("span", {
+						Q > 0 && /* @__PURE__ */ f("span", {
 							className: "rounded-pill bg-[var(--color-status-success-bgSubtle)] px-2 py-0.5 text-xs font-medium text-status-success-text",
 							children: S("bigconsole.filters.bar.activeCount", "{{count}} active", { count: Q ?? "" })
 						})
 					]
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "flex min-w-0 flex-wrap items-center justify-end gap-control-gap",
 					children: [
-						x && /* @__PURE__ */ p(c, {
+						x && /* @__PURE__ */ f(c, {
 							presets: P,
 							activePresetId: F,
 							onApplyPreset: ce,
 							onSavePreset: Z,
 							onDeletePreset: le
 						}),
-						b && Q > 0 && /* @__PURE__ */ m("div", {
+						b && Q > 0 && /* @__PURE__ */ p("div", {
 							style: { position: "relative" },
-							children: [/* @__PURE__ */ m("button", {
+							children: [/* @__PURE__ */ p("button", {
 								type: "button",
 								onClick: se,
 								title: S("bigconsole.filters.bar.shareUrlTitle", "Copy shareable URL with filters"),
 								className: h,
-								children: [/* @__PURE__ */ m("svg", {
+								children: [/* @__PURE__ */ p("svg", {
 									width: "14",
 									height: "14",
 									viewBox: "0 0 24 24",
@@ -204,9 +204,9 @@ function _({ dashboardId: n, onFilterChange: _, collapsible: v = !0, className:
 									stroke: "currentColor",
 									strokeWidth: "2",
 									children: [
-										/* @__PURE__ */ p("path", { d: "M4 12v8a2 2 0 002 2h12a2 2 0 002-2v-8" }),
-										/* @__PURE__ */ p("polyline", { points: "16,6 12,2 8,6" }),
-										/* @__PURE__ */ p("line", {
+										/* @__PURE__ */ f("path", { d: "M4 12v8a2 2 0 002 2h12a2 2 0 002-2v-8" }),
+										/* @__PURE__ */ f("polyline", { points: "16,6 12,2 8,6" }),
+										/* @__PURE__ */ f("line", {
 											x1: "12",
 											y1: "2",
 											x2: "12",
@@ -214,7 +214,7 @@ function _({ dashboardId: n, onFilterChange: _, collapsible: v = !0, className:
 										})
 									]
 								}), S("bigconsole.filters.bar.share", "Share")]
-							}), K && /* @__PURE__ */ p("div", {
+							}), K && /* @__PURE__ */ f("div", {
 								style: {
 									position: "absolute",
 									top: "100%",
@@ -232,19 +232,19 @@ function _({ dashboardId: n, onFilterChange: _, collapsible: v = !0, className:
 								children: S("bigconsole.filters.bar.urlCopied", "URL copied!")
 							})]
 						}),
-						Q > 0 && /* @__PURE__ */ p("button", {
+						Q > 0 && /* @__PURE__ */ f("button", {
 							type: "button",
 							onClick: oe,
 							className: `${g} text-status-error-text`,
 							children: S("bigconsole.filters.bar.resetAll", "Reset all")
 						}),
-						/* @__PURE__ */ p("button", {
+						/* @__PURE__ */ f("button", {
 							type: "button",
 							onClick: Y,
 							className: h,
 							children: S("bigconsole.filters.bar.addFilter", "+ Add Filter")
 						}),
-						v && /* @__PURE__ */ p("button", {
+						v && /* @__PURE__ */ f("button", {
 							type: "button",
 							onClick: ue,
 							"aria-expanded": !V,
@@ -255,11 +255,11 @@ function _({ dashboardId: n, onFilterChange: _, collapsible: v = !0, className:
 					]
 				})]
 			}),
-			!V && /* @__PURE__ */ p("div", {
+			!V && /* @__PURE__ */ f("div", {
 				id: "global-filters-chips",
 				className: "relative flex flex-wrap gap-control-gap px-card-padding py-control-gap",
 				style: { overflow: "visible" },
-				children: C.map((e) => /* @__PURE__ */ p(o, {
+				children: C.map((e) => /* @__PURE__ */ f(o, {
 					filter: e,
 					value: O[e.id],
 					onChange: (t) => J(e.id, t),
@@ -267,7 +267,7 @@ function _({ dashboardId: n, onFilterChange: _, collapsible: v = !0, className:
 					onDelete: () => ae(e.id)
 				}, e.id))
 			}),
-			H && /* @__PURE__ */ p(s, {
+			H && /* @__PURE__ */ f(s, {
 				filter: W,
 				onSave: X,
 				onClose: () => {