laif-ds 0.1.82 → 0.1.83

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

@@ -1,31 +1,31 @@
 "use client";
 import { jsx as n, jsxs as h } from "react/jsx-runtime";
 import { useReactTable as ce, flexRender as $ } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { useState as m, useRef as G, useMemo as se, useEffect as R } from "react";
+import { useRef as G, useState as m, useMemo as se, useEffect as R } from "react";
 import { cn as re } from "../../lib/utils.js";
 import { createCustomFilterFns as de, ELogicalFilterOperator as me, debounce as ue, createMultiValueFilterFn as fe, updatePageSizeFromContainer as he } from "./data-table.service.js";
-import { Pagination as pe, PaginationContent as xe, PaginationItem as w, PaginationFirst as Ce, PaginationPrevious as be, PaginationLink as we, PaginationNext as Pe, PaginationLast as Se } from "./pagination.js";
+import { Pagination as pe, PaginationContent as xe, PaginationItem as b, PaginationFirst as we, PaginationPrevious as Ce, PaginationLink as be, PaginationNext as Pe, PaginationLast as Se } from "./pagination.js";
 import { Checkbox as E } from "./checkbox.js";
 import { Input as Ie } from "./input.js";
 import { ScrollArea as W, ScrollBar as F } from "./scroll-area.js";
 import { AppMultipleSelectDropdown as Re } from "./app-multiple-select-dropdown.js";
-import { Table as ze, TableHeader as Ne, TableRow as z, TableHead as Me, TableBody as ye, TableCell as H } from "./table.js";
+import { Table as Ne, TableHeader as Me, TableRow as N, TableHead as ze, TableBody as ye, TableCell as H } from "./table.js";
 import { Skeleton as ke } from "./skeleton.js";
