laif-ds 0.1.47 → 0.1.49

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

@@ -1,218 +1,273 @@
 "use client";
-import { jsx as l, jsxs as C } 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 w } from "./scroll-area.js";
-import { AppMultipleSelectDropdown as X } from "./app-multiple-select-dropdown.js";
-import { Table as Y, TableHeader as Z, TableRow as p, TableHead as B, TableBody as ee, TableCell as x } from "./table.js";
-import { Skeleton as te } from "./skeleton.js";
-import { getFilteredRowModel as le, 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) {
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { useReactTable as q, flexRender as z } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import J, { useState as S, useEffect as Q } from "react";
+import { Checkbox as A } from "./checkbox.js";
+import { cn as U } from "../../lib/utils.js";
+import { Input as X } from "./input.js";
+import { ScrollArea as D, ScrollBar as y } from "./scroll-area.js";
+import { AppMultipleSelectDropdown as Y } from "./app-multiple-select-dropdown.js";
+import { Table as Z, TableHeader as B, TableRow as w, TableHead as ee, TableBody as te, TableCell as N } from "./table.js";
+import { Skeleton as le } from "./skeleton.js";
+import { Pagination as ne, PaginationContent as oe, PaginationItem as p, PaginationFirst as ae, PaginationPrevious as ie, PaginationLink as ce, PaginationNext as se, PaginationLast as re } from "./pagination.js";
+import { getFilteredRowModel as me, getPaginationRowModel as ue, getSortedRowModel as ge, getCoreRowModel as de } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
+function fe(u, g, i, h) {
+  const r = u.getValue(g), d = h == null ? void 0 : h.find((o) => o.column === g), f = (d == null ? void 0 : d.innerFiltersMode) ?? "OR";
+  if (Array.isArray(r))
+    return f === "AND" ? i.every((o) => r.includes(o)) : i.some((o) => r.includes(o));
+  switch (f) {
     case "AND":
-      return n.every((o) => String(i) === o);
+      return i.every((o) => String(r) === o);
     case "OR":
     default:
-      return n.some((o) => String(i) === o);
+      return i.some((o) => String(r) === 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") {
+function he(u) {
+  return u.reduce(
+    (g, i) => (i.filterFn && (g[i.column] = (h, r, d) => {
+      const f = h.getValue(r);
+      switch (i.innerFiltersMode ?? "OR") {
         case "AND":
-          return u.every(
-            (g) => n.filterFn(m, [g])
+          return d.every(
+            (b) => i.filterFn(f, [b])
           );
         case "OR":
         default:
-          return u.some(
-            (g) => n.filterFn(m, [g])
+          return d.some(
+            (b) => i.filterFn(f, [b])
           );
       }
-    }), r),
+    }), g),
     {}
   ) || {};
 }
-function pe({
-  columns: s,
-  data: r,
-  loading: n = !1,
-  emptyComponent: d,
-  className: i,
-  rowSelection: u = {},
-  onRowSelectionChange: m,
+function ze({
+  columns: u,
+  data: g,
+  loading: i = !1,
+  emptyComponent: h,
+  className: r,
+  rowSelection: d = {},
+  onRowSelectionChange: f,
   checkable: o = !1,
-  onCheckedRowsChange: g,
+  onCheckedRowsChange: b,
   notFoundMessage: V = "Nessun risultato trovato.",
-  searchBar: f = void 0,
-  dropdownFilters: a = void 0
+  searchBar: x = void 0,
+  dropdownFilters: c = void 0
   //   outerFiltersMode = EFiltersMode.AND,
 }) {
-  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 M;
+  const [I, T] = S([]), [L, $] = S([]), [j, F] = S({}), [k, G] = S(""), [H, O] = S({}), v = f ? d : H, _ = f || O, W = J.useMemo(() => o ? [
     {
       id: "select",
-      header: ({ table: e }) => /* @__PURE__ */ l("div", { className: "text-center", children: /* @__PURE__ */ l(
-        D,
+      header: ({ table: e }) => /* @__PURE__ */ t("div", { className: "text-center", children: /* @__PURE__ */ t(
+        A,
         {
           checked: e.getIsAllPageRowsSelected(),
-          onCheckedChange: (t) => e.toggleAllPageRowsSelected(!!t),
+          onCheckedChange: (l) => e.toggleAllPageRowsSelected(!!l),
           "aria-label": "Seleziona tutti"
         }
       ) }),
-      cell: ({ row: e }) => /* @__PURE__ */ l("div", { className: "text-center", children: /* @__PURE__ */ l(
-        D,
+      cell: ({ row: e }) => /* @__PURE__ */ t("div", { className: "text-center", children: /* @__PURE__ */ t(
+        A,
         {
           checked: e.getIsSelected(),
-          onCheckedChange: (t) => e.toggleSelected(!!t),
+          onCheckedChange: (l) => e.toggleSelected(!!l),
           "aria-label": "Seleziona riga"
         }
       ) }),
       enableSorting: !1,
       enableHiding: !1
     },
-    ...s
-  ] : s, [s, o]).map((e) => {
-    const t = a == null ? void 0 : a.find(
-      (c) => c.column === (e == null ? void 0 : e.accessorKey)
+    ...u
+  ] : u, [u, o]).map((e) => {
+    const l = c == null ? void 0 : c.find(
+      (a) => a.column === (e == null ? void 0 : e.accessorKey)
     );
     return {
       ...e,
-      filterFn: t != null && t.filterFn ? t.column : "multiValue"
+      filterFn: l != null && l.filterFn ? l.column : "multiValue"
     };
-  }), I = {
-    data: r,
-    columns: G,
-    getCoreRowModel: ae(),
-    getPaginationRowModel: ne(),
-    onSortingChange: z,
-    getSortedRowModel: oe(),
-    onColumnVisibilityChange: P,
+  }), E = {
+    data: g,
+    columns: W,
+    getCoreRowModel: de(),
+    onSortingChange: T,
+    getSortedRowModel: ge(),
+    onColumnVisibilityChange: F,
     onRowSelectionChange: _,
-    getFilteredRowModel: le(),
-    globalFilterFn: (e, t, c) => c ? (f == null ? void 0 : f.columns.some((S) => {
-      const R = e.getValue(S);
-      return String(R).toLowerCase().includes(c.toLowerCase());
+    getPaginationRowModel: ue(),
+    getFilteredRowModel: me(),
+    globalFilterFn: (e, l, a) => a ? (x == null ? void 0 : x.columns.some((m) => {
+      const s = e.getValue(m);
+      return String(s).toLowerCase().includes(a.toLowerCase());
     })) ?? !1 : !0,
     filterFns: {
-      multiValue: (e, t, c) => ce(e, t, c, a),
-      ...ie(a ?? [])
+      multiValue: (e, l, a) => fe(e, l, a, c),
+      ...he(c ?? [])
     },
     state: {
-      sorting: T,
-      columnFilters: $,
-      columnVisibility: H,
-      rowSelection: N,
-      globalFilter: y
+      sorting: I,
+      columnFilters: L,
+      columnVisibility: j,
+      rowSelection: v,
+      globalFilter: k
     }
-  }, h = K(I);
-  return J(() => {
-    if (g && o) {
-      const e = h.getFilteredSelectedRowModel().rows.map((t) => t.original);
-      g(e);
+  }, n = q(E);
+  return Q(() => {
+    if (b && o) {
+      const e = n.getFilteredSelectedRowModel().rows.map((l) => l.original);
+      b(e);
     }
-  }, [h, g, o, N]), /* @__PURE__ */ C("div", { className: Q("flex h-full w-full flex-col gap-2", i), children: [
-    (f || (a == null ? void 0 : a.length)) && /* @__PURE__ */ C("div", { className: "flex flex-col items-start justify-between gap-2 sm:flex-row sm:items-end", children: [
-      f && /* @__PURE__ */ l(
-        U,
+  }, [n, b, o, v]), /* @__PURE__ */ C("div", { className: U("flex h-full w-full flex-col gap-2", r), children: [
+    (x || (c == null ? void 0 : c.length)) && /* @__PURE__ */ C("div", { className: "flex flex-col items-start justify-between gap-2 sm:flex-row sm:items-end", children: [
+      x && /* @__PURE__ */ t(
+        X,
         {
           iconLeft: "Search",
-          placeholder: f.placeholder ?? "Cerca...",
-          value: y,
+          placeholder: x.placeholder ?? "Cerca...",
+          value: k,
           onChange: (e) => {
-            F(e.target.value || "");
+            G(e.target.value || "");
           },
           className: "w-60"
         }
       ),
-      /* @__PURE__ */ l("div", { className: "flex h-full min-w-0 flex-1 items-center", children: a && a.length > 0 && /* @__PURE__ */ C(A, { className: "h-full w-full", children: [
-        /* @__PURE__ */ l(w, { orientation: "horizontal" }),
-        /* @__PURE__ */ l("div", { className: "flex w-full max-w-full min-w-0 items-center justify-start gap-2 sm:justify-end", children: a.map((e, t) => {
-          const [c, S] = b([]);
-          return /* @__PURE__ */ l(
-            X,
+      /* @__PURE__ */ t("div", { className: "flex h-full max-w-full min-w-0 flex-1 items-center", children: c && c.length > 0 && /* @__PURE__ */ C(D, { className: "h-full w-full", children: [
+        /* @__PURE__ */ t(y, { 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: c.map((e, l) => {
+          const [a, m] = S([]);
+          return /* @__PURE__ */ t(
+            Y,
             {
               className: "w-60",
               options: e.items,
-              value: c,
+              value: a,
               placeholder: e.placeholder,
               label: e.label,
-              onChange: (R) => {
-                S(R), j((W) => {
-                  const M = W.filter(
-                    (E) => E.id !== e.column
+              onChange: (s) => {
+                m(s), $((P) => {
+                  const R = P.filter(
+                    (K) => K.id !== e.column
                   );
-                  return R.length === 0 ? M : [
-                    ...M,
-                    { id: e.column, value: R }
+                  return s.length === 0 ? R : [
+                    ...R,
+                    { id: e.column, value: s }
                   ];
                 });
               }
             },
-            t
+            l
           );
         }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ C(A, { className: "border-d-border h-full min-h-0 w-full rounded-md border", children: [
-      /* @__PURE__ */ l(w, { orientation: "horizontal" }),
-      /* @__PURE__ */ l(w, { orientation: "vertical" }),
-      /* @__PURE__ */ C(Y, { children: [
-        /* @__PURE__ */ l(Z, { children: h.getHeaderGroups().map((e) => /* @__PURE__ */ l(p, { children: e.headers.map((t) => /* @__PURE__ */ l(
-          B,
+    /* @__PURE__ */ C(D, { className: "border-d-border h-full min-h-0 w-full rounded-md border", children: [
+      /* @__PURE__ */ t(y, { orientation: "horizontal" }),
+      /* @__PURE__ */ t(y, { orientation: "vertical" }),
+      /* @__PURE__ */ C(Z, { children: [
+        /* @__PURE__ */ t(B, { children: n.getHeaderGroups().map((e) => /* @__PURE__ */ t(w, { children: e.headers.map((l) => /* @__PURE__ */ t(
+          ee,
           {
-            className: `bg-d-secondary sticky top-0 z-10 ${t.column.columnDef.sticky ? "left-0" : ""}`,
-            children: t.isPlaceholder ? null : k(
-              t.column.columnDef.header,
-              t.getContext()
+            className: `bg-d-secondary sticky top-0 z-10 ${l.column.columnDef.sticky ? "left-0" : ""}`,
+            children: l.isPlaceholder ? null : z(
+              l.column.columnDef.header,
+              l.getContext()
             )
           },
-          t.id
+          l.id
         )) }, e.id)) }),
-        /* @__PURE__ */ l(ee, { children: n ? Array.from({ length: r.length || 8 }).map((e, t) => /* @__PURE__ */ l(p, { children: h.getHeaderGroups()[0].headers.map((c, S) => /* @__PURE__ */ l(
-          x,
+        /* @__PURE__ */ t(te, { children: i ? Array.from({ length: g.length || 8 }).map((e, l) => /* @__PURE__ */ t(w, { children: n.getHeaderGroups()[0].headers.map((a, m) => /* @__PURE__ */ t(
+          N,
           {
-            className: `w-full ${c.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
-            children: /* @__PURE__ */ l(te, { className: "h-6 w-full" })
+            className: `w-full ${a.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
+            children: /* @__PURE__ */ t(le, { className: "h-6 w-full" })
           },
-          `skeleton-cell-${t}-${S}`
-        )) }, `skeleton-row-${t}`)) : (v = h.getRowModel().rows) != null && v.length ? h.getRowModel().rows.map((e) => /* @__PURE__ */ l(
-          p,
+          `skeleton-cell-${l}-${m}`
+        )) }, `skeleton-row-${l}`)) : (M = n.getRowModel().rows) != null && M.length ? n.getRowModel().rows.map((e) => /* @__PURE__ */ t(
+          w,
           {
             "data-state": e.getIsSelected() && "selected",
-            children: e.getVisibleCells().map((t) => /* @__PURE__ */ l(
-              x,
+            children: e.getVisibleCells().map((l) => /* @__PURE__ */ t(
+              N,
               {
-                className: `${t.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
-                children: k(
-                  t.column.columnDef.cell,
-                  t.getContext()
+                className: `${l.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
+                children: z(
+                  l.column.columnDef.cell,
+                  l.getContext()
                 )
               },
-              t.id
+              l.id
             ))
           },
           e.id
-        )) : /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l(
-          x,
+        )) : /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(
+          N,
           {
-            colSpan: s.length,
+            colSpan: u.length,
             className: "pt-4 text-center",
-            children: d || V
+            children: h || V
           }
         ) }) })
       ] })
-    ] })
+    ] }),
+    /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ C(oe, { children: [
+      /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
+        ae,
+        {
+          size: "sm",
+          onClick: () => n.setPageIndex(0),
+          "aria-label": "Go to first page",
+          children: "«"
+        }
+      ) }),
+      /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
+        ie,
+        {
+          size: "sm",
+          onClick: () => {
+            n.getCanPreviousPage() && n.previousPage();
+          }
+        }
+      ) }),
+      (() => {
+        const e = n.getState().pagination.pageIndex, l = n.getPageCount(), a = 5;
+        let m = Math.max(
+          0,
+          e - Math.floor(a / 2)
+        ), s = m + a;
+        return s > l && (s = l, m = Math.max(0, s - a)), n.getPageOptions().slice(m, s).map((P, R) => /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
+          ce,
+          {
+            size: "icon",
+            isActive: e === P,
+            onClick: () => n.setPageIndex(P),
+            children: P + 1
+          }
+        ) }, R));
+      })(),
+      /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
+        se,
+        {
+          size: "sm",
+          onClick: () => {
+            n.getCanNextPage() && n.nextPage();
+          }
+        }
+      ) }),
+      /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(
+        re,
+        {
+          size: "sm",
+          onClick: () => n.setPageIndex(n.getPageCount() - 1),
+          "aria-label": "Go to last page",
+          children: "»"
+        }
+      ) })
+    ] }) })
   ] });
 }
 export {
-  pe as DataTable
+  ze as DataTable
 };

package/dist/components/ui/pagination.js

@@ -1,23 +1,25 @@
 "use client";
-import { jsx as i, jsxs as e } from "react/jsx-runtime";
-import { cn as t } from "../../lib/utils.js";
+import { jsx as i, jsxs as t } from "react/jsx-runtime";
+import { cn as e } from "../../lib/utils.js";
 import { buttonVariants as l } from "./button.js";
 import c from "../../node_modules/lucide-react/dist/esm/icons/ellipsis.js";
 import p from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
 import m from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
-function N({ className: a, ...n }) {
+import u from "../../node_modules/lucide-react/dist/esm/icons/chevron-first.js";
+import d from "../../node_modules/lucide-react/dist/esm/icons/chevron-last.js";
+function k({ className: a, ...n }) {
   return /* @__PURE__ */ i(
     "nav",
     {
       role: "navigation",
       "aria-label": "pagination",
       "data-slot": "pagination",
-      className: t("mx-auto flex w-full justify-center", a),
+      className: e("mx-auto flex w-full justify-center", a),
       ...n
     }
   );
 }
-function P({
+function z({
   className: a,
   ...n
 }) {
@@ -25,19 +27,19 @@ function P({
     "ul",
     {
       "data-slot": "pagination-content",
-      className: t("flex flex-row items-center gap-1", a),
+      className: e("flex flex-row items-center gap-1", a),
       ...n
     }
   );
 }
-function v({ ...a }) {
+function C({ ...a }) {
   return /* @__PURE__ */ i("li", { "data-slot": "pagination-item", ...a });
 }
 function o({
   className: a,
   isActive: n,
-  size: r = "icon",
-  ...s
+  size: s = "icon",
+  ...r
 }) {
   return /* @__PURE__ */ i(
     "a",
@@ -45,27 +47,45 @@ function o({
       "aria-current": n ? "page" : void 0,
       "data-slot": "pagination-link",
       "data-active": n,
-      className: t(
+      className: e(
         l({
           variant: n ? "outline" : "ghost",
-          size: r
+          size: s
         }),
         a
       ),
-      ...s
+      ...r
     }
   );
 }
-function b({
+function L({
   className: a,
   ...n
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     o,
     {
       "aria-label": "Go to previous page",
       size: "default",
-      className: t("gap-1 px-2.5 sm:pl-2.5", a),
+      className: e("gap-1 px-2.5 sm:pl-2.5", a),
+      ...n,
+      children: [
+        /* @__PURE__ */ i(u, {}),
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: "First" })
+      ]
+    }
+  );
+}
+function j({
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    o,
+    {
+      "aria-label": "Go to previous page",
+      size: "default",
+      className: e("gap-1 px-2.5 sm:pl-2.5", a),
       ...n,
       children: [
         /* @__PURE__ */ i(m, {}),
@@ -74,16 +94,16 @@ function b({
     }
   );
 }
-function j({
+function G({
   className: a,
   ...n
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     o,
     {
       "aria-label": "Go to next page",
       size: "default",
-      className: t("gap-1 px-2.5 sm:pr-2.5", a),
+      className: e("gap-1 px-2.5 sm:pr-2.5", a),
       ...n,
       children: [
         /* @__PURE__ */ i("span", { className: "hidden sm:block", children: "Next" }),
@@ -92,16 +112,34 @@ function j({
     }
   );
 }
-function k({
+function y({
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    o,
+    {
+      "aria-label": "Go to next page",
+      size: "default",
+      className: e("gap-1 px-2.5 sm:pr-2.5", a),
+      ...n,
+      children: [
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: "Last" }),
+        /* @__PURE__ */ i(d, {})
+      ]
+    }
+  );
+}
+function F({
   className: a,
   ...n
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     "span",
     {
       "aria-hidden": !0,
       "data-slot": "pagination-ellipsis",
-      className: t("flex size-9 items-center justify-center", a),
+      className: e("flex size-9 items-center justify-center", a),
       ...n,
       children: [
         /* @__PURE__ */ i(c, { className: "size-4" }),
@@ -111,11 +149,13 @@ function k({
   );
 }
 export {
-  N as Pagination,
-  P as PaginationContent,
-  k as PaginationEllipsis,
-  v as PaginationItem,
+  k as Pagination,
+  z as PaginationContent,
+  F as PaginationEllipsis,
+  L as PaginationFirst,
+  C as PaginationItem,
+  y as PaginationLast,
   o as PaginationLink,
-  j as PaginationNext,
-  b as PaginationPrevious
+  G as PaginationNext,
+  j as PaginationPrevious
 };