impact-nova 1.7.3 → 1.7.5

package/dist/components/ui/ag-grid-react/headers/utils/filter-utils.js

@@ -1,5 +1,5 @@
-import { getTodayStr as R, getYesterdayStr as M, getMonthRange as S, getYearRange as W } from "./date-utils.js";
-const T = {
+import { getTodayStr as M, getYesterdayStr as F, getMonthRange as S, getYearRange as W } from "./date-utils.js";
+const v = {
   yes: !0,
   true: !0,
   "[x]": !0,
@@ -45,34 +45,34 @@ function w(a) {
     date: t.findIndex((n) => (typeof n == "string" ? n : n.filter) === "agDateColumnFilter")
   };
 }
-function p(a) {
+function d(a) {
   const t = a.toLowerCase().trim();
-  return t === "today" ? R() : t === "yesterday" ? M() : a;
+  return t === "today" ? M() : t === "yesterday" ? F() : a;
 }
-function v(a, t = !1, n = !1) {
+function q(a, t = !1, n = !1) {
   const r = a.trim();
   if (!r)
     return { operator: "contains", value: "" };
   if (r === '""') return { operator: "empty", value: "" };
   if (r === '!""') return { operator: "notEmpty", value: "" };
   if (r.startsWith("!="))
-    return { operator: "notEqual", value: p(r.slice(2)) };
+    return { operator: "notEqual", value: d(r.slice(2)) };
   if (r.startsWith("=="))
-    return { operator: "equals", value: p(r.slice(2)) };
+    return { operator: "equals", value: d(r.slice(2)) };
   if (r.startsWith("=")) {
     const e = r.slice(1).trim(), l = e.toLowerCase();
-    return T[l] !== void 0 ? { operator: "equals", value: String(T[l]) } : { operator: "equals", value: p(e) };
+    return v[l] !== void 0 ? { operator: "equals", value: String(v[l]) } : { operator: "equals", value: d(e) };
   }
   if (r.startsWith("!"))
-    return { operator: "notContains", value: p(r.slice(1)) };
+    return { operator: "notContains", value: d(r.slice(1)) };
   if (r.startsWith(">="))
-    return { operator: "greaterThanOrEqual", value: p(r.slice(2)) };
+    return { operator: "greaterThanOrEqual", value: d(r.slice(2)) };
   if (r.startsWith(">"))
-    return { operator: "greaterThan", value: p(r.slice(1)) };
+    return { operator: "greaterThan", value: d(r.slice(1)) };
   if (r.startsWith("<="))
-    return { operator: "lessThanOrEqual", value: p(r.slice(2)) };
+    return { operator: "lessThanOrEqual", value: d(r.slice(2)) };
   if (r.startsWith("<"))
-    return { operator: "lessThan", value: p(r.slice(1)) };
+    return { operator: "lessThan", value: d(r.slice(1)) };
   if (r.startsWith("*") && r.length > 1 && !r.endsWith("*"))
     return { operator: "endsWith", value: r.slice(1).trim() };
   if (r.endsWith("*") && r.length > 1 && !r.startsWith("*"))
@@ -84,11 +84,11 @@ function v(a, t = !1, n = !1) {
   if (f)
     return { operator: "inRange", value: f[1], valueTo: f[2] };
   const c = r.toLowerCase();
-  if (t && T[c] !== void 0)
-    return { operator: "equals", value: String(T[c]) };
+  if (t && v[c] !== void 0)
+    return { operator: "equals", value: String(v[c]) };
   if (n) {
-    if (c === "today") return { operator: "equals", value: R() };
-    if (c === "yesterday") return { operator: "equals", value: M() };
+    if (c === "today") return { operator: "equals", value: M() };
+    if (c === "yesterday") return { operator: "equals", value: F() };
     if (/^\d{4}$/.test(r)) {
       const l = W(Number(r));
       return { operator: "inRange", value: l.from, valueTo: l.to };
@@ -112,18 +112,18 @@ function I(a, t = !1, n = !1, r = !1) {
     return { conditions: [], logic: "OR", matchAll: !0 };
   const f = i.includes("+") || i.includes("&"), c = i.includes(",") || i.includes(";");
   if (f)
-    return { conditions: i.split(/\s*[+&]\s*/).filter((o) => !!o.trim()).map((o) => v(o, n, r)).filter((o) => !!o.value), logic: "AND" };
+    return { conditions: i.split(/\s*[+&]\s*/).filter((o) => !!o.trim()).map((o) => q(o, n, r)).filter((o) => !!o.value), logic: "AND" };
   if (c)
-    return { conditions: i.split(/\s*[,;]\s*/).filter((o) => !!o.trim()).map((o) => v(o, n, r)).filter((o) => !!o.value), logic: "OR" };
+    return { conditions: i.split(/\s*[,;]\s*/).filter((o) => !!o.trim()).map((o) => q(o, n, r)).filter((o) => !!o.value), logic: "OR" };
   if (t) {
     const l = i.split(/\s+/).filter((u) => !!u.trim());
     if (l.length > 1) {
-      const u = l.map((o) => v(o, n, r)).filter((o) => !!o.value);
+      const u = l.map((o) => q(o, n, r)).filter((o) => !!o.value);
       if (u.length > 1)
         return { conditions: u, logic: "OR" };
     }
   }
-  const e = v(i, n, r);
+  const e = q(i, n, r);
   return !e.value && e.operator === "contains" ? { conditions: [], logic: "OR" } : { conditions: [e], logic: "OR" };
 }
 function m(a) {
@@ -174,7 +174,7 @@ function $(a) {
       return t;
   }
 }
-const F = {
+const b = {
   contains: "contains",
   notContains: "notContains",
   equals: "equals",
@@ -196,21 +196,21 @@ const F = {
   lt: "lessThan",
   lte: "lessThanOrEqual"
 };
-function A(a, t) {
+function O(a, t) {
   if (!t) return "";
   if ("filterType" in t && t.filterType === "multi" && t.filterModels)
-    return t.filterModels.map((r) => A(a, r)).filter((r) => !!r).join(", ");
+    return t.filterModels.map((r) => O(a, r)).filter((r) => !!r).join(", ");
   if ("filterType" in t && t.filterType === "set" && t.values) {
     const i = t.values || [];
     return i.length === 0 ? "" : i.length === 1 ? m(i[0]) : `${m(i[0])} (+${i.length - 1})`;
   }
   if ("conditions" in t && t.conditions && t.operator) {
     const r = t.operator === "AND" ? " + " : ", ";
-    return t.conditions.map((i) => A(a, i)).filter((i) => !!i).join(r);
+    return t.conditions.map((i) => O(a, i)).filter((i) => !!i).join(r);
   }
   const n = t;
   if ("type" in n && n.type) {
-    const r = n.type, i = F[r] || r, f = n.filter !== void 0 ? String(n.filter) : n.dateFrom !== void 0 ? String(n.dateFrom) : "", c = n.filterTo !== void 0 ? String(n.filterTo) : n.dateTo !== void 0 ? String(n.dateTo) : void 0;
+    const r = n.type, i = b[r] || r, f = n.filter !== void 0 ? String(n.filter) : n.dateFrom !== void 0 ? String(n.dateFrom) : "", c = n.filterTo !== void 0 ? String(n.filterTo) : n.dateTo !== void 0 ? String(n.dateTo) : void 0;
     return $({
       operator: i,
       value: f,
@@ -221,13 +221,13 @@ function A(a, t) {
   }
   return "";
 }
-function E() {
+function A() {
   return Math.random().toString(36).substring(2, 11);
 }
 function j(a = "", t) {
   const n = t === "number" || t === "date" || t === "select" ? "equals" : "contains";
   return {
-    id: E(),
+    id: A(),
     columnId: a,
     operator: n,
     value: "",
@@ -267,7 +267,7 @@ function h(a) {
       return "contains";
   }
 }
-function O(a, t, n) {
+function R(a, t, n) {
   return n === "number" ? "number" : n === "date" ? "date" : n === "select" || n === "set" || Array.isArray(t) ? a === "notEqual" || a === "notContains" ? "text" : "set" : typeof t == "string" && /^\d{4}-\d{2}-\d{2}/.test(t) ? "date" : ["greaterThan", "greaterThanOrEqual", "lessThan", "lessThanOrEqual", "inRange"].includes(a) && t && !x(t) && !isNaN(Number(t)) || typeof t == "string" && t && /^-?\d+(\.\d+)?$/.test(t.trim()) ? "number" : "text";
 }
 function x(a) {
@@ -285,11 +285,11 @@ function D(a) {
     if (f[0].columnType === "multi") {
       const e = (s) => s.operator !== "equals" ? !1 : !!(Array.isArray(s.value) || ["select", "multi"].includes(s.columnType)), l = f.filter(e), u = f.filter((s) => !e(s)), o = [null, null];
       if (u.length > 0) {
-        const s = q(u, "text", a.logic);
+        const s = E(u, "text", a.logic);
         s && (o[0] = s);
       }
       if (l.length > 0) {
-        const s = q(l, "set", a.logic);
+        const s = E(l, "set", a.logic);
         s && (o[1] = s);
       }
       (o[0] || o[1]) && (t[i] = {
@@ -297,13 +297,13 @@ function D(a) {
         filterModels: o
       });
     } else {
-      const e = q(f, f[0].columnType, a.logic);
+      const e = E(f, f[0].columnType, a.logic);
       e && (t[i] = e);
     }
   }
   return console.log("[AdvancedFilter] Converted AG Grid filter model:", t), t;
 }
-function q(a, t, n = "OR") {
+function E(a, t, n = "OR") {
   if (a.length === 0) return null;
   const r = [];
   a.forEach((e) => {
@@ -311,7 +311,7 @@ function q(a, t, n = "OR") {
       r.push({
         ...e,
         value: l,
-        id: E()
+        id: A()
         // Unique ID for each condition
       });
     }) : r.push(e);
@@ -328,14 +328,14 @@ function q(a, t, n = "OR") {
   }
   const c = r;
   if (c.length === 1) {
-    const e = c[0], l = O(e.operator, e.value, e.columnType);
+    const e = c[0], l = R(e.operator, e.value, e.columnType);
     if (l === "date" && typeof e.value == "string") {
       const o = (s) => {
         if (!s || Array.isArray(s)) return null;
         if (/^\d{4}-\d{2}-\d{2}$/.test(s)) return s;
         try {
-          const d = new Date(s), y = d.getFullYear(), g = String(d.getMonth() + 1).padStart(2, "0"), b = String(d.getDate()).padStart(2, "0");
-          return `${y}-${g}-${b}`;
+          const p = new Date(s), y = p.getFullYear(), g = String(p.getMonth() + 1).padStart(2, "0"), T = String(p.getDate()).padStart(2, "0");
+          return `${y}-${g}-${T}`;
         } catch {
           return s;
         }
@@ -354,7 +354,11 @@ function q(a, t, n = "OR") {
     const u = (o) => {
       if (Array.isArray(o)) return o;
       const s = e.columnType === "number";
-      return (l === "number" || s) && parseFloat(o) || o;
+      if (l === "number" || s) {
+        const p = parseFloat(o);
+        return isNaN(p) ? o : p;
+      }
+      return o;
     };
     return e.operator === "inRange" ? {
       type: h(e.operator),
@@ -373,21 +377,28 @@ function q(a, t, n = "OR") {
   } else {
     let e = "text";
     const l = a.map((u) => {
-      const o = h(u.operator), s = O(u.operator, u.value, u.columnType);
+      const o = h(u.operator), s = R(u.operator, u.value, u.columnType);
       e === "text" && s !== "text" && s !== "set" && (e = s);
-      const d = (g) => Array.isArray(g) ? g : s === "number" && parseFloat(g) || g;
+      const p = (g) => {
+        if (Array.isArray(g)) return g;
+        if (s === "number") {
+          const T = parseFloat(g);
+          return isNaN(T) ? g : T;
+        }
+        return g;
+      };
       let y = o;
       return s === "number" && (["contains", "startsWith", "endsWith"].includes(o) ? y = "equals" : o === "notContains" && (y = "notEqual")), u.operator === "inRange" ? {
         type: o,
-        filter: d(u.value),
-        filterTo: d(u.valueTo || ""),
+        filter: p(u.value),
+        filterTo: p(u.valueTo || ""),
         filterType: s
       } : u.operator === "empty" || u.operator === "notEmpty" ? {
         type: o,
         filterType: "text"
       } : {
         type: y,
-        filter: d(u.value),
+        filter: p(u.value),
         filterType: s
       };
     });
@@ -409,9 +420,9 @@ function k(a) {
         return c.conditions.flatMap((s) => i(s));
       if ("filterType" in c && c.filterType === "multi" && c.filterModels)
         return c.filterModels.flatMap((s) => s ? i(s) : []);
-      const e = c, l = "type" in e ? e.type : "equals", u = e.filterType === "set" ? "equals" : F[l] || "contains", o = e.filter !== void 0 ? String(e.filter) : e.dateFrom !== void 0 ? String(e.dateFrom) : e.values ? e.values : "";
+      const e = c, l = "type" in e ? e.type : "equals", u = e.filterType === "set" ? "equals" : b[l] || "contains", o = e.filter !== void 0 ? String(e.filter) : e.dateFrom !== void 0 ? String(e.dateFrom) : e.values ? e.values : "";
       return [{
-        id: E(),
+        id: A(),
         columnId: n,
         operator: u,
         value: o,
@@ -432,8 +443,8 @@ export {
   D as convertToAgGridFilterModel,
   j as createEmptyRule,
   $ as formatRuleForDisplay,
-  E as generateFilterId,
-  A as getDisplayStringFromFilterModel,
+  A as generateFilterId,
+  O as getDisplayStringFromFilterModel,
   w as getMultiFilterIndices,
   h as mapOperatorToAgGrid,
   I as parseInputPattern

package/dist/components/ui/data-table/data-table-saved-views.d.ts

@@ -0,0 +1,2 @@
+import { DataTableSavedViewsProps } from '../types/data-table-saved-views.types';
+export declare const DataTableSavedViews: ({ isSaveViewEnabled, views, activeViewSummary, viewTypeOptions, menuOpen: menuOpenControlled, defaultMenuOpen, onMenuOpenChange, onSearch, isLoadingViews, customListContent, disableApply, className, onSaveViewClick, onApply, onCancel, onEditView, onDeleteView, onSetDefaultView, }: DataTableSavedViewsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,348 @@
+import { jsxs as l, Fragment as ne, jsx as t } from "react/jsx-runtime";
+import * as i from "react";
+import { ChevronDown as le, Star as w, Search as ie, Pencil as se, Trash2 as re, Bookmark as oe } from "lucide-react";
+import { cn as T } from "../../../lib/utils.js";
+import { Popover as de, PopoverTrigger as ce, PopoverContent as me } from "../popover.js";
+import { Tooltip as I, TooltipTrigger as O, TooltipContent as _ } from "../tooltip.js";
+import { Button as o } from "../button.js";
+import { Badge as C } from "../badge.js";
+import { Input as pe } from "../input.js";
+import { Separator as ue } from "../separator.js";
+import { Skeleton as fe } from "../skeleton.js";
+import { Prompt as he } from "../prompt.js";
+import { useImpactNovaI18n as xe } from "../../../i18n/ImpactNovaI18nContext.js";
+const Se = ({
+  isSaveViewEnabled: L = !0,
+  views: s,
+  activeViewSummary: F,
+  viewTypeOptions: Q,
+  menuOpen: k,
+  defaultMenuOpen: q = !1,
+  onMenuOpenChange: V,
+  onSearch: m,
+  isLoadingViews: K = !1,
+  customListContent: D,
+  disableApply: R = !1,
+  className: Y,
+  onSaveViewClick: G,
+  onApply: H,
+  onCancel: J,
+  onEditView: U,
+  onDeleteView: W,
+  onSetDefaultView: z
+}) => {
+  const { t: a } = xe(), x = k !== void 0, [X, Z] = i.useState(
+    q
+  ), p = x ? !!k : X, d = i.useCallback(
+    (e) => {
+      x || Z(e), V?.(e);
+    },
+    [x, V]
+  ), [u, b] = i.useState("All"), [v, g] = i.useState(""), [f, S] = i.useState("");
+  i.useEffect(() => {
+    const e = window.setTimeout(() => S(v), 300);
+    return () => window.clearTimeout(e);
+  }, [v]), i.useEffect(() => {
+    m && m(f);
+  }, [f, m]);
+  const M = i.useMemo(
+    () => s.find((e) => e.isActive),
+    [s]
+  ), r = M ?? null, P = F ?? M?.viewName ?? a("dataTable.savedViewsNotApplicable"), [y, N] = i.useState(null), [h, A] = i.useState(null);
+  i.useEffect(() => {
+    if (p) {
+      const e = s.find((c) => c.isActive);
+      N(e?.id ?? null), b("All"), g(""), S("");
+    }
+  }, [p, s]);
+  const E = i.useMemo(() => u === "All" ? s : s.filter((e) => e.viewType === u), [s, u]), j = i.useMemo(() => {
+    let e = E;
+    if (!m && f.trim()) {
+      const c = f.trim().toLowerCase();
+      e = e.filter((n) => n.viewName.toLowerCase().includes(c));
+    }
+    return e;
+  }, [E, f, m]), B = y === null ? null : s.find((e) => e.id === y) ?? null, $ = () => {
+    H?.(B, { activeView: r }), d(!1);
+  }, ee = () => {
+    J?.({ activeView: r, pendingView: B }), d(!1);
+  }, te = (e) => {
+    d(e), e || g("");
+  };
+  if (!L)
+    return null;
+  const ae = s.length > 0;
+  return /* @__PURE__ */ l(ne, { children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        "data-component": "data-table-saved-views",
+        className: T(
+          "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",
+          Y
+        ),
+        children: [
+          ae ? /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 items-center gap-1 sm:flex-initial", children: /* @__PURE__ */ l(de, { open: p, onOpenChange: te, children: [
+            /* @__PURE__ */ t(ce, { asChild: !0, children: /* @__PURE__ */ l(
+              "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": p,
+                "aria-haspopup": "dialog",
+                "aria-label": a("dataTable.savedViewsOpenMenu"),
+                children: [
+                  /* @__PURE__ */ l(I, { children: [
+                    /* @__PURE__ */ t(O, { asChild: !0, children: /* @__PURE__ */ t(
+                      C,
+                      {
+                        color: "success",
+                        variant: "outline",
+                        className: "max-w-[min(100%,200px)] shrink font-['Manrope']",
+                        children: /* @__PURE__ */ t("span", { className: "truncate", children: P })
+                      }
+                    ) }),
+                    /* @__PURE__ */ t(_, { variant: "tertiary", side: "top", children: P })
+                  ] }),
+                  /* @__PURE__ */ t(
+                    "span",
+                    {
+                      className: T(
+                        "flex size-6 shrink-0 items-center justify-center rounded-md bg-white transition-transform duration-200",
+                        p && "rotate-180"
+                      ),
+                      "aria-hidden": !0,
+                      children: /* @__PURE__ */ t(le, { className: "size-3.5 text-content-charcoal" })
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ t(
+              me,
+              {
+                align: "start",
+                className: "z-[110] w-[min(100vw-24px,280px)] p-0 shadow-[0_0_4px_0_rgba(0,0,0,0.12)]",
+                sideOffset: 8,
+                children: /* @__PURE__ */ l("div", { className: "flex flex-col py-2", children: [
+                  /* @__PURE__ */ l("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__ */ l("div", { className: "flex shrink-0 items-center gap-1 text-xs font-medium text-content-tertiary font-['Manrope']", children: [
+                      /* @__PURE__ */ t(w, { className: "size-3.5 text-badge-warning-ink" }),
+                      a("dataTable.savedViewsDefault")
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ l("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: () => b("All"),
+                        children: /* @__PURE__ */ t(
+                          C,
+                          {
+                            color: u === "All" ? "primary" : "neutral",
+                            variant: "outline",
+                            size: "sm",
+                            className: "cursor-pointer font-['Manrope']",
+                            children: a("dataTable.savedViewsAll")
+                          }
+                        )
+                      }
+                    ),
+                    Q?.map((e) => /* @__PURE__ */ t(
+                      "button",
+                      {
+                        type: "button",
+                        className: "border-none bg-transparent p-0",
+                        onClick: () => b(e.value),
+                        children: /* @__PURE__ */ t(
+                          C,
+                          {
+                            color: u === e.value ? "primary" : "neutral",
+                            variant: "outline",
+                            size: "sm",
+                            className: "cursor-pointer font-['Manrope']",
+                            children: e.label
+                          }
+                        )
+                      },
+                      e.value
+                    ))
+                  ] }),
+                  /* @__PURE__ */ t("div", { className: "px-3 pb-2", children: /* @__PURE__ */ t(
+                    pe,
+                    {
+                      size: "sm",
+                      placeholder: a("dataTable.savedViewsSearchPlaceholder"),
+                      value: v,
+                      onChange: (e) => g(e.target.value),
+                      prefix: /* @__PURE__ */ t(
+                        ie,
+                        {
+                          className: "size-4 shrink-0 text-content-muted",
+                          "aria-hidden": !0
+                        }
+                      ),
+                      className: "border-none shadow-none my-2 rounded-none",
+                      "aria-label": a("dataTable.savedViewsSearchPlaceholder")
+                    }
+                  ) }),
+                  /* @__PURE__ */ t("div", { className: "min-h-[72px] px-1", children: D || (K ? /* @__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(fe, { className: "h-9 w-full rounded-lg" }, e)) }) : j.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__ */ t("div", { className: "flex max-h-[160px] flex-col overflow-y-auto", children: j.map((e) => {
+                    const c = y === e.id;
+                    return /* @__PURE__ */ l(
+                      "div",
+                      {
+                        role: "button",
+                        tabIndex: 0,
+                        className: T(
+                          "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",
+                          c && "bg-badge-info-muted text-badge-info-foreground",
+                          !c && "text-foreground"
+                        ),
+                        onClick: () => N(e.id),
+                        onKeyDown: (n) => {
+                          (n.key === "Enter" || n.key === " ") && (n.preventDefault(), N(e.id));
+                        },
+                        children: [
+                          /* @__PURE__ */ l(I, { children: [
+                            /* @__PURE__ */ t(O, { asChild: !0, children: /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate", children: e.viewName }) }),
+                            /* @__PURE__ */ t(_, { variant: "tertiary", side: "right", children: e.viewName })
+                          ] }),
+                          /* @__PURE__ */ l("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+                            e.isEditable ? /* @__PURE__ */ t(
+                              o,
+                              {
+                                type: "button",
+                                variant: "ghost",
+                                size: "iconSm",
+                                className: "text-foreground hover:text-content-charcoal",
+                                "aria-label": a("dataTable.savedViewsEdit"),
+                                onClick: (n) => {
+                                  n.stopPropagation(), n.preventDefault(), d(!1), U?.(e, { activeView: r });
+                                },
+                                children: /* @__PURE__ */ t(se, { className: "size-3.5" })
+                              }
+                            ) : null,
+                            e.isDeletable ? /* @__PURE__ */ t(
+                              o,
+                              {
+                                type: "button",
+                                variant: "ghost",
+                                size: "iconSm",
+                                className: "text-foreground hover:text-destructive",
+                                "aria-label": a("dataTable.savedViewsDelete"),
+                                onClick: (n) => {
+                                  n.stopPropagation(), n.preventDefault(), d(!1), A(e);
+                                },
+                                children: /* @__PURE__ */ t(re, { className: "size-3.5" })
+                              }
+                            ) : null,
+                            e.hideDefaultStar ? null : e.isDefaultView ? /* @__PURE__ */ t(
+                              o,
+                              {
+                                type: "button",
+                                variant: "ghost",
+                                size: "iconSm",
+                                className: "text-yellow-500 hover:text-yellow-600",
+                                "aria-label": a(
+                                  "dataTable.savedViewsDefaultAction"
+                                ),
+                                onClick: (n) => {
+                                  n.stopPropagation(), n.preventDefault(), z?.(e, { activeView: r });
+                                },
+                                children: /* @__PURE__ */ t(w, { className: "size-3.5 fill-current" })
+                              }
+                            ) : /* @__PURE__ */ t(
+                              o,
+                              {
+                                type: "button",
+                                variant: "ghost",
+                                size: "iconSm",
+                                className: "text-yellow-500 hover:text-yellow-600",
+                                "aria-label": a(
+                                  "dataTable.savedViewsSetDefault"
+                                ),
+                                onClick: (n) => {
+                                  n.stopPropagation(), n.preventDefault(), z?.(e, { activeView: r });
+                                },
+                                children: /* @__PURE__ */ t(w, { className: "size-3.5" })
+                              }
+                            )
+                          ] })
+                        ]
+                      },
+                      e.id
+                    );
+                  }) })) }),
+                  /* @__PURE__ */ t(ue, { className: "my-1" }),
+                  /* @__PURE__ */ l("div", { className: "flex justify-end gap-2 px-3 pt-1", children: [
+                    /* @__PURE__ */ t(
+                      o,
+                      {
+                        type: "button",
+                        variant: "tertiary",
+                        size: "md",
+                        onClick: ee,
+                        children: a("dataTable.savedViewsCancel")
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      o,
+                      {
+                        type: "button",
+                        variant: "default",
+                        size: "md",
+                        disabled: R,
+                        onClick: $,
+                        children: a("dataTable.savedViewsApply")
+                      }
+                    )
+                  ] })
+                ] })
+              }
+            )
+          ] }) }) : /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 items-center gap-2 text-content-tertiary", children: [
+            /* @__PURE__ */ t(oe, { className: "size-4 shrink-0", "aria-hidden": !0 }),
+            /* @__PURE__ */ t("span", { className: "text-sm font-medium font-['Manrope']", children: a("dataTable.savedViewsNoneYet") })
+          ] }),
+          /* @__PURE__ */ t(
+            o,
+            {
+              type: "button",
+              variant: "tertiary",
+              size: "sm",
+              className: "shrink-0 font-['Manrope']",
+              onClick: () => {
+                d(!1), G?.({ activeView: r });
+              },
+              children: a("dataTable.savedViewsSave")
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      he,
+      {
+        variant: "destructive",
+        open: h !== null,
+        onOpenChange: (e) => {
+          e || A(null);
+        },
+        title: a("dataTable.savedViewsDeleteConfirmTitle"),
+        description: h ? a("dataTable.savedViewsDeleteConfirmDescription", {
+          viewName: h.viewName
+        }) : void 0,
+        confirmLabel: a("dataTable.savedViewsDeleteConfirmButton"),
+        onConfirm: () => {
+          h && W?.(h, { activeView: r });
+        }
+      }
+    )
+  ] });
+};
+export {
+  Se as DataTableSavedViews
+};

package/dist/components/ui/data-table/data-table-view-options.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface DataTableViewOptionsProps {
+    enableTableSettings?: boolean;
+    enableContentDensity?: boolean;
+    trigger?: React.ReactNode;
+}
+export declare const DataTableViewOptions: ({ enableTableSettings, enableContentDensity, trigger, }: DataTableViewOptionsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/data-table/index.d.ts

@@ -5,3 +5,5 @@ export * from './data-table-context';
 export * from './data-table-format-options';
 export * from './data-table-sheet';
 export * from './data-table-view-menu';
+export * from './data-table-saved-views';
+export type { SavedTableViewItem, TableViewTypeOption, DataTableSavedViewsProps, DataTableSavedViewsActionContext, DataTableSavedViewsCancelContext, } from '../types/data-table-saved-views.types';