-import { getPaginationRowModel as Fe, getFilteredRowModel as He, getSortedRowModel as De, getCoreRowModel as ve } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
+import { getPaginationRowModel as Fe, getFilteredRowModel as He, getSortedRowModel as De, getCoreRowModel as Ve } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
 function Ue({
   columns: P,
   data: D,
-  loading: J = !1,
-  emptyComponent: _,
+  loading: _ = !1,
+  emptyComponent: J,
   className: K,
   rowSelection: q = {},
-  onRowSelectionChange: v,
+  onRowSelectionChange: V,
   checkable: S = !1,
-  onCheckedRowsChange: N,
+  onCheckedRowsChange: M,
   notFoundMessage: Q = "Nessun risultato trovato.",
   searchBar: u = void 0,
   dropdownFilters: d = void 0,
-  totalItems: M = void 0,
+  totalItems: z = void 0,
   datatableSizes: p = {
     rowHeight: 32.5,
     // default table row height in pixels
@@ -38,10 +38,10 @@ function Ue({
   serverOptions: r = void 0,
   setServerOptions: g = void 0
 }) {
-  const [U, X] = m([]), [Y, Z] = m([]), [B, O] = m({}), [b, ee] = m(""), [te, ne] = m({}), V = v ? q : te, ie = v || ne, [I, le] = m({}), c = !!r, [C, y] = m({
+  const y = G(null), v = G(void 0), [U, X] = m([]), [Y, Z] = m([]), [B, O] = m({}), [C, ee] = m(""), [w, k] = m({
     pageIndex: 0,
     pageSize: 10
-  }), [ae, j] = m(0), k = G(null), L = G(void 0), oe = se(() => S ? [
+  }), [te, j] = m(0), [ne, ie] = m({}), L = V ? q : ne, le = V || ie, [I, ae] = m({}), c = !!r, oe = se(() => S ? [
     {
       id: "select",
       header: ({ table: e }) => /* @__PURE__ */ n(
@@ -75,15 +75,15 @@ function Ue({
   }), ge = {
     data: D,
     columns: oe,
-    getCoreRowModel: ve(),
+    getCoreRowModel: Ve(),
     onSortingChange: X,
     getSortedRowModel: De(),
     onColumnVisibilityChange: O,
-    onRowSelectionChange: ie,
+    onRowSelectionChange: le,
     getFilteredRowModel: He(),
-    globalFilterFn: (e, t, l) => c || !l ? !0 : u?.columns.some((a) => {
-      const o = e.getValue(a);
-      return String(o).toLowerCase().includes(l.toLowerCase());
+    globalFilterFn: (e, t, l) => c || !l ? !0 : u?.columns.some((o) => {
+      const a = e.getValue(o);
+      return String(a).toLowerCase().includes(l.toLowerCase());
     }) ?? !1,
     filterFns: {
       multiValue: (e, t, l) => fe(
@@ -96,46 +96,46 @@ function Ue({
       ...de(d ?? [], r)
     },
     onPaginationChange: (e) => {
-      c ? typeof e == "object" && g && g((t) => ({
+      c ? typeof e == "object" && g && g?.((t) => ({
         ...t,
         pagination: {
-          pageIndex: e.pageIndex,
-          pageSize: e.pageSize
+          ...t.pagination,
+          pageIndex: e.pageIndex
         }
-      })) : y(e);
+      })) : k(e);
     },
     getPaginationRowModel: Fe(),
     manualPagination: c,
-    pageCount: ae,
+    pageCount: te,
     state: {
       sorting: U,
       columnFilters: Y,
       columnVisibility: B,
-      rowSelection: V,
-      globalFilter: b,
-      pagination: r?.pagination ?? C
+      rowSelection: L,
+      globalFilter: C,
+      pagination: r?.pagination ?? w
     }
   }, i = ce(ge);
   R(() => {
     let e;
-    if (u && b && (e || (e = {}), e.searchbarFilters = {
-      value: b,
+    if (u && C && (e || (e = {}), e.searchbarFilters = {
+      value: C,
       columns: u.columns
     }), d && Object.keys(I).length > 0) {
-      const o = {};
+      const a = {};
       for (const s of d) {
         const f = I[s.column];
-        f && f.length > 0 && (o[s.column] = {
+        f && f.length > 0 && (a[s.column] = {
           column: s.column,
           value: f,
           logic: s.innerFiltersMode || me.OR
         });
       }
-      Object.keys(o).length > 0 && (e || (e = {}), e.dropdownFilters = o);
+      Object.keys(a).length > 0 && (e || (e = {}), e.dropdownFilters = a);
     }
-    const t = L.current, l = e;
-    JSON.stringify(t ?? {}) !== JSON.stringify(l ?? {}) && g && (L.current = l, g((o) => ({
-      ...o,
+    const t = v.current, l = e;
+    JSON.stringify(t ?? {}) !== JSON.stringify(l ?? {}) && g && (v.current = l, g((a) => ({
+      ...a,
       pagination: {
         pageIndex: 0,
         pageSize: r?.pagination.pageSize ?? 10
@@ -146,7 +146,7 @@ function Ue({
     d,
     I,
     u,
-    b,
+    C,
     r,
     g
   ]);
@@ -155,47 +155,50 @@ function Ue({
     if (c)
       j(
         Math.ceil(
-          (M ?? 0) / (r.pagination?.pageSize || C.pageSize || 10)
+          (z ?? 0) / (r.pagination?.pageSize || w.pageSize || 10)
         )
       );
     else {
       const e = T.rows.length;
-      j(Math.ceil(e / C.pageSize));
+      j(Math.ceil(e / w.pageSize));
     }
   }, [
     c,
-    M,
-    r?.pagination,
+    z,
+    r?.pagination.pageSize,
+    r?.pagination.pageIndex,
     i,
     T,
-    C.pageSize
+    w.pageSize
   ]), R(() => {
     const e = ue(() => {
-      const t = k.current;
+      const t = y.current;
       t && he(t, {
         rowHeight: p.rowHeight,
         headerHeight: p.headerHeight,
         containerHeight: p.containerHeight,
-        onPageChange: c ? (l, a) => {
-          g?.((o) => ({
-            ...o,
-            pagination: { pageIndex: l, pageSize: a }
+        onPageChange: c ? (l, o) => {
+          g?.((a) => ({
+            ...a,
+            pagination: {
+              ...a.pagination,
+              pageIndex: l
+            }
           }));
-        } : (l, a) => {
-          y({ pageIndex: l, pageSize: a });
+        } : (l, o) => {
+          k({ pageIndex: l, pageSize: o });
         },
         setPagination: (l) => {
-          const a = typeof l == "function" ? l({ pageIndex: 0, pageSize: 10 }) : l;
-          c ? g?.((o) => ({
-            ...o,
+          const o = typeof l == "function" ? l({ pageIndex: 0, pageSize: 10 }) : l;
+          c ? g?.((a) => ({
+            ...a,
             pagination: {
-              ...o.pagination,
-              pageIndex: a.pageIndex,
-              pageSize: a.pageSize
+              ...a.pagination,
+              pageIndex: o.pageIndex
             }
-          })) : y({
-            pageIndex: a.pageIndex,
-            pageSize: a.pageSize
+          })) : k({
+            pageIndex: o.pageIndex,
+            pageSize: o.pageSize
           });
         }
       });
@@ -208,15 +211,15 @@ function Ue({
     p.containerHeight,
     p.headerHeight,
     p.rowHeight,
-    k,
+    y,
     g
     // should be stable, but include for clarity
   ]), R(() => {
-    if (N && S) {
+    if (M && S) {
       const e = i.getFilteredSelectedRowModel().rows.map((t) => t.original);
-      N(e);
+      M(e);
     }
-  }, [i, N, S, V]), /* @__PURE__ */ h(
+  }, [i, M, S, L]), /* @__PURE__ */ h(
     "div",
     {
       className: re(
@@ -230,7 +233,7 @@ function Ue({
             {
               iconLeft: "Search",
               placeholder: u.placeholder ?? "Cerca...",
-              value: b,
+              value: C,
               onChange: (e) => {
                 ee(e.target.value);
               },
@@ -249,17 +252,17 @@ function Ue({
                   value: l,
                   placeholder: e.placeholder,
                   label: e.label,
-                  onChange: (a) => {
-                    le((o) => ({
-                      ...o,
-                      [e.column]: a
-                    })), Z((o) => {
-                      const s = o.filter(
+                  onChange: (o) => {
+                    ae((a) => ({
+                      ...a,
+                      [e.column]: o
+                    })), Z((a) => {
+                      const s = a.filter(
                         (f) => f.id !== e.column
                       );
-                      return a.length === 0 ? s : [
+                      return o.length === 0 ? s : [
                         ...s,
-                        { id: e.column, value: a }
+                        { id: e.column, value: o }
                       ];
                     });
                   }
@@ -273,13 +276,13 @@ function Ue({
           "div",
           {
             className: "flex max-h-full min-h-0 max-w-full min-w-0 flex-1",
-            ref: k,
+            ref: y,
             children: /* @__PURE__ */ h(W, { className: "border-d-border h-full min-h-0 w-full rounded-md border", children: [
               /* @__PURE__ */ n(F, { orientation: "horizontal" }),
               /* @__PURE__ */ n(F, { orientation: "vertical" }),
-              /* @__PURE__ */ h(ze, { children: [
-                /* @__PURE__ */ n(Ne, { children: i.getHeaderGroups().map((e) => /* @__PURE__ */ n(z, { children: e.headers.map((t) => /* @__PURE__ */ n(
-                  Me,
+              /* @__PURE__ */ h(Ne, { children: [
+                /* @__PURE__ */ n(Me, { children: i.getHeaderGroups().map((e) => /* @__PURE__ */ n(N, { children: e.headers.map((t) => /* @__PURE__ */ n(
+                  ze,
                   {
                     className: `bg-d-secondary sticky top-0 z-10 ${t.column.columnDef.sticky ? "left-0" : ""}`,
                     children: t.isPlaceholder ? null : $(
@@ -289,15 +292,15 @@ function Ue({
                   },
                   t.id
                 )) }, e.id)) }),
-                /* @__PURE__ */ n(ye, { children: J ? Array.from({ length: D.length || 8 }).map((e, t) => /* @__PURE__ */ n(z, { children: i.getHeaderGroups()[0].headers.map((l, a) => /* @__PURE__ */ n(
+                /* @__PURE__ */ n(ye, { children: _ ? Array.from({ length: D.length || 8 }).map((e, t) => /* @__PURE__ */ n(N, { children: i.getHeaderGroups()[0].headers.map((l, o) => /* @__PURE__ */ n(
                   H,
                   {
                     className: `w-full ${l.column.columnDef.sticky ? "bg-d-background sticky left-0 z-10" : ""}`,
                     children: /* @__PURE__ */ n(ke, { className: "h-6 w-full" })
                   },
-                  `skeleton-cell-${t}-${a}`
+                  `skeleton-cell-${t}-${o}`
                 )) }, `skeleton-row-${t}`)) : i.getRowModel().rows?.length ? i.getRowModel().rows.map((e) => /* @__PURE__ */ n(
-                  z,
+                  N,
                   {
                     "data-state": e.getIsSelected() && "selected",
                     children: e.getVisibleCells().map((t) => /* @__PURE__ */ n(
@@ -313,12 +316,12 @@ function Ue({
                     ))
                   },
                   e.id
-                )) : /* @__PURE__ */ n(z, { children: /* @__PURE__ */ n(
+                )) : /* @__PURE__ */ n(N, { children: /* @__PURE__ */ n(
                   H,
                   {
                     colSpan: P.length,
                     className: "pt-4 text-center",
-                    children: _ || Q
+                    children: J || Q
                   }
                 ) }) })
               ] })
@@ -327,12 +330,12 @@ function Ue({
         ),
         /* @__PURE__ */ h(pe, { className: "h-9", children: [
           /* @__PURE__ */ n("div", { className: "flex h-full flex-1 items-center align-middle", children: /* @__PURE__ */ n("div", { className: "text-d-foreground hidden text-sm md:flex", children: Math.min(
-            r?.pagination?.pageSize ?? C.pageSize,
+            r?.pagination?.pageSize ?? w.pageSize,
             i.getFilteredRowModel().rows.length ?? 9999
-          ) + " / " + (r ? M ?? "missing totalItems" : i.getFilteredRowModel().rows.length) + " " + (x?.rows ?? "Righe") }) }),
+          ) + " / " + (r ? z ?? "missing totalItems" : i.getFilteredRowModel().rows.length) + " " + (x?.rows ?? "Righe") }) }),
           /* @__PURE__ */ h(xe, { children: [
-            /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(
-              Ce,
+            /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(
+              we,
               {
                 size: "sm",
                 isDisabled: !i.getCanPreviousPage(),
@@ -349,8 +352,8 @@ function Ue({
                 "aria-label": "Go to first page"
               }
             ) }),
-            /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(
-              be,
+            /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(
+              Ce,
               {
                 size: "sm",
                 isDisabled: !i.getCanPreviousPage(),
@@ -358,7 +361,7 @@ function Ue({
                 onClick: () => {
                   if (i.getCanPreviousPage())
                     if (c) {
-                      const e = r?.pagination.pageIndex ?? C.pageIndex, t = Math.max(e - 1, 0);
+                      const e = r?.pagination.pageIndex ?? w.pageIndex, t = Math.max(e - 1, 0);
                       g?.((l) => ({
                         ...l,
                         pagination: {
@@ -373,12 +376,12 @@ function Ue({
             ) }),
             (() => {
               const e = i.getState().pagination.pageIndex, t = i.getPageCount(), l = 5;
-              let a = Math.max(
+              let o = Math.max(
                 0,
                 e - Math.floor(l / 2)
-              ), o = a + l;
-              return o > t && (o = t, a = Math.max(0, o - l)), i.getPageOptions().slice(a, o).map((s, f) => /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(
-                we,
+              ), a = o + l;
+              return a > t && (a = t, o = Math.max(0, a - l)), i.getPageOptions().slice(o, a).map((s, f) => /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(
+                be,
                 {
                   size: "icon",
                   isActive: e === s,
@@ -399,7 +402,7 @@ function Ue({
                 }
               ) }, f));
             })(),
-            /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(
+            /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(
               Pe,
               {
                 size: "sm",
@@ -416,7 +419,7 @@ function Ue({
                 }
               }
             ) }),
-            /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(
+            /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(
               Se,
               {
                 size: "sm",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "laif-ds",
   "private": false,
-  "version": "0.1.82",
+  "version": "0.1.83",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",