chordia-ui 4.0.7 → 4.0.9

package/dist/components/data.es.js

@@ -42,18 +42,18 @@ function wr({
   direction: S = "top",
   align: u = "center",
   styling: F,
-  indicatorColor: L
+  indicatorColor: M
 }) {
-  const _ = typeof a == "string" ? a : a != null ? String(a) : "", z = typeof L == "string" && (L.startsWith("#") || L.startsWith("rgb") || L.startsWith("hsl") || L.startsWith("var(")) ? L : "var(--Grey-Strong, #2E3236)", [A, Y] = m(!1), [H, he] = m(!1), [O, h] = m({ top: 0, left: 0, arrowLeft: 0, placement: "top" }), g = E(null), M = E(null);
+  const _ = typeof a == "string" ? a : a != null ? String(a) : "", z = typeof M == "string" && (M.startsWith("#") || M.startsWith("rgb") || M.startsWith("hsl") || M.startsWith("var(")) ? M : "var(--Grey-Strong, #2E3236)", [A, Y] = m(!1), [H, he] = m(!1), [O, h] = m({ top: 0, left: 0, arrowLeft: 0, placement: "top" }), g = E(null), N = E(null);
   if (!_)
     return p;
   T(() => {
     he(!0);
   }, []);
   const b = D(() => {
-    if (!g.current || !M.current || typeof window > "u")
+    if (!g.current || !N.current || typeof window > "u")
       return;
-    const x = g.current.getBoundingClientRect(), N = M.current.getBoundingClientRect(), Ae = window.innerWidth, le = window.innerHeight, V = 8, K = 10, q = N.width, R = N.height, ee = x.top, $ = le - x.bottom, te = S === "bottom" ? "bottom" : "top";
+    const x = g.current.getBoundingClientRect(), L = N.current.getBoundingClientRect(), Ae = window.innerWidth, le = window.innerHeight, V = 8, K = 10, q = L.width, R = L.height, ee = x.top, $ = le - x.bottom, te = S === "bottom" ? "bottom" : "top";
     let ae = te;
     te === "top" && ee < R + K + V && $ > ee ? ae = "bottom" : te === "bottom" && $ < R + K + V && ee > $ && (ae = "top");
     let k = x.left + x.width / 2;
@@ -84,7 +84,7 @@ function wr({
           /* @__PURE__ */ d(
             "span",
             {
-              ref: M,
+              ref: N,
               style: {
                 position: "fixed",
                 top: `${O.top}px`,
@@ -144,7 +144,7 @@ function Ar({
   // Server-side pagination props (optional)
   totalCount: F = null,
   // Total count from server (null = use client-side pagination)
-  page: L = null,
+  page: M = null,
   // Controlled page (null = use internal state)
   pageSize: _ = null,
   // Controlled pageSize (null = use internal state)
@@ -165,14 +165,14 @@ function Ar({
   // Array of [field, direction] tuples from parent (null = use internal state)
   tableId: g = null,
   // Optional unique identifier for localStorage persistence (e.g., "history", "agents")
-  isLoading: M = !1,
+  isLoading: N = !1,
   // Loading state to show overlay inside table
   // Filter props (optional)
   filtersConfig: b = null,
   // Top toolbar filter config (chips/date/export). Note: this is different from `columnFilters` for inline header inputs.
   // Column resize (optional) — min/max in px; columns may override with column.minWidth / column.maxWidth
   columnResizeMinWidth: x = 100,
-  columnResizeMaxWidth: N = 280,
+  columnResizeMaxWidth: L = 280,
   // Mobile card view (optional) — on phones the table is swapped for a stacked
   // card list that only shows the currently visible (checked) columns.
   enableMobileCards: Ae = !0,
@@ -225,7 +225,7 @@ function Ar({
     ) : s;
   });
   ve.displayName = "TruncatedCell";
-  const we = F !== null && z !== null, me = Y !== null, de = O !== null, [Ft, Re] = m(1), [zt, Nt] = m(S), Pe = L !== null ? L : Ft, Se = _ !== null ? _ : zt, ke = (e) => {
+  const we = F !== null && z !== null, me = Y !== null, de = O !== null, [Ft, Re] = m(1), [zt, Nt] = m(S), Pe = M !== null ? M : Ft, Se = _ !== null ? _ : zt, ke = (e) => {
     z ? z(e) : Re(e);
   }, Qe = (e) => {
     A ? A(e) : Nt(e);
@@ -313,9 +313,9 @@ function Ar({
   }, [Ne]), At = D((e, t, o) => {
     var J;
     e.preventDefault(), e.stopPropagation();
-    const i = t.id || t.key, n = ze(t.minWidth) ?? x, l = ze(t.maxWidth) ?? N, s = Math.min(n, l), c = Math.max(n, l), W = ((J = e.currentTarget.closest("th")) == null ? void 0 : J.getBoundingClientRect().width) || 0, B = ze(o), be = B ?? Math.max(s, Math.round(W) || s), ge = Math.min(c, Math.max(s, be));
+    const i = t.id || t.key, n = ze(t.minWidth) ?? x, l = ze(t.maxWidth) ?? L, s = Math.min(n, l), c = Math.max(n, l), W = ((J = e.currentTarget.closest("th")) == null ? void 0 : J.getBoundingClientRect().width) || 0, B = ze(o), be = B ?? Math.max(s, Math.round(W) || s), ge = Math.min(c, Math.max(s, be));
     Fe.current = { columnId: i, startX: e.clientX, startWidth: ge, minWidth: s, maxWidth: c }, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", Ne), document.addEventListener("mouseup", ye);
-  }, [N, x, Ne, ye, ze]);
+  }, [L, x, Ne, ye, ze]);
   T(() => () => ye(), [ye]);
   const Rt = tr(
     bt(dr),
@@ -522,12 +522,12 @@ function Ar({
     const t = new IntersectionObserver(
       (o) => {
         var i;
-        (i = o[0]) != null && i.isIntersecting && !M && le();
+        (i = o[0]) != null && i.isIntersecting && !N && le();
       },
       { root: null, rootMargin: "120px" }
     );
     return t.observe(e), () => t.disconnect();
-  }, [k, Ue, M, le, p == null ? void 0 : p.length]), T(() => {
+  }, [k, Ue, N, le, p == null ? void 0 : p.length]), T(() => {
     if (!j || !pe.current)
       return;
     const e = () => {
@@ -930,7 +930,7 @@ function Ar({
                 /* @__PURE__ */ r("span", { style: { fontSize: "12px", color: "rgba(30, 33, 37, 0.5)", fontFamily: "var(--font-sans)" }, children: "Loading..." })
               ]
             }
-          ) : !M && Q.length === 0 ? /* @__PURE__ */ r(
+          ) : !N && Q.length === 0 ? /* @__PURE__ */ r(
             "div",
             {
               style: {
@@ -1032,7 +1032,7 @@ function Ar({
             );
           }),
           !q && Ue && /* @__PURE__ */ r("div", { ref: mt, style: { height: "1px" } }),
-          !q && M && /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "center", padding: "16px" }, children: /* @__PURE__ */ r(Ye, { src: "/BrandLoading.gif", alt: "Loading", width: 36, height: 36, unoptimized: !0 }) })
+          !q && N && /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "center", padding: "16px" }, children: /* @__PURE__ */ r(Ye, { src: "/BrandLoading.gif", alt: "Loading", width: 36, height: 36, unoptimized: !0 }) })
         ]
       }
     ),
@@ -1052,7 +1052,7 @@ function Ar({
             position: "relative",
             top: "0.5rem"
           }, children: [
-            M && /* @__PURE__ */ r("div", { style: {
+            N && /* @__PURE__ */ r("div", { style: {
               position: "absolute",
               inset: 0,
               background: "rgba(255, 255, 255, 0.9)",
@@ -1086,7 +1086,7 @@ function Ar({
                 }
               )
             ] }) }),
-            /* @__PURE__ */ r("div", { className: "overflow-x-auto custom-thin-scrollbar-hidden", ref: Tt, style: { maxHeight: "500px", overflowY: "auto", position: "relative", zIndex: 1 }, children: /* @__PURE__ */ d("table", { style: {
+            /* @__PURE__ */ r("div", { className: "overflow-x-auto custom-thin-scrollbar-hidden", ref: Tt, style: { maxHeight: "500px", overflowY: "auto", position: "relative", zIndex: 1, minHeight: N ? "220px" : void 0 }, children: /* @__PURE__ */ d("table", { style: {
               width: "100%",
               borderCollapse: "collapse",
               fontSize: "13px",
@@ -1199,7 +1199,7 @@ function Ar({
                   );
                 }) })
               ] }),
-              /* @__PURE__ */ r("tbody", { children: !M && Q.length === 0 ? /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r(
+              /* @__PURE__ */ r("tbody", { children: !N && Q.length === 0 ? /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r(
                 "td",
                 {
                   colSpan: I.length + (R ? 1 : 0),
@@ -1212,7 +1212,7 @@ function Ar({
                   },
                   children: "No results found"
                 }
-              ) }) : !M && Q.length > 0 ? Q.map((e, t) => {
+              ) }) : !N && Q.length > 0 ? Q.map((e, t) => {
                 const o = We(e, t), i = R && Z.has(o);
                 return /* @__PURE__ */ d(
                   "tr",
@@ -1317,16 +1317,16 @@ function Rr({
   trailingActions: F
   // Optional extra actions rendered after Export (e.g., Add Users button)
 }) {
-  const [L, _] = m(!1), z = E(null), A = E(null);
+  const [M, _] = m(!1), z = E(null), A = E(null);
   T(() => {
     const h = (g) => {
       A.current && !A.current.contains(g.target) && z.current && !z.current.contains(g.target) && _(!1);
     };
-    if (L)
+    if (M)
       return document.addEventListener("mousedown", h), () => {
         document.removeEventListener("mousedown", h);
       };
-  }, [L]);
+  }, [M]);
   const Y = () => {
     _((h) => !h);
   }, H = (h) => {
@@ -1334,8 +1334,8 @@ function Rr({
   }, O = (() => {
     if (!(u != null && u.filters))
       return !1;
-    const h = u.filters, g = u.customFilters || [], M = Object.entries(h).some(([x, N]) => !!(Array.isArray(N) && N.length || typeof N == "string" && N.trim() !== "" || N && typeof N == "object" && (N.min != null || N.max != null))), b = g.some((x) => x.active);
-    return M || b;
+    const h = u.filters, g = u.customFilters || [], N = Object.entries(h).some(([x, L]) => !!(Array.isArray(L) && L.length || typeof L == "string" && L.trim() !== "" || L && typeof L == "object" && (L.min != null || L.max != null))), b = g.some((x) => x.active);
+    return N || b;
   })();
   return /* @__PURE__ */ d("div", { className: "flex items-center gap-3 flex-wrap", children: [
     a && /* @__PURE__ */ d(
@@ -1378,7 +1378,7 @@ function Rr({
           ]
         }
       ),
-      L && /* @__PURE__ */ r(
+      M && /* @__PURE__ */ r(
         "div",
         {
           ref: A,