impact-nova 2.2.4 → 2.2.6

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

@@ -1,28 +1,29 @@
-import { jsxs as i, Fragment as W, jsx as t } from "react/jsx-runtime";
+import { jsxs as l, Fragment as X, jsx as t } from "react/jsx-runtime";
 import * as n from "react";
-import { ChevronRight as xe, Star as I, Search as ye, Bookmark as we, Pencil as Ne, Bin as Te } from "impact-nova-icons";
-import { cn as k } from "../../../lib/utils.js";
+import { ChevronRight as ye, Star as I, Search as we, Bookmark as Ne, Pencil as Te, Bin as Ve } from "impact-nova-icons";
+import { cn as m } from "../../../lib/utils.js";
 import { useImpactNovaI18n as ke } from "../../../i18n/use-impact-nova-i18n.js";
-import { Popover as Ve, PopoverTrigger as Ce, PopoverContent as Se } from "../../feedback/popover/popover.js";
-import { Tooltip as X, TooltipTrigger as Z, TooltipContent as q } from "../../feedback/tooltip/tooltip.js";
-import { Button as m } from "../../primitives/button/button.js";
-import { Badge as j } from "../../data-display/badge/badge.js";
-import { Input as ze } from "../../forms/input/input.js";
+import { Popover as De, PopoverTrigger as Se, PopoverContent as Ce } from "../../feedback/popover/popover.js";
+import { OverflowTooltip as Z } from "../../feedback/tooltip/overflow-tooltip.js";
+import { Button as u } from "../../primitives/button/button.js";
+import { Badge as q } from "../../data-display/badge/badge.js";
+import { badgeVariants as ze } from "../../data-display/badge/badge.variants.js";
+import { Input as Me } from "../../forms/input/input.js";
 import { Separator as ee } from "../../data-display/separator/separator.js";
