laif-ds 0.1.67 → 0.1.69

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

@@ -1,9 +1,9 @@
 "use client";
-import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { jsx as t, jsxs as b } 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 { useState as x, 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 { createCustomFilterFns as he, ELogicalFilterOperator as xe, debounce as Ce, createMultiValueFilterFn as be, updatePageSizeFromContainer as se } 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";
@@ -23,10 +23,10 @@ function pe({
   checkable: z = !1,
   onCheckedRowsChange: k,
   notFoundMessage: Z = "Nessun risultato trovato.",
-  searchBar: x = void 0,
+  searchBar: h = void 0,
   dropdownFilters: u = void 0,
   totalItems: P = void 0,
-  datatableSizes: b = {
+  datatableSizes: s = {
     rowHeight: 32.5,
     // default table row height in pixels
     headerHeight: 40,
@@ -39,10 +39,10 @@ function pe({
   setServerOptions: i = void 0
 }) {
   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({
+  const [p, B] = x([]), [v, O] = x([]), [ee, le] = x({}), [r, te] = x(""), [ae, ne] = x({}), T = L ? Y : ae, ie = L || ne, [N, ge] = x({}), d = !!g, [w, H] = x({
     pageIndex: 0,
     pageSize: 10
-  }), [oe, A] = h(0), D = _(null), $ = _(void 0), ce = de(() => z ? [
+  }), [oe, A] = x(0), D = _(null), $ = _(void 0), ce = de(() => z ? [
     {
       id: "select",
       header: ({ table: e }) => /* @__PURE__ */ t(
@@ -82,19 +82,19 @@ function pe({
     onColumnVisibilityChange: le,
     onRowSelectionChange: ie,
     getFilteredRowModel: Le(),
-    globalFilterFn: (e, l, n) => d || !n ? !0 : (x == null ? void 0 : x.columns.some((o) => {
+    globalFilterFn: (e, l, n) => d || !n ? !0 : (h == null ? void 0 : h.columns.some((o) => {
       const c = e.getValue(o);
       return String(c).toLowerCase().includes(n.toLowerCase());
     })) ?? !1,
     filterFns: {
-      multiValue: (e, l, n) => Ce(
+      multiValue: (e, l, n) => be(
         e,
         l,
         n,
         u,
         g
       ),
-      ...xe(u ?? [], g)
+      ...he(u ?? [], g)
     },
     onPaginationChange: (e) => {
       d ? typeof e == "object" && i && i((l) => ({
@@ -119,17 +119,17 @@ function pe({
   }, a = ue(me);
   M(() => {
     let e;
-    if (x && r && (e || (e = {}), e.searchbarFilters = {
+    if (h && r && (e || (e = {}), e.searchbarFilters = {
       value: r,
-      columns: x.columns
+      columns: h.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] = {
+        const C = N[f.column];
+        C && C.length > 0 && (c[f.column] = {
           column: f.column,
-          value: s,
-          logic: f.innerFiltersMode || he.OR
+          value: C,
+          logic: f.innerFiltersMode || xe.OR
         });
       }
       Object.keys(c).length > 0 && (e || (e = {}), e.dropdownFilters = c);
@@ -146,7 +146,7 @@ function pe({
   }, [
     u,
     N,
-    x,
+    h,
     r,
     g,
     i
@@ -172,12 +172,12 @@ function pe({
     G,
     w.pageSize
   ]), M(() => {
-    const e = se(() => {
+    const e = Ce(() => {
       const l = D.current;
-      l && be(l, {
-        rowHeight: b.rowHeight,
-        headerHeight: b.headerHeight,
-        containerHeight: b.containerHeight,
+      l && se(l, {
+        rowHeight: s.rowHeight,
+        headerHeight: s.headerHeight,
+        containerHeight: s.containerHeight,
         onPageChange: d ? (n, o) => {
           i == null || i((c) => ({
             ...c,
@@ -207,9 +207,9 @@ function pe({
     };
   }, [
     d,
-    b.containerHeight,
-    b.headerHeight,
-    b.rowHeight,
+    s.containerHeight,
+    s.headerHeight,
+    s.rowHeight,
     D,
     i
     // should be stable, but include for clarity
@@ -218,7 +218,7 @@ function pe({
       const e = a.getFilteredSelectedRowModel().rows.map((l) => l.original);
       k(e);
     }
-  }, [a, k, z, T]), /* @__PURE__ */ C(
+  }, [a, k, z, T]), /* @__PURE__ */ b(
     "div",
     {
       className: fe(
@@ -226,12 +226,12 @@ function pe({
         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(
+        (h || (u == null ? void 0 : u.length)) && /* @__PURE__ */ b("div", { className: "flex flex-col items-start justify-between gap-2 sm:flex-row sm:items-end", children: [
+          h && /* @__PURE__ */ t(
             ye,
             {
               iconLeft: "Search",
-              placeholder: x.placeholder ?? "Cerca...",
+              placeholder: h.placeholder ?? "Cerca...",
               value: r,
               onChange: (e) => {
                 te(e.target.value);
@@ -239,7 +239,7 @@ function pe({
               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("div", { className: "flex h-full max-w-full min-w-0 flex-1 items-center", children: u && u.length > 0 && /* @__PURE__ */ b(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] ?? [];
@@ -257,7 +257,7 @@ function pe({
                       [e.column]: o
                     })), O((c) => {
                       const f = c.filter(
-                        (s) => s.id !== e.column
+                        (C) => C.id !== e.column
                       );
                       return o.length === 0 ? f : [
                         ...f,
@@ -276,10 +276,10 @@ function pe({
           {
             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: [
+            children: /* @__PURE__ */ b(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__ */ b(Pe, { children: [
                 /* @__PURE__ */ t(He, { children: a.getHeaderGroups().map((e) => /* @__PURE__ */ t(y, { children: e.headers.map((l) => /* @__PURE__ */ t(
                   De,
                   {
@@ -327,12 +327,12 @@ function pe({
             ] })
           }
         ),
-        /* @__PURE__ */ C(we, { className: "h-9", children: [
+        /* @__PURE__ */ b(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: [
+          ) + " / " + (g ? P ?? "missing totalItems" : a.getFilteredRowModel().rows.length) + " " + ((m == null ? void 0 : m.rows) ?? "Righe") }) }),
+          /* @__PURE__ */ b(re, { children: [
             /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
               Ie,
               {
@@ -379,7 +379,7 @@ function pe({
                 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(
+              return c > l && (c = l, o = Math.max(0, c - n)), a.getPageOptions().slice(o, c).map((f, C) => /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
                 ze,
                 {
                   size: "icon",
@@ -399,7 +399,7 @@ function pe({
                   },
                   children: f + 1
                 }
-              ) }, s));
+              ) }, C));
             })(),
             /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
               Ne,
@@ -437,7 +437,7 @@ function pe({
               }
             ) })
           ] }),
-          /* @__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") }) })
+          /* @__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) ?? "Pagine") }) })
         ] })
       ]
     }

package/dist/components/ui/pagination.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as i, jsxs as o } from "react/jsx-runtime";
-import { cn as e } from "../../lib/utils.js";
+import { cn as t } from "../../lib/utils.js";
 import { buttonVariants as c } from "./button.js";
 import p from "../../node_modules/lucide-react/dist/esm/icons/ellipsis.js";
 import m from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
 import u from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
-import g from "../../node_modules/lucide-react/dist/esm/icons/chevron-first.js";
-import d from "../../node_modules/lucide-react/dist/esm/icons/chevron-last.js";
+import d from "../../node_modules/lucide-react/dist/esm/icons/chevron-first.js";
+import g from "../../node_modules/lucide-react/dist/esm/icons/chevron-last.js";
 function C({ className: a, ...n }) {
   return /* @__PURE__ */ i(
     "nav",
@@ -14,12 +14,12 @@ function C({ className: a, ...n }) {
       role: "navigation",
       "aria-label": "pagination",
       "data-slot": "pagination",
-      className: e("mx-auto flex w-full justify-center", a),
+      className: t("mx-auto flex w-full justify-center", a),
       ...n
     }
   );
 }
-function L({
+function j({
   className: a,
   ...n
 }) {
@@ -27,18 +27,18 @@ function L({
     "ul",
     {
       "data-slot": "pagination-content",
-      className: e("flex flex-row items-center gap-1", a),
+      className: t("flex flex-row items-center gap-1", a),
       ...n
     }
   );
 }
-function j({ ...a }) {
+function y({ ...a }) {
   return /* @__PURE__ */ i("li", { "data-slot": "pagination-item", ...a });
 }
 function r({
   className: a,
   isActive: n,
-  isDisabled: t,
+  isDisabled: e,
   size: s = "icon",
   ...l
 }) {
@@ -48,51 +48,51 @@ function r({
       "aria-current": n ? "page" : void 0,
       "data-slot": "pagination-link",
       "data-active": n,
-      className: e(
+      className: t(
         c({
           variant: n ? "outline" : "ghost",
           // variant: isDisabled ? "disabled" : isActive ? "outline" : "ghost",
           size: s
         }),
-        t && "pointer-events-none cursor-not-allowed opacity-40",
+        e && "pointer-events-none cursor-not-allowed opacity-40",
         a
       ),
       ...l
     }
   );
 }
-function y({
+function G({
   className: a,
   label: n,
-  ...t
+  ...e
 }) {
   return /* @__PURE__ */ o(
     r,
     {
       "aria-label": "Go to previous page",
-      className: e("gap-1 px-2.5 sm:pl-2.5", a),
-      ...t,
+      className: t("gap-1 px-2.5 sm:pl-2.5", a),
+      ...e,
       children: [
-        /* @__PURE__ */ i(g, {}),
-        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "First" })
+        /* @__PURE__ */ i(d, {}),
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Primo" })
       ]
     }
   );
 }
-function G({
+function L({
   className: a,
   label: n,
-  ...t
+  ...e
 }) {
   return /* @__PURE__ */ o(
     r,
     {
       "aria-label": "Go to previous page",
-      className: e("gap-1 px-2.5 sm:pl-2.5", a),
-      ...t,
+      className: t("gap-1 px-2.5 sm:pl-2.5", a),
+      ...e,
       children: [
         /* @__PURE__ */ i(u, {}),
-        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Previous" })
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Precedente" })
       ]
     }
   );
@@ -100,40 +100,40 @@ function G({
 function w({
   className: a,
   label: n,
-  ...t
+  ...e
 }) {
   return /* @__PURE__ */ o(
     r,
     {
       "aria-label": "Go to next page",
-      className: e("gap-1 px-2.5 sm:pr-2.5", a),
-      ...t,
+      className: t("gap-1 px-2.5 sm:pr-2.5", a),
+      ...e,
       children: [
-        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Next" }),
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Prossimo" }),
         /* @__PURE__ */ i(m, {})
       ]
     }
   );
 }
-function F({
+function z({
   className: a,
   label: n,
-  ...t
+  ...e
 }) {
   return /* @__PURE__ */ o(
     r,
     {
       "aria-label": "Go to next page",
-      className: e("gap-1 px-2.5 sm:pr-2.5", a),
-      ...t,
+      className: t("gap-1 px-2.5 sm:pr-2.5", a),
+      ...e,
       children: [
-        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Last" }),
-        /* @__PURE__ */ i(d, {})
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: n ?? "Ultimo" }),
+        /* @__PURE__ */ i(g, {})
       ]
     }
   );
 }
-function z({
+function E({
   className: a,
   ...n
 }) {
@@ -142,7 +142,7 @@ function z({
     {
       "aria-hidden": !0,
       "data-slot": "pagination-ellipsis",
-      className: e("flex size-9 items-center justify-center", a),
+      className: t("flex size-9 items-center justify-center", a),
       ...n,
       children: [
         /* @__PURE__ */ i(p, { className: "size-4" }),
@@ -153,12 +153,12 @@ function z({
 }
 export {
   C as Pagination,
-  L as PaginationContent,
-  z as PaginationEllipsis,
-  y as PaginationFirst,
-  j as PaginationItem,
-  F as PaginationLast,
+  j as PaginationContent,
+  E as PaginationEllipsis,
+  G as PaginationFirst,
+  y as PaginationItem,
+  z as PaginationLast,
   r as PaginationLink,
   w as PaginationNext,
-  G as PaginationPrevious
+  L as PaginationPrevious
 };

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

@@ -29,81 +29,74 @@ function ut({
   selectedRow: u,
   rowSortAsc: ve = !0
 }) {
-  var le, re;
+  var le, ne;
   const [xe, be] = f([]), p = I.headerTop, m = I.headerLeft, g = I.data, [w, $] = f(
     (u == null ? void 0 : u.id) ?? null
-  ), [A, P] = f(ve);
-  let c = null;
-  try {
-    c = Fe();
-  } catch {
-    c = null;
-  }
-  const [we, Ge] = f(he && ge), [ye, Ce] = f({}), [Ne, Se] = f({}), S = (c == null ? void 0 : c.editMode) ?? we, Q = (c == null ? void 0 : c.editedCells) ?? ye, H = (c == null ? void 0 : c.setEditedCells) ?? Ce, B = (c == null ? void 0 : c.toDefaultCells) ?? Ne, F = (c == null ? void 0 : c.setToDefaultCells) ?? Se;
+  ), [A, P] = f(ve), c = Fe(), [we, Ge] = f(he && ge), [ye, Ce] = f({}), [Ne, Se] = f({}), S = (c == null ? void 0 : c.editMode) ?? we, Q = (c == null ? void 0 : c.editedCells) ?? ye, H = (c == null ? void 0 : c.setEditedCells) ?? Ce, B = (c == null ? void 0 : c.toDefaultCells) ?? Ne, F = (c == null ? void 0 : c.setToDefaultCells) ?? Se;
   ae(() => {
     L && L(!!S);
   }, [S, L]), ae(() => {
     u != null && u.id && $(u.id);
   }, [u]);
-  const [n, ze] = f(null), [ke, v] = f(!1), [z, k] = f(null), Te = y(
+  const [r, ze] = f(null), [ke, v] = f(!1), [z, k] = f(null), Te = y(
     (t) => {
-      t && n && k(n.value), v(t);
+      t && r && k(r.value), v(t);
     },
-    [n]
+    [r]
   ), Ee = y(() => {
-    n && z !== null ? (H((t) => ({
+    r && z !== null ? (H((t) => ({
       ...t,
-      [n.cellKey]: {
+      [r.cellKey]: {
         value: z,
-        cell: n.cellData
+        cell: r.cellData
       }
-    })), B[n.cellKey] && F((t) => {
+    })), B[r.cellKey] && F((t) => {
       const e = { ...t };
-      return delete e[n.cellKey], e;
+      return delete e[r.cellKey], e;
     }), setTimeout(() => {
       v(!1);
     }, 300)) : v(!1);
-  }, [n, z, B]), je = y(() => {
-    n && (k(n.originalValue), H((t) => {
+  }, [r, z, B]), je = y(() => {
+    r && (k(r.originalValue), H((t) => {
       const e = { ...t };
-      return e[n.cellKey] && delete e[n.cellKey], e;
+      return e[r.cellKey] && delete e[r.cellKey], e;
     }), F((t) => {
       const e = { ...t };
-      return e[n.cellKey] && delete e[n.cellKey], e;
+      return e[r.cellKey] && delete e[r.cellKey], e;
     })), v(!1);
-  }, [n]), De = y(() => {
-    n && (H((t) => {
+  }, [r]), De = y(() => {
+    r && (H((t) => {
       const e = { ...t };
-      return e[n.cellKey] && delete e[n.cellKey], e;
+      return e[r.cellKey] && delete e[r.cellKey], e;
     }), F((t) => ({
       ...t,
-      [n.cellKey]: {
-        value: n.originalValue,
-        cell: n.cellData
+      [r.cellKey]: {
+        value: r.originalValue,
+        cell: r.cellData
       }
     }))), v(!1);
-  }, [n]), Ie = y(
+  }, [r]), Ie = y(
     (t) => {
       k(t.target.value);
     },
     []
   ), Ke = (t) => t && typeof t == "object" && "value" in t ? t.value : t, x = Y(() => {
-    if (!w || !m.find((r) => r.id === w)) return p;
+    if (!w || !m.find((n) => n.id === w)) return p;
     const e = m.findIndex(
-      (r) => r.id === w
+      (n) => n.id === w
     );
     if (e === -1) return p;
-    const o = p.map((r, i) => {
+    const o = p.map((n, i) => {
       var h;
       const s = ((h = g[e]) == null ? void 0 : h[i]) ?? null, a = Ke(s);
-      return { header: r, value: a };
+      return { header: n, value: a };
     });
-    return o.sort((r, i) => {
-      if (typeof r.value == "number" && typeof i.value == "number")
-        return A ? r.value - i.value : i.value - r.value;
-      const s = String(r.value ?? ""), a = String(i.value ?? "");
+    return o.sort((n, i) => {
+      if (typeof n.value == "number" && typeof i.value == "number")
+        return A ? n.value - i.value : i.value - n.value;
+      const s = String(n.value ?? ""), a = String(i.value ?? "");
       return A ? s.localeCompare(a) : a.localeCompare(s);
-    }), o.map((r) => r.header);
+    }), o.map((n) => n.header);
   }, [p, m, g, w, A]), Me = Y(() => {
     const t = [
       {
@@ -117,7 +110,7 @@ function ut({
           const o = e.getValue();
           if (!b)
             return /* @__PURE__ */ l(D, { text: o.label, className: "w-full" });
-          const r = w === o.id;
+          const n = w === o.id;
           return /* @__PURE__ */ l(
             N,
             {
@@ -126,7 +119,7 @@ function ut({
               iconLeft: "ArrowLeftRight",
               className: "text-right",
               onClick: () => {
-                b && (r ? P((i) => !i) : ($(m[e.row.index].id), P(!0), J && J(m[e.row.index])));
+                b && (n ? P((i) => !i) : ($(m[e.row.index].id), P(!0), J && J(m[e.row.index])));
               },
               children: /* @__PURE__ */ l(D, { text: o.label })
             }
@@ -160,13 +153,13 @@ function ut({
             className: "w-full max-w-full min-w-0 text-center font-medium"
           }
         ),
-        sortingFn: (o, r, i) => {
-          let s = o.getValue(i), a = r.getValue(i);
+        sortingFn: (o, n, i) => {
+          let s = o.getValue(i), a = n.getValue(i);
           return s == null && a == null ? 0 : s == null ? 1 : a == null ? -1 : (s && typeof s == "object" && "value" in s && (s = s.value), a && typeof a == "object" && "value" in a && (a = a.value), typeof s == "number" && typeof a == "number" ? s - a : String(s).localeCompare(String(a)));
         },
         cell: (o) => {
-          const r = o.getValue();
-          return r ? r.render ? r.render(r.fromId, r.toId, r.id) : /* @__PURE__ */ l("div", { className: "flex h-full w-full min-w-0 items-center justify-center", children: /* @__PURE__ */ l("div", { className: "h-5 w-full max-w-full min-w-0 truncate text-center", children: r.value }) }) : null;
+          const n = o.getValue();
+          return n ? n.render ? n.render(n.fromId, n.toId, n.id) : /* @__PURE__ */ l("div", { className: "flex h-full w-full min-w-0 items-center justify-center", children: /* @__PURE__ */ l("div", { className: "h-5 w-full max-w-full min-w-0 truncate text-center", children: n.value }) }) : null;
         }
       });
     }), t;
@@ -180,10 +173,10 @@ function ut({
     P
   ]), Ve = Y(() => m.map((t, e) => {
     const o = { item: t };
-    return x.forEach((r) => {
+    return x.forEach((n) => {
       var s;
-      const i = p.findIndex((a) => a.id === r.id);
-      o[r.id] = i !== -1 ? ((s = g[e]) == null ? void 0 : s[i]) ?? null : null;
+      const i = p.findIndex((a) => a.id === n.id);
+      o[n.id] = i !== -1 ? ((s = g[e]) == null ? void 0 : s[i]) ?? null : null;
     }), o;
   }), [m, x, g, p]), T = Pe({
     data: Ve,
@@ -192,6 +185,12 @@ function ut({
     onSortingChange: be,
     getCoreRowModel: qe(),
     getSortedRowModel: _e()
+  }), Z = Ae(null), ee = He({
+    count: T.getRowModel().rows.length,
+    getScrollElement: () => Z.current,
+    estimateSize: () => 40,
+    overscan: 5,
+    measureElement: typeof window < "u" ? (t) => t.getBoundingClientRect().height : void 0
   });
   if (fe)
     return /* @__PURE__ */ l(
@@ -205,69 +204,60 @@ function ut({
         cornerHeaderTo: V
       }
     );
-  const Z = (t) => {
-    const e = t.column.id === "cross-header", o = e, r = ["bg-d-secondary"];
-    e || r.push("border-r"), e && r.push("sticky left-0"), r.push("sticky top-0 z-20"), o ? r.push("z-40") : e && r.push("z-30");
+  const te = (t) => {
+    const e = t.column.id === "cross-header", o = e, n = ["bg-d-secondary"];
+    e || n.push("border-r"), e && n.push("sticky left-0"), n.push("sticky top-0 z-20"), o ? n.push("z-40") : e && n.push("z-30");
     let i = "none";
     return e && (i = "inset -1px 0 0 0 var(--d-border), 0 1px 0 0 var(--d-border)"), {
-      className: r.join(" "),
+      className: n.join(" "),
       style: { boxShadow: i, width: `${R}px` }
     };
   };
-  if (!g || g.length === 0)
-    return /* @__PURE__ */ d(
-      "div",
-      {
-        className: C(
-          "flex h-full w-full flex-col overflow-auto",
-          K ?? ""
-        ),
-        children: [
-          /* @__PURE__ */ l(ce, { className: "relative w-full table-fixed border-collapse", children: /* @__PURE__ */ l(
-            de,
-            {
-              className: "bg-d-secondary sticky top-0 z-20 w-full",
-              style: { boxShadow: "0 1px 0 0 var(--d-border)" },
-              children: (T.getHeaderGroups() ?? []).map((t) => /* @__PURE__ */ l(
-                G,
-                {
-                  className: "bg-d-secondary sticky top-0 z-20",
-                  children: t.headers.map((e) => {
-                    const o = Z(e);
-                    return /* @__PURE__ */ l(
-                      ue,
-                      {
-                        className: o.className,
-                        style: o.style,
-                        children: e.isPlaceholder ? null : _(
-                          e.column.columnDef.header,
-                          e.getContext()
-                        )
-                      },
-                      e.id
-                    );
-                  })
-                },
-                t.id
-              ))
-            }
-          ) }),
-          /* @__PURE__ */ l("div", { className: "sticky top-0 left-0 flex flex-1", children: me || pe })
-        ]
-      }
-    );
-  const ee = Ae(null), te = He({
-    count: T.getRowModel().rows.length,
-    getScrollElement: () => ee.current,
-    estimateSize: () => 40,
-    overscan: 5,
-    measureElement: typeof window < "u" ? (t) => t.getBoundingClientRect().height : void 0
-  });
-  return /* @__PURE__ */ d("div", { className: `${C("w-[900px]", K || "")}`, children: [
+  return !g || g.length === 0 ? /* @__PURE__ */ d(
+    "div",
+    {
+      className: C(
+        "flex h-full w-full flex-col overflow-auto",
+        K ?? ""
+      ),
+      children: [
+        /* @__PURE__ */ l(ce, { className: "relative w-full table-fixed border-collapse", children: /* @__PURE__ */ l(
+          de,
+          {
+            className: "bg-d-secondary sticky top-0 z-20 w-full",
+            style: { boxShadow: "0 1px 0 0 var(--d-border)" },
+            children: (T.getHeaderGroups() ?? []).map((t) => /* @__PURE__ */ l(
+              G,
+              {
+                className: "bg-d-secondary sticky top-0 z-20",
+                children: t.headers.map((e) => {
+                  const o = te(e);
+                  return /* @__PURE__ */ l(
+                    ue,
+                    {
+                      className: o.className,
+                      style: o.style,
+                      children: e.isPlaceholder ? null : _(
+                        e.column.columnDef.header,
+                        e.getContext()
+                      )
+                    },
+                    e.id
+                  );
+                })
+              },
+              t.id
+            ))
+          }
+        ) }),
+        /* @__PURE__ */ l("div", { className: "sticky top-0 left-0 flex flex-1", children: me || pe })
+      ]
+    }
+  ) : /* @__PURE__ */ d("div", { className: `${C("w-[900px]", K || "")}`, children: [
     /* @__PURE__ */ l(
       "div",
       {
-        ref: ee,
+        ref: Z,
         className: "border-d-border h-fit max-h-full min-h-0 overflow-auto rounded-md border",
         children: /* @__PURE__ */ d(ce, { className: "relative w-full table-fixed border-collapse", children: [
           /* @__PURE__ */ l(
@@ -280,7 +270,7 @@ function ut({
                 {
                   className: "bg-d-secondary sticky top-0 z-20",
                   children: t.headers.map((e) => {
-                    const o = Z(e);
+                    const o = te(e);
                     return /* @__PURE__ */ l(
                       ue,
                       {
@@ -303,11 +293,11 @@ function ut({
             Xe,
             {
               style: {
-                height: `${te.getTotalSize()}px`,
+                height: `${ee.getTotalSize()}px`,
                 position: "relative",
                 width: "100%"
               },
-              children: te.getVirtualItems().map((t) => {
+              children: ee.getVirtualItems().map((t) => {
                 const e = T.getRowModel().rows[t.index];
                 return /* @__PURE__ */ l(
                   G,
@@ -322,8 +312,8 @@ function ut({
                       height: `${t.size}px`,
                       display: "flex"
                     },
-                    children: e.getVisibleCells().map((o, r) => {
-                      const i = r === 0, s = o.getValue(), a = i ? "var(--d-secondary)" : (s == null ? void 0 : s.bgColor) || "transparent", h = s.editable ?? !0;
+                    children: e.getVisibleCells().map((o, n) => {
+                      const i = n === 0, s = o.getValue(), a = i ? "var(--d-secondary)" : (s == null ? void 0 : s.bgColor) || "transparent", h = s.editable ?? !0;
                       return /* @__PURE__ */ l(
                         Ye,
                         {
@@ -351,7 +341,7 @@ function ut({
                           ) : (
                             // Rendering con cella modificabile
                             (() => {
-                              const E = `${e.index}-${o.column.id}`, j = E in Q ? Q[E].value : s.value || "", Re = j !== s.value, ne = E in B;
+                              const E = `${e.index}-${o.column.id}`, j = E in Q ? Q[E].value : s.value || "", Re = j !== s.value, re = E in B;
                               return /* @__PURE__ */ l(
                                 "div",
                                 {
@@ -369,14 +359,14 @@ function ut({
                                     }), k(j), v(!0);
                                   },
                                   children: /* @__PURE__ */ d("div", { className: "relative flex h-full max-h-full w-full max-w-full items-center justify-center gap-1", children: [
-                                    Re && !ne && /* @__PURE__ */ l(
+                                    Re && !re && /* @__PURE__ */ l(
                                       "div",
                                       {
                                         className: "bg-d-primary absolute -top-1.5 -left-1.5 rounded p-1",
                                         title: "Valore modificato"
                                       }
                                     ),
-                                    ne && /* @__PURE__ */ l(
+                                    re && /* @__PURE__ */ l(
                                       "div",
                                       {
                                         className: "bg-d-destructive absolute -top-1.5 -left-1.5 rounded p-1",
@@ -431,14 +421,14 @@ function ut({
           sideOffset: 5,
           style: {
             position: "absolute",
-            top: ((le = n == null ? void 0 : n.position) == null ? void 0 : le.top) ?? 0,
-            left: ((re = n == null ? void 0 : n.position) == null ? void 0 : re.left) ?? 0,
+            top: ((le = r == null ? void 0 : r.position) == null ? void 0 : le.top) ?? 0,
+            left: ((ne = r == null ? void 0 : r.position) == null ? void 0 : ne.left) ?? 0,
             zIndex: 50
           },
           children: /* @__PURE__ */ d("div", { className: "space-y-4", children: [
             /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ l("div", { className: "font-medium", children: "Modifica valore" }),
-              n && n.value !== n.originalValue && /* @__PURE__ */ l("div", { className: "text-d-muted-foreground text-xs", children: "Valore modificato" })
+              r && r.value !== r.originalValue && /* @__PURE__ */ l("div", { className: "text-d-muted-foreground text-xs", children: "Valore modificato" })
             ] }),
             /* @__PURE__ */ l(
               "input",

package/package.json

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