@memobit/libs 3.11.2 → 3.11.3

package/dist/components/DataView/DataView2.js

@@ -1,36 +1,38 @@
 import './DataView.css';
 import { Icon as X } from "../Icon/Icon2.js";
 import { Button as ft } from "../Button/Button2.js";
-import { Tooltip as Ae } from "../Tooltip/Tooltip2.js";
+import { Tooltip as Ee } from "../Tooltip/Tooltip2.js";
 import { Checkbox as re } from "../Checkbox/Checkbox2.js";
-import { useBreakpoint as pt } from "../../hooks/useBreakpoint.js";
-import { Dropdown as vt } from "../Dropdown/Dropdown2.js";
+import { Dropdown as pt } from "../Dropdown/Dropdown2.js";
+import { useBreakpoint as vt } from "../../hooks/useBreakpoint.js";
 import { getResultsCount as _t } from "../../helpers/Pagination.js";
 import { EmptyState as oe } from "../EmptyState/EmptyState2.js";
-import { Pagination as Ee } from "../Pagination/Pagination2.js";
-import { TimelineMarkerDot as wt, calculateTimelineMarkers as gt } from "../TimelineMarkers/TimelineMarkers2.js";
-import { CardView as bt, DEFAULT_PAGE_SIZES as Ge, getColumnLabel as yt, renderCellContent as kt, renderColumnLabel as Ct } from "./DataView.CardView.js";
+import { Pagination as Ge } from "../Pagination/Pagination2.js";
+import { calculateTimelineMarkers as wt } from "../TimelineMarkers/calculateTimelineMarkers.js";
+import { TimelineMarkerDot as gt } from "../TimelineMarkers/TimelineMarkers2.js";
+import { DEFAULT_PAGE_SIZES as Le, getColumnLabel as bt, renderCellContent as kt, renderColumnLabel as yt } from "./DataView.helpers.js";
+import { CardView as Ct } from "./DataView.CardView.js";
 import { DataViewColumnSelector as Nt } from "./DataView.ColumnSelector.js";
 import { DataViewMiniSort as St } from "./DataView.MiniSort.js";
 /* empty css         */