-import { Skeleton as B } from "../../data-display/skeleton/skeleton.js";
-import { Prompt as De } from "../../forms/prompt/prompt.js";
-function Me(b) {
-  return b.isSystemView ? "system" : b.isDefaultView ? "default" : b.isActive ? "active" : "other";
+import { Skeleton as R } from "../../data-display/skeleton/skeleton.js";
+import { Prompt as Ae } from "../../forms/prompt/prompt.js";
+function Pe(v) {
+  return v.isSystemView ? "system" : v.isDefaultView ? "default" : v.isActive ? "active" : "other";
 }
-const Ae = ["default", "active", "system"], _e = ({
-  isSaveViewEnabled: b = !0,
+const Oe = ["default", "active", "system"], Ge = ({
+  isSaveViewEnabled: v = !0,
   views: o,
   activeViewSummary: te,
   viewTypeOptions: ae,
-  menuOpen: R,
+  menuOpen: E,
   defaultMenuOpen: ne = !1,
-  onMenuOpenChange: E,
-  onSearch: V,
+  onMenuOpenChange: j,
+  onSearch: D,
   isLoadingViews: L = !1,
   customListContent: U,
   disableApply: ie = !1,
@@ -34,73 +35,73 @@ const Ae = ["default", "active", "system"], _e = ({
   onDeleteView: ce,
   onSetDefaultView: Q
 }) => {
-  const { t: a } = ke(), C = R !== void 0, [me, y] = n.useState(null), [ue, pe] = n.useState(
+  const { t: a } = ke(), S = E !== void 0, [me, N] = n.useState(null), [ue, pe] = n.useState(
     ne
-  ), u = C ? !!R : ue, p = n.useCallback(
+  ), p = S ? !!E : ue, f = n.useCallback(
     (e) => {
-      C || pe(e), E?.(e);
+      S || pe(e), j?.(e);
     },
-    [C, E]
-  ), [v, S] = n.useState("All"), [w, z] = n.useState(""), [F, D] = n.useState("");
+    [S, j]
+  ), [x, C] = n.useState("All"), [T, z] = n.useState(""), [F, M] = n.useState("");
   n.useEffect(() => {
-    const e = window.setTimeout(() => D(w), 300);
+    const e = window.setTimeout(() => M(T), 300);
     return () => window.clearTimeout(e);
-  }, [w]), n.useEffect(() => {
-    V && V(F);
-  }, [F, V]);
+  }, [T]), n.useEffect(() => {
+    D && D(F);
+  }, [F, D]);
   const Y = n.useMemo(
     () => o.find((e) => e.isActive),
     [o]
-  ), d = Y ?? null, _ = te ?? Y?.viewName ?? a("dataTable.savedViewsNotApplicable"), [N, M] = n.useState(null), [g, $] = n.useState(null), K = n.useRef(!1);
+  ), d = Y ?? null, _ = te ?? Y?.viewName ?? a("dataTable.savedViewsNotApplicable"), [V, A] = n.useState(null), [y, $] = n.useState(null), K = n.useRef(!1);
   n.useEffect(() => {
-    const e = u && !K.current;
-    if (K.current = u, e) {
-      const r = o.find((c) => c.isActive);
-      M(r?.id ?? null), S("All"), z(""), D("");
+    const e = p && !K.current;
+    if (K.current = p, e) {
+      const i = o.find((c) => c.isActive);
+      A(i?.id ?? null), C("All"), z(""), M("");
     }
-  }, [u, o]);
-  const x = n.useMemo(() => v === "All" ? o : o.filter((e) => e.viewType === v), [o, v]), f = w.trim().toLowerCase(), T = n.useCallback(
-    (e, r) => r ? (e.viewName ?? "").trim().toLowerCase().includes(r) : !0,
+  }, [p, o]);
+  const w = n.useMemo(() => x === "All" ? o : o.filter((e) => e.viewType === x), [o, x]), h = T.trim().toLowerCase(), k = n.useCallback(
+    (e, i) => i ? (e.viewName ?? "").trim().toLowerCase().includes(i) : !0,
     []
-  ), A = n.useMemo(() => {
-    let e = x;
-    return f && (e = e.filter((r) => T(r, f))), e;
-  }, [x, f, T]), h = n.useMemo(() => {
-    if (x.length === 0) return [];
-    const e = Object.groupBy(x, Me);
-    return Ae.flatMap((r) => {
-      const c = e[r]?.[0];
-      return c ? f && !T(c, f) ? [] : [c] : [];
+  ), P = n.useMemo(() => {
+    let e = w;
+    return h && (e = e.filter((i) => k(i, h))), e;
+  }, [w, h, k]), b = n.useMemo(() => {
+    if (w.length === 0) return [];
+    const e = Object.groupBy(w, Pe);
+    return Oe.flatMap((i) => {
+      const c = e[i]?.[0];
+      return c ? h && !k(c, h) ? [] : [c] : [];
     });
-  }, [x, f, T]), P = n.useMemo(() => {
-    const e = new Set(h.map((r) => r.id));
-    return A.filter((r) => !e.has(r.id));
-  }, [A, h]), G = N === null ? null : o.find((e) => e.id === N) ?? null, fe = () => {
-    se?.(G, { activeView: d }), p(!1);
+  }, [w, h, k]), O = n.useMemo(() => {
+    const e = new Set(b.map((i) => i.id));
+    return P.filter((i) => !e.has(i.id));
+  }, [P, b]), G = V === null ? null : o.find((e) => e.id === V) ?? null, fe = () => {
+    se?.(G, { activeView: d }), f(!1);
   }, he = () => {
-    oe?.({ activeView: d, pendingView: G }), p(!1);
+    oe?.({ activeView: d, pendingView: G }), f(!1);
   }, be = (e) => {
-    p(e), e || (z(""), D(""));
+    f(e), e || (z(""), M(""));
   };
-  if (!b)
+  if (!v)
     return null;
-  const ve = o.length > 0, H = (e, r, c) => {
-    const O = N === e.id, s = me === e.id, J = r === "priority" && !!e.isActive, ge = r === "list" && !!e.isActive;
-    return /* @__PURE__ */ i(
+  const ge = o.length > 0, H = (e, i, c) => {
+    const B = V === e.id, s = me === e.id, J = i === "priority" && !!e.isActive, ve = i === "list" && !!e.isActive, xe = !!(e.isEditable || e.isDeletable), g = !e.hideDefaultStar, W = xe || g;
+    return /* @__PURE__ */ l(
       "div",
       {
         tabIndex: 0,
-        className: k(
-          "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",
+        className: m(
+          "group mb-1 flex min-w-0 cursor-pointer items-center rounded-lg px-3 py-2 text-left text-sm font-medium font-['Manrope'] transition-all duration-300 relative overflow-hidden",
           !s && "hover:bg-canvas-muted",
-          !s && J && !O && "bg-primary/10 dark:bg-primary/15",
-          !s && O && "bg-badge-info-muted text-badge-info-foreground",
-          !s && !O && !J && "text-foreground",
+          !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 && M(e.id),
-        onKeyDown: (l) => {
-          (l.key === "Enter" || l.key === " ") && (l.preventDefault(), s || M(e.id));
+        onClick: () => !s && A(e.id),
+        onKeyDown: (r) => {
+          (r.key === "Enter" || r.key === " ") && (r.preventDefault(), s || A(e.id));
         },
         children: [
           s && /* @__PURE__ */ t(
@@ -113,157 +114,181 @@ const Ae = ["default", "active", "system"], _e = ({
               }
             }
           ),
-          /* @__PURE__ */ i(X, { children: [
-            /* @__PURE__ */ t(Z, { asChild: !0, children: /* @__PURE__ */ t(
-              "span",
-              {
-                className: k(
-                  "min-w-0 flex-1 truncate relative z-10",
-                  ge && "underline decoration-primary decoration-2 underline-offset-2"
-                ),
-                children: e.viewName
-              }
-            ) }),
-            /* @__PURE__ */ t(q, { variant: "tertiary", side: "right", children: e.viewName })
-          ] }),
-          /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-0.5 relative z-10", children: [
-            e.isEditable ? /* @__PURE__ */ t(
-              m,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "iconSm",
-                className: "text-foreground hover:text-content-charcoal",
-                "aria-label": a("dataTable.savedViewsEdit"),
-                onClick: (l) => {
-                  l.stopPropagation(), l.preventDefault(), p(!1), de?.(e, { activeView: d });
-                },
-                children: /* @__PURE__ */ t(Ne, { className: "size-3.5" })
-              }
-            ) : null,
-            e.isDeletable ? /* @__PURE__ */ t(
-              m,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "iconSm",
-                className: "text-foreground hover:text-destructive",
-                "aria-label": a("dataTable.savedViewsDelete"),
-                onClick: (l) => {
-                  l.stopPropagation(), l.preventDefault(), p(!1), $(e);
-                },
-                children: /* @__PURE__ */ t(Te, { className: "size-3.5" })
-              }
-            ) : null,
-            e.hideDefaultStar ? null : e.isDefaultView ? /* @__PURE__ */ t(
-              m,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "iconSm",
-                className: "text-warning hover:text-badge-warning-ink disabled:opacity-50",
-                "aria-label": a("dataTable.savedViewsDefaultAction"),
-                disabled: s,
-                onClick: (l) => {
-                  l.stopPropagation(), l.preventDefault(), s || (y(e.id), setTimeout(() => y(null), 1200), Q?.(e, { activeView: d }));
-                },
-                children: s ? /* @__PURE__ */ t("div", { className: "size-3.5 animate-spin motion-reduce:animate-none rounded-full border-2 border-warning border-t-transparent" }) : /* @__PURE__ */ t(I, { className: "size-3.5 fill-current text-warning" })
-              }
-            ) : /* @__PURE__ */ t(
-              m,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "iconSm",
-                className: "text-warning hover:text-badge-warning-ink disabled:opacity-50",
-                "aria-label": a("dataTable.savedViewsSetDefault"),
-                disabled: s,
-                onClick: (l) => {
-                  l.stopPropagation(), l.preventDefault(), s || (y(e.id), setTimeout(() => y(null), 1200), Q?.(e, { activeView: d }));
-                },
-                children: s ? /* @__PURE__ */ t("div", { className: "size-3.5 animate-spin motion-reduce:animate-none rounded-full border-2 border-warning border-t-transparent" }) : /* @__PURE__ */ t(I, { className: "size-3.5 text-warning" })
-              }
-            )
-          ] })
+          /* @__PURE__ */ t(
+            Z,
+            {
+              triggerClassName: m(
+                "relative z-10 block min-w-0 w-full truncate text-start",
+                W && (e.isDefaultView && g ? "pe-7 group-hover:pe-[4.75rem]" : "pe-0 group-hover:pe-[4.75rem]"),
+                ve && "underline decoration-primary decoration-2 underline-offset-2"
+              ),
+              content: e.viewName,
+              side: "right",
+              variant: "tertiary",
+              children: e.viewName
+            }
+          ),
+          W ? /* @__PURE__ */ l(
+            "div",
+            {
+              className: m(
+                "absolute end-2 top-1/2 z-20 flex -translate-y-1/2 items-center gap-0.5 transition-opacity",
+                e.isDefaultView && g ? "opacity-100" : "pointer-events-none opacity-0 group-hover:pointer-events-auto group-hover:opacity-100"
+              ),
+              children: [
+                e.isEditable ? /* @__PURE__ */ t(
+                  u,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "iconSm",
+                    className: m(
+                      "text-foreground hover:text-content-charcoal",
+                      e.isDefaultView && g && "opacity-0 group-hover:opacity-100"
+                    ),
+                    "aria-label": a("dataTable.savedViewsEdit"),
+                    onClick: (r) => {
+                      r.stopPropagation(), r.preventDefault(), f(!1), de?.(e, { activeView: d });
+                    },
+                    children: /* @__PURE__ */ t(Te, { className: "size-3.5" })
+                  }
+                ) : null,
+                e.isDeletable ? /* @__PURE__ */ t(
+                  u,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "iconSm",
+                    className: m(
+                      "text-foreground hover:text-destructive",
+                      e.isDefaultView && g && "opacity-0 group-hover:opacity-100"
+                    ),
+                    "aria-label": a("dataTable.savedViewsDelete"),
+                    onClick: (r) => {
+                      r.stopPropagation(), r.preventDefault(), f(!1), $(e);
+                    },
+                    children: /* @__PURE__ */ t(Ve, { className: "size-3.5" })
+                  }
+                ) : null,
+                g ? e.isDefaultView ? /* @__PURE__ */ t(
+                  u,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "iconSm",
+                    className: "text-warning hover:text-badge-warning-ink disabled:opacity-50",
+                    "aria-label": a("dataTable.savedViewsDefaultAction"),
+                    disabled: s,
+                    onClick: (r) => {
+                      r.stopPropagation(), r.preventDefault(), s || (N(e.id), setTimeout(() => N(null), 1200), Q?.(e, { activeView: d }));
+                    },
+                    children: s ? /* @__PURE__ */ t("div", { className: "size-3.5 animate-spin motion-reduce:animate-none rounded-full border-2 border-warning border-t-transparent" }) : /* @__PURE__ */ t(I, { className: "size-3.5 fill-current text-warning" })
+                  }
+                ) : /* @__PURE__ */ t(
+                  u,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "iconSm",
+                    className: "text-warning hover:text-badge-warning-ink disabled:opacity-50",
+                    "aria-label": a("dataTable.savedViewsSetDefault"),
+                    disabled: s,
+                    onClick: (r) => {
+                      r.stopPropagation(), r.preventDefault(), s || (N(e.id), setTimeout(() => N(null), 1200), Q?.(e, { activeView: d }));
+                    },
+                    children: s ? /* @__PURE__ */ t("div", { className: "size-3.5 animate-spin motion-reduce:animate-none rounded-full border-2 border-warning border-t-transparent" }) : /* @__PURE__ */ t(I, { className: "size-3.5 text-warning" })
+                  }
+                ) : null
+              ]
+            }
+          ) : null
         ]
       },
       c
     );
   };
