dgz-ui-shared 1.2.26 → 1.2.28

package/dist/components/datatable/index.es.js

@@ -1,313 +1,400 @@
-import { jsxs as s, jsx as e, Fragment as Z } from "react/jsx-runtime";
-import { y as V, f as C } from "../../chunks/index-E1NtSoNr.es.js";
-import { Button as u } from "dgz-ui/button";
-import { DropdownMenu as P, DropdownMenuTrigger as ee, DropdownMenuContent as le, DropdownMenuItem as te, DropdownMenuSeparator as de, DropdownMenuCheckboxItem as fe } from "dgz-ui/dropdown";
-import { cn as E } from "dgz-ui/utils";
-import { l as A } from "../../chunks/lodash-CRDOWzbs.es.js";
-import { ArrowDownWideNarrow as ie, ArrowUpWideNarrow as re, ArrowUpDown as se, RefreshCw as Ne } from "lucide-react";
-import { useEffect as q, useState as xe } from "react";
-import { useTranslation as ne } from "react-i18next";
-import { u as pe, a as we, b as ce } from "../../chunks/useSortable-BXNk8Wth.es.js";
-import { A as ge } from "../../chunks/Actions-25X7c3Kg.es.js";
-import { E as ke } from "../../chunks/ExportData-Cuy6BvoM.es.js";
-import { S as ve, F as me } from "../../chunks/Search-RNMpIN4r.es.js";
-import { L as Te } from "../../chunks/Loader-zvzAi0F6.es.js";
-import { D as Q, M as De, a as he } from "../../chunks/MyPagination-B0czoGZK.es.js";
-import { Checkbox as X } from "dgz-ui/form";
-import { Table as Me, TableHeader as Ee, TableRow as O, TableHead as j, TableBody as Ae, TableCell as W } from "dgz-ui/table";
-import { S as Y } from "../../chunks/SortOrder-CwuehjY1.es.js";
-import { E as ze } from "../../chunks/Empty-BReVQKje.es.js";
-const Le = ({
-  rows: t = [],
-  columns: c,
-  onRowClick: T,
-  rowKey: w,
-  params: x = {
+import { jsx as e, jsxs as N, Fragment as O } from "react/jsx-runtime";
+import { y as ee, f as te } from "../../chunks/index-E1NtSoNr.es.js";
+import { Button as q } from "dgz-ui/button";
+import { DropdownMenu as le, DropdownMenuTrigger as de, DropdownMenuContent as se, DropdownMenuItem as ie, DropdownMenuSeparator as fe, DropdownMenuCheckboxItem as re } from "dgz-ui/dropdown";
+import { cn as W } from "dgz-ui/utils";
+import { l as M } from "../../chunks/lodash-CRDOWzbs.es.js";
+import { XIcon as Z, ArrowDownWideNarrow as pe, ArrowUpWideNarrow as Ne, ArrowUpDown as ce, RefreshCw as xe } from "lucide-react";
+import { memo as me, useMemo as we, useEffect as Q, useState as ne } from "react";
+import { useTranslation as b } from "react-i18next";
+import { u as ge, a as Ee, b as Te } from "../../chunks/useSortable-BXNk8Wth.es.js";
+import { A as De } from "../../chunks/Actions-Du8iQ3WR.es.js";
+import { E as ke } from "../../chunks/ExportData-DQzwB_yW.es.js";
+import { S as ve, F as Ae } from "../../chunks/Search-CR54BX3a.es.js";
+import { ButtonGroup as Me } from "dgz-ui";
+import { L as ze } from "../../chunks/Loader-zvzAi0F6.es.js";
+import { D as I, M as Le, a as Re } from "../../chunks/MyPagination-B0czoGZK.es.js";
+import { Checkbox as U } from "dgz-ui/form";
+import { Table as We, TableHeader as oe, TableRow as G, TableHead as X, TableBody as Be, TableCell as H } from "dgz-ui/table";
+import { S as j } from "../../chunks/SortOrder-CwuehjY1.es.js";
+import { E as $e } from "../../chunks/Empty-BReVQKje.es.js";
+const ye = me(function({
+  filters: m,
+  params: E,
+  onFilter: c,
+  className: w,
+  ...z
+}) {
+  const { t: T } = b(), s = we(
+    () => Object.fromEntries(
+      (m == null ? void 0 : m.map((i) => {
+        var x;
+        return [
+          i.name,
+          Object.fromEntries(
+            ((x = i.options) == null ? void 0 : x.map(({ label: t, value: g }) => [g, t])) || []
+          )
+        ];
+      })) || []
+    ),
+    [m]
+  );
+  return /* @__PURE__ */ e("div", { ...z, className: W("flex flex-wrap gap-2", w), children: Object.entries(E || {}).filter(([i, x]) => !!(s != null && s[i]) && !M.isEmpty(x)).map(
+    ([i, x]) => {
+      var t;
+      return Array.isArray(x) ? /* @__PURE__ */ e(Me, { children: x.filter((g) => {
+        var L;
+        return ((L = s == null ? void 0 : s[i]) == null ? void 0 : L[g]) && g;
+      }).map((g, L) => {
+        var p;
+        return /* @__PURE__ */ N(
+          q,
+          {
+            size: "sm",
+            onClick: () => {
+              c == null || c({
+                ...E,
+                [i]: x.filter((A) => A !== g)
+              });
+            },
+            children: [
+              T(String(((p = s == null ? void 0 : s[i]) == null ? void 0 : p[g]) || "")),
+              " ",
+              /* @__PURE__ */ e(Z, {})
+            ]
+          },
+          L
+        );
+      }) }, i) : /* @__PURE__ */ N(
+        q,
+        {
+          size: "sm",
+          onClick: () => {
+            c == null || c(M.omit(E, i));
+          },
+          children: [
+            T(String(((t = s == null ? void 0 : s[i]) == null ? void 0 : t[x]) || "")),
+            " ",
+            /* @__PURE__ */ e(Z, {})
+          ]
+        }
+      );
+    }
+  ) });
+}), He = ({
+  rows: l = [],
+  columns: m,
+  onRowClick: E,
+  rowKey: c,
+  params: w = {
     page: 1,
-    limit: Q
+    limit: I
   },
-  hasNumbers: D = !1,
-  hasCheckbox: g = !1,
-  selectedItems: z,
-  onSelectedItemsChange: h,
-  onSortOrderChange: $,
-  isStickyHeader: d,
-  className: B,
-  ...H
+  hasNumbers: z = !1,
+  hasCheckbox: T = !1,
+  selectedItems: s,
+  onSelectedItemsChange: i,
+  onSortOrderChange: x,
+  isStickyHeader: t,
+  className: g,
+  ...L
 }) => {
-  const { sortObject: r, handleSort: L } = pe({
-    sortField: x == null ? void 0 : x.sortField,
-    sortOrder: x == null ? void 0 : x.sortOrder,
-    onSortOrderChange: $
+  const { sortObject: p, handleSort: A } = ge({
+    sortField: w == null ? void 0 : w.sortField,
+    sortOrder: w == null ? void 0 : w.sortOrder,
+    onSortOrderChange: x
   }), {
-    selectedRows: k,
-    isRowSelected: v,
-    isAllRowsSelected: p,
+    selectedRows: R,
+    isRowSelected: D,
+    isAllRowsSelected: k,
     handleSelectAllRows: J,
-    handleSelectRow: M
-  } = we({ rows: t, defaultSelectedRows: z });
-  return q(() => {
-    JSON.stringify(z) !== JSON.stringify(k) && k && (h == null || h(k));
-  }, [k, z, h]), /* @__PURE__ */ s(Me, { ...H, className: E("relative", B), children: [
+    handleSelectRow: o
+  } = Ee({ rows: l, defaultSelectedRows: s });
+  return Q(() => {
+    JSON.stringify(s) !== JSON.stringify(R) && R && (i == null || i(R));
+  }, [R, s, i]), /* @__PURE__ */ N(We, { ...L, className: W("relative", g), children: [
     /* @__PURE__ */ e(
-      Ee,
+      oe,
       {
-        className: E("bg-bg", d && "sticky top-0 z-1"),
-        children: /* @__PURE__ */ s(O, { children: [
-          g && /* @__PURE__ */ e(j, { className: "w-12 p-3", children: /* @__PURE__ */ e(
-            X,
+        className: W("bg-bg", t && "sticky top-0 z-1"),
+        children: /* @__PURE__ */ N(G, { children: [
+          T && /* @__PURE__ */ e(X, { className: "w-12 p-3", children: /* @__PURE__ */ e(
+            U,
             {
               className: "mt-1",
-              checked: p(w),
-              onCheckedChange: (l) => J(w, !!l),
+              checked: k(c),
+              onCheckedChange: (d) => J(c, !!d),
               "aria-label": "Select all"
             }
           ) }),
-          D && /* @__PURE__ */ e(j, { className: "w-12 p-2", children: "#" }),
-          c.filter((l) => !l.hidden).map((l) => /* @__PURE__ */ e(
-            j,
+          z && /* @__PURE__ */ e(X, { className: "w-12 p-2", children: "#" }),
+          m.filter((d) => !d.hidden).map((d) => /* @__PURE__ */ e(
+            X,
             {
-              style: l.styles,
-              className: E("p-2", l.sortable && "cursor-pointer"),
-              onClick: () => l.sortable && L(l.dataIndex),
-              children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-                l.name,
+              style: d.styles,
+              className: W("p-2", d.sortable && "cursor-pointer"),
+              onClick: () => d.sortable && A(d.dataIndex),
+              children: /* @__PURE__ */ N("div", { className: "flex items-center gap-2", children: [
+                d.name,
                 " ",
-                l.sortable && ((r == null ? void 0 : r.sortField) === l.key ? /* @__PURE__ */ s(Z, { children: [
-                  (r == null ? void 0 : r.sortOrder) === Y.DESC && /* @__PURE__ */ e(ie, { size: 15 }),
-                  (r == null ? void 0 : r.sortOrder) === Y.ASC && /* @__PURE__ */ e(re, { size: 15 })
-                ] }) : /* @__PURE__ */ e(se, { size: 15 }))
+                d.sortable && ((p == null ? void 0 : p.sortField) === d.key ? /* @__PURE__ */ N(O, { children: [
+                  (p == null ? void 0 : p.sortOrder) === j.DESC && /* @__PURE__ */ e(pe, { size: 15 }),
+                  (p == null ? void 0 : p.sortOrder) === j.ASC && /* @__PURE__ */ e(Ne, { size: 15 })
+                ] }) : /* @__PURE__ */ e(ce, { size: 15 }))
               ] })
             },
-            l.key
+            d.key
           ))
         ] })
       }
     ),
-    /* @__PURE__ */ e(Ae, { className: "[&>tr:nth-child(even)]:bg-bg-secondary", children: t.length ? t.map((l, m) => /* @__PURE__ */ s(
-      O,
+    /* @__PURE__ */ e(Be, { className: "[&>tr:nth-child(even)]:bg-bg-secondary", children: l.length ? l.map((d, B) => /* @__PURE__ */ N(
+      G,
       {
-        onClick: () => T == null ? void 0 : T(l),
-        className: E(T && "cursor-pointer"),
-        "data-state": v(l[w]) && "selected",
+        onClick: () => E == null ? void 0 : E(d),
+        className: W(E && "cursor-pointer"),
+        "data-state": D(d[c]) && "selected",
         children: [
-          g && /* @__PURE__ */ e(
-            W,
+          T && /* @__PURE__ */ e(
+            H,
             {
               className: "w-12 p-3",
-              onClick: (i) => i.stopPropagation(),
+              onClick: (r) => r.stopPropagation(),
               children: /* @__PURE__ */ e(
-                X,
+                U,
                 {
                   className: "mt-1",
-                  checked: v(l[w]),
-                  onCheckedChange: (i) => M(l[w], !!i),
+                  checked: D(d[c]),
+                  onCheckedChange: (r) => o(d[c], !!r),
                   "aria-label": "Select row"
                 }
               )
             }
           ),
-          D && /* @__PURE__ */ e(W, { className: "w-12 p-2", children: (x.page - 1) * (x.limit || Q) + m + 1 }),
-          c.filter((i) => !i.hidden).map((i) => /* @__PURE__ */ e(
-            W,
+          z && /* @__PURE__ */ e(H, { className: "w-12 p-2", children: (w.page - 1) * (w.limit || I) + B + 1 }),
+          m.filter((r) => !r.hidden).map((r) => /* @__PURE__ */ e(
+            H,
             {
               className: "text-body-xs-medium max-w-xs p-2",
-              style: i.styles,
-              children: i.render ? i.render(A.get(l, i.dataIndex), l) : A.get(l, i.dataIndex, "")
+              style: r.styles,
+              children: r.render ? r.render(M.get(d, r.dataIndex), d) : M.get(d, r.dataIndex, "")
             },
-            `${m}-${i.key}`
+            `${B}-${r.key}`
           ))
         ]
       },
-      `${l[w]}`
-    )) : /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
-      W,
+      `${d[c]}`
+    )) : /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(
+      H,
       {
-        colSpan: D ? g ? c.length + 2 : c.length + 1 : c.length,
-        children: /* @__PURE__ */ e(ze, {})
+        colSpan: z ? T ? m.length + 2 : m.length + 1 : m.length,
+        children: /* @__PURE__ */ e($e, {})
       }
     ) }) })
   ] });
-}, oe = ({
-  dataSource: t,
-  columns: c,
-  onRowClick: T,
-  rowKey: w,
-  hasNumbers: x,
-  hasSearch: D,
-  exportOptions: g,
-  hasCheckbox: z,
-  hasPagination: h,
-  isStickyHeader: $,
-  onParamChange: d,
-  dataKey: B = "docs",
-  loading: H,
-  tableKey: r,
-  filters: L,
-  actions: k,
-  handleFilterChange: v,
-  params: p,
+}, Ce = ({
+  dataSource: l,
+  columns: m,
+  onRowClick: E,
+  rowKey: c,
+  hasNumbers: w,
+  hasSearch: z,
+  exportOptions: T,
+  hasCheckbox: s,
+  hasPagination: i,
+  isStickyHeader: x,
+  onParamChange: t,
+  dataKey: g = "docs",
+  loading: L,
+  tableKey: p,
+  filters: A,
+  actions: R,
+  handleFilterChange: D,
+  params: k,
   exportLoading: J = !1,
-  onColumnsUpdate: M,
-  hasColumnsVisibilityDropdown: l,
-  onSelectedItemsChange: m,
-  actionProps: i,
-  filterWrapperProps: b,
-  exportOptionsProps: U,
-  columnsVisibilityProps: N,
-  paginationProps: o,
-  searchProps: n,
-  ...I
+  onColumnsUpdate: o,
+  hasColumnsVisibilityDropdown: d,
+  showAppliedFilters: B = !1,
+  onSelectedItemsChange: r,
+  actionProps: K,
+  filterWrapperProps: F,
+  exportOptionsProps: S,
+  columnsVisibilityProps: n,
+  paginationProps: u,
+  searchProps: v,
+  ...V
 }) => {
-  var G;
-  const { t: _ } = ne(), [R, K] = xe([]), { formattedColumns: F, handleColumnsChange: a, resetColumns: S } = ce({ key: r, columns: c });
-  return q(() => {
-    M == null || M(F);
-  }, [F, M]), q(() => {
-    m == null || m(R);
-  }, [R, m]), /* @__PURE__ */ s(
+  var Y;
+  const { t: _ } = b(), [$, a] = ne([]), { formattedColumns: y, handleColumnsChange: C, resetColumns: P } = Te({ key: p, columns: m });
+  return Q(() => {
+    o == null || o(y);
+  }, [y, o]), Q(() => {
+    r == null || r($);
+  }, [$, r]), /* @__PURE__ */ N(
     "div",
     {
       className: "border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs",
       children: [
-        (D || l && r || !A.isEmpty(g) || !A.isEmpty(L)) && /* @__PURE__ */ s("div", { className: "flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row", children: [
-          /* @__PURE__ */ e("div", { className: "w-full shrink", children: D && /* @__PURE__ */ e(
-            ve,
-            {
-              ...n,
-              inputProps: {
-                ...n == null ? void 0 : n.inputProps,
-                className: E("h-8", (G = n == null ? void 0 : n.inputProps) == null ? void 0 : G.className)
-              },
-              className: E(
-                "max-w-78 [&_button]:-top-1",
-                n == null ? void 0 : n.className
-              ),
-              defaultValue: A.get(p, "search", ""),
-              onSearchChange: (f) => d == null ? void 0 : d({ ...p, search: f, page: 1 })
-            }
-          ) }),
-          /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center justify-end gap-3", children: [
-            g && /* @__PURE__ */ e(
-              ke,
+        /* @__PURE__ */ N("div", { className: "space-y-4 p-4", children: [
+          (z || d && p || !M.isEmpty(T) || !M.isEmpty(A)) && /* @__PURE__ */ N("div", { className: "flex shrink-0 flex-col items-center justify-between gap-3 lg:flex-row", children: [
+            /* @__PURE__ */ e("div", { className: "w-full shrink", children: z && /* @__PURE__ */ e(
+              ve,
               {
-                ...U,
-                options: g,
-                loading: J
+                ...v,
+                inputProps: {
+                  ...v == null ? void 0 : v.inputProps,
+                  className: W(
+                    "h-8 grow",
+                    (Y = v == null ? void 0 : v.inputProps) == null ? void 0 : Y.className
+                  )
+                },
+                className: W(
+                  "max-w-full lg:max-w-78 [&_button]:-top-1",
+                  v == null ? void 0 : v.className
+                ),
+                defaultValue: M.get(k, "search", ""),
+                onSearchChange: (f) => t == null ? void 0 : t({ ...k, search: f, page: 1 })
               }
-            ),
-            l && r && /* @__PURE__ */ s(P, { children: [
-              /* @__PURE__ */ e(
-                ee,
-                {
-                  asChild: !0,
-                  ...N == null ? void 0 : N.triggerProps,
-                  children: /* @__PURE__ */ e(
-                    u,
+            ) }),
+            /* @__PURE__ */ N(
+              "div",
+              {
+                className: "flex w-full shrink-0 items-center justify-end gap-3 lg:w-auto",
+                children: [
+                  T && /* @__PURE__ */ e(
+                    ke,
                     {
-                      variant: "secondary",
-                      size: "sm",
-                      className: "ml-auto rounded-lg px-3",
-                      children: (N == null ? void 0 : N.title) || /* @__PURE__ */ s(Z, { children: [
-                        /* @__PURE__ */ e(V, {}),
-                        " ",
-                        /* @__PURE__ */ e("span", { className: "hidden lg:inline!", children: _("Customize columns") }),
-                        /* @__PURE__ */ e(C, {})
-                      ] })
+                      ...S,
+                      options: T,
+                      loading: J
                     }
-                  )
-                }
-              ),
-              /* @__PURE__ */ s(
-                le,
-                {
-                  align: "end",
-                  ...N == null ? void 0 : N.contentProps,
-                  children: [
-                    /* @__PURE__ */ s(
-                      te,
+                  ),
+                  d && p && /* @__PURE__ */ N(le, { children: [
+                    /* @__PURE__ */ e(
+                      de,
                       {
-                        className: "capitalize",
-                        onClick: S,
-                        children: [
-                          /* @__PURE__ */ e(Ne, {}),
-                          " ",
-                          (N == null ? void 0 : N.resetText) || _("Reset columns")
-                        ]
+                        asChild: !0,
+                        className: "grow",
+                        ...n == null ? void 0 : n.triggerProps,
+                        children: /* @__PURE__ */ e(
+                          q,
+                          {
+                            variant: "secondary",
+                            size: "sm",
+                            className: "ml-auto rounded-lg px-3",
+                            children: (n == null ? void 0 : n.title) || /* @__PURE__ */ N(O, { children: [
+                              /* @__PURE__ */ e(ee, {}),
+                              " ",
+                              /* @__PURE__ */ e("span", { className: "hidden md:inline!", children: _("Customize columns") }),
+                              /* @__PURE__ */ e(te, {})
+                            ] })
+                          }
+                        )
                       }
                     ),
-                    /* @__PURE__ */ e(de, {}),
-                    F.map((f) => /* @__PURE__ */ e(
-                      fe,
+                    /* @__PURE__ */ N(
+                      se,
                       {
-                        className: "capitalize",
-                        checked: !f.hidden,
-                        onCheckedChange: (y) => a(f, !y),
-                        children: f.name
-                      },
-                      f.key
-                    ))
-                  ]
-                }
-              )
-            ] }),
-            k && /* @__PURE__ */ e(ge, { ...i, actions: k }),
-            L && /* @__PURE__ */ e(
-              me,
-              {
-                ...b,
-                filters: L,
-                params: p,
-                onChange: v,
-                onFilter: (f) => {
-                  d == null || d({ ...f, page: 1 }), v == null || v(f);
-                }
+                        align: "end",
+                        ...n == null ? void 0 : n.contentProps,
+                        children: [
+                          /* @__PURE__ */ N(
+                            ie,
+                            {
+                              className: "capitalize",
+                              onClick: P,
+                              children: [
+                                /* @__PURE__ */ e(xe, {}),
+                                " ",
+                                (n == null ? void 0 : n.resetText) || _("Reset columns")
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ e(fe, {}),
+                          y.map((f) => /* @__PURE__ */ e(
+                            re,
+                            {
+                              className: "capitalize",
+                              checked: !f.hidden,
+                              onCheckedChange: (h) => C(f, !h),
+                              children: f.name
+                            },
+                            f.key
+                          ))
+                        ]
+                      }
+                    )
+                  ] }),
+                  R && /* @__PURE__ */ e(De, { ...K, actions: R }),
+                  A && /* @__PURE__ */ e(
+                    Ae,
+                    {
+                      ...F,
+                      filters: A,
+                      params: k,
+                      onChange: D,
+                      onFilter: (f) => {
+                        t == null || t({ ...f, page: 1 }), D == null || D(f);
+                      }
+                    }
+                  )
+                ]
               }
             )
-          ] })
+          ] }),
+          B && !M.isEmpty(A) && /* @__PURE__ */ e(
+            ye,
+            {
+              filters: A,
+              params: k,
+              onFilter: (f) => {
+                t == null || t({ ...f, page: 1 }), D == null || D(f);
+              }
+            }
+          )
         ] }),
-        /* @__PURE__ */ e("div", { className: "flex flex-col overflow-auto border-y", children: H ? /* @__PURE__ */ e(Te, {}) : /* @__PURE__ */ e(
-          Le,
+        /* @__PURE__ */ e("div", { className: "flex flex-col overflow-auto border-y", children: L ? /* @__PURE__ */ e(ze, {}) : /* @__PURE__ */ e(
+          He,
           {
-            ...I,
+            ...V,
             params: {
-              page: (t == null ? void 0 : t.page) || 1,
-              limit: t == null ? void 0 : t.limit,
-              ...p
+              page: (l == null ? void 0 : l.page) || 1,
+              limit: l == null ? void 0 : l.limit,
+              ...k
             },
-            rows: A.get(t, B, []),
-            rowKey: w,
-            selectedItems: R,
-            isStickyHeader: $,
-            columns: F,
-            hasCheckbox: z,
-            hasNumbers: x,
-            onRowClick: T,
-            onSelectedItemsChange: K,
-            onSortOrderChange: ({ sortField: f, sortOrder: y }) => {
-              d == null || d({ ...p, sortField: f, sortOrder: y });
+            rows: M.get(l, g, []),
+            rowKey: c,
+            selectedItems: $,
+            isStickyHeader: x,
+            columns: y,
+            hasCheckbox: s,
+            hasNumbers: w,
+            onRowClick: E,
+            onSelectedItemsChange: a,
+            onSortOrderChange: ({ sortField: f, sortOrder: h }) => {
+              t == null || t({ ...k, sortField: f, sortOrder: h });
             }
           }
         ) }),
-        h && /* @__PURE__ */ s("div", { className: "flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row", children: [
+        i && /* @__PURE__ */ N("div", { className: "flex shrink-0 flex-wrap items-center justify-center gap-3 p-4 lg:justify-between", children: [
           /* @__PURE__ */ e("div", { className: "text-sm", children: /* @__PURE__ */ e(
-            De,
+            Le,
             {
-              onLimitChange: (f) => d == null ? void 0 : d({ ...p, limit: f, page: 1 }),
-              defaultValue: t == null ? void 0 : t.limit
+              onLimitChange: (f) => t == null ? void 0 : t({ ...k, limit: f, page: 1 }),
+              defaultValue: l == null ? void 0 : l.limit
             }
           ) }),
           /* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm", children: _("{{selectedCount}} of {{total}} row(s) selected", {
-            selectedCount: R.length,
-            total: (t == null ? void 0 : t.total) || 0
+            selectedCount: $.length,
+            total: (l == null ? void 0 : l.total) || 0
           }) }),
           /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-            he,
+            Re,
             {
-              ...o,
-              onPageChange: (f) => d == null ? void 0 : d({ ...p, page: f }),
-              currentPage: t == null ? void 0 : t.page,
-              totalPages: t == null ? void 0 : t.totalPages
+              ...u,
+              onPageChange: (f) => t == null ? void 0 : t({ ...k, page: f }),
+              currentPage: l == null ? void 0 : l.page,
+              totalPages: l == null ? void 0 : l.totalPages
             }
           ) })
         ] })
@@ -316,7 +403,7 @@ const Le = ({
   );
 };
 export {
-  oe as DataTable,
-  Le as MyTable
+  Ce as DataTable,
+  He as MyTable
 };
 //# sourceMappingURL=index.es.js.map