@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

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

@@ -3,10 +3,11 @@ import t from "../../../hooks/useDashboardViews.js";
 import "../../../hooks/index.js";
 import { SEMANTIC_COLORS as n } from "../../../utils/semanticTokens.js";
 import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { createPortal as u } from "react-dom";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { createPortal as d } from "react-dom";
 //#region src/bigconsole/components/dashboard/SavedViewsDropdown/SavedViewsDropdown.tsx
-function d() {
+function f() {
 	let [e, t] = o(!1);
 	return i(() => {
 		let e = () => {
@@ -20,88 +21,88 @@ function d() {
 		}), () => n.disconnect();
 	}, []), e ? "#1f2937" : "#ffffff";
 }
-function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h, className: g = "" }) {
-	let { views: _, currentView: v, loading: y, fetchViews: b, saveCurrentView: x, loadView: S, updateView: C, deleteView: w, setAsDefault: T, clearCurrentView: E } = t(), [D, O] = o(!1), [k, A] = o(!1), [j, M] = o(""), [N, P] = o(""), [F, I] = o(!1), [L, R] = o({
+function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g, className: _ = "" }) {
+	let { t: v } = s(), { views: y, currentView: b, loading: x, fetchViews: S, saveCurrentView: C, loadView: w, updateView: T, deleteView: E, setAsDefault: D, clearCurrentView: O } = t(), [k, A] = o(!1), [j, M] = o(!1), [N, P] = o(""), [F, I] = o(""), [L, R] = o(!1), [z, B] = o({
 		top: 0,
 		left: 0
-	}), z = a(null), B = a(null), V = d();
+	}), V = a(null), H = a(null), U = f();
 	i(() => {
-		f && b(f);
-	}, [f, b]), i(() => {
-		if (D && z.current) {
-			let e = z.current.getBoundingClientRect(), t = e.left;
-			t + 280 > window.innerWidth - 16 && (t = e.right - 280), t = Math.max(16, t), R({
+		p && S(p);
+	}, [p, S]), i(() => {
+		if (k && V.current) {
+			let e = V.current.getBoundingClientRect(), t = e.left;
+			t + 280 > window.innerWidth - 16 && (t = e.right - 280), t = Math.max(16, t), B({
 				top: e.bottom + 4,
 				left: t
 			});
 		}
-	}, [D]), i(() => {
+	}, [k]), i(() => {
 		function e(e) {
 			let t = e.target;
-			z.current && !z.current.contains(t) && B.current && !B.current.contains(t) && O(!1);
+			V.current && !V.current.contains(t) && H.current && !H.current.contains(t) && A(!1);
 		}
-		if (D) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [D]);
-	let H = r((e) => {
-		let t = _.find((t) => t.id === e);
-		t && (S(e), h && h(t)), O(!1);
+		if (k) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [k]);
+	let W = r((e) => {
+		let t = y.find((t) => t.id === e);
+		t && (w(e), g && g(t)), A(!1);
 	}, [
-		_,
-		S,
-		h
-	]), U = r(async () => {
-		if (j.trim()) {
+		y,
+		w,
+		g
+	]), G = r(async () => {
+		if (N.trim()) {
 			try {
-				await x({
-					dashboardId: f,
-					name: j.trim(),
-					description: N.trim() || void 0,
-					filters: p,
-					layout: m,
-					isDefault: F
+				await C({
+					dashboardId: p,
+					name: N.trim(),
+					description: F.trim() || void 0,
+					filters: m,
+					layout: h,
+					isDefault: L
 				});
 			} catch (t) {
 				if (e(t, "session")) {
-					A(!1), O(!1);
+					M(!1), A(!1);
 					return;
 				}
 				throw t;
 			}
-			M(""), P(""), I(!1), A(!1);
+			P(""), I(""), R(!1), M(!1);
 		}
 	}, [
-		f,
-		j,
-		N,
 		p,
-		m,
+		N,
 		F,
-		x
-	]), W = r(async () => {
-		v && await C({
-			id: v.id,
-			filters: p,
-			layout: m
+		m,
+		h,
+		L,
+		C
+	]), K = r(async () => {
+		b && await T({
+			id: b.id,
+			filters: m,
+			layout: h
 		});
 	}, [
-		v,
-		p,
+		b,
 		m,
-		C
-	]), G = r(async (e, t) => {
-		t.stopPropagation(), window.confirm("Are you sure you want to delete this view?") && await w(e);
-	}, [w]), K = r(async (e, t) => {
-		t.stopPropagation(), await T(e);
-	}, [T]), q = r(() => {
-		E(), O(!1);
-	}, [E]), J = D ? u(/* @__PURE__ */ l("div", {
-		ref: B,
+		h,
+		T
+	]), q = r(async (e, t) => {
+		t.stopPropagation(), window.confirm(v("bigconsole.dashboards.savedViews.confirmDelete", "Are you sure you want to delete this view?")) && await E(e);
+	}, [E, v]), J = r(async (e, t) => {
+		t.stopPropagation(), await D(e);
+	}, [D]), Y = r(() => {
+		O(), A(!1);
+	}, [O]), X = k ? d(/* @__PURE__ */ u("div", {
+		ref: H,
 		style: {
 			position: "fixed",
-			top: L.top,
-			left: Math.max(16, L.left),
+			top: z.top,
+			left: Math.max(16, z.left),
 			minWidth: "280px",
-			backgroundColor: V,
+			backgroundColor: U,
 			border: `1px solid ${n.borderDefault}`,
 			borderRadius: "8px",
 			boxShadow: "0 8px 24px rgba(0,0,0,0.15), 0 4px 8px rgba(0,0,0,0.1)",
@@ -109,7 +110,7 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 			overflow: "hidden"
 		},
 		children: [
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ u("div", {
 				style: {
 					padding: "12px 16px",
 					borderBottom: `1px solid ${n.borderDefault}`,
@@ -117,15 +118,15 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 					alignItems: "center",
 					justifyContent: "space-between"
 				},
-				children: [/* @__PURE__ */ c("span", {
+				children: [/* @__PURE__ */ l("span", {
 					style: {
 						fontSize: "13px",
 						fontWeight: 600,
 						color: n.textPrimary
 					},
-					children: "Saved Views"
-				}), /* @__PURE__ */ c("button", {
-					onClick: () => A(!0),
+					children: v("bigconsole.dashboards.savedViews.header", "Saved Views")
+				}), /* @__PURE__ */ l("button", {
+					onClick: () => M(!0),
 					style: {
 						padding: "4px 10px",
 						backgroundColor: n.actionPrimaryBg,
@@ -135,83 +136,83 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 						cursor: "pointer",
 						fontSize: "12px"
 					},
-					children: "+ Save Current"
+					children: v("bigconsole.dashboards.savedViews.saveCurrent", "+ Save Current")
 				})]
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				style: {
 					maxHeight: "300px",
 					overflowY: "auto"
 				},
-				children: y && _.length === 0 ? /* @__PURE__ */ c("div", {
+				children: x && y.length === 0 ? /* @__PURE__ */ l("div", {
 					style: {
 						padding: "16px",
 						color: n.textSecondary,
 						fontSize: "13px"
 					},
-					children: "Loading views..."
-				}) : _.length === 0 ? /* @__PURE__ */ c("div", {
+					children: v("bigconsole.dashboards.savedViews.loading", "Loading views...")
+				}) : y.length === 0 ? /* @__PURE__ */ l("div", {
 					style: {
 						padding: "16px",
 						color: n.textSecondary,
 						fontSize: "13px"
 					},
-					children: "No saved views yet. Save your current view to get started."
-				}) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("button", {
-					onClick: q,
+					children: v("bigconsole.dashboards.savedViews.empty", "No saved views yet. Save your current view to get started.")
+				}) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
+					onClick: Y,
 					style: {
 						display: "flex",
 						alignItems: "center",
 						width: "100%",
 						padding: "10px 16px",
-						backgroundColor: v ? n.bgPrimary : n.bgSecondary,
+						backgroundColor: b ? n.bgPrimary : n.bgSecondary,
 						border: "none",
 						cursor: "pointer",
 						textAlign: "left",
 						borderBottom: `1px solid ${n.borderDefault}`
 					},
-					children: /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("div", {
+					children: /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("div", {
 						style: {
 							fontSize: "13px",
 							fontWeight: 500,
 							color: n.textPrimary
 						},
-						children: "Default View"
-					}), /* @__PURE__ */ c("div", {
+						children: v("bigconsole.dashboards.savedViews.defaultView", "Default View")
+					}), /* @__PURE__ */ l("div", {
 						style: {
 							fontSize: "11px",
 							color: n.textSecondary
 						},
-						children: "Reset to original dashboard state"
+						children: v("bigconsole.dashboards.savedViews.defaultViewHint", "Reset to original dashboard state")
 					})] })
-				}), _.map((e) => /* @__PURE__ */ l("div", {
-					onClick: () => H(e.id),
+				}), y.map((e) => /* @__PURE__ */ u("div", {
+					onClick: () => W(e.id),
 					style: {
 						display: "flex",
 						alignItems: "center",
 						justifyContent: "space-between",
 						padding: "10px 16px",
-						backgroundColor: v?.id === e.id ? n.bgSecondary : n.bgPrimary,
+						backgroundColor: b?.id === e.id ? n.bgSecondary : n.bgPrimary,
 						cursor: "pointer",
 						borderBottom: `1px solid ${n.borderDefault}`
 					},
-					children: [/* @__PURE__ */ l("div", {
+					children: [/* @__PURE__ */ u("div", {
 						style: { flex: 1 },
 						children: [
-							/* @__PURE__ */ l("div", {
+							/* @__PURE__ */ u("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "6px"
 								},
-								children: [/* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ l("span", {
 									style: {
 										fontSize: "13px",
 										fontWeight: 500,
 										color: n.textPrimary
 									},
 									children: e.name
-								}), e.isDefault && /* @__PURE__ */ c("span", {
+								}), e.isDefault && /* @__PURE__ */ l("span", {
 									style: {
 										fontSize: "9px",
 										padding: "2px 4px",
@@ -221,10 +222,10 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 										textTransform: "uppercase",
 										fontWeight: 600
 									},
-									children: "Default"
+									children: v("bigconsole.dashboards.savedViews.defaultBadge", "Default")
 								})]
 							}),
-							e.description && /* @__PURE__ */ c("div", {
+							e.description && /* @__PURE__ */ l("div", {
 								style: {
 									fontSize: "11px",
 									color: n.textSecondary,
@@ -232,7 +233,7 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 								},
 								children: e.description
 							}),
-							/* @__PURE__ */ c("div", {
+							/* @__PURE__ */ l("div", {
 								style: {
 									fontSize: "10px",
 									color: n.textSecondary,
@@ -241,15 +242,15 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 								children: new Date(e.updatedAt).toLocaleDateString()
 							})
 						]
-					}), /* @__PURE__ */ l("div", {
+					}), /* @__PURE__ */ u("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							gap: "4px"
 						},
-						children: [!e.isDefault && /* @__PURE__ */ c("button", {
-							onClick: (t) => K(e.id, t),
-							title: "Set as default",
+						children: [!e.isDefault && /* @__PURE__ */ l("button", {
+							onClick: (t) => J(e.id, t),
+							title: v("bigconsole.dashboards.savedViews.setAsDefaultTitle", "Set as default"),
 							style: {
 								padding: "4px 6px",
 								backgroundColor: "transparent",
@@ -258,10 +259,10 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 								color: n.textSecondary,
 								fontSize: "11px"
 							},
-							children: "Set Default"
-						}), /* @__PURE__ */ c("button", {
-							onClick: (t) => G(e.id, t),
-							title: "Delete view",
+							children: v("bigconsole.dashboards.savedViews.setDefault", "Set Default")
+						}), /* @__PURE__ */ l("button", {
+							onClick: (t) => q(e.id, t),
+							title: v("bigconsole.dashboards.savedViews.deleteViewTitle", "Delete view"),
 							style: {
 								padding: "4px 6px",
 								backgroundColor: "transparent",
@@ -270,19 +271,19 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 								color: n.statusErrorText,
 								fontSize: "11px"
 							},
-							children: "Delete"
+							children: v("bigconsole.dashboards.savedViews.delete", "Delete")
 						})]
 					})]
 				}, e.id))] })
 			}),
-			v && /* @__PURE__ */ c("div", {
+			b && /* @__PURE__ */ l("div", {
 				style: {
 					padding: "12px 16px",
 					borderTop: `1px solid ${n.borderDefault}`,
 					backgroundColor: n.bgSecondary
 				},
 				children: /* @__PURE__ */ l("button", {
-					onClick: W,
+					onClick: K,
 					style: {
 						width: "100%",
 						padding: "8px",
@@ -293,15 +294,11 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 						fontSize: "12px",
 						color: n.textPrimary
 					},
-					children: [
-						"Update \"",
-						v.name,
-						"\" with current state"
-					]
+					children: v("bigconsole.dashboards.savedViews.updateCurrent", "Update \"{{name}}\" with current state", { name: b.name ?? "" })
 				})
 			})
 		]
-	}), document.body) : null, Y = k ? u(/* @__PURE__ */ c("div", {
+	}), document.body) : null, Z = j ? d(/* @__PURE__ */ l("div", {
 		style: {
 			position: "fixed",
 			top: 0,
@@ -315,11 +312,11 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 			zIndex: 99999,
 			isolation: "isolate"
 		},
-		onClick: () => A(!1),
-		children: /* @__PURE__ */ l("div", {
+		onClick: () => M(!1),
+		children: /* @__PURE__ */ u("div", {
 			style: {
 				width: "400px",
-				backgroundColor: V,
+				backgroundColor: U,
 				borderRadius: "8px",
 				boxShadow: "0 4px 24px rgba(0, 0, 0, 0.3)",
 				overflow: "hidden",
@@ -329,27 +326,27 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 			},
 			onClick: (e) => e.stopPropagation(),
 			children: [
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ l("div", {
 					style: {
 						padding: "16px 20px",
 						borderBottom: `1px solid ${n.borderDefault}`
 					},
-					children: /* @__PURE__ */ c("h3", {
+					children: /* @__PURE__ */ l("h3", {
 						style: {
 							margin: 0,
 							fontSize: "16px",
 							fontWeight: 600,
 							color: n.textPrimary
 						},
-						children: "Save Current View"
+						children: v("bigconsole.dashboards.savedViews.saveDialog.title", "Save Current View")
 					})
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ u("div", {
 					style: { padding: "20px" },
 					children: [
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ c("label", {
+							children: [/* @__PURE__ */ l("label", {
 								style: {
 									display: "block",
 									marginBottom: "6px",
@@ -357,12 +354,12 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 									fontWeight: 500,
 									color: n.textPrimary
 								},
-								children: "View Name *"
-							}), /* @__PURE__ */ c("input", {
+								children: v("bigconsole.dashboards.savedViews.saveDialog.nameLabel", "View Name *")
+							}), /* @__PURE__ */ l("input", {
 								type: "text",
-								value: j,
-								onChange: (e) => M(e.target.value),
-								placeholder: "e.g., Q4 Analysis, Sales Overview",
+								value: N,
+								onChange: (e) => P(e.target.value),
+								placeholder: v("bigconsole.dashboards.savedViews.saveDialog.namePlaceholder", "e.g., Q4 Analysis, Sales Overview"),
 								style: {
 									width: "100%",
 									padding: "10px 12px",
@@ -375,9 +372,9 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 								}
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ c("label", {
+							children: [/* @__PURE__ */ l("label", {
 								style: {
 									display: "block",
 									marginBottom: "6px",
@@ -385,11 +382,11 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 									fontWeight: 500,
 									color: n.textPrimary
 								},
-								children: "Description"
-							}), /* @__PURE__ */ c("textarea", {
-								value: N,
-								onChange: (e) => P(e.target.value),
-								placeholder: "Optional description...",
+								children: v("bigconsole.dashboards.savedViews.saveDialog.descriptionLabel", "Description")
+							}), /* @__PURE__ */ l("textarea", {
+								value: F,
+								onChange: (e) => I(e.target.value),
+								placeholder: v("bigconsole.dashboards.savedViews.saveDialog.descriptionPlaceholder", "Optional description..."),
 								rows: 2,
 								style: {
 									width: "100%",
@@ -404,28 +401,28 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 								}
 							})]
 						}),
-						/* @__PURE__ */ l("label", {
+						/* @__PURE__ */ u("label", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "8px",
 								cursor: "pointer"
 							},
-							children: [/* @__PURE__ */ c("input", {
+							children: [/* @__PURE__ */ l("input", {
 								type: "checkbox",
-								checked: F,
-								onChange: (e) => I(e.target.checked)
-							}), /* @__PURE__ */ c("span", {
+								checked: L,
+								onChange: (e) => R(e.target.checked)
+							}), /* @__PURE__ */ l("span", {
 								style: {
 									fontSize: "13px",
 									color: n.textPrimary
 								},
-								children: "Set as default view"
+								children: v("bigconsole.dashboards.savedViews.saveDialog.setAsDefault", "Set as default view")
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ u("div", {
 					style: {
 						padding: "16px 20px",
 						borderTop: `1px solid ${n.borderDefault}`,
@@ -434,8 +431,8 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 						gap: "12px",
 						backgroundColor: n.bgSecondary
 					},
-					children: [/* @__PURE__ */ c("button", {
-						onClick: () => A(!1),
+					children: [/* @__PURE__ */ l("button", {
+						onClick: () => M(!1),
 						style: {
 							padding: "10px 20px",
 							backgroundColor: n.bgPrimary,
@@ -445,62 +442,62 @@ function f({ dashboardId: f, currentFilters: p, currentLayout: m, onViewLoad: h,
 							fontSize: "14px",
 							color: n.textPrimary
 						},
-						children: "Cancel"
-					}), /* @__PURE__ */ c("button", {
-						onClick: U,
-						disabled: !j.trim(),
+						children: v("bigconsole.dashboards.savedViews.saveDialog.cancel", "Cancel")
+					}), /* @__PURE__ */ l("button", {
+						onClick: G,
+						disabled: !N.trim(),
 						style: {
 							padding: "10px 20px",
-							backgroundColor: j.trim() ? n.actionPrimaryBg : n.bgSecondary,
-							color: j.trim() ? "white" : n.textSecondary,
+							backgroundColor: N.trim() ? n.actionPrimaryBg : n.bgSecondary,
+							color: N.trim() ? "white" : n.textSecondary,
 							border: "none",
 							borderRadius: "6px",
-							cursor: j.trim() ? "pointer" : "not-allowed",
+							cursor: N.trim() ? "pointer" : "not-allowed",
 							fontSize: "14px",
 							fontWeight: 500
 						},
-						children: "Save View"
+						children: v("bigconsole.dashboards.savedViews.saveDialog.save", "Save View")
 					})]
 				})
 			]
 		})
 	}), document.body) : null;
-	return /* @__PURE__ */ l("div", {
-		className: g,
+	return /* @__PURE__ */ u("div", {
+		className: _,
 		style: {
 			position: "relative",
 			display: "inline-block"
 		},
 		children: [
-			/* @__PURE__ */ l("button", {
-				ref: z,
-				onClick: () => O(!D),
+			/* @__PURE__ */ u("button", {
+				ref: V,
+				onClick: () => A(!k),
 				style: {
 					display: "flex",
 					alignItems: "center",
 					gap: "6px",
 					padding: "6px 12px",
-					backgroundColor: v ? n.actionPrimaryBgSubtle : n.bgSecondary,
-					border: `1px solid ${v ? n.actionPrimaryBg : n.borderDefault}`,
+					backgroundColor: b ? n.actionPrimaryBgSubtle : n.bgSecondary,
+					border: `1px solid ${b ? n.actionPrimaryBg : n.borderDefault}`,
 					borderRadius: "6px",
 					cursor: "pointer",
 					fontSize: "13px",
-					color: v ? n.actionPrimaryBg : n.textPrimary
+					color: b ? n.actionPrimaryBg : n.textPrimary
 				},
-				children: [/* @__PURE__ */ c("span", {
+				children: [/* @__PURE__ */ l("span", {
 					style: { fontWeight: 500 },
-					children: v ? v.name : "Views"
-				}), /* @__PURE__ */ c("span", {
+					children: b ? b.name : v("bigconsole.dashboards.savedViews.triggerLabel", "Views")
+				}), /* @__PURE__ */ l("span", {
 					style: { fontSize: "10px" },
-					children: D ? "▲" : "▼"
+					children: k ? "▲" : "▼"
 				})]
 			}),
-			J,
-			Y
+			X,
+			Z
 		]
 	});
 }
 //#endregion
-export { f as default };
+export { p as default };
 
 //# sourceMappingURL=SavedViewsDropdown.js.map