-import Le, { useMemo as L, useState as P } from "react";
-import { Fragment as Mt, jsx as t, jsxs as c } from "react/jsx-runtime";
-function Pt({ state: h }) {
+import Ve, { useCallback as Mt, useMemo as L, useState as P } from "react";
+import { Fragment as Pt, jsx as t, jsxs as c } from "react/jsx-runtime";
+function $t({ state: h }) {
   return /* @__PURE__ */ t("span", {
     className: `data-view__sort-icon data-view__sort-icon--${h}`,
     children: /* @__PURE__ */ t(X, { name: h === "asc" ? "arrow-up" : h === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
   });
 }
-function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1, onSelectionChange: xe, selectedIds: le, pageSizeOptions: ce = Ge, initialPageSize: Be = Ge[1], showPageSize: $ = !0, card: Fe, actions: k, actionsWidth: K, timeline: C, onRowClick: R, rowHref: de, rowClassName: he, rowDetail: Ie, empty: N, initialSortKey: Ke = null, initialSortDirection: Re = "asc", sortKey: Z, sortDirection: ue, onSortChange: ze, miniSort: z, showCardSortControls: Ue = !0, desktopView: me = "table", cardMaxWidth: We, className: D, onPageChange: je, onPageSizeChange: fe, currentPage: pe, totalItems: ve, group: o, showResultsCount: Oe = !0, totalCount: Xe, itemNoun: Ze, columnSelector: q }) {
-  const { isMobile: _e } = pt(), [qe, Je] = P(Ke), [Qe, Ye] = P(Re), [He, et] = P([]), f = le ?? He, [tt, at] = P(1), nt = pe ?? tt, [T, we] = P(Be), [S, it] = P(() => h.reduce((e, a) => (a.width && (e[a.key] = a.width), e), {})), [ge, st] = P(/* @__PURE__ */ new Set()), be = (e) => {
+function Xt({ columns: h, data: I, rowKey: le, pinnedIds: y, selectable: w = !1, onSelectionChange: xe, selectedIds: ce, pageSizeOptions: de = Le, initialPageSize: Be = Le[1], showPageSize: $ = !0, card: Fe, actions: C, actionsWidth: R, timeline: N, onRowClick: z, rowHref: he, rowClassName: ue, rowDetail: Ie, empty: S, initialSortKey: Re = null, initialSortDirection: ze = "asc", sortKey: Z, sortDirection: me, onSortChange: Ke, miniSort: K, showCardSortControls: Ue = !0, desktopView: fe = "table", cardMaxWidth: We, className: D, onPageChange: je, onPageSizeChange: pe, currentPage: ve, totalItems: _e, group: o, showResultsCount: Oe = !0, totalCount: Xe, itemNoun: Ze, columnSelector: q }) {
+  const { isMobile: we } = vt(), [qe, Je] = P(Re), [Qe, Ye] = P(ze), [He, et] = P([]), f = ce ?? He, [tt, at] = P(1), nt = ve ?? tt, [T, ge] = P(Be), [M, it] = P(() => h.reduce((e, a) => (a.width && (e[a.key] = a.width), e), {})), [be, st] = P(/* @__PURE__ */ new Set()), ke = (e) => {
     st((a) => {
       const s = new Set(a);
       return s.has(e) ? s.delete(e) : s.add(e), s;
     });
-  }, M = (e, a) => Ve?.(e, a) ?? a, V = (e) => {
-    pe === void 0 && at(e), je?.(e);
-  }, p = Z !== void 0 ? Z : qe, v = ue ?? Qe, A = (e, a) => {
-    Z === void 0 && Je(e), ue === void 0 && Ye(a), ze?.({
+  }, g = Mt((e, a) => le?.(e, a) ?? a, [le]), V = (e) => {
+    ve === void 0 && at(e), je?.(e);
+  }, p = Z !== void 0 ? Z : qe, v = me ?? Qe, A = (e, a) => {
+    Z === void 0 && Je(e), me === void 0 && Ye(a), Ke?.({
       key: e,
       direction: a
     }), V(1);
@@ -52,10 +54,10 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
     if (U.size === 0) return e;
     const a = [], s = [];
     if (e.forEach((n, i) => {
-      U.has(M(n, i)) ? a.push(n) : s.push(n);
+      U.has(g(n, i)) ? a.push(n) : s.push(n);
     }), y && y.length > 1 && a.length > 1) {
       const n = new Map(y.map((i, r) => [i, r]));
-      a.sort((i, r) => (n.get(M(i, 0)) ?? 0) - (n.get(M(r, 0)) ?? 0));
+      a.sort((i, r) => (n.get(g(i, 0)) ?? 0) - (n.get(g(r, 0)) ?? 0));
     }
     return [...a, ...s];
   }, [
@@ -64,8 +66,9 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
     v,
     p,
     U,
-    y
-  ]), j = ve !== void 0, x = L(() => {
+    y,
+    g
+  ]), j = _e !== void 0, x = L(() => {
     if (!o || j) return W;
     const e = /* @__PURE__ */ new Map(), a = [];
     W.forEach((n) => {
@@ -86,7 +89,7 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
     o,
     j,
     W
-  ]), O = j ? ve : x.length, J = Math.max(1, Math.ceil(O / T)), B = Math.min(nt, J), g = j ? x : x.slice((B - 1) * T, B * T), Q = Oe ? _t(T, O, Xe ?? O, B, Ze) : null, Y = L(() => {
+  ]), O = j ? _e : x.length, J = Math.max(1, Math.ceil(O / T)), B = Math.min(nt, J), b = j ? x : x.slice((B - 1) * T, B * T), Q = Oe ? _t(T, O, Xe ?? O, B, Ze) : null, Y = L(() => {
     if (!o) return null;
     const e = /* @__PURE__ */ new Map();
     return x.forEach((a) => {
@@ -96,7 +99,7 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
   }, [o, x]), H = L(() => {
     if (!o || !Y) return null;
     const e = /* @__PURE__ */ new Map(), a = [];
-    g.forEach((n) => {
+    b.forEach((n) => {
       const i = o.groupBy(n), r = e.get(i);
       r ? r.push(n) : (e.set(i, [n]), a.push(i));
     });
@@ -110,21 +113,21 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
   }, [
     o,
     Y,
-    g
+    b
   ]), ye = L(() => {
-    if (!C) return /* @__PURE__ */ new Map();
-    const e = g.map((a) => ({
-      id: C.idAccessor(a),
-      date: C.dateAccessor(a)
+    if (!N) return /* @__PURE__ */ new Map();
+    const e = b.map((a) => ({
+      id: N.idAccessor(a),
+      date: N.dateAccessor(a)
     }));
-    return gt(e, C.granularity);
-  }, [g, C]), E = (e) => {
-    le === void 0 && et(e), xe?.(I.filter((a, s) => e.includes(M(a, s))));
+    return wt(e, N.granularity);
+  }, [b, N]), E = (e) => {
+    ce === void 0 && et(e), xe?.(I.filter((a, s) => e.includes(g(a, s))));
   }, rt = (e) => {
     e.sortable && (p === e.key ? A(e.key, v === "asc" ? "desc" : "asc") : A(e.key, "asc"));
   }, ot = (e, a) => {
     e.preventDefault();
-    const s = e.clientX, n = S[a] ?? 150, i = (m) => {
+    const s = e.clientX, n = M[a] ?? 150, i = (m) => {
       const u = m.clientX - s, _ = h.find((d) => d.key === a)?.minWidth ?? 120;
       it((d) => ({
         ...d,
@@ -134,25 +137,25 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
       window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", r);
     };
     window.addEventListener("mousemove", i), window.addEventListener("mouseup", r);
-  }, ke = h.some((e) => e.filter), ee = h.filter((e) => e.sortable), lt = ee.map((e) => ({
-    label: yt(e),
+  }, Ce = h.some((e) => e.filter), ee = h.filter((e) => e.sortable), lt = ee.map((e) => ({
+    label: bt(e),
     value: e.key
-  })), ct = ee.length > 0, te = p ? ee.find((e) => e.key === p) : void 0, dt = z?.align ?? "left", Ce = (z?.columns ?? z?.column ?? []).length > 0 ? /* @__PURE__ */ t(St, {
+  })), ct = ee.length > 0, te = p ? ee.find((e) => e.key === p) : void 0, dt = K?.align ?? "left", Ne = (K?.columns ?? K?.column ?? []).length > 0 ? /* @__PURE__ */ t(St, {
     columns: h,
-    config: z,
+    config: K,
     sortKey: p,
     sortDirection: v,
     onSort: A
-  }) : null, Ne = q && q.options.length > 0 ? /* @__PURE__ */ t(Nt, { config: q }) : null, b = g.map(M), ae = b.filter((e) => f.includes(e)).length, ne = !!w && b.length > 0 && ae === b.length, Se = !!w && ae > 0 && ae < b.length, Me = (e) => {
-    E(e ? [...f, ...b.filter((a) => !f.includes(a))] : f.filter((a) => !b.includes(a)));
-  }, ht = w && b.length > 0 ? /* @__PURE__ */ c("label", {
+  }) : null, Se = q && q.options.length > 0 ? /* @__PURE__ */ t(Nt, { config: q }) : null, k = b.map(g), ae = k.filter((e) => f.includes(e)).length, ne = !!w && k.length > 0 && ae === k.length, Me = !!w && ae > 0 && ae < k.length, Pe = (e) => {
+    E(e ? [...f, ...k.filter((a) => !f.includes(a))] : f.filter((a) => !k.includes(a)));
+  }, ht = w && k.length > 0 ? /* @__PURE__ */ c("label", {
     className: "data-view__select-all",
     children: [/* @__PURE__ */ t(re, {
       checked: ne,
-      indeterminate: Se,
-      onChange: Me
-    }), /* @__PURE__ */ t("span", { children: ne ? "Clear selection" : `Select these ${b.length}` })]
-  }) : null, Pe = (e) => Q || Ce || Ne || e ? /* @__PURE__ */ c("div", {
+      indeterminate: Me,
+      onChange: Pe
+    }), /* @__PURE__ */ t("span", { children: ne ? "Clear selection" : `Select these ${k.length}` })]
+  }) : null, $e = (e) => Q || Ne || Se || e ? /* @__PURE__ */ c("div", {
     className: `data-view__top-row data-view__top-row--mini-${dt}`,
     children: [
       Q && /* @__PURE__ */ t("div", {
@@ -160,13 +163,13 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
         children: Q
       }),
       e,
-      Ce,
-      Ne
+      Ne,
+      Se
     ]
-  }) : null, $e = Pe();
-  if (me !== "cards" && h.length === 0) return /* @__PURE__ */ c("div", {
+  }) : null, De = $e();
+  if (fe !== "cards" && h.length === 0) return /* @__PURE__ */ c("div", {
     className: `data-view${D ? ` ${D}` : ""}`,
-    children: [$e, /* @__PURE__ */ t("div", {
+    children: [De, /* @__PURE__ */ t("div", {
       className: "data-view__wrapper data-view__wrapper--empty",
       children: /* @__PURE__ */ t(oe, {
         title: "No columns selected",
@@ -174,15 +177,15 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
       })
     })]
   });
-  if (me === "cards") return /* @__PURE__ */ c("div", {
+  if (fe === "cards") return /* @__PURE__ */ c("div", {
     className: `data-view data-view--cards${D ? ` ${D}` : ""}`,
     children: [
-      Pe(ht),
+      $e(ht),
       Ue && ct && /* @__PURE__ */ c("div", {
         className: "data-view__card-sort-bar",
         children: [/* @__PURE__ */ t("div", {
           className: "data-view__card-sort-field",
-          children: /* @__PURE__ */ t(vt, {
+          children: /* @__PURE__ */ t(pt, {
             name: "data-view-card-sort",
             label: "Sort by",
             options: lt,
@@ -199,7 +202,7 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
               A(a, p === a ? v : "asc");
             }
           })
-        }), /* @__PURE__ */ t(Ae, {
+        }), /* @__PURE__ */ t(Ee, {
           title: v === "asc" ? "Sort descending" : "Sort ascending",
           children: /* @__PURE__ */ t(ft, {
             className: "data-view__card-sort-direction",
@@ -212,53 +215,53 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
           })
         })]
       }),
-      ke && /* @__PURE__ */ t("div", {
+      Ce && /* @__PURE__ */ t("div", {
         className: "data-view__filter-bar",
         children: h.filter((e) => e.filter).map((e) => /* @__PURE__ */ t("div", {
           className: "data-view__filter-bar-item",
           children: e.filter
         }, e.key))
       }),
-      /* @__PURE__ */ t(bt, {
-        data: g,
+      /* @__PURE__ */ t(Ct, {
+        data: b,
         columns: h,
-        rowKey: M,
+        rowKey: g,
         card: Fe,
-        actions: k,
-        timeline: C,
-        onRowClick: R,
-        rowHref: de,
-        rowClassName: he,
-        empty: N,
+        actions: C,
+        timeline: N,
+        onRowClick: z,
+        rowHref: he,
+        rowClassName: ue,
+        empty: S,
         selectable: w,
         selectedIds: f,
         pinnedIds: y,
         cardMaxWidth: We,
-        isMobile: _e,
+        isMobile: we,
         groups: H ?? void 0,
         showGroupCount: o?.showCount !== !1,
         collapsible: o?.collapsible,
-        collapsedGroups: ge,
-        onToggleGroup: be,
+        collapsedGroups: be,
+        onToggleGroup: ke,
         onToggleSelect: (e, a) => {
           E(a ? [...f, e] : f.filter((s) => s !== e));
         }
       }),
-      /* @__PURE__ */ t(Ee, {
+      /* @__PURE__ */ t(Ge, {
         currentPage: B,
         totalPages: J,
         totalItems: O,
         onPageChange: V,
-        pageSizeOptions: $ ? ce : void 0,
+        pageSizeOptions: $ ? de : void 0,
         pageSize: $ ? T : void 0,
         onPageSizeChange: $ ? (e) => {
-          we(e), V(1), fe?.(e);
+          ge(e), V(1), pe?.(e);
         } : void 0
       })
     ]
   });
-  const F = h.filter((e) => !e.hideInTable && !(_e && e.hideInMobile)), G = C && ye.size > 0, De = /* @__PURE__ */ c(Mt, { children: [
-    $e,
+  const F = h.filter((e) => !e.hideInTable && !(we && e.hideInMobile)), G = N && ye.size > 0, Te = /* @__PURE__ */ c(Pt, { children: [
+    De,
     /* @__PURE__ */ t("div", {
       className: "data-view__wrapper",
       children: /* @__PURE__ */ c("table", { children: [/* @__PURE__ */ c("thead", { children: [/* @__PURE__ */ c("tr", { children: [
@@ -267,19 +270,19 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
           className: "data-view__checkbox",
           children: /* @__PURE__ */ t(re, {
             checked: ne,
-            indeterminate: Se,
-            onChange: Me
+            indeterminate: Me,
+            onChange: Pe
           })
         }),
         F.map((e) => {
           const a = {};
-          return S[e.key] && (a.width = S[e.key]), e.minWidth && (a.minWidth = e.minWidth), /* @__PURE__ */ c("th", {
+          return M[e.key] && (a.width = M[e.key]), e.minWidth && (a.minWidth = e.minWidth), /* @__PURE__ */ c("th", {
             style: Object.keys(a).length > 0 ? a : void 0,
             className: e.sortable ? "is-sortable" : "",
             onClick: () => rt(e),
             children: [/* @__PURE__ */ c("span", {
               className: "data-view__th-content",
-              children: [Ct(e), e.sortable && /* @__PURE__ */ t(Pt, { state: p === e.key ? v : "unsorted" })]
+              children: [yt(e), e.sortable && /* @__PURE__ */ t($t, { state: p === e.key ? v : "unsorted" })]
             }), /* @__PURE__ */ t("span", {
               className: "data-view__resizer",
               onMouseDown: (s) => ot(s, e.key),
@@ -287,57 +290,57 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
             })]
           }, e.key);
         }),
-        k && /* @__PURE__ */ t("th", {
+        C && /* @__PURE__ */ t("th", {
           className: "data-view__actions-header",
-          style: K ? { width: K } : void 0,
+          style: R ? { width: R } : void 0,
           children: "Actions"
         })
-      ] }), ke && /* @__PURE__ */ c("tr", {
+      ] }), Ce && /* @__PURE__ */ c("tr", {
         className: "data-view__filter-row",
         children: [
           G && /* @__PURE__ */ t("td", { className: "data-view__filter-cell data-view__filter-cell--spacer" }),
           w && /* @__PURE__ */ t("td", { className: "data-view__filter-cell data-view__filter-cell--spacer" }),
           F.map((e) => /* @__PURE__ */ t("td", {
             className: "data-view__filter-cell",
-            style: S[e.key] ? { width: S[e.key] } : void 0,
+            style: M[e.key] ? { width: M[e.key] } : void 0,
             children: e.filter ?? null
           }, e.key)),
-          k && /* @__PURE__ */ t("td", { className: "data-view__filter-cell data-view__filter-cell--spacer" })
+          C && /* @__PURE__ */ t("td", { className: "data-view__filter-cell data-view__filter-cell--spacer" })
         ]
       })] }), /* @__PURE__ */ t("tbody", { children: (() => {
-        if (g.length === 0) return /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
-          colSpan: F.length + (G ? 1 : 0) + (w ? 1 : 0) + (k ? 1 : 0),
+        if (b.length === 0) return /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", {
+          colSpan: F.length + (G ? 1 : 0) + (w ? 1 : 0) + (C ? 1 : 0),
           className: "data-view__empty",
-          children: N ? /* @__PURE__ */ t(oe, {
-            title: N.title,
-            description: N.description,
-            icon: N.icon,
-            primary: N.primary,
-            secondary: N.secondary
+          children: S ? /* @__PURE__ */ t(oe, {
+            title: S.title,
+            description: S.description,
+            icon: S.icon,
+            primary: S.primary,
+            secondary: S.secondary
           }) : /* @__PURE__ */ t(oe, { title: "No data available" })
         }) });
-        const e = F.length + (G ? 1 : 0) + (w ? 1 : 0) + (k ? 1 : 0), a = o?.showCount !== !1, s = (n, i) => {
-          const r = M(n, i), m = f.includes(r), u = U.has(r), _ = ye.get(i), d = de?.(n), Te = !!R || !!d, ut = (l) => {
+        const e = F.length + (G ? 1 : 0) + (w ? 1 : 0) + (C ? 1 : 0), a = o?.showCount !== !1, s = (n, i) => {
+          const r = g(n, i), m = f.includes(r), u = U.has(r), _ = ye.get(i), d = he?.(n), Ae = !!z || !!d, ut = (l) => {
             if (d && (l.metaKey || l.ctrlKey || l.shiftKey)) {
               window.open(d, "_blank", "noopener,noreferrer");
               return;
             }
-            if (R) {
-              R(n, l);
+            if (z) {
+              z(n, l);
               return;
             }
             d && window.location.assign(d);
           }, mt = (l) => {
             l.button !== 1 || !d || (l.preventDefault(), window.open(d, "_blank", "noopener,noreferrer"));
           }, ie = Ie?.(n);
-          return /* @__PURE__ */ c(Le.Fragment, { children: [/* @__PURE__ */ c("tr", {
-            className: `${m ? "is-selected" : ""} ${Te ? "data-view__row--clickable" : ""} ${u ? "data-view__row--pinned" : ""} ${he?.(n) || ""}`,
-            onClick: Te ? ut : void 0,
+          return /* @__PURE__ */ c(Ve.Fragment, { children: [/* @__PURE__ */ c("tr", {
+            className: `${m ? "is-selected" : ""} ${Ae ? "data-view__row--clickable" : ""} ${u ? "data-view__row--pinned" : ""} ${ue?.(n) || ""}`,
+            onClick: Ae ? ut : void 0,
             onAuxClick: d ? mt : void 0,
             children: [
               G && /* @__PURE__ */ t("td", {
                 className: "data-view__timeline-cell",
-                children: _ && /* @__PURE__ */ t(wt, { marker: _ })
+                children: _ && /* @__PURE__ */ t(gt, { marker: _ })
               }),
               w && /* @__PURE__ */ t("td", {
                 className: "data-view__checkbox",
@@ -349,8 +352,8 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
                 })
               }),
               F.map((l, se) => /* @__PURE__ */ c("td", {
-                style: S[l.key] ? { width: S[l.key] } : void 0,
-                children: [se === 0 && u && /* @__PURE__ */ t(Ae, {
+                style: M[l.key] ? { width: M[l.key] } : void 0,
+                children: [se === 0 && u && /* @__PURE__ */ t(Ee, {
                   title: "Pinned",
                   children: /* @__PURE__ */ t(X, {
                     className: "data-view__pin-indicator",
@@ -359,13 +362,13 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
                   })
                 }), kt(l, n)]
               }, l.key)),
-              k && /* @__PURE__ */ t("td", {
+              C && /* @__PURE__ */ t("td", {
                 className: "data-view__actions-cell",
-                style: K ? { width: K } : void 0,
+                style: R ? { width: R } : void 0,
                 children: /* @__PURE__ */ t("div", {
                   className: "data-view__table-actions",
                   onClick: (l) => l.stopPropagation(),
-                  children: k(n)
+                  children: C(n)
                 })
               })
             ]
@@ -383,10 +386,10 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
           return H.map((i) => {
             const r = n;
             n += i.items.length;
-            const m = o?.collapsible && ge.has(i.key);
-            return /* @__PURE__ */ c(Le.Fragment, { children: [/* @__PURE__ */ t("tr", {
+            const m = o?.collapsible && be.has(i.key);
+            return /* @__PURE__ */ c(Ve.Fragment, { children: [/* @__PURE__ */ t("tr", {
               className: `data-view__group-row${o?.collapsible ? " data-view__group-row--collapsible" : ""}`,
-              onClick: o?.collapsible ? () => be(i.key) : void 0,
+              onClick: o?.collapsible ? () => ke(i.key) : void 0,
               children: /* @__PURE__ */ c("td", {
                 colSpan: e,
                 className: "data-view__group-cell",
@@ -409,18 +412,18 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
             }), !m && i.items.map((u, _) => s(u, r + _))] }, i.key ?? "__null__");
           });
         }
-        return g.map((n, i) => s(n, i));
+        return b.map((n, i) => s(n, i));
       })() })] })
     }),
-    /* @__PURE__ */ t(Ee, {
+    /* @__PURE__ */ t(Ge, {
       currentPage: B,
       totalPages: J,
       totalItems: W.length,
       onPageChange: V,
-      pageSizeOptions: $ ? ce : void 0,
+      pageSizeOptions: $ ? de : void 0,
       pageSize: $ ? T : void 0,
       onPageSizeChange: $ ? (e) => {
-        we(e), V(1), fe?.(e);
+        ge(e), V(1), pe?.(e);
       } : void 0
     })
   ] });
@@ -428,10 +431,10 @@ function Wt({ columns: h, data: I, rowKey: Ve, pinnedIds: y, selectable: w = !1,
     className: `data-view${D ? ` ${D}` : ""}`,
     children: G ? /* @__PURE__ */ c("div", {
       className: "timeline-markers",
-      children: [/* @__PURE__ */ t("div", { className: "timeline-markers__track" }), De]
-    }) : De
+      children: [/* @__PURE__ */ t("div", { className: "timeline-markers__track" }), Te]
+    }) : Te
   });
 }
 export {
-  Wt as DataView
+  Xt as DataView
 };