@burdenoff/microfe-bigconsole 2026.1008.10 → 2026.1008.12

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 { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#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 } = 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);
+	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);
 	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__ */ p("div", {
+	if (te && C.length === 0 && !H) return /* @__PURE__ */ m("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__ */ 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", {
+		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", {
 			className: "text-sm text-text-secondary",
 			children: S("bigconsole.filters.bar.loading", "Loading filters...")
 		})]
 	});
-	let $ = ne && /* @__PURE__ */ p("div", {
+	let $ = ne && /* @__PURE__ */ m("div", {
 		role: "alert",
 		className: "flex flex-wrap items-center gap-2 px-3 py-2 text-sm text-status-error-text",
-		children: [/* @__PURE__ */ f("span", { children: S("bigconsole.filters.bar.requestFailed", "Filters could not be loaded or saved. Try again.") }), /* @__PURE__ */ f("button", {
+		children: [/* @__PURE__ */ p("span", { children: S("bigconsole.filters.bar.requestFailed", "Filters could not be loaded or saved. Try again.") }), /* @__PURE__ */ p("button", {
 			type: "button",
 			onClick: () => void w(n),
 			className: g,
 			children: S("bigconsole.filters.bar.retry", "Retry")
 		})]
 	});
-	return C.length === 0 ? /* @__PURE__ */ p("div", {
+	return C.length === 0 ? /* @__PURE__ */ m("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__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex min-w-0 flex-wrap items-center gap-icon-gap",
-				children: [/* @__PURE__ */ f("h2", {
+				children: [/* @__PURE__ */ p("h2", {
 					className: "text-sm font-semibold text-text-primary",
 					children: S("bigconsole.filters.bar.title", "Filters")
-				}), /* @__PURE__ */ f("span", {
+				}), /* @__PURE__ */ p("span", {
 					className: "text-sm text-text-muted",
 					children: S("bigconsole.filters.bar.noFiltersConfigured", "No filters configured")
 				})]
 			}),
-			/* @__PURE__ */ f("button", {
+			/* @__PURE__ */ p("button", {
 				type: "button",
 				onClick: Y,
 				className: h,
 				children: S("bigconsole.filters.bar.addFilter", "+ Add Filter")
 			}),
 			$,
-			H && /* @__PURE__ */ f(s, {
+			H && /* @__PURE__ */ p(s, {
 				filter: W,
 				onSave: X,
 				onClose: () => {
@@ -154,49 +154,49 @@ function _({ dashboardId: n, onFilterChange: _, collapsible: v = !0, className:
 				}
 			})
 		]
-	}) : /* @__PURE__ */ p("section", {
+	}) : /* @__PURE__ */ m("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__ */ p("div", {
+			/* @__PURE__ */ m("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__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "flex min-w-0 flex-wrap items-center gap-icon-gap",
 					children: [
-						/* @__PURE__ */ f("h2", {
+						/* @__PURE__ */ p("h2", {
 							id: "global-filters-heading",
 							className: "text-sm font-semibold text-text-primary",
 							children: S("bigconsole.filters.bar.title", "Filters")
 						}),
-						/* @__PURE__ */ f("span", {
+						/* @__PURE__ */ p("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__ */ f("span", {
+						Q > 0 && /* @__PURE__ */ p("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__ */ p("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "flex min-w-0 flex-wrap items-center justify-end gap-control-gap",
 					children: [
-						x && /* @__PURE__ */ f(c, {
+						x && /* @__PURE__ */ p(c, {
 							presets: P,
 							activePresetId: F,
 							onApplyPreset: ce,
 							onSavePreset: Z,
 							onDeletePreset: le
 						}),
-						b && Q > 0 && /* @__PURE__ */ p("div", {
+						b && Q > 0 && /* @__PURE__ */ m("div", {
 							style: { position: "relative" },
-							children: [/* @__PURE__ */ p("button", {
+							children: [/* @__PURE__ */ m("button", {
 								type: "button",
 								onClick: se,
 								title: S("bigconsole.filters.bar.shareUrlTitle", "Copy shareable URL with filters"),
 								className: h,
-								children: [/* @__PURE__ */ p("svg", {
+								children: [/* @__PURE__ */ m("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__ */ 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", {
+										/* @__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", {
 											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__ */ f("div", {
+							}), K && /* @__PURE__ */ p("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__ */ f("button", {
+						Q > 0 && /* @__PURE__ */ p("button", {
 							type: "button",
 							onClick: oe,
 							className: `${g} text-status-error-text`,
 							children: S("bigconsole.filters.bar.resetAll", "Reset all")
 						}),
-						/* @__PURE__ */ f("button", {
+						/* @__PURE__ */ p("button", {
 							type: "button",
 							onClick: Y,
 							className: h,
 							children: S("bigconsole.filters.bar.addFilter", "+ Add Filter")
 						}),
-						v && /* @__PURE__ */ f("button", {
+						v && /* @__PURE__ */ p("button", {
 							type: "button",
 							onClick: ue,
 							"aria-expanded": !V,
@@ -255,11 +255,11 @@ function _({ dashboardId: n, onFilterChange: _, collapsible: v = !0, className:
 					]
 				})]
 			}),
-			!V && /* @__PURE__ */ f("div", {
+			!V && /* @__PURE__ */ p("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__ */ f(o, {
+				children: C.map((e) => /* @__PURE__ */ p(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__ */ f(s, {
+			H && /* @__PURE__ */ p(s, {
 				filter: W,
 				onSave: X,
 				onClose: () => {