@burdenoff/microfe-bigconsole 2026.924.1 → 2026.924.3

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(s?.name || ""), [p, m] = n(s?.type || "CATEGORY"), [h, g] = n(s?.isRequired || !1), [_, v] = n(s?.config?.options || [{
+	let { t: u } = a(), [d, f] = n(s?.name || ""), [p, m] = n(s?.type || "CATEGORY"), [h, g] = n(s?.isRequired || !1), [_, v] = n(s?.config?.options || [{
 		value: "",
 		label: ""
 	}]), [y, b] = n(s?.config?.placeholder || ""), [x, S] = n(!1);
@@ -79,7 +79,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 			isRequired: h
 		});
 	}, A = d.trim() !== "" && (p !== "CATEGORY" || _.some((e) => e.value && e.label));
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ r("div", {
 		style: {
 			position: "fixed",
 			top: 0,
@@ -96,7 +96,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))",
@@ -109,7 +109,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 ${C.borderDefault}`,
@@ -118,7 +118,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 						justifyContent: "space-between",
 						backgroundColor: C.bgPrimary
 					},
-					children: [/* @__PURE__ */ i("h3", {
+					children: [/* @__PURE__ */ r("h3", {
 						style: {
 							margin: 0,
 							fontSize: "16px",
@@ -126,7 +126,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 							color: C.textPrimary
 						},
 						children: w ? 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",
@@ -139,7 +139,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 						children: "×"
 					})]
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ i("div", {
 					style: {
 						padding: "20px",
 						overflowY: "auto",
@@ -147,9 +147,9 @@ function s({ filter: s, onSave: c, onClose: l }) {
 						backgroundColor: C.bgPrimary
 					},
 					children: [
-						/* @__PURE__ */ a("div", {
+						/* @__PURE__ */ i("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ i("label", {
+							children: [/* @__PURE__ */ r("label", {
 								style: {
 									display: "block",
 									marginBottom: "6px",
@@ -158,7 +158,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 									color: C.textPrimary
 								},
 								children: u("bigconsole.filters.editor.field.name.label", "Filter Name *")
-							}), /* @__PURE__ */ i("input", {
+							}), /* @__PURE__ */ r("input", {
 								type: "text",
 								value: d,
 								onChange: (e) => f(e.target.value),
@@ -175,9 +175,9 @@ function s({ filter: s, onSave: c, onClose: l }) {
 								}
 							})]
 						}),
-						!w && /* @__PURE__ */ a("div", {
+						!w && /* @__PURE__ */ i("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ i("label", {
+							children: [/* @__PURE__ */ r("label", {
 								style: {
 									display: "block",
 									marginBottom: "8px",
@@ -186,13 +186,13 @@ function s({ filter: s, onSave: c, onClose: l }) {
 									color: C.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: T.map((e) => /* @__PURE__ */ a("button", {
+								children: T.map((e) => /* @__PURE__ */ i("button", {
 									onClick: () => m(e.value),
 									type: "button",
 									style: {
@@ -205,14 +205,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: C.textPrimary
 										},
 										children: e.label
-									}), /* @__PURE__ */ i("div", {
+									}), /* @__PURE__ */ r("div", {
 										style: {
 											fontSize: "11px",
 											color: C.textSecondary,
@@ -224,9 +224,9 @@ function s({ filter: s, onSave: c, onClose: l }) {
 								}, e.value))
 							})]
 						}),
-						p === "CATEGORY" && /* @__PURE__ */ a("div", {
+						p === "CATEGORY" && /* @__PURE__ */ i("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ i("label", {
+							children: [/* @__PURE__ */ r("label", {
 								style: {
 									display: "block",
 									marginBottom: "8px",
@@ -235,20 +235,20 @@ function s({ filter: s, onSave: c, onClose: l }) {
 									color: C.textPrimary
 								},
 								children: u("bigconsole.filters.editor.field.options.label", "Options")
-							}), /* @__PURE__ */ a("div", {
+							}), /* @__PURE__ */ i("div", {
 								style: {
 									display: "flex",
 									flexDirection: "column",
 									gap: "8px"
 								},
-								children: [_.map((e, t) => /* @__PURE__ */ a("div", {
+								children: [_.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) => O(t, "value", e.target.value),
@@ -264,7 +264,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 												color: C.textPrimary
 											}
 										}),
-										/* @__PURE__ */ i("input", {
+										/* @__PURE__ */ r("input", {
 											type: "text",
 											value: e.label,
 											onChange: (e) => O(t, "label", e.target.value),
@@ -280,7 +280,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 												color: C.textPrimary
 											}
 										}),
-										_.length > 1 && /* @__PURE__ */ i("button", {
+										_.length > 1 && /* @__PURE__ */ r("button", {
 											type: "button",
 											onClick: () => D(t),
 											style: {
@@ -295,7 +295,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: E,
 									style: {
@@ -311,9 +311,9 @@ function s({ filter: s, onSave: c, onClose: l }) {
 								})]
 							})]
 						}),
-						(p === "TEXT_SEARCH" || p === "CATEGORY") && /* @__PURE__ */ a("div", {
+						(p === "TEXT_SEARCH" || p === "CATEGORY") && /* @__PURE__ */ i("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ i("label", {
+							children: [/* @__PURE__ */ r("label", {
 								style: {
 									display: "block",
 									marginBottom: "8px",
@@ -322,7 +322,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 									color: C.textPrimary
 								},
 								children: u("bigconsole.filters.editor.field.placeholder.label", "Placeholder Text")
-							}), /* @__PURE__ */ i("input", {
+							}), /* @__PURE__ */ r("input", {
 								type: "text",
 								value: y,
 								onChange: (e) => b(e.target.value),
@@ -339,16 +339,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: h,
 									onChange: (e) => g(e.target.checked),
@@ -356,7 +356,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 										width: "16px",
 										height: "16px"
 									}
-								}), /* @__PURE__ */ i("span", {
+								}), /* @__PURE__ */ r("span", {
 									style: {
 										fontSize: "13px",
 										color: C.textPrimary
@@ -367,7 +367,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ i("div", {
 					style: {
 						padding: "16px 20px",
 						borderTop: `1px solid ${C.borderDefault}`,
@@ -376,7 +376,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 						gap: "12px",
 						backgroundColor: C.bgPrimary
 					},
-					children: [/* @__PURE__ */ i("button", {
+					children: [/* @__PURE__ */ r("button", {
 						type: "button",
 						onClick: l,
 						style: {
@@ -389,7 +389,7 @@ function s({ filter: s, onSave: c, onClose: l }) {
 							color: C.textSecondary
 						},
 						children: u("bigconsole.filters.editor.action.cancel", "Cancel")
-					}), /* @__PURE__ */ i("button", {
+					}), /* @__PURE__ */ r("button", {
 						type: "button",
 						onClick: k,
 						disabled: !A,

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",