vlite3 0.6.6 → 0.6.8

package/components/DataTable/DataTable.vue.js

@@ -1,23 +1,24 @@
-import { defineComponent as de, ref as b, computed as r, watch as h, openBlock as n, createElementBlock as d, createBlock as B, normalizeClass as I, createSlots as M, withCtx as S, renderSlot as T, createCommentVNode as D, createElementVNode as c, createVNode as R, Fragment as F, renderList as x, normalizeStyle as j, mergeProps as O, unref as L } from "vue";
-import ce from "../CheckBox.vue.js";
-import ue from "../Button.vue.js";
-import me from "../ConfirmationModal.vue.js";
-import fe from "../Pagination/Pagination.vue.js";
-import ve from "../Empty/Empty.vue.js";
-import he from "./DataTableHeader.vue.js";
-import ge from "./DataTableRow.vue.js";
-import be from "./DataTableToolbar.vue.js";
-import { $t as w } from "../../utils/i18n.js";
-const pe = { class: "space-y-6.5" }, ye = { class: "overflow-x-auto w-full" }, we = { class: "hover:bg-transparent" }, ke = {
+import { defineComponent as me, inject as ve, computed as n, ref as b, watch as g, openBlock as r, createElementBlock as u, createBlock as R, normalizeClass as S, createSlots as M, withCtx as T, renderSlot as D, createCommentVNode as x, createElementVNode as f, createVNode as z, Fragment as A, renderList as $, normalizeStyle as L, mergeProps as Y, unref as W } from "vue";
+import he from "../CheckBox.vue.js";
+import ge from "../Button.vue.js";
+import pe from "../ConfirmationModal.vue.js";
+import be from "../Pagination/Pagination.vue.js";
+import ye from "../Empty/Empty.vue.js";
+import we from "./DataTableHeader.vue.js";
+import Pe from "./DataTableRow.vue.js";
+import Ce from "./DataTableToolbar.vue.js";
+import { $t as P } from "../../utils/i18n.js";
+import { SCREEN_CONTEXT_KEY as ke } from "./types.js";
+const Ie = { class: "space-y-6.5" }, Se = { class: "overflow-x-auto w-full" }, Te = { class: "hover:bg-transparent" }, De = {
   key: 0,
   scope: "col",
   class: "w-[48px] px-0 text-center font-medium text-muted-foreground",
   style: { width: "48px" }
-}, Pe = { class: "flex items-center justify-center" }, Ce = { class: "[&_tr:last-child]:border-0" }, Ie = {
+}, xe = { class: "flex items-center justify-center" }, $e = { class: "[&_tr:last-child]:border-0" }, Be = {
   key: 0,
   class: "w-[48px] px-0 py-4 align-middle text-center",
   style: { width: "48px" }
-}, Se = { key: 2 }, Te = ["colspan"], De = { key: 1 }, Ue = /* @__PURE__ */ de({
+}, Ee = { key: 2 }, Re = ["colspan"], ze = { key: 1 }, We = /* @__PURE__ */ me({
   __name: "DataTable",
   props: {
     rows: { default: () => [] },
@@ -29,7 +30,7 @@ const pe = { class: "space-y-6.5" }, ye = { class: "overflow-x-auto w-full" }, w
     toolbarClass: {},
     toolbarSearchClass: {},
     headers: { default: () => [] },
-    keyField: { default: "_id" },
+    keyField: { default: "auto" },
     loading: { type: Boolean, default: !1 },
     selectable: { type: Boolean, default: !1 },
     emptyTitle: {},
@@ -56,298 +57,320 @@ const pe = { class: "space-y-6.5" }, ye = { class: "overflow-x-auto w-full" }, w
     variant: { default: "default" }
   },
   emits: ["change", "select", "rowClick", "update:itemsPerPage", "update:selectedRows", "delete"],
-  setup(a, { emit: W }) {
-    const q = (e, l) => {
-      if (!(!e || !l))
-        return l.includes(".") ? l.split(".").reduce((o, m) => o?.[m], e) : e[l];
-    }, u = (e, l) => q(e, l), t = a, p = W, i = b({ field: "", order: "" }), k = b(
-      t.pageInfo?.itemsPerPage || t.paginationProps?.itemsPerPage || 10
-    ), g = b(t.pageInfo?.currentPage || 1), y = b(t.search || ""), P = b(!1), C = b("initial"), G = r(() => t.loading);
-    h(
-      () => t.loading,
-      (e, l) => {
-        !e && l && (C.value = "idle");
+  setup(o, { emit: X }) {
+    const q = (e, t) => {
+      if (!(!e || !t))
+        return t.includes(".") ? t.split(".").reduce((a, c) => a?.[c], e) : e[t];
+    }, m = (e, t) => q(e, t), G = (e, t) => {
+      const a = ["id", "_id"];
+      if (t && t !== "auto") return t;
+      if (e && e.length > 0) {
+        for (const c of a)
+          if (c in e[0]) return c;
       }
-    ), h(
-      () => t.search,
+      return "_id";
+    }, l = o, y = X, j = ve(ke, null), O = n(() => j?.disableSearch ? !1 : l.showSearch), B = n(() => !!(l.selectable || j?.forceSelectable)), i = n(() => G(l.rows, l.keyField)), d = b({ field: "", order: "" }), C = b(
+      l.pageInfo?.itemsPerPage || l.paginationProps?.itemsPerPage || 10
+    ), p = b(l.pageInfo?.currentPage || 1), w = b(l.search || ""), k = b(!1), I = b("initial"), H = n(() => l.loading);
+    g(
+      () => l.loading,
+      (e, t) => {
+        !e && t && (I.value = "idle");
+      }
+    ), g(
+      () => l.search,
       (e) => {
-        e !== void 0 && e !== y.value && (y.value = e);
+        e !== void 0 && e !== w.value && (w.value = e);
       }
     );
-    let z = null;
-    h(y, (e) => {
-      z && clearTimeout(z), z = setTimeout(() => {
-        g.value = 1, C.value = "search", $();
+    let N = null;
+    g(w, () => {
+      N && clearTimeout(N), N = setTimeout(() => {
+        p.value = 1, I.value = "search", E();
       }, 300);
-    }), h(
-      () => t.pageInfo?.itemsPerPage,
+    }), g(
+      () => l.pageInfo?.itemsPerPage,
       (e) => {
-        e !== void 0 && (k.value = e);
+        e !== void 0 && (C.value = e);
       }
-    ), h(
-      () => t.paginationProps?.itemsPerPage,
+    ), g(
+      () => l.paginationProps?.itemsPerPage,
       (e) => {
-        e !== void 0 && (k.value = e);
+        e !== void 0 && (C.value = e);
       }
-    ), h(
-      () => t.pageInfo?.currentPage,
+    ), g(
+      () => l.pageInfo?.currentPage,
       (e) => {
-        e && (g.value = e);
+        e && (p.value = e);
       }
     );
-    const N = (e) => u(e, t.keyField), s = b(/* @__PURE__ */ new Set());
-    h(
-      () => t.selectedRows,
+    const s = b(/* @__PURE__ */ new Set());
+    g(
+      () => l.selectedRows,
       (e) => {
-        const l = new Set((e || []).map((o) => u(o, t.keyField)));
-        (l.size !== s.value.size || [...l].some((o) => !s.value.has(o))) && (s.value = l);
+        const t = new Set(
+          (e || []).map((a) => m(a, i.value))
+        );
+        (t.size !== s.value.size || [...t].some((a) => !s.value.has(a))) && (s.value = t);
       },
       { immediate: !0, deep: !0 }
     );
-    const E = r(() => t.rows.length === 0 ? !1 : t.rows.every((e) => s.value.has(u(e, t.keyField)))), U = r(() => s.value.size > 0 && !E.value), H = r(() => {
-      const e = [...t.selectedRows || [], ...t.rows], l = /* @__PURE__ */ new Map();
-      return e.forEach((o) => l.set(u(o, t.keyField), o)), Array.from(s.value).map((o) => l.get(o)).filter(Boolean);
-    }), J = (e) => {
-      e ? t.rows.forEach((l) => s.value.add(u(l, t.keyField))) : s.value.size > 0 && t.rows.forEach((l) => s.value.delete(u(l, t.keyField))), V();
-    }, K = (e) => {
-      s.value.has(e) ? s.value.delete(e) : s.value.add(e), V();
-    }, V = () => {
-      const e = t.selectedRows || [], l = /* @__PURE__ */ new Set(), o = [];
-      t.rows.forEach((f) => {
-        const v = u(f, t.keyField);
-        s.value.has(v) && (o.push(f), l.add(v));
-      }), e.forEach((f) => {
-        const v = u(f, t.keyField);
-        !l.has(v) && s.value.has(v) && (o.push(f), l.add(v));
+    const U = n(() => l.rows.length === 0 ? !1 : l.rows.every(
+      (e) => s.value.has(m(e, i.value))
+    )), V = n(
+      () => s.value.size > 0 && !U.value
+    ), J = n(() => {
+      const e = [...l.selectedRows || [], ...l.rows], t = /* @__PURE__ */ new Map();
+      return e.forEach((a) => t.set(m(a, i.value), a)), Array.from(s.value).map((a) => t.get(a)).filter(Boolean);
+    }), Q = (e) => {
+      e ? l.rows.forEach(
+        (t) => s.value.add(m(t, i.value))
+      ) : s.value.size > 0 && l.rows.forEach(
+        (t) => s.value.delete(m(t, i.value))
+      ), K();
+    }, Z = (e) => {
+      s.value.has(e) ? s.value.delete(e) : s.value.add(e), K();
+    }, K = () => {
+      const e = l.selectedRows || [], t = /* @__PURE__ */ new Set(), a = [];
+      l.rows.forEach((v) => {
+        const h = m(v, i.value);
+        s.value.has(h) && (a.push(v), t.add(h));
+      }), e.forEach((v) => {
+        const h = m(v, i.value);
+        !t.has(h) && s.value.has(h) && (a.push(v), t.add(h));
       });
-      const m = {
-        selected: o,
-        all: E.value,
-        indeterminate: U.value
+      const c = {
+        selected: a,
+        all: U.value,
+        indeterminate: V.value
       };
-      p("select", m), p("update:selectedRows", o);
-    }, Q = (e) => {
-      i.value.field === e ? i.value.order === "asc" ? i.value.order = "desc" : i.value.order === "desc" ? (i.value.order = "", i.value.field = "") : i.value.order = "asc" : (i.value.field = e, i.value.order = "asc"), g.value = 1, C.value = "sort", $();
-    }, X = (e) => {
-      g.value = e, C.value = "page", $();
-    }, Y = (e) => {
-      k.value = e, g.value = 1, C.value = "limit", p("update:itemsPerPage", e), $();
-    }, Z = (e) => {
-      p("rowClick", e);
-    }, _ = () => {
-      const e = H.value;
-      p("delete", e), P.value = !1;
+      y("select", c), y("update:selectedRows", a);
+    }, _ = (e) => {
+      d.value.field === e ? d.value.order === "asc" ? d.value.order = "desc" : d.value.order === "desc" ? (d.value.order = "", d.value.field = "") : d.value.order = "asc" : (d.value.field = e, d.value.order = "asc"), p.value = 1, I.value = "sort", E();
+    }, ee = (e) => {
+      p.value = e, I.value = "page", E();
+    }, te = (e) => {
+      C.value = e, p.value = 1, I.value = "limit", y("update:itemsPerPage", e), E();
+    }, le = (e) => {
+      y("rowClick", e);
+    }, ae = () => {
+      const e = J.value;
+      y("delete", e), k.value = !1;
     };
-    let A = null;
-    const $ = () => {
-      A && clearTimeout(A), A = setTimeout(() => {
-        p("change", {
+    let F = null;
+    const E = () => {
+      F && clearTimeout(F), F = setTimeout(() => {
+        y("change", {
           pagination: {
-            page: g.value,
-            limit: k.value
+            page: p.value,
+            limit: C.value
           },
-          sorting: { ...i.value },
-          search: y.value
+          sorting: { ...d.value },
+          search: w.value
         });
       }, 10);
-    }, ee = r(() => [
-      "w-full flex flex-col",
-      t.variant === "raised" ? "bg-background shadow-sm p-2 rounded-lg" : "bg-background rounded",
-      "overflow-hidden",
-      t.bordered ? "border border-border" : "",
-      t.class
-    ].join(" ")), te = r(() => ["w-full caption-bottom -text-fs-1", t.tableClass].join(" ")), le = (e) => e.width ? e.width : "auto";
-    h(
-      () => t.rows,
+    };
+    g(
+      () => l.rows,
       () => {
-        const e = new Set(t.rows.map((l) => u(l, t.keyField)));
-        s.value = new Set([...s.value].filter((l) => e.has(l)));
+        const e = new Set(
+          l.rows.map((t) => m(t, i.value))
+        );
+        s.value = new Set([...s.value].filter((t) => e.has(t)));
       }
     );
-    const ae = r(() => t.emptyTitleI18n ? w(t.emptyTitleI18n) : t.emptyTitle), oe = r(() => t.emptyDescriptionI18n ? w(t.emptyDescriptionI18n) : t.emptyDescription), se = r(() => {
-      const e = w("vlite.dataTable.confirmDeleteTitle");
+    const oe = n(() => [
+      "w-full flex flex-col",
+      l.variant === "raised" ? "bg-background shadow-sm p-2 rounded-lg" : "bg-background rounded",
+      "overflow-hidden",
+      l.bordered ? "border border-border" : "",
+      l.class
+    ].join(" ")), se = n(
+      () => ["w-full caption-bottom -text-fs-1", l.tableClass].join(" ")
+    ), ne = (e) => e.width || "auto", re = n(
+      () => l.emptyTitleI18n ? P(l.emptyTitleI18n) : l.emptyTitle
+    ), ie = n(
+      () => l.emptyDescriptionI18n ? P(l.emptyDescriptionI18n) : l.emptyDescription
+    ), de = n(() => {
+      const e = P("vlite.dataTable.confirmDeleteTitle");
       return e !== "vlite.dataTable.confirmDeleteTitle" ? e : "Confirm Deletion";
-    }), ne = r(() => {
-      const e = w("vlite.dataTable.confirmDeleteDesc");
+    }), ce = n(() => {
+      const e = P("vlite.dataTable.confirmDeleteDesc");
       return e !== "vlite.dataTable.confirmDeleteDesc" ? e : "Are you sure you want to delete the selected items?";
-    }), re = r(() => {
-      const e = w("vlite.dataTable.deleteBtn");
+    }), ue = n(() => {
+      const e = P("vlite.dataTable.deleteBtn");
       return e !== "vlite.dataTable.deleteBtn" ? e : "Delete";
-    }), ie = r(() => {
-      const e = w("vlite.dataTable.cancelBtn");
+    }), fe = n(() => {
+      const e = P("vlite.dataTable.cancelBtn");
       return e !== "vlite.dataTable.cancelBtn" ? e : "Cancel";
     });
-    return (e, l) => (n(), d("div", pe, [
-      a.showSearch || e.$slots?.["toolbar-left"] || e.$slots?.["toolbar-right"] ? (n(), B(be, {
+    return (e, t) => (r(), u("div", Ie, [
+      O.value || e.$slots?.["toolbar-left"] || e.$slots?.["toolbar-right"] ? (r(), R(Ce, {
         key: 0,
-        modelValue: y.value,
-        "onUpdate:modelValue": l[1] || (l[1] = (o) => y.value = o),
-        "show-search": a.showSearch,
-        placeholder: a.searchPlaceholder,
-        placeholderI18n: a.searchPlaceholderI18n,
-        class: I(a.toolbarClass),
-        "search-class": a.toolbarSearchClass
+        modelValue: w.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (a) => w.value = a),
+        "show-search": O.value,
+        placeholder: o.searchPlaceholder,
+        placeholderI18n: o.searchPlaceholderI18n,
+        class: S(o.toolbarClass),
+        "search-class": o.toolbarSearchClass
       }, M({ _: 2 }, [
         e.$slots?.["toolbar-left"] ? {
           name: "left",
-          fn: S(() => [
-            T(e.$slots, "toolbar-left")
+          fn: T(() => [
+            D(e.$slots, "toolbar-left")
           ]),
           key: "0"
         } : void 0,
         s.value.size > 0 ? {
           name: "delete",
-          fn: S(() => [
-            s.value.size > 0 ? (n(), B(ue, {
+          fn: T(() => [
+            s.value.size > 0 ? (r(), R(ge, {
               key: 0,
               rounded: "full",
               variant: "outline",
               size: "lg",
               icon: "lucide:trash-2",
-              onClick: l[0] || (l[0] = (o) => P.value = !0)
-            })) : D("", !0)
+              onClick: t[0] || (t[0] = (a) => k.value = !0)
+            })) : x("", !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots?.["toolbar-right"] ? {
           name: "right",
-          fn: S(() => [
-            T(e.$slots, "toolbar-right")
+          fn: T(() => [
+            D(e.$slots, "toolbar-right")
           ]),
           key: "2"
         } : void 0
-      ]), 1032, ["modelValue", "show-search", "placeholder", "placeholderI18n", "class", "search-class"])) : D("", !0),
-      c("div", {
-        class: I(ee.value)
+      ]), 1032, ["modelValue", "show-search", "placeholder", "placeholderI18n", "class", "search-class"])) : x("", !0),
+      f("div", {
+        class: S(oe.value)
       }, [
-        c("div", ye, [
-          c("table", {
-            class: I([te.value, "data-table"])
+        f("div", Se, [
+          f("table", {
+            class: S([se.value, "data-table"])
           }, [
-            c("thead", {
-              class: I([
+            f("thead", {
+              class: S([
                 "[&_tr]:border-b [&_tr]:border-border bg-muted",
-                a.variant === "raised" ? "[&_th:first-child]:rounded-tl-lg [&_th:last-child]:rounded-tr-lg" : ""
+                o.variant === "raised" ? "[&_th:first-child]:rounded-tl-lg [&_th:last-child]:rounded-tr-lg" : ""
               ])
             }, [
-              c("tr", we, [
-                a.selectable ? (n(), d("th", ke, [
-                  c("div", Pe, [
-                    R(ce, {
-                      "model-value": E.value,
-                      indeterminate: U.value,
+              f("tr", Te, [
+                B.value ? (r(), u("th", De, [
+                  f("div", xe, [
+                    z(he, {
+                      "model-value": U.value,
+                      indeterminate: V.value,
                       size: "xs",
-                      "onUpdate:modelValue": J
+                      "onUpdate:modelValue": Q
                     }, null, 8, ["model-value", "indeterminate"])
                   ])
-                ])) : D("", !0),
-                (n(!0), d(F, null, x(a.headers, (o) => (n(), B(he, {
-                  key: o.field,
-                  header: o,
-                  "sort-config": i.value,
-                  compact: a.compact,
-                  "table-sortable": a.sortable,
-                  onSort: Q,
+                ])) : x("", !0),
+                (r(!0), u(A, null, $(o.headers, (a) => (r(), R(we, {
+                  key: a.field,
+                  header: a,
+                  "sort-config": d.value,
+                  compact: o.compact,
+                  "table-sortable": o.sortable,
+                  onSort: _,
                   class: "last:pr-5!",
-                  style: j({
-                    width: le(o)
-                  })
+                  style: L({ width: ne(a) })
                 }, null, 8, ["header", "sort-config", "compact", "table-sortable", "style"]))), 128))
               ])
             ], 2),
-            c("tbody", Ce, [
-              G.value ? (n(!0), d(F, { key: 0 }, x(Math.min(k.value, 15), (o) => (n(), d("tr", {
-                key: "skeleton-" + o,
+            f("tbody", $e, [
+              H.value ? (r(!0), u(A, { key: 0 }, $(Math.min(C.value, 15), (a) => (r(), u("tr", {
+                key: "skeleton-" + a,
                 class: "border-b border-border/70 bg-background transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"
               }, [
-                a.selectable ? (n(), d("td", Ie, [...l[4] || (l[4] = [
-                  c("div", { class: "flex items-center justify-center" }, [
-                    c("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
+                B.value ? (r(), u("td", Be, [...t[4] || (t[4] = [
+                  f("div", { class: "flex items-center justify-center" }, [
+                    f("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
                   ], -1)
-                ])])) : D("", !0),
-                (n(!0), d(F, null, x(a.headers, (m) => (n(), d("td", {
-                  key: m.field,
-                  class: I(["p-5! align-middle last:pr-6!", [m.hideOnMobile ? "hidden md:table-cell" : ""]])
+                ])])) : x("", !0),
+                (r(!0), u(A, null, $(o.headers, (c) => (r(), u("td", {
+                  key: c.field,
+                  class: S(["p-5! align-middle last:pr-6!", [c.hideOnMobile ? "hidden md:table-cell" : ""]])
                 }, [
-                  c("div", {
+                  f("div", {
                     class: "rounded-md bg-muted/50 animate-pulse h-4 w-full",
-                    style: j({
-                      width: `${50 + Math.random() * 40}%`
-                    })
+                    style: L({ width: `${50 + Math.random() * 40}%` })
                   }, null, 4)
                 ], 2))), 128))
-              ]))), 128)) : a.rows.length > 0 ? (n(!0), d(F, { key: 1 }, x(a.rows, (o, m) => (n(), B(ge, {
-                key: N(o),
-                row: o,
-                headers: a.headers,
-                index: m,
-                "key-field": a.keyField,
-                selectable: a.selectable,
-                "is-selected": s.value.has(N(o)),
-                hoverable: a.hoverable,
-                striped: a.striped,
-                compact: a.compact,
-                onSelect: K,
-                onRowClick: Z,
+              ]))), 128)) : o.rows.length > 0 ? (r(!0), u(A, { key: 1 }, $(o.rows, (a, c) => (r(), R(Pe, {
+                key: m(a, i.value),
+                row: a,
+                headers: o.headers,
+                index: c,
+                "key-field": i.value,
+                selectable: B.value,
+                "is-selected": s.value.has(m(a, i.value)),
+                hoverable: o.hoverable,
+                striped: o.striped,
+                compact: o.compact,
+                onSelect: Z,
+                onRowClick: le,
                 class: "[&_td:last-child]:pr-3.5!"
               }, M({ _: 2 }, [
-                x(a.headers, (f) => ({
-                  name: f.field,
-                  fn: S((v) => [
-                    T(e.$slots, f.field, O({ ref_for: !0 }, v))
+                $(o.headers, (v) => ({
+                  name: v.field,
+                  fn: T((h) => [
+                    D(e.$slots, v.field, Y({ ref_for: !0 }, h))
                   ])
                 }))
-              ]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "hoverable", "striped", "compact"]))), 128)) : (n(), d("tr", Se, [
-                c("td", {
-                  colspan: a.selectable ? a.headers.length + 1 : a.headers.length,
+              ]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "hoverable", "striped", "compact"]))), 128)) : (r(), u("tr", Ee, [
+                f("td", {
+                  colspan: B.value ? o.headers.length + 1 : o.headers.length,
                   class: "align-middle hover:bg-transparent"
                 }, [
-                  T(e.$slots, "empty", {}, () => [
-                    R(L(ve), {
-                      title: ae.value,
-                      description: oe.value,
-                      icon: a.emptyIcon,
+                  D(e.$slots, "empty", {}, () => [
+                    z(W(ye), {
+                      title: re.value,
+                      description: ie.value,
+                      icon: o.emptyIcon,
                       class: "border-none! bg-transparent! py-16!"
                     }, M({ _: 2 }, [
                       e.$slots["empty-action"] ? {
                         name: "action",
-                        fn: S(() => [
-                          T(e.$slots, "empty-action")
+                        fn: T(() => [
+                          D(e.$slots, "empty-action")
                         ]),
                         key: "0"
                       } : void 0
                     ]), 1032, ["title", "description", "icon"])
                   ])
-                ], 8, Te)
+                ], 8, Re)
               ]))
             ])
           ], 2)
         ])
       ], 2),
-      a.showPagination && a.pageInfo && a.pageInfo.totalPages > 1 ? (n(), d("div", De, [
-        R(L(fe), O({
-          "current-page": g.value,
-          "total-pages": a.pageInfo.totalPages,
-          "total-items": a.pageInfo.totalItems
-        }, a.paginationProps, {
-          onChange: X,
-          "onUpdate:itemsPerPage": Y
+      o.showPagination && o.pageInfo && o.pageInfo.totalPages > 1 ? (r(), u("div", ze, [
+        z(W(be), Y({
+          "current-page": p.value,
+          "total-pages": o.pageInfo.totalPages,
+          "total-items": o.pageInfo.totalItems
+        }, o.paginationProps, {
+          onChange: ee,
+          "onUpdate:itemsPerPage": te
         }), null, 16, ["current-page", "total-pages", "total-items"])
-      ])) : D("", !0),
-      R(me, {
-        show: P.value,
-        "onUpdate:show": l[2] || (l[2] = (o) => P.value = o),
-        title: se.value,
-        description: ne.value,
-        "confirm-text": re.value,
-        "cancel-text": ie.value,
+      ])) : x("", !0),
+      z(pe, {
+        show: k.value,
+        "onUpdate:show": t[2] || (t[2] = (a) => k.value = a),
+        title: de.value,
+        description: ce.value,
+        "confirm-text": ue.value,
+        "cancel-text": fe.value,
         variant: "danger",
-        onConfirm: _,
-        onCancel: l[3] || (l[3] = (o) => P.value = !1)
+        onConfirm: ae,
+        onCancel: t[3] || (t[3] = (a) => k.value = !1)
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"])
     ]));
   }
 });
 export {
-  Ue as default
+  We as default
 };

package/components/DataTable/types.d.ts

@@ -47,6 +47,13 @@ export interface DataTableProps {
     toolbarClass?: string;
     toolbarSearchClass?: string;
     headers: TableHeader[];
+    /**
+     * Unique row identifier field.
+     * When set to the sentinel value 'auto' (the internal default), DataTable will
+     * automatically pick the first matching key from ['id', '_id'] found on the
+     * first row. Explicitly passing 'id' or '_id' (or any other string) pins the
+     * field to that exact value.
+     */
     keyField?: string;
     loading?: boolean;
     selectable?: boolean;
@@ -76,3 +83,11 @@ export interface RowClickPayload {
     row: any;
     index: number;
 }
+/** Shape provided by Screen to deeply nested components */
+export interface ScreenContext {
+    /** When true, DataTable should hide its own search toolbar */
+    disableSearch: boolean;
+    /** When true, DataTable should enable row selection */
+    forceSelectable: boolean;
+}
+export declare const SCREEN_CONTEXT_KEY: unique symbol;

package/components/DataTable/types.js

@@ -0,0 +1,4 @@
+const e = /* @__PURE__ */ Symbol("screen-context");
+export {
+  e as SCREEN_CONTEXT_KEY
+};