impact-nova 1.7.32 → 1.7.34

package/dist/components/ui/data-table/data-table-saved-views.js

@@ -1,123 +1,135 @@
-import { jsxs as n, Fragment as H, jsx as t } from "react/jsx-runtime";
-import * as i from "react";
-import { ChevronDown as be, Star as P, Search as xe, Bookmark as ve, Pencil as ge, Trash2 as ye } from "lucide-react";
-import { cn as w } from "../../../lib/utils.js";
-import { Popover as Ne, PopoverTrigger as we, PopoverContent as Te } from "../popover.js";
-import { Tooltip as J, TooltipTrigger as W, TooltipContent as X } from "../tooltip.js";
-import { Button as d } from "../button.js";
-import { Badge as B } from "../badge.js";
-import { Input as Ve } from "../input.js";
-import { Separator as Z } from "../separator.js";
-import { Skeleton as O } from "../skeleton.js";
-import { Prompt as Ce } from "../prompt.js";
-import { useImpactNovaI18n as ke } from "../../../i18n/ImpactNovaI18nContext.js";
-function De(h) {
-  return h.isSystemView ? "system" : h.isDefaultView ? "default" : h.isActive ? "active" : "other";
+import { jsxs as i, Fragment as W, jsx as t } from "react/jsx-runtime";
+import * as n from "react";
+import { ChevronDown as ge, Star as O, Search as ye, Bookmark as Ne, Pencil as we, Trash2 as Te } from "lucide-react";
+import { cn as V } from "../../../lib/utils.js";
+import { Popover as Ve, PopoverTrigger as ke, PopoverContent as Ce } from "../popover.js";
+import { Tooltip as X, TooltipTrigger as Z, TooltipContent as q } from "../tooltip.js";
+import { Button as m } from "../button.js";
+import { Badge as E } from "../badge.js";
+import { Input as De } from "../input.js";
+import { Separator as ee } from "../separator.js";
+import { Skeleton as I } from "../skeleton.js";
+import { Prompt as Se } from "../prompt.js";
+import { useImpactNovaI18n as ze } from "../../../i18n/ImpactNovaI18nContext.js";
+function Me(b) {
+  return b.isSystemView ? "system" : b.isDefaultView ? "default" : b.isActive ? "active" : "other";
 }
-const Se = ["default", "active", "system"], Fe = ({
-  isSaveViewEnabled: h = !0,
-  views: s,
-  activeViewSummary: q,
-  viewTypeOptions: ee,
-  menuOpen: E,
-  defaultMenuOpen: te = !1,
-  onMenuOpenChange: j,
-  onSearch: T,
-  isLoadingViews: I = !1,
-  customListContent: R,
-  disableApply: ae = !1,
-  className: ne,
-  onSaveViewClick: ie,
-  onApply: le,
-  onCancel: re,
-  onEditView: se,
-  onDeleteView: oe,
-  onSetDefaultView: _
+const Ae = ["default", "active", "system"], Ye = ({
+  isSaveViewEnabled: b = !0,
+  views: o,
+  activeViewSummary: te,
+  viewTypeOptions: ae,
+  menuOpen: j,
+  defaultMenuOpen: ne = !1,
+  onMenuOpenChange: R,
+  onSearch: k,
+  isLoadingViews: L = !1,
+  customListContent: _,
+  disableApply: ie = !1,
+  className: le,
+  onSaveViewClick: re,
+  onApply: se,
+  onCancel: oe,
+  onEditView: de,
+  onDeleteView: ce,
+  onSetDefaultView: U
 }) => {
-  const { t: a } = ke(), V = E !== void 0, [ce, de] = i.useState(
-    te
-  ), m = V ? !!E : ce, u = i.useCallback(
+  const { t: a } = ze(), C = j !== void 0, [me, y] = n.useState(null), [ue, pe] = n.useState(
+    ne
+  ), u = C ? !!j : ue, p = n.useCallback(
     (e) => {
-      V || de(e), j?.(e);
+      C || pe(e), R?.(e);
     },
-    [V, j]
-  ), [b, C] = i.useState("All"), [g, k] = i.useState(""), [L, D] = i.useState("");
-  i.useEffect(() => {
-    const e = window.setTimeout(() => D(g), 300);
+    [C, R]
+  ), [v, D] = n.useState("All"), [N, S] = n.useState(""), [F, z] = n.useState("");
+  n.useEffect(() => {
+    const e = window.setTimeout(() => z(N), 300);
     return () => window.clearTimeout(e);
-  }, [g]), i.useEffect(() => {
-    T && T(L);
-  }, [L, T]);
-  const F = i.useMemo(
-    () => s.find((e) => e.isActive),
-    [s]
-  ), o = F ?? null, Q = q ?? F?.viewName ?? a("dataTable.savedViewsNotApplicable"), [y, S] = i.useState(null), [x, U] = i.useState(null), Y = i.useRef(!1);
-  i.useEffect(() => {
-    const e = m && !Y.current;
-    if (Y.current = m, e) {
-      const l = s.find((c) => c.isActive);
-      S(l?.id ?? null), C("All"), k(""), D("");
+  }, [N]), n.useEffect(() => {
+    k && k(F);
+  }, [F, k]);
+  const Q = n.useMemo(
+    () => o.find((e) => e.isActive),
+    [o]
+  ), d = Q ?? null, Y = te ?? Q?.viewName ?? a("dataTable.savedViewsNotApplicable"), [w, M] = n.useState(null), [x, $] = n.useState(null), K = n.useRef(!1);
+  n.useEffect(() => {
+    const e = u && !K.current;
+    if (K.current = u, e) {
+      const l = o.find((c) => c.isActive);
+      M(l?.id ?? null), D("All"), S(""), z("");
     }
-  }, [m, s]);
-  const v = i.useMemo(() => b === "All" ? s : s.filter((e) => e.viewType === b), [s, b]), p = g.trim().toLowerCase(), N = i.useCallback(
+  }, [u, o]);
+  const g = n.useMemo(() => v === "All" ? o : o.filter((e) => e.viewType === v), [o, v]), f = N.trim().toLowerCase(), T = n.useCallback(
     (e, l) => l ? (e.viewName ?? "").trim().toLowerCase().includes(l) : !0,
     []
-  ), M = i.useMemo(() => {
-    let e = v;
-    return p && (e = e.filter((l) => N(l, p))), e;
-  }, [v, p, N]), f = i.useMemo(() => {
-    if (v.length === 0) return [];
-    const e = Object.groupBy(v, De);
-    return Se.flatMap((l) => {
+  ), A = n.useMemo(() => {
+    let e = g;
+    return f && (e = e.filter((l) => T(l, f))), e;
+  }, [g, f, T]), h = n.useMemo(() => {
+    if (g.length === 0) return [];
+    const e = Object.groupBy(g, Me);
+    return Ae.flatMap((l) => {
       const c = e[l]?.[0];
-      return c ? p && !N(c, p) ? [] : [c] : [];
+      return c ? f && !T(c, f) ? [] : [c] : [];
     });
-  }, [v, p, N]), z = i.useMemo(() => {
-    const e = new Set(f.map((l) => l.id));
-    return M.filter((l) => !e.has(l.id));
-  }, [M, f]), $ = y === null ? null : s.find((e) => e.id === y) ?? null, me = () => {
-    le?.($, { activeView: o }), u(!1);
-  }, ue = () => {
-    re?.({ activeView: o, pendingView: $ }), u(!1);
-  }, pe = (e) => {
-    u(e), e || (k(""), D(""));
+  }, [g, f, T]), P = n.useMemo(() => {
+    const e = new Set(h.map((l) => l.id));
+    return A.filter((l) => !e.has(l.id));
+  }, [A, h]), G = w === null ? null : o.find((e) => e.id === w) ?? null, fe = () => {
+    se?.(G, { activeView: d }), p(!1);
+  }, he = () => {
+    oe?.({ activeView: d, pendingView: G }), p(!1);
+  }, be = (e) => {
+    p(e), e || (S(""), z(""));
   };
-  if (!h)
+  if (!b)
     return null;
-  const fe = s.length > 0, K = (e, l, c) => {
-    const A = y === e.id, G = l === "priority" && !!e.isActive, he = l === "list" && !!e.isActive;
-    return /* @__PURE__ */ n(
+  const ve = o.length > 0, H = (e, l, c) => {
+    const B = w === e.id, s = me === e.id, J = l === "priority" && !!e.isActive, xe = l === "list" && !!e.isActive;
+    return /* @__PURE__ */ i(
       "div",
       {
         role: "button",
         tabIndex: 0,
-        className: w(
-          "mb-1 flex cursor-pointer items-center justify-between rounded-lg px-3 py-2 text-left text-sm font-medium font-['Manrope'] hover:bg-muted",
-          G && !A && "bg-primary/10 dark:bg-primary/15",
-          A && "bg-badge-info-muted text-badge-info-foreground",
-          !A && !G && "text-foreground"
+        className: V(
+          "mb-1 flex cursor-pointer items-center justify-between rounded-lg px-3 py-2 text-left text-sm font-medium font-['Manrope'] transition-all duration-300 relative overflow-hidden",
+          !s && "hover:bg-muted",
+          !s && J && !B && "bg-primary/10 dark:bg-primary/15",
+          !s && B && "bg-badge-info-muted text-badge-info-foreground",
+          !s && !B && !J && "text-foreground",
+          s && "pointer-events-none"
         ),
-        onClick: () => S(e.id),
+        onClick: () => !s && M(e.id),
         onKeyDown: (r) => {
-          (r.key === "Enter" || r.key === " ") && (r.preventDefault(), S(e.id));
+          (r.key === "Enter" || r.key === " ") && (r.preventDefault(), s || M(e.id));
         },
         children: [
-          /* @__PURE__ */ n(J, { children: [
-            /* @__PURE__ */ t(W, { asChild: !0, children: /* @__PURE__ */ t(
+          s && /* @__PURE__ */ t(
+            "div",
+            {
+              className: "absolute inset-0 bg-gradient-to-r from-muted/80 via-primary/20 to-muted/80 opacity-80 rounded-lg",
+              style: {
+                animation: "shimmer 1.5s ease-in-out infinite",
+                backgroundSize: "200% 100%"
+              }
+            }
+          ),
+          /* @__PURE__ */ i(X, { children: [
+            /* @__PURE__ */ t(Z, { asChild: !0, children: /* @__PURE__ */ t(
               "span",
               {
-                className: w(
-                  "min-w-0 flex-1 truncate",
-                  he && "underline decoration-primary decoration-2 underline-offset-2"
+                className: V(
+                  "min-w-0 flex-1 truncate relative z-10",
+                  xe && "underline decoration-primary decoration-2 underline-offset-2"
                 ),
                 children: e.viewName
               }
             ) }),
-            /* @__PURE__ */ t(X, { variant: "tertiary", side: "right", children: e.viewName })
+            /* @__PURE__ */ t(q, { variant: "tertiary", side: "right", children: e.viewName })
           ] }),
-          /* @__PURE__ */ n("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+          /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-0.5 relative z-10", children: [
             e.isEditable ? /* @__PURE__ */ t(
-              d,
+              m,
               {
                 type: "button",
                 variant: "ghost",
@@ -125,13 +137,13 @@ const Se = ["default", "active", "system"], Fe = ({
                 className: "text-foreground hover:text-content-charcoal",
                 "aria-label": a("dataTable.savedViewsEdit"),
                 onClick: (r) => {
-                  r.stopPropagation(), r.preventDefault(), u(!1), se?.(e, { activeView: o });
+                  r.stopPropagation(), r.preventDefault(), p(!1), de?.(e, { activeView: d });
                 },
-                children: /* @__PURE__ */ t(ge, { className: "size-3.5" })
+                children: /* @__PURE__ */ t(we, { className: "size-3.5" })
               }
             ) : null,
             e.isDeletable ? /* @__PURE__ */ t(
-              d,
+              m,
               {
                 type: "button",
                 variant: "ghost",
@@ -139,36 +151,38 @@ const Se = ["default", "active", "system"], Fe = ({
                 className: "text-foreground hover:text-destructive",
                 "aria-label": a("dataTable.savedViewsDelete"),
                 onClick: (r) => {
-                  r.stopPropagation(), r.preventDefault(), u(!1), U(e);
+                  r.stopPropagation(), r.preventDefault(), p(!1), $(e);
                 },
-                children: /* @__PURE__ */ t(ye, { className: "size-3.5" })
+                children: /* @__PURE__ */ t(Te, { className: "size-3.5" })
               }
             ) : null,
             e.hideDefaultStar ? null : e.isDefaultView ? /* @__PURE__ */ t(
-              d,
+              m,
               {
                 type: "button",
                 variant: "ghost",
                 size: "iconSm",
-                className: "text-yellow-500 hover:text-yellow-600",
+                className: "text-yellow-500 hover:text-yellow-600 disabled:opacity-50",
                 "aria-label": a("dataTable.savedViewsDefaultAction"),
+                disabled: s,
                 onClick: (r) => {
-                  r.stopPropagation(), r.preventDefault(), _?.(e, { activeView: o });
+                  r.stopPropagation(), r.preventDefault(), s || (y(e.id), setTimeout(() => y(null), 1200), U?.(e, { activeView: d }));
                 },
-                children: /* @__PURE__ */ t(P, { className: "size-3.5 fill-current" })
+                children: s ? /* @__PURE__ */ t("div", { className: "size-3.5 animate-spin rounded-full border-2 border-yellow-500 border-t-transparent" }) : /* @__PURE__ */ t(O, { className: "size-3.5 fill-current" })
               }
             ) : /* @__PURE__ */ t(
-              d,
+              m,
               {
                 type: "button",
                 variant: "ghost",
                 size: "iconSm",
-                className: "text-yellow-500 hover:text-yellow-600",
+                className: "text-yellow-500 hover:text-yellow-600 disabled:opacity-50",
                 "aria-label": a("dataTable.savedViewsSetDefault"),
+                disabled: s,
                 onClick: (r) => {
-                  r.stopPropagation(), r.preventDefault(), _?.(e, { activeView: o });
+                  r.stopPropagation(), r.preventDefault(), s || (y(e.id), setTimeout(() => y(null), 1200), U?.(e, { activeView: d }));
                 },
-                children: /* @__PURE__ */ t(P, { className: "size-3.5" })
+                children: s ? /* @__PURE__ */ t("div", { className: "size-3.5 animate-spin rounded-full border-2 border-yellow-500 border-t-transparent" }) : /* @__PURE__ */ t(O, { className: "size-3.5" })
               }
             )
           ] })
@@ -177,80 +191,80 @@ const Se = ["default", "active", "system"], Fe = ({
       c
     );
   };
-  return /* @__PURE__ */ n(H, { children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ i(W, { children: [
+    /* @__PURE__ */ i(
       "div",
       {
         "data-component": "data-table-saved-views",
-        className: w(
+        className: V(
           "mb-2 mx-4 rounded-lg bg-[linear-gradient(83.74deg,#F5F9EC_72.68%,#D7E5B2_108.88%)] flex min-w-0 flex-wrap items-center justify-between gap-2 px-2 py-3",
-          ne
+          le
         ),
         children: [
-          I ? /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-1 items-center gap-1", children: [
-            /* @__PURE__ */ t(O, { className: "h-6 w-24 rounded-full bg-black/10" }),
-            /* @__PURE__ */ t(O, { className: "h-6 w-6 rounded-md bg-black/10" })
-          ] }) : fe ? /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 items-center gap-1 sm:flex-initial", children: /* @__PURE__ */ n(Ne, { open: m, onOpenChange: pe, children: [
-            /* @__PURE__ */ t(we, { asChild: !0, children: /* @__PURE__ */ n(
+          L ? /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 items-center gap-1", children: [
+            /* @__PURE__ */ t(I, { className: "h-6 w-24 rounded-full bg-black/10" }),
+            /* @__PURE__ */ t(I, { className: "h-6 w-6 rounded-md bg-black/10" })
+          ] }) : ve ? /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 items-center gap-1 sm:flex-initial", children: /* @__PURE__ */ i(Ve, { open: u, onOpenChange: be, children: [
+            /* @__PURE__ */ t(ke, { asChild: !0, children: /* @__PURE__ */ i(
               "button",
               {
                 type: "button",
                 className: "flex min-w-0 max-w-full cursor-pointer items-center gap-1 rounded-md border-none bg-transparent p-0 text-left outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2",
-                "aria-expanded": m,
+                "aria-expanded": u,
                 "aria-haspopup": "dialog",
                 "aria-label": a("dataTable.savedViewsOpenMenu"),
                 children: [
-                  /* @__PURE__ */ n(J, { children: [
-                    /* @__PURE__ */ t(W, { asChild: !0, children: /* @__PURE__ */ t(
-                      B,
+                  /* @__PURE__ */ i(X, { children: [
+                    /* @__PURE__ */ t(Z, { asChild: !0, children: /* @__PURE__ */ t(
+                      E,
                       {
                         color: "success",
                         variant: "outline",
                         className: "max-w-[min(100%,200px)] shrink font-['Manrope']",
-                        children: /* @__PURE__ */ t("span", { className: "truncate", children: Q })
+                        children: /* @__PURE__ */ t("span", { className: "truncate", children: Y })
                       }
                     ) }),
-                    /* @__PURE__ */ t(X, { variant: "tertiary", side: "top", children: Q })
+                    /* @__PURE__ */ t(q, { variant: "tertiary", side: "top", children: Y })
                   ] }),
                   /* @__PURE__ */ t(
                     "span",
                     {
-                      className: w(
+                      className: V(
                         "flex size-6 shrink-0 items-center justify-center rounded-md bg-white transition-transform duration-200",
-                        m && "rotate-180"
+                        u && "rotate-180"
                       ),
                       "aria-hidden": !0,
-                      children: /* @__PURE__ */ t(be, { className: "size-3.5 text-content-charcoal" })
+                      children: /* @__PURE__ */ t(ge, { className: "size-3.5 text-content-charcoal" })
                     }
                   )
                 ]
               }
             ) }),
             /* @__PURE__ */ t(
-              Te,
+              Ce,
               {
                 align: "start",
                 className: "z-[50] w-[min(100vw-24px,280px)] p-0 shadow-[0_0_4px_0_rgba(0,0,0,0.12)] overflow-visible",
                 sideOffset: 8,
-                children: /* @__PURE__ */ n("div", { className: "flex flex-col py-2", children: [
-                  /* @__PURE__ */ n("div", { className: "flex items-start justify-between gap-2 px-3 pb-2", children: [
+                children: /* @__PURE__ */ i("div", { className: "flex flex-col py-2", children: [
+                  /* @__PURE__ */ i("div", { className: "flex items-start justify-between gap-2 px-3 pb-2", children: [
                     /* @__PURE__ */ t("span", { className: "text-sm font-medium text-content-charcoal font-['Manrope']", children: a("dataTable.savedViewsTitle") }),
-                    /* @__PURE__ */ n("div", { className: "flex shrink-0 items-center gap-1 text-xs font-medium text-content-tertiary font-['Manrope']", children: [
-                      /* @__PURE__ */ t(P, { className: "size-3.5 text-badge-warning-ink" }),
+                    /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-1 text-xs font-medium text-content-tertiary font-['Manrope']", children: [
+                      /* @__PURE__ */ t(O, { className: "size-3.5 text-badge-warning-ink" }),
                       a("dataTable.savedViewsDefault")
                     ] })
                   ] }),
-                  /* @__PURE__ */ n("div", { className: "flex flex-wrap gap-1.5 px-3 pb-2", children: [
+                  /* @__PURE__ */ i("div", { className: "flex flex-wrap gap-1.5 px-3 pb-2", children: [
                     /* @__PURE__ */ t(
                       "button",
                       {
                         type: "button",
                         className: "border-none bg-transparent p-0",
-                        onClick: () => C("All"),
+                        onClick: () => D("All"),
                         children: /* @__PURE__ */ t(
-                          B,
+                          E,
                           {
-                            color: b === "All" ? "primary" : "neutral",
+                            color: v === "All" ? "primary" : "neutral",
                             variant: "outline",
                             size: "sm",
                             className: "cursor-pointer font-['Manrope']",
@@ -259,16 +273,16 @@ const Se = ["default", "active", "system"], Fe = ({
                         )
                       }
                     ),
-                    ee?.map((e) => /* @__PURE__ */ t(
+                    ae?.map((e) => /* @__PURE__ */ t(
                       "button",
                       {
                         type: "button",
                         className: "border-none bg-transparent p-0",
-                        onClick: () => C(e.value),
+                        onClick: () => D(e.value),
                         children: /* @__PURE__ */ t(
-                          B,
+                          E,
                           {
-                            color: b === e.value ? "primary" : "neutral",
+                            color: v === e.value ? "primary" : "neutral",
                             variant: "outline",
                             size: "sm",
                             className: "cursor-pointer font-['Manrope']",
@@ -280,14 +294,14 @@ const Se = ["default", "active", "system"], Fe = ({
                     ))
                   ] }),
                   /* @__PURE__ */ t("div", { className: "px-3 pb-2", children: /* @__PURE__ */ t(
-                    Ve,
+                    De,
                     {
                       size: "sm",
                       placeholder: a("dataTable.savedViewsSearchPlaceholder"),
-                      value: g,
-                      onChange: (e) => k(e.target.value),
+                      value: N,
+                      onChange: (e) => S(e.target.value),
                       prefix: /* @__PURE__ */ t(
-                        xe,
+                        ye,
                         {
                           className: "size-4 shrink-0 text-content-muted",
                           "aria-hidden": !0
@@ -297,19 +311,19 @@ const Se = ["default", "active", "system"], Fe = ({
                       "aria-label": a("dataTable.savedViewsSearchPlaceholder")
                     }
                   ) }),
-                  /* @__PURE__ */ t("div", { className: "min-h-[72px] px-1", children: R || (I ? /* @__PURE__ */ t("div", { className: "flex max-h-[160px] flex-col gap-2 overflow-y-auto px-2 py-1", children: [1, 2, 3, 4, 5].map((e) => /* @__PURE__ */ t(O, { className: "h-9 w-full rounded-lg" }, e)) }) : M.length === 0 && f.length === 0 ? /* @__PURE__ */ t("div", { className: "flex min-h-[100px] flex-col items-center justify-center px-4 py-6 text-center", children: /* @__PURE__ */ t("span", { className: "text-sm leading-relaxed text-content-tertiary font-['Manrope']", children: a("dataTable.savedViewsEmptyList") }) }) : /* @__PURE__ */ n("div", { className: "flex max-h-[220px] flex-col gap-0 overflow-y-auto", children: [
-                    f.length > 0 ? /* @__PURE__ */ t("div", { className: "flex flex-col px-1 pb-1 ", children: f.map(
-                      (e) => K(
+                  /* @__PURE__ */ t("div", { className: "min-h-[72px] px-1", children: _ || (L ? /* @__PURE__ */ t("div", { className: "flex max-h-[160px] flex-col gap-2 overflow-y-auto px-2 py-1", children: [1, 2, 3, 4, 5].map((e) => /* @__PURE__ */ t(I, { className: "h-9 w-full rounded-lg" }, e)) }) : A.length === 0 && h.length === 0 ? /* @__PURE__ */ t("div", { className: "flex min-h-[100px] flex-col items-center justify-center px-4 py-6 text-center", children: /* @__PURE__ */ t("span", { className: "text-sm leading-relaxed text-content-tertiary font-['Manrope']", children: a("dataTable.savedViewsEmptyList") }) }) : /* @__PURE__ */ i("div", { className: "flex max-h-[220px] flex-col gap-0 overflow-y-auto", children: [
+                    h.length > 0 ? /* @__PURE__ */ t("div", { className: "flex flex-col px-1 pb-1 ", children: h.map(
+                      (e) => H(
                         e,
                         "priority",
                         `priority-${e.id}`
                       )
                     ) }) : null,
-                    f.length > 0 && z.length > 0 ? /* @__PURE__ */ t(Z, { className: "bg-[#D9DDE7] mb-2" }) : null,
-                    z.length > 0 ? /* @__PURE__ */ n(H, { children: [
+                    h.length > 0 && P.length > 0 ? /* @__PURE__ */ t(ee, { className: "bg-[#D9DDE7] mb-2" }) : null,
+                    P.length > 0 ? /* @__PURE__ */ i(W, { children: [
                       /* @__PURE__ */ t("div", { className: "px-3 pb-1.5 pt-0.5 text-xs font-medium tracking-wide text-[#B4BAC7] font-['Manrope']", children: a("dataTable.savedViewsAllSavedViews") }),
-                      /* @__PURE__ */ t("div", { className: "flex flex-col px-1 pb-1", children: z.map(
-                        (e) => K(
+                      /* @__PURE__ */ t("div", { className: "flex flex-col px-1 pb-1", children: P.map(
+                        (e) => H(
                           e,
                           "list",
                           `list-${e.id}`
@@ -317,26 +331,26 @@ const Se = ["default", "active", "system"], Fe = ({
                       ) })
                     ] }) : null
                   ] })) }),
-                  /* @__PURE__ */ t(Z, { className: "my-1" }),
-                  /* @__PURE__ */ n("div", { className: "flex justify-end gap-2 px-3 pt-1", children: [
+                  /* @__PURE__ */ t(ee, { className: "my-1" }),
+                  /* @__PURE__ */ i("div", { className: "flex justify-end gap-2 px-3 pt-1", children: [
                     /* @__PURE__ */ t(
-                      d,
+                      m,
                       {
                         type: "button",
                         variant: "tertiary",
                         size: "md",
-                        onClick: ue,
+                        onClick: he,
                         children: a("dataTable.savedViewsCancel")
                       }
                     ),
                     /* @__PURE__ */ t(
-                      d,
+                      m,
                       {
                         type: "button",
                         variant: "default",
                         size: "md",
-                        disabled: ae || y === o?.id,
-                        onClick: me,
+                        disabled: ie || w === d?.id,
+                        onClick: fe,
                         children: a("dataTable.savedViewsApply")
                       }
                     )
@@ -344,19 +358,19 @@ const Se = ["default", "active", "system"], Fe = ({
                 ] })
               }
             )
-          ] }) }) : /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-1 items-center gap-2 text-content-tertiary", children: [
-            /* @__PURE__ */ t(ve, { className: "size-4 shrink-0", "aria-hidden": !0 }),
+          ] }) }) : /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 items-center gap-2 text-content-tertiary", children: [
+            /* @__PURE__ */ t(Ne, { className: "size-4 shrink-0", "aria-hidden": !0 }),
             /* @__PURE__ */ t("span", { className: "text-sm font-medium font-['Manrope']", children: a("dataTable.savedViewsNoneYet") })
           ] }),
           /* @__PURE__ */ t(
-            d,
+            m,
             {
               type: "button",
               variant: "tertiary",
               size: "sm",
               className: "shrink-0 font-['Manrope']",
               onClick: () => {
-                u(!1), ie?.({ activeView: o });
+                p(!1), re?.({ activeView: d });
               },
               children: a("dataTable.savedViewsSave")
             }
@@ -365,12 +379,12 @@ const Se = ["default", "active", "system"], Fe = ({
       }
     ),
     /* @__PURE__ */ t(
-      Ce,
+      Se,
       {
         variant: "destructive",
         open: x !== null,
         onOpenChange: (e) => {
-          e || U(null);
+          e || $(null);
         },
         title: a("dataTable.savedViewsDeleteConfirmTitle"),
         description: x ? a("dataTable.savedViewsDeleteConfirmDescription", {
@@ -378,12 +392,12 @@ const Se = ["default", "active", "system"], Fe = ({
         }) : void 0,
         confirmLabel: a("dataTable.savedViewsDeleteConfirmButton"),
         onConfirm: () => {
-          x && oe?.(x, { activeView: o });
+          x && ce?.(x, { activeView: d });
         }
       }
     )
   ] });
 };
 export {
-  Fe as DataTableSavedViews
+  Ye as DataTableSavedViews
 };