laif-ds 0.1.54 → 0.1.56

package/dist/_virtual/index.js

@@ -1,6 +1,3 @@
 "use client";
-import { __require as r } from "../node_modules/use-sync-external-store/shim/index.js";
-var i = r();
-export {
-  i as s
-};
+import { __require as e } from "../node_modules/react-is/index.js";
+e();

package/dist/_virtual/index3.js

@@ -1,3 +1,6 @@
 "use client";
-import { __require as e } from "../node_modules/react-is/index.js";
-e();
+import { __require as r } from "../node_modules/use-sync-external-store/shim/index.js";
+var i = r();
+export {
+  i as s
+};

package/dist/components/ui/async-select.js

@@ -124,7 +124,7 @@ function ke({
   return /* @__PURE__ */ s("div", { className: "space-y-1.5", children: [
     l && /* @__PURE__ */ e(ee, { htmlFor: T, className: B, children: l }),
     /* @__PURE__ */ s(re, { open: p, onOpenChange: N, children: [
-      /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
         V,
         {
           id: T,
@@ -168,7 +168,7 @@ function ke({
               /* @__PURE__ */ e(
                 oe,
                 {
-                  className: "!outline-none !focus:outline-none !focus-visible:outline-none !focus:ring-0 !focus:ring-offset-0 !focus-visible:ring-0 !focus-visible:ring-offset-0 !border-none",
+                  className: "!focus:outline-none !focus-visible:outline-none !focus:ring-0 !focus:ring-offset-0 !focus-visible:ring-0 !focus-visible:ring-offset-0 !border-none !outline-none",
                   placeholder: `Search ${typeof l == "string" ? l.toLowerCase() : "options"}...`,
                   value: I,
                   onValueChange: (t) => {

package/dist/components/ui/data-table.js

@@ -1,75 +1,60 @@
 "use client";
-import { jsx as t, jsxs as w } from "react/jsx-runtime";
-import { useReactTable as K, flexRender as k } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import q, { useState as b, useEffect as J } from "react";
-import { Checkbox as D } from "./checkbox.js";
-import { cn as Q } from "../../lib/utils.js";
-import { Input as U } from "./input.js";
-import { ScrollArea as A, ScrollBar as C } from "./scroll-area.js";
-import { AppMultipleSelectDropdown as X } from "./app-multiple-select-dropdown.js";
-import { Table as Y, TableHeader as Z, TableRow as x, TableHead as B, TableBody as ee, TableCell as p } from "./table.js";
-import { Skeleton as le } from "./skeleton.js";
-import { getFilteredRowModel as te, getSortedRowModel as oe, getPaginationRowModel as ne, getCoreRowModel as ae } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
-function ce(s, r, n, d) {
-  const i = s.getValue(r), u = d == null ? void 0 : d.find((o) => o.column === r), m = (u == null ? void 0 : u.innerFiltersMode) ?? "OR";
-  if (Array.isArray(i))
-    return m === "AND" ? n.every((o) => i.includes(o)) : n.some((o) => i.includes(o));
-  switch (m) {
-    case "AND":
-      return n.every((o) => String(i) === o);
-    case "OR":
-    default:
-      return n.some((o) => String(i) === o);
-  }
-}
-function ie(s) {
-  return s.reduce(
-    (r, n) => (n.filterFn && (r[n.column] = (d, i, u) => {
-      const m = d.getValue(i);
-      switch (n.innerFiltersMode ?? "OR") {
-        case "AND":
-          return u.every(
-            (g) => n.filterFn(m, [g])
-          );
-        case "OR":
-        default:
-          return u.some(
-            (g) => n.filterFn(m, [g])
-          );
-      }
-    }), r),
-    {}
-  ) || {};
-}
-function xe({
-  columns: s,
-  data: r,
-  loading: n = !1,
-  emptyComponent: d,
-  className: i,
-  rowSelection: u = {},
-  onRowSelectionChange: m,
-  checkable: o = !1,
-  onCheckedRowsChange: g,
-  notFoundMessage: V = "Nessun risultato trovato.",
-  searchBar: f = void 0,
-  dropdownFilters: a = void 0
-  //   outerFiltersMode = EFiltersMode.AND,
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { useReactTable as ue, flexRender as J } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { useState as h, useRef as _, useMemo as de, useEffect as M } from "react";
+import { cn as fe } from "../../lib/utils.js";
+import { createCustomFilterFns as xe, ELogicalFilterOperator as he, debounce as se, createMultiValueFilterFn as Ce, updatePageSizeFromContainer as be } from "./data-table.service.js";
+import { Pagination as we, PaginationContent as re, PaginationItem as I, PaginationFirst as Ie, PaginationPrevious as Re, PaginationLink as ze, PaginationNext as Ne, PaginationLast as Me } from "./pagination.js";
+import { Checkbox as K } from "./checkbox.js";
+import { Input as ye } from "./input.js";
+import { ScrollArea as q, ScrollBar as F } from "./scroll-area.js";
+import { AppMultipleSelectDropdown as ke } from "./app-multiple-select-dropdown.js";
+import { Table as Pe, TableHeader as He, TableRow as y, TableHead as De, TableBody as Fe, TableCell as V } from "./table.js";
+import { Skeleton as Ve } from "./skeleton.js";
+import { getPaginationRowModel as je, getFilteredRowModel as Le, getSortedRowModel as Te, getCoreRowModel as Ae } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
+function pe({
+  columns: R,
+  data: j,
+  loading: Q = !1,
+  emptyComponent: U,
+  className: X,
+  rowSelection: Y = {},
+  onRowSelectionChange: L,
+  checkable: z = !1,
+  onCheckedRowsChange: k,
+  notFoundMessage: Z = "Nessun risultato trovato.",
+  searchBar: x = void 0,
+  dropdownFilters: u = void 0,
+  totalItems: P = void 0,
+  datatableSizes: b = {
+    rowHeight: 32.5,
+    // default table row height in pixels
+    headerHeight: 40,
+    // default table header height in pixels
+    containerHeight: 600
+    // default container height in pixels
+  },
+  paginationPlaceholders: m = void 0,
+  serverOptions: g = void 0,
+  setServerOptions: i = void 0
 }) {
-  var v;
-  const [T, z] = b([]), [$, j] = b([]), [H, P] = b({}), [y, F] = b(""), [L, O] = b({}), N = m ? u : L, _ = m || O, G = q.useMemo(() => o ? [
+  var S, E;
+  const [p, B] = h([]), [v, O] = h([]), [ee, le] = h({}), [r, te] = h(""), [ae, ne] = h({}), T = L ? Y : ae, ie = L || ne, [N, ge] = h({}), d = !!g, [w, H] = h({
+    pageIndex: 0,
+    pageSize: 10
+  }), [oe, A] = h(0), D = _(null), $ = _(void 0), ce = de(() => z ? [
     {
       id: "select",
-      header: ({ table: e }) => /* @__PURE__ */ t("div", { className: "text-center", children: /* @__PURE__ */ t(
-        D,
+      header: ({ table: e }) => /* @__PURE__ */ t(
+        K,
         {
           checked: e.getIsAllPageRowsSelected(),
           onCheckedChange: (l) => e.toggleAllPageRowsSelected(!!l),
           "aria-label": "Seleziona tutti"
         }
-      ) }),
+      ),
       cell: ({ row: e }) => /* @__PURE__ */ t("div", { className: "text-center", children: /* @__PURE__ */ t(
-        D,
+        K,
         {
           checked: e.getIsSelected(),
           onCheckedChange: (l) => e.toggleSelected(!!l),
@@ -79,140 +64,385 @@ function xe({
       enableSorting: !1,
       enableHiding: !1
     },
-    ...s
-  ] : s, [s, o]).map((e) => {
-    const l = a == null ? void 0 : a.find(
-      (c) => c.column === (e == null ? void 0 : e.accessorKey)
+    ...R
+  ] : R, [R, z]).map((e) => {
+    const l = u == null ? void 0 : u.find(
+      (n) => n.column === (e == null ? void 0 : e.accessorKey)
     );
     return {
       ...e,
       filterFn: l != null && l.filterFn ? l.column : "multiValue"
     };
-  }), I = {
-    data: r,
-    columns: G,
-    getCoreRowModel: ae(),
-    getPaginationRowModel: ne(),
-    onSortingChange: z,
-    getSortedRowModel: oe(),
-    onColumnVisibilityChange: P,
-    onRowSelectionChange: _,
-    getFilteredRowModel: te(),
-    globalFilterFn: (e, l, c) => c ? (f == null ? void 0 : f.columns.some((S) => {
-      const R = e.getValue(S);
-      return String(R).toLowerCase().includes(c.toLowerCase());
-    })) ?? !1 : !0,
+  }), me = {
+    data: j,
+    columns: ce,
+    getCoreRowModel: Ae(),
+    onSortingChange: B,
+    getSortedRowModel: Te(),
+    onColumnVisibilityChange: le,
+    onRowSelectionChange: ie,
+    getFilteredRowModel: Le(),
+    globalFilterFn: (e, l, n) => d || !n ? !0 : (x == null ? void 0 : x.columns.some((o) => {
+      const c = e.getValue(o);
+      return String(c).toLowerCase().includes(n.toLowerCase());
+    })) ?? !1,
     filterFns: {
-      multiValue: (e, l, c) => ce(e, l, c, a),
-      ...ie(a ?? [])
+      multiValue: (e, l, n) => Ce(
+        e,
+        l,
+        n,
+        u,
+        g
+      ),
+      ...xe(u ?? [], g)
+    },
+    onPaginationChange: (e) => {
+      d ? typeof e == "object" && i && i((l) => ({
+        ...l,
+        pagination: {
+          pageIndex: e.pageIndex,
+          pageSize: e.pageSize
+        }
+      })) : H(e);
     },
+    getPaginationRowModel: je(),
+    manualPagination: d,
+    pageCount: oe,
     state: {
-      sorting: T,
-      columnFilters: $,
-      columnVisibility: H,
-      rowSelection: N,
-      globalFilter: y
+      sorting: p,
+      columnFilters: v,
+      columnVisibility: ee,
+      rowSelection: T,
+      globalFilter: r,
+      pagination: (g == null ? void 0 : g.pagination) ?? w
+    }
+  }, a = ue(me);
+  M(() => {
+    let e;
+    if (x && r && (e || (e = {}), e.searchbarFilters = {
+      value: r,
+      columns: x.columns
+    }), u && Object.keys(N).length > 0) {
+      const c = {};
+      for (const f of u) {
+        const s = N[f.column];
+        s && s.length > 0 && (c[f.column] = {
+          column: f.column,
+          value: s,
+          logic: f.innerFiltersMode || he.OR
+        });
+      }
+      Object.keys(c).length > 0 && (e || (e = {}), e.dropdownFilters = c);
     }
-  }, h = K(I);
-  return J(() => {
-    if (g && o) {
-      const e = h.getFilteredSelectedRowModel().rows.map((l) => l.original);
-      g(e);
+    const l = $.current, n = e;
+    JSON.stringify(l ?? {}) !== JSON.stringify(n ?? {}) && i && ($.current = n, i((c) => ({
+      ...c,
+      pagination: {
+        pageIndex: 0,
+        pageSize: (g == null ? void 0 : g.pagination.pageSize) ?? 10
+      },
+      filters: n
+    })));
+  }, [
+    u,
+    N,
+    x,
+    r,
+    g,
+    i
+  ]);
+  const G = a.getFilteredRowModel();
+  return M(() => {
+    var e;
+    if (d)
+      A(
+        Math.ceil(
+          (P ?? 0) / (((e = g.pagination) == null ? void 0 : e.pageSize) || w.pageSize || 10)
+        )
+      );
+    else {
+      const l = G.rows.length;
+      A(Math.ceil(l / w.pageSize));
     }
-  }, [h, g, o, N]), /* @__PURE__ */ w("div", { className: Q("flex h-full w-full flex-col gap-2", i), children: [
-    (f || (a == null ? void 0 : a.length)) && /* @__PURE__ */ w("div", { className: "flex flex-col items-start justify-between gap-2 sm:flex-row sm:items-end", children: [
-      f && /* @__PURE__ */ t(
-        U,
-        {
-          iconLeft: "Search",
-          placeholder: f.placeholder ?? "Cerca...",
-          value: y,
-          onChange: (e) => {
-            F(e.target.value || "");
-          },
-          className: "w-60"
+  }, [
+    d,
+    P,
+    g == null ? void 0 : g.pagination,
+    a,
+    G,
+    w.pageSize
+  ]), M(() => {
+    const e = se(() => {
+      const l = D.current;
+      l && be(l, {
+        rowHeight: b.rowHeight,
+        headerHeight: b.headerHeight,
+        containerHeight: b.containerHeight,
+        onPageChange: d ? (n, o) => {
+          i == null || i((c) => ({
+            ...c,
+            pagination: { pageIndex: n, pageSize: o }
+          }));
+        } : (n, o) => {
+          H({ pageIndex: n, pageSize: o });
+        },
+        setPagination: (n) => {
+          const o = typeof n == "function" ? n({ pageIndex: 0, pageSize: 10 }) : n;
+          d ? i == null || i((c) => ({
+            ...c,
+            pagination: {
+              ...c.pagination,
+              pageIndex: o.pageIndex,
+              pageSize: o.pageSize
+            }
+          })) : H({
+            pageIndex: o.pageIndex,
+            pageSize: o.pageSize
+          });
         }
+      });
+    }, 200);
+    return e(), window.addEventListener("resize", e), () => {
+      window.removeEventListener("resize", e);
+    };
+  }, [
+    d,
+    b.containerHeight,
+    b.headerHeight,
+    b.rowHeight,
+    D,
+    i
+    // should be stable, but include for clarity
+  ]), M(() => {
+    if (k && z) {
+      const e = a.getFilteredSelectedRowModel().rows.map((l) => l.original);
+      k(e);
+    }
+  }, [a, k, z, T]), /* @__PURE__ */ C(
+    "div",
+    {
+      className: fe(
+        "flex h-full max-h-full min-h-0 w-full max-w-full flex-col gap-2",
+        X
       ),
-      /* @__PURE__ */ t("div", { className: "flex h-full max-w-full min-w-0 flex-1 items-center", children: a && a.length > 0 && /* @__PURE__ */ w(A, { className: "h-full w-full", children: [
-        /* @__PURE__ */ t(C, { orientation: "horizontal" }),
-        /* @__PURE__ */ t("div", { className: "flex w-full max-w-full min-w-0 items-center justify-start gap-2 sm:justify-end", children: a.map((e, l) => {
-          const [c, S] = b([]);
-          return /* @__PURE__ */ t(
-            X,
+      children: [
+        (x || (u == null ? void 0 : u.length)) && /* @__PURE__ */ C("div", { className: "flex flex-col items-start justify-between gap-2 sm:flex-row sm:items-end", children: [
+          x && /* @__PURE__ */ t(
+            ye,
             {
-              className: "w-60",
-              options: e.items,
-              value: c,
-              placeholder: e.placeholder,
-              label: e.label,
-              onChange: (R) => {
-                S(R), j((W) => {
-                  const M = W.filter(
-                    (E) => E.id !== e.column
-                  );
-                  return R.length === 0 ? M : [
-                    ...M,
-                    { id: e.column, value: R }
-                  ];
-                });
-              }
-            },
-            l
-          );
-        }) })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ w(A, { className: "border-d-border h-full min-h-0 w-full rounded-md border", children: [
-      /* @__PURE__ */ t(C, { orientation: "horizontal" }),
-      /* @__PURE__ */ t(C, { orientation: "vertical" }),
-      /* @__PURE__ */ w(Y, { children: [
-        /* @__PURE__ */ t(Z, { children: h.getHeaderGroups().map((e) => /* @__PURE__ */ t(x, { children: e.headers.map((l) => /* @__PURE__ */ t(
-          B,
-          {
-            className: `bg-d-secondary sticky top-0 z-10 ${l.column.columnDef.sticky ? "left-0" : ""}`,
-            children: l.isPlaceholder ? null : k(
-              l.column.columnDef.header,
-              l.getContext()
-            )
-          },
-          l.id
-        )) }, e.id)) }),
-        /* @__PURE__ */ t(ee, { children: n ? Array.from({ length: r.length || 8 }).map((e, l) => /* @__PURE__ */ t(x, { children: h.getHeaderGroups()[0].headers.map((c, S) => /* @__PURE__ */ t(
-          p,
-          {
-            className: `w-full ${c.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
-            children: /* @__PURE__ */ t(le, { className: "h-6 w-full" })
-          },
-          `skeleton-cell-${l}-${S}`
-        )) }, `skeleton-row-${l}`)) : (v = h.getRowModel().rows) != null && v.length ? h.getRowModel().rows.map((e) => /* @__PURE__ */ t(
-          x,
-          {
-            "data-state": e.getIsSelected() && "selected",
-            children: e.getVisibleCells().map((l) => /* @__PURE__ */ t(
-              p,
-              {
-                className: `${l.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
-                children: k(
-                  l.column.columnDef.cell,
-                  l.getContext()
-                )
+              iconLeft: "Search",
+              placeholder: x.placeholder ?? "Cerca...",
+              value: r,
+              onChange: (e) => {
+                te(e.target.value);
               },
-              l.id
-            ))
-          },
-          e.id
-        )) : /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(
-          p,
+              className: "w-60"
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: "flex h-full max-w-full min-w-0 flex-1 items-center", children: u && u.length > 0 && /* @__PURE__ */ C(q, { className: "h-full w-full", children: [
+            /* @__PURE__ */ t(F, { orientation: "horizontal" }),
+            /* @__PURE__ */ t("div", { className: "flex w-full max-w-full min-w-0 items-center justify-start gap-2 sm:justify-end", children: u.map((e, l) => {
+              const n = N[e.column] ?? [];
+              return /* @__PURE__ */ t(
+                ke,
+                {
+                  className: "w-60",
+                  options: e.items,
+                  value: n,
+                  placeholder: e.placeholder,
+                  label: e.label,
+                  onChange: (o) => {
+                    ge((c) => ({
+                      ...c,
+                      [e.column]: o
+                    })), O((c) => {
+                      const f = c.filter(
+                        (s) => s.id !== e.column
+                      );
+                      return o.length === 0 ? f : [
+                        ...f,
+                        { id: e.column, value: o }
+                      ];
+                    });
+                  }
+                },
+                l
+              );
+            }) })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ t(
+          "div",
           {
-            colSpan: s.length,
-            className: "pt-4 text-center",
-            children: d || V
+            className: "flex max-h-full min-h-0 max-w-full min-w-0 flex-1",
+            ref: D,
+            children: /* @__PURE__ */ C(q, { className: "border-d-border h-full min-h-0 w-full rounded-md border", children: [
+              /* @__PURE__ */ t(F, { orientation: "horizontal" }),
+              /* @__PURE__ */ t(F, { orientation: "vertical" }),
+              /* @__PURE__ */ C(Pe, { children: [
+                /* @__PURE__ */ t(He, { children: a.getHeaderGroups().map((e) => /* @__PURE__ */ t(y, { children: e.headers.map((l) => /* @__PURE__ */ t(
+                  De,
+                  {
+                    className: `bg-d-secondary sticky top-0 z-10 ${l.column.columnDef.sticky ? "left-0" : ""}`,
+                    children: l.isPlaceholder ? null : J(
+                      l.column.columnDef.header,
+                      l.getContext()
+                    )
+                  },
+                  l.id
+                )) }, e.id)) }),
+                /* @__PURE__ */ t(Fe, { children: Q ? Array.from({ length: j.length || 8 }).map((e, l) => /* @__PURE__ */ t(y, { children: a.getHeaderGroups()[0].headers.map((n, o) => /* @__PURE__ */ t(
+                  V,
+                  {
+                    className: `w-full ${n.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
+                    children: /* @__PURE__ */ t(Ve, { className: "h-6 w-full" })
+                  },
+                  `skeleton-cell-${l}-${o}`
+                )) }, `skeleton-row-${l}`)) : (S = a.getRowModel().rows) != null && S.length ? a.getRowModel().rows.map((e) => /* @__PURE__ */ t(
+                  y,
+                  {
+                    "data-state": e.getIsSelected() && "selected",
+                    children: e.getVisibleCells().map((l) => /* @__PURE__ */ t(
+                      V,
+                      {
+                        className: `${l.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
+                        children: J(
+                          l.column.columnDef.cell,
+                          l.getContext()
+                        )
+                      },
+                      l.id
+                    ))
+                  },
+                  e.id
+                )) : /* @__PURE__ */ t(y, { children: /* @__PURE__ */ t(
+                  V,
+                  {
+                    colSpan: R.length,
+                    className: "pt-4 text-center",
+                    children: U || Z
+                  }
+                ) }) })
+              ] })
+            ] })
           }
-        ) }) })
-      ] })
-    ] })
-  ] });
+        ),
+        /* @__PURE__ */ C(we, { className: "h-9", children: [
+          /* @__PURE__ */ t("div", { className: "flex h-full flex-1 items-center align-middle", children: /* @__PURE__ */ t("div", { className: "text-d-foreground hidden text-sm md:flex", children: Math.min(
+            ((E = g == null ? void 0 : g.pagination) == null ? void 0 : E.pageSize) ?? w.pageSize,
+            a.getFilteredRowModel().rows.length ?? 9999
+          ) + " / " + (g ? P ?? "missing totalItems" : a.getFilteredRowModel().rows.length) + " " + ((m == null ? void 0 : m.rows) ?? "Rows") }) }),
+          /* @__PURE__ */ C(re, { children: [
+            /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
+              Ie,
+              {
+                size: "sm",
+                isDisabled: !a.getCanPreviousPage(),
+                label: m == null ? void 0 : m.first,
+                onClick: () => {
+                  d ? i == null || i((e) => ({
+                    ...e,
+                    pagination: {
+                      ...e.pagination,
+                      pageIndex: 0
+                    }
+                  })) : a.setPageIndex(0);
+                },
+                "aria-label": "Go to first page"
+              }
+            ) }),
+            /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
+              Re,
+              {
+                size: "sm",
+                isDisabled: !a.getCanPreviousPage(),
+                label: m == null ? void 0 : m.previous,
+                onClick: () => {
+                  if (a.getCanPreviousPage())
+                    if (d) {
+                      const e = (g == null ? void 0 : g.pagination.pageIndex) ?? w.pageIndex, l = Math.max(e - 1, 0);
+                      i == null || i((n) => ({
+                        ...n,
+                        pagination: {
+                          ...n.pagination,
+                          pageIndex: l
+                        }
+                      }));
+                    } else
+                      a.previousPage();
+                }
+              }
+            ) }),
+            (() => {
+              const e = a.getState().pagination.pageIndex, l = a.getPageCount(), n = 5;
+              let o = Math.max(
+                0,
+                e - Math.floor(n / 2)
+              ), c = o + n;
+              return c > l && (c = l, o = Math.max(0, c - n)), a.getPageOptions().slice(o, c).map((f, s) => /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
+                ze,
+                {
+                  size: "icon",
+                  isActive: e === f,
+                  onClick: () => {
+                    if (d) {
+                      if (e === f) return;
+                      i == null || i((W) => ({
+                        ...W,
+                        pagination: {
+                          ...W.pagination,
+                          pageIndex: f
+                        }
+                      }));
+                    } else
+                      a.setPageIndex(f);
+                  },
+                  children: f + 1
+                }
+              ) }, s));
+            })(),
+            /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
+              Ne,
+              {
+                size: "sm",
+                isDisabled: !a.getCanNextPage(),
+                label: m == null ? void 0 : m.next,
+                onClick: () => {
+                  a.getCanNextPage() && (d ? i == null || i((e) => ({
+                    ...e,
+                    pagination: {
+                      ...e.pagination,
+                      pageIndex: e.pagination.pageIndex + 1
+                    }
+                  })) : a.nextPage());
+                }
+              }
+            ) }),
+            /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
+              Me,
+              {
+                size: "sm",
+                isDisabled: !a.getCanNextPage(),
+                label: m == null ? void 0 : m.last,
+                onClick: () => {
+                  d ? i == null || i((e) => ({
+                    ...e,
+                    pagination: {
+                      ...e.pagination,
+                      pageIndex: a.getPageCount() - 1
+                    }
+                  })) : a.setPageIndex(a.getPageCount() - 1);
+                },
+                "aria-label": "Go to last page"
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "flex h-full flex-1 items-center justify-end align-middle", children: /* @__PURE__ */ t("div", { className: "text-d-foreground hidden text-sm md:flex", children: (a.getPageCount() ? a.getState().pagination.pageIndex + 1 : 0) + " / " + a.getPageCount() + " " + ((m == null ? void 0 : m.pages) ?? "Pages") }) })
+        ] })
+      ]
+    }
+  );
 }
 export {
-  xe as DataTable
+  pe as DataTable
 };