-  return /* @__PURE__ */ i(W, { children: [
-    /* @__PURE__ */ i(
+  return /* @__PURE__ */ l(X, { children: [
+    /* @__PURE__ */ l(
       "div",
       {
         "data-component": "data-table-saved-views",
-        className: k(
+        className: m(
           "saved-view-bar-gradient mb-2 mx-4 flex min-w-0 flex-nowrap items-center justify-between gap-2 rounded-lg px-2 py-3",
           re
         ),
         children: [
-          L ? /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 items-center gap-1 overflow-hidden", children: [
-            /* @__PURE__ */ t(B, { className: "h-6 w-24 rounded-full bg-scrim-skeleton" }),
-            /* @__PURE__ */ t(B, { className: "h-6 w-6 shrink-0 rounded-md bg-scrim-skeleton" })
-          ] }) : ve ? /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 items-center justify-start gap-1 overflow-hidden", children: /* @__PURE__ */ i(Ve, { open: u, onOpenChange: be, children: [
-            /* @__PURE__ */ t(Ce, { asChild: !0, children: /* @__PURE__ */ i(
+          L ? /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 items-center gap-1 overflow-hidden", children: [
+            /* @__PURE__ */ t(R, { className: "h-6 w-24 rounded-full bg-scrim-skeleton" }),
+            /* @__PURE__ */ t(R, { className: "h-6 w-6 shrink-0 rounded-md bg-scrim-skeleton" })
+          ] }) : ge ? /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 items-center justify-start gap-1 overflow-hidden", children: /* @__PURE__ */ l(De, { open: p, onOpenChange: be, children: [
+            /* @__PURE__ */ t(Se, { asChild: !0, children: /* @__PURE__ */ l(
               "button",
               {
                 type: "button",
                 className: "inline-flex min-w-0 max-w-full cursor-pointer items-center gap-1 overflow-hidden 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": u,
+                "aria-expanded": p,
                 "aria-haspopup": "dialog",
                 "aria-label": a("dataTable.savedViewsOpenMenu"),
                 children: [
-                  /* @__PURE__ */ i(X, { children: [
-                    /* @__PURE__ */ t(Z, { asChild: !0, children: /* @__PURE__ */ t(
-                      j,
-                      {
-                        color: "success",
-                        variant: "outline",
-                        className: "w-fit max-w-full min-w-0 shrink font-['Manrope']",
-                        children: _
-                      }
-                    ) }),
-                    /* @__PURE__ */ t(q, { variant: "tertiary", side: "top", children: _ })
-                  ] }),
+                  /* @__PURE__ */ t(
+                    Z,
+                    {
+                      as: "div",
+                      triggerClassName: m(
+                        ze({
+                          variant: "outline",
+                          color: "success",
+                          size: "md",
+                          shape: "circle",
+                          layout: "default"
+                        }),
+                        "w-fit max-w-full min-w-0 shrink truncate font-['Manrope']"
+                      ),
+                      content: _,
+                      side: "top",
+                      variant: "tertiary",
+                      children: _
+                    }
+                  ),
                   /* @__PURE__ */ t(
                     "span",
                     {
-                      className: k(
+                      className: m(
                         "flex size-6 shrink-0 items-center justify-center rounded-md bg-canvas-elevated transition-transform duration-200",
-                        u && "rotate-180"
+                        p && "rotate-180"
                       ),
                       "aria-hidden": !0,
-                      children: /* @__PURE__ */ t(xe, { className: "size-3.5 rotate-90 text-content-charcoal" })
+                      children: /* @__PURE__ */ t(ye, { className: "size-3.5 rotate-90 text-content-charcoal" })
                     }
                   )
                 ]
               }
             ) }),
             /* @__PURE__ */ t(
-              Se,
+              Ce,
               {
                 align: "start",
                 className: "z-[50] w-[min(100vw-24px,280px)] p-0 shadow-elevation-floating overflow-visible",
                 sideOffset: 8,
-                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: [
+                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__ */ i("div", { className: "flex shrink-0 items-center gap-1 text-xs font-medium text-content-tertiary font-['Manrope']", children: [
+                    /* @__PURE__ */ l("div", { className: "flex shrink-0 items-center gap-1 text-xs font-medium text-content-tertiary font-['Manrope']", children: [
                       /* @__PURE__ */ t(I, { className: "size-3.5 fill-current text-warning" }),
                       a("dataTable.savedViewsDefault")
                     ] })
                   ] }),
-                  /* @__PURE__ */ i("div", { className: "flex flex-wrap gap-1.5 px-3 pb-2", children: [
+                  /* @__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: () => S("All"),
+                        onClick: () => C("All"),
                         children: /* @__PURE__ */ t(
-                          j,
+                          q,
                           {
-                            color: v === "All" ? "primary" : "neutral",
+                            color: x === "All" ? "primary" : "neutral",
                             variant: "outline",
                             size: "sm",
                             className: "cursor-pointer font-['Manrope']",
@@ -277,11 +302,11 @@ const Ae = ["default", "active", "system"], _e = ({
                       {
                         type: "button",
                         className: "border-none bg-transparent p-0",
-                        onClick: () => S(e.value),
+                        onClick: () => C(e.value),
                         children: /* @__PURE__ */ t(
-                          j,
+                          q,
                           {
-                            color: v === e.value ? "primary" : "neutral",
+                            color: x === e.value ? "primary" : "neutral",
                             variant: "outline",
                             size: "sm",
                             className: "cursor-pointer font-['Manrope']",
@@ -293,14 +318,14 @@ const Ae = ["default", "active", "system"], _e = ({
                     ))
                   ] }),
                   /* @__PURE__ */ t("div", { className: "px-3 pb-2", children: /* @__PURE__ */ t(
-                    ze,
+                    Me,
                     {
                       size: "sm",
                       placeholder: a("dataTable.savedViewsSearchPlaceholder"),
-                      value: w,
+                      value: T,
                       onChange: (e) => z(e.target.value),
                       prefix: /* @__PURE__ */ t(
-                        ye,
+                        we,
                         {
                           className: "size-4 shrink-0 text-secondary-foreground",
                           "aria-hidden": !0
@@ -310,18 +335,18 @@ const Ae = ["default", "active", "system"], _e = ({
                       "aria-label": a("dataTable.savedViewsSearchPlaceholder")
                     }
                   ) }),
-                  /* @__PURE__ */ t("div", { className: "min-h-[72px] px-1", children: U || (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(B, { 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(
+                  /* @__PURE__ */ t("div", { className: "min-h-[72px] px-1", children: U || (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(R, { className: "h-9 w-full rounded-lg" }, e)) }) : P.length === 0 && b.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__ */ l("div", { className: "flex max-h-[220px] flex-col gap-0 overflow-y-auto", children: [
+                    b.length > 0 ? /* @__PURE__ */ t("div", { className: "flex flex-col px-1 pb-1 ", children: b.map(
                       (e) => H(
                         e,
                         "priority",
                         `priority-${e.id}`
                       )
                     ) }) : null,
-                    h.length > 0 && P.length > 0 ? /* @__PURE__ */ t(ee, { className: "mb-2 bg-stroke-hairline" }) : null,
-                    P.length > 0 ? /* @__PURE__ */ i(W, { children: [
+                    b.length > 0 && O.length > 0 ? /* @__PURE__ */ t(ee, { className: "mb-2 bg-stroke-hairline" }) : null,
+                    O.length > 0 ? /* @__PURE__ */ l(X, { children: [
                       /* @__PURE__ */ t("div", { className: "px-3 pb-1.5 pt-0.5 text-xs font-medium tracking-wide text-content-placeholder font-['Manrope']", children: a("dataTable.savedViewsAllSavedViews") }),
-                      /* @__PURE__ */ t("div", { className: "flex flex-col px-1 pb-1", children: P.map(
+                      /* @__PURE__ */ t("div", { className: "flex flex-col px-1 pb-1", children: O.map(
                         (e) => H(
                           e,
                           "list",
@@ -331,9 +356,9 @@ const Ae = ["default", "active", "system"], _e = ({
                     ] }) : null
                   ] })) }),
                   /* @__PURE__ */ t(ee, { className: "my-1 bg-[var(--color-border-hairline)]" }),
-                  /* @__PURE__ */ i("div", { className: "flex justify-end gap-2 px-3 pt-1", children: [
+                  /* @__PURE__ */ l("div", { className: "flex justify-end gap-2 px-3 pt-1", children: [
                     /* @__PURE__ */ t(
-                      m,
+                      u,
                       {
                         type: "button",
                         variant: "tertiary",
@@ -343,12 +368,12 @@ const Ae = ["default", "active", "system"], _e = ({
                       }
                     ),
                     /* @__PURE__ */ t(
-                      m,
+                      u,
                       {
                         type: "button",
                         variant: "default",
                         size: "md",
-                        disabled: ie || N === d?.id,
+                        disabled: ie || V === d?.id,
                         onClick: fe,
                         children: a("dataTable.savedViewsApply")
                       }
@@ -357,19 +382,19 @@ const Ae = ["default", "active", "system"], _e = ({
                 ] })
               }
             )
-          ] }) }) : /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 items-center gap-2 overflow-hidden text-content-tertiary", children: [
-            /* @__PURE__ */ t(we, { className: "size-4 shrink-0", "aria-hidden": !0 }),
+          ] }) }) : /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1 items-center gap-2 overflow-hidden 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(
-            m,
+            u,
             {
               type: "button",
               variant: "tertiary",
               size: "sm",
               className: "shrink-0 font-['Manrope']",
               onClick: () => {
-                p(!1), le?.({ activeView: d });
+                f(!1), le?.({ activeView: d });
               },
               children: a("dataTable.savedViewsSave")
             }
@@ -378,25 +403,25 @@ const Ae = ["default", "active", "system"], _e = ({
       }
     ),
     /* @__PURE__ */ t(
-      De,
+      Ae,
       {
         variant: "destructive",
-        open: g !== null,
+        open: y !== null,
         onOpenChange: (e) => {
           e || $(null);
         },
         title: a("dataTable.savedViewsDeleteConfirmTitle"),
-        description: g ? a("dataTable.savedViewsDeleteConfirmDescription", {
-          viewName: g.viewName
+        description: y ? a("dataTable.savedViewsDeleteConfirmDescription", {
+          viewName: y.viewName
         }) : void 0,
         confirmLabel: a("dataTable.savedViewsDeleteConfirmButton"),
         onConfirm: () => {
-          g && ce?.(g, { activeView: d });
+          y && ce?.(y, { activeView: d });
         }
       }
     )
   ] });
 };
 export {
-  _e as DataTableSavedViews
+  Ge as DataTableSavedViews
 };

package/dist/components/data/expandable-list-item/expandable-list-item-attributes.d.ts

@@ -4,5 +4,6 @@ export interface ExpandableListItemAttributesProps {
     title?: string;
     maxVisibleTags?: number;
     formatOverflow?: ExpandableListItemAttributesSection["formatOverflow"];
+    externalCopyFunction?: ExpandableListItemAttributesSection["externalCopyFunction"];
 }
-export declare function ExpandableListItemAttributes({ tags, title, maxVisibleTags, formatOverflow, }: ExpandableListItemAttributesProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExpandableListItemAttributes({ tags, title, maxVisibleTags, formatOverflow, externalCopyFunction, }: ExpandableListItemAttributesProps): import("react/jsx-runtime").JSX.Element;