@burdenoff/microfe-bigconsole 2026.1010.12 → 2026.1012.1

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

@@ -3,8 +3,8 @@ 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 { 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 { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { createPortal as d } from "react-dom";
 //#region src/bigconsole/components/dashboard/SavedViewsDropdown/SavedViewsDropdown.tsx
 function f() {
@@ -22,7 +22,7 @@ function f() {
 	}, []), e ? "#1f2937" : "#ffffff";
 }
 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({
+	let { t: v } = u(), { 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
 	}), V = a(null), H = a(null), U = f();
@@ -95,7 +95,7 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 		t.stopPropagation(), await D(e);
 	}, [D]), Y = r(() => {
 		O(), A(!1);
-	}, [O]), X = k ? d(/* @__PURE__ */ u("div", {
+	}, [O]), X = k ? d(/* @__PURE__ */ l("div", {
 		ref: H,
 		style: {
 			position: "fixed",
@@ -111,7 +111,7 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 			overflow: "hidden"
 		},
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ l("div", {
 				style: {
 					padding: "12px 16px",
 					borderBottom: `1px solid ${n.borderDefault}`,
@@ -119,14 +119,14 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 					alignItems: "center",
 					justifyContent: "space-between"
 				},
-				children: [/* @__PURE__ */ l("span", {
+				children: [/* @__PURE__ */ c("span", {
 					style: {
 						fontSize: "13px",
 						fontWeight: 600,
 						color: n.textPrimary
 					},
 					children: v("bigconsole.dashboards.savedViews.header", "Saved Views")
-				}), /* @__PURE__ */ l("button", {
+				}), /* @__PURE__ */ c("button", {
 					onClick: () => M(!0),
 					style: {
 						padding: "4px 10px",
@@ -140,26 +140,26 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 					children: v("bigconsole.dashboards.savedViews.saveCurrent", "+ Save Current")
 				})]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ c("div", {
 				style: {
 					maxHeight: "300px",
 					overflowY: "auto"
 				},
-				children: x && y.length === 0 ? /* @__PURE__ */ l("div", {
+				children: x && y.length === 0 ? /* @__PURE__ */ c("div", {
 					style: {
 						padding: "16px",
 						color: n.textSecondary,
 						fontSize: "13px"
 					},
 					children: v("bigconsole.dashboards.savedViews.loading", "Loading views...")
-				}) : y.length === 0 ? /* @__PURE__ */ l("div", {
+				}) : y.length === 0 ? /* @__PURE__ */ c("div", {
 					style: {
 						padding: "16px",
 						color: n.textSecondary,
 						fontSize: "13px"
 					},
 					children: v("bigconsole.dashboards.savedViews.empty", "No saved views yet. Save your current view to get started.")
-				}) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
+				}) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("button", {
 					onClick: Y,
 					style: {
 						display: "flex",
@@ -172,21 +172,21 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 						textAlign: "left",
 						borderBottom: `1px solid ${n.borderDefault}`
 					},
-					children: /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("div", {
+					children: /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("div", {
 						style: {
 							fontSize: "13px",
 							fontWeight: 500,
 							color: n.textPrimary
 						},
 						children: v("bigconsole.dashboards.savedViews.defaultView", "Default View")
-					}), /* @__PURE__ */ l("div", {
+					}), /* @__PURE__ */ c("div", {
 						style: {
 							fontSize: "11px",
 							color: n.textSecondary
 						},
 						children: v("bigconsole.dashboards.savedViews.defaultViewHint", "Reset to original dashboard state")
 					})] })
-				}), y.map((e) => /* @__PURE__ */ u("div", {
+				}), y.map((e) => /* @__PURE__ */ l("div", {
 					onClick: () => W(e.id),
 					style: {
 						display: "flex",
@@ -197,23 +197,23 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 						cursor: "pointer",
 						borderBottom: `1px solid ${n.borderDefault}`
 					},
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ l("div", {
 						style: { flex: 1 },
 						children: [
-							/* @__PURE__ */ u("div", {
+							/* @__PURE__ */ l("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "6px"
 								},
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ c("span", {
 									style: {
 										fontSize: "13px",
 										fontWeight: 500,
 										color: n.textPrimary
 									},
 									children: e.name
-								}), e.isDefault && /* @__PURE__ */ l("span", {
+								}), e.isDefault && /* @__PURE__ */ c("span", {
 									style: {
 										fontSize: "9px",
 										padding: "2px 4px",
@@ -226,7 +226,7 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 									children: v("bigconsole.dashboards.savedViews.defaultBadge", "Default")
 								})]
 							}),
-							e.description && /* @__PURE__ */ l("div", {
+							e.description && /* @__PURE__ */ c("div", {
 								style: {
 									fontSize: "11px",
 									color: n.textSecondary,
@@ -234,7 +234,7 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 								},
 								children: e.description
 							}),
-							/* @__PURE__ */ l("div", {
+							/* @__PURE__ */ c("div", {
 								style: {
 									fontSize: "10px",
 									color: n.textSecondary,
@@ -243,13 +243,13 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 								children: new Date(e.updatedAt).toLocaleDateString()
 							})
 						]
-					}), /* @__PURE__ */ u("div", {
+					}), /* @__PURE__ */ l("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							gap: "4px"
 						},
-						children: [!e.isDefault && /* @__PURE__ */ l("button", {
+						children: [!e.isDefault && /* @__PURE__ */ c("button", {
 							onClick: (t) => J(e.id, t),
 							title: v("bigconsole.dashboards.savedViews.setAsDefaultTitle", "Set as default"),
 							style: {
@@ -261,7 +261,7 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 								fontSize: "11px"
 							},
 							children: v("bigconsole.dashboards.savedViews.setDefault", "Set Default")
-						}), /* @__PURE__ */ l("button", {
+						}), /* @__PURE__ */ c("button", {
 							onClick: (t) => q(e.id, t),
 							title: v("bigconsole.dashboards.savedViews.deleteViewTitle", "Delete view"),
 							style: {
@@ -277,13 +277,13 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 					})]
 				}, e.id))] })
 			}),
-			b && /* @__PURE__ */ l("div", {
+			b && /* @__PURE__ */ c("div", {
 				style: {
 					padding: "12px 16px",
 					borderTop: `1px solid ${n.borderDefault}`,
 					backgroundColor: n.bgSecondary
 				},
-				children: /* @__PURE__ */ l("button", {
+				children: /* @__PURE__ */ c("button", {
 					onClick: K,
 					style: {
 						width: "100%",
@@ -299,7 +299,7 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 				})
 			})
 		]
-	}), document.body) : null, Z = j ? d(/* @__PURE__ */ l("div", {
+	}), document.body) : null, Z = j ? d(/* @__PURE__ */ c("div", {
 		style: {
 			position: "fixed",
 			top: 0,
@@ -315,7 +315,7 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 			isolation: "isolate"
 		},
 		onClick: () => M(!1),
-		children: /* @__PURE__ */ u("div", {
+		children: /* @__PURE__ */ l("div", {
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": "saved-view-dialog-title",
@@ -334,12 +334,12 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 			},
 			onClick: (e) => e.stopPropagation(),
 			children: [
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ c("div", {
 					style: {
 						padding: "16px 20px",
 						borderBottom: `1px solid ${n.borderDefault}`
 					},
-					children: /* @__PURE__ */ l("h3", {
+					children: /* @__PURE__ */ c("h3", {
 						id: "saved-view-dialog-title",
 						style: {
 							margin: 0,
@@ -350,12 +350,12 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 						children: v("bigconsole.dashboards.savedViews.saveDialog.title", "Save Current View")
 					})
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ l("div", {
 					style: { padding: "20px" },
 					children: [
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ l("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ l("label", {
+							children: [/* @__PURE__ */ c("label", {
 								style: {
 									display: "block",
 									marginBottom: "6px",
@@ -364,7 +364,7 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 									color: n.textPrimary
 								},
 								children: v("bigconsole.dashboards.savedViews.saveDialog.nameLabel", "View Name *")
-							}), /* @__PURE__ */ l("input", {
+							}), /* @__PURE__ */ c("input", {
 								type: "text",
 								value: N,
 								onChange: (e) => P(e.target.value),
@@ -381,9 +381,9 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 								}
 							})]
 						}),
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ l("div", {
 							style: { marginBottom: "16px" },
-							children: [/* @__PURE__ */ l("label", {
+							children: [/* @__PURE__ */ c("label", {
 								style: {
 									display: "block",
 									marginBottom: "6px",
@@ -392,7 +392,7 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 									color: n.textPrimary
 								},
 								children: v("bigconsole.dashboards.savedViews.saveDialog.descriptionLabel", "Description")
-							}), /* @__PURE__ */ l("textarea", {
+							}), /* @__PURE__ */ c("textarea", {
 								value: F,
 								onChange: (e) => I(e.target.value),
 								placeholder: v("bigconsole.dashboards.savedViews.saveDialog.descriptionPlaceholder", "Optional description..."),
@@ -410,18 +410,18 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 								}
 							})]
 						}),
-						/* @__PURE__ */ u("label", {
+						/* @__PURE__ */ l("label", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "8px",
 								cursor: "pointer"
 							},
-							children: [/* @__PURE__ */ l("input", {
+							children: [/* @__PURE__ */ c("input", {
 								type: "checkbox",
 								checked: L,
 								onChange: (e) => R(e.target.checked)
-							}), /* @__PURE__ */ l("span", {
+							}), /* @__PURE__ */ c("span", {
 								style: {
 									fontSize: "13px",
 									color: n.textPrimary
@@ -431,7 +431,7 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 						})
 					]
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ l("div", {
 					style: {
 						padding: "16px 20px",
 						borderTop: `1px solid ${n.borderDefault}`,
@@ -440,7 +440,7 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 						gap: "12px",
 						backgroundColor: n.bgSecondary
 					},
-					children: [/* @__PURE__ */ l("button", {
+					children: [/* @__PURE__ */ c("button", {
 						onClick: () => M(!1),
 						style: {
 							padding: "10px 20px",
@@ -452,7 +452,7 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 							color: n.textPrimary
 						},
 						children: v("bigconsole.dashboards.savedViews.saveDialog.cancel", "Cancel")
-					}), /* @__PURE__ */ l("button", {
+					}), /* @__PURE__ */ c("button", {
 						onClick: G,
 						disabled: !N.trim(),
 						style: {
@@ -471,14 +471,14 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 			]
 		})
 	}), document.body) : null;
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ l("div", {
 		className: _,
 		style: {
 			position: "relative",
 			display: "inline-block"
 		},
 		children: [
-			/* @__PURE__ */ u("button", {
+			/* @__PURE__ */ l("button", {
 				ref: V,
 				onClick: () => A(!k),
 				style: {
@@ -493,10 +493,10 @@ function p({ dashboardId: p, currentFilters: m, currentLayout: h, onViewLoad: g,
 					fontSize: "13px",
 					color: b ? n.actionPrimaryBg : n.textPrimary
 				},
-				children: [/* @__PURE__ */ l("span", {
+				children: [/* @__PURE__ */ c("span", {
 					style: { fontWeight: 500 },
 					children: b ? b.name : v("bigconsole.dashboards.savedViews.triggerLabel", "Views")
-				}), /* @__PURE__ */ l("span", {
+				}), /* @__PURE__ */ c("span", {
 					style: { fontSize: "10px" },
 					children: k ? "▲" : "▼"
 				})]