laif-ds 0.1.68 → 0.1.70

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

@@ -1,20 +1,20 @@
 "use client";
 import { jsxs as d, jsx as l } from "react/jsx-runtime";
-import { useState as f, useEffect as ae, useCallback as y, useMemo as Y, useRef as Ae } from "react";
-import { useReactTable as Pe, flexRender as _ } from "../../../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { useState as f, useEffect as ae, useCallback as S, useMemo as Y, useRef as $e } from "react";
+import { useReactTable as Ae, flexRender as _ } from "../../../../node_modules/@tanstack/react-table/build/lib/index.js";
 import { useVirtualizer as He } from "../../../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
 import { TableSkeleton as Be } from "../../table-skeleton.js";
-import { TruncatedText as D } from "./truncated-text.js";
+import { TruncatedText as w } from "./truncated-text.js";
 import { useDataCrossTable as Fe } from "./data-cross-table-context.js";
-import { cn as C } from "../../../../lib/utils.js";
-import { Button as N } from "../../button.js";
+import { cn as k } from "../../../../lib/utils.js";
+import { Button as z } from "../../button.js";
 import { Icon as q } from "../../icon.js";
 import { Popover as Oe, PopoverTrigger as We, PopoverContent as Ue } from "../../popover.js";
 import { Table as ce, TableHeader as de, TableRow as G, TableHead as ue, TableBody as Xe, TableCell as Ye } from "../../table.js";
 import { getSortedRowModel as _e, getCoreRowModel as qe } from "../../../../node_modules/@tanstack/table-core/build/lib/index.js";
 function ut({
   crossTableData: I,
-  filterable: b = !1,
+  filterable: y = !1,
   loading: fe = !1,
   emptyComponent: me,
   className: K,
@@ -29,75 +29,75 @@ function ut({
   selectedRow: u,
   rowSortAsc: ve = !0
 }) {
-  var le, ne;
-  const [xe, be] = f([]), p = I.headerTop, m = I.headerLeft, g = I.data, [w, $] = f(
+  var le, re;
+  const [xe, be] = f([]), h = I.headerTop, m = I.headerLeft, v = I.data, [C, P] = f(
     (u == null ? void 0 : u.id) ?? null
-  ), [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;
+  ), [$, A] = f(ve), c = Fe(), [we, Ge] = f(he && ge), [ye, Ce] = f({}), [Ne, Se] = f({}), N = (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);
+    L && L(!!N);
+  }, [N, L]), ae(() => {
+    u != null && u.id && P(u.id);
   }, [u]);
-  const [r, ze] = f(null), [ke, v] = f(!1), [z, k] = f(null), Te = y(
+  const [n, ke] = f(null), [ze, x] = f(!1), [T, D] = f(null), Te = S(
     (t) => {
-      t && r && k(r.value), v(t);
+      t && n && D(n.value), x(t);
     },
-    [r]
-  ), Ee = y(() => {
-    r && z !== null ? (H((t) => ({
+    [n]
+  ), De = S(() => {
+    n && T !== null ? (H((t) => ({
       ...t,
-      [r.cellKey]: {
-        value: z,
-        cell: r.cellData
+      [n.cellKey]: {
+        value: T,
+        cell: n.cellData
       }
-    })), B[r.cellKey] && F((t) => {
+    })), B[n.cellKey] && F((t) => {
       const e = { ...t };
-      return delete e[r.cellKey], e;
+      return delete e[n.cellKey], e;
     }), setTimeout(() => {
-      v(!1);
-    }, 300)) : v(!1);
-  }, [r, z, B]), je = y(() => {
-    r && (k(r.originalValue), H((t) => {
+      x(!1);
+    }, 300)) : x(!1);
+  }, [n, T, B]), Ee = S(() => {
+    n && (D(n.originalValue), H((t) => {
       const e = { ...t };
-      return e[r.cellKey] && delete e[r.cellKey], e;
+      return e[n.cellKey] && delete e[n.cellKey], e;
     }), F((t) => {
       const e = { ...t };
-      return e[r.cellKey] && delete e[r.cellKey], e;
-    })), v(!1);
-  }, [r]), De = y(() => {
-    r && (H((t) => {
+      return e[n.cellKey] && delete e[n.cellKey], e;
+    })), x(!1);
+  }, [n]), je = S(() => {
+    n && (H((t) => {
       const e = { ...t };
-      return e[r.cellKey] && delete e[r.cellKey], e;
+      return e[n.cellKey] && delete e[n.cellKey], e;
     }), F((t) => ({
       ...t,
-      [r.cellKey]: {
-        value: r.originalValue,
-        cell: r.cellData
+      [n.cellKey]: {
+        value: n.originalValue,
+        cell: n.cellData
       }
-    }))), v(!1);
-  }, [r]), Ie = y(
+    }))), x(!1);
+  }, [n]), Ie = S(
     (t) => {
-      k(t.target.value);
+      D(t.target.value);
     },
     []
-  ), Ke = (t) => t && typeof t == "object" && "value" in t ? t.value : t, x = Y(() => {
-    if (!w || !m.find((n) => n.id === w)) return p;
+  ), Ke = (t) => t && typeof t == "object" && "value" in t ? t.value : t, b = Y(() => {
+    if (!C || !m.find((r) => r.id === C)) return h;
     const e = m.findIndex(
-      (n) => n.id === w
+      (r) => r.id === C
     );
-    if (e === -1) return p;
-    const o = p.map((n, i) => {
-      var h;
-      const s = ((h = g[e]) == null ? void 0 : h[i]) ?? null, a = Ke(s);
-      return { header: n, value: a };
+    if (e === -1) return h;
+    const o = h.map((r, i) => {
+      var p;
+      const s = ((p = v[e]) == null ? void 0 : p[i]) ?? null, a = Ke(s);
+      return { header: r, value: a };
     });
-    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((n) => n.header);
-  }, [p, m, g, w, A]), Me = Y(() => {
+    return o.sort((r, i) => {
+      if (typeof r.value == "number" && typeof i.value == "number")
+        return $ ? r.value - i.value : i.value - r.value;
+      const s = String(r.value ?? ""), a = String(i.value ?? "");
+      return $ ? s.localeCompare(a) : a.localeCompare(s);
+    }), o.map((r) => r.header);
+  }, [h, m, v, C, $]), Me = Y(() => {
     const t = [
       {
         id: "cross-header",
@@ -108,38 +108,38 @@ function ut({
         accessorFn: (e) => e.item,
         cell: (e) => {
           const o = e.getValue();
-          if (!b)
-            return /* @__PURE__ */ l(D, { text: o.label, className: "w-full" });
-          const n = w === o.id;
+          if (!y)
+            return /* @__PURE__ */ l(w, { text: o.label, className: "w-full" });
+          const r = C === o.id;
           return /* @__PURE__ */ l(
-            N,
+            z,
             {
               variant: "ghost",
               size: "sm",
               iconLeft: "ArrowLeftRight",
               className: "text-right",
               onClick: () => {
-                b && (n ? P((i) => !i) : ($(m[e.row.index].id), P(!0), J && J(m[e.row.index])));
+                y && (r ? A((i) => !i) : (P(m[e.row.index].id), A(!0), J && J(m[e.row.index])));
               },
-              children: /* @__PURE__ */ l(D, { text: o.label })
+              children: /* @__PURE__ */ l(w, { text: o.label })
             }
           );
         }
       }
     ];
-    return x.forEach((e) => {
+    return b.forEach((e) => {
       t.push({
         id: e.id,
         accessorFn: (o) => o[e.id],
-        header: ({ column: o }) => b ? /* @__PURE__ */ l(
-          N,
+        header: ({ column: o }) => y ? /* @__PURE__ */ l(
+          z,
           {
             variant: "ghost",
             size: "sm",
             iconLeft: "ArrowUpDown",
-            onClick: b ? () => o.toggleSorting(o.getIsSorted() === "asc") : void 0,
+            onClick: y ? () => o.toggleSorting(o.getIsSorted() === "asc") : void 0,
             children: /* @__PURE__ */ l(
-              D,
+              w,
               {
                 text: e.label,
                 className: "w-full max-w-full min-w-0"
@@ -147,46 +147,46 @@ function ut({
             )
           }
         ) : /* @__PURE__ */ l(
-          D,
+          w,
           {
             text: e.label,
             className: "w-full max-w-full min-w-0 text-center font-medium"
           }
         ),
-        sortingFn: (o, n, i) => {
-          let s = o.getValue(i), a = n.getValue(i);
+        sortingFn: (o, r, i) => {
+          let s = o.getValue(i), a = r.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 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;
+          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(w, { text: String((r == null ? void 0 : r.value) ?? "") }) }) : null;
         }
       });
     }), t;
   }, [
-    x,
+    b,
     M,
     V,
     u,
-    b,
-    $,
-    P
+    y,
+    P,
+    A
   ]), Ve = Y(() => m.map((t, e) => {
     const o = { item: t };
-    return x.forEach((n) => {
+    return b.forEach((r) => {
       var s;
-      const i = p.findIndex((a) => a.id === n.id);
-      o[n.id] = i !== -1 ? ((s = g[e]) == null ? void 0 : s[i]) ?? null : null;
+      const i = h.findIndex((a) => a.id === r.id);
+      o[r.id] = i !== -1 ? ((s = v[e]) == null ? void 0 : s[i]) ?? null : null;
     }), o;
-  }), [m, x, g, p]), T = Pe({
+  }), [m, b, v, h]), E = Ae({
     data: Ve,
     columns: Me,
     state: { sorting: xe },
     onSortingChange: be,
     getCoreRowModel: qe(),
     getSortedRowModel: _e()
-  }), Z = Ae(null), ee = He({
-    count: T.getRowModel().rows.length,
+  }), Z = $e(null), ee = He({
+    count: E.getRowModel().rows.length,
     getScrollElement: () => Z.current,
     estimateSize: () => 40,
     overscan: 5,
@@ -196,27 +196,27 @@ function ut({
     return /* @__PURE__ */ l(
       Be,
       {
-        headerRow: x.map((t) => t.label),
+        headerRow: b.map((t) => t.label),
         rowCount: m.length || 5,
-        columnCount: x.length || 5,
+        columnCount: b.length || 5,
         className: K,
         cornerHeaderFrom: M,
         cornerHeaderTo: V
       }
     );
   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");
+    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");
     let i = "none";
     return e && (i = "inset -1px 0 0 0 var(--d-border), 0 1px 0 0 var(--d-border)"), {
-      className: n.join(" "),
+      className: r.join(" "),
       style: { boxShadow: i, width: `${R}px` }
     };
   };
-  return !g || g.length === 0 ? /* @__PURE__ */ d(
+  return !v || v.length === 0 ? /* @__PURE__ */ d(
     "div",
     {
-      className: C(
+      className: k(
         "flex h-full w-full flex-col overflow-auto",
         K ?? ""
       ),
@@ -226,7 +226,7 @@ function ut({
           {
             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(
+            children: (E.getHeaderGroups() ?? []).map((t) => /* @__PURE__ */ l(
               G,
               {
                 className: "bg-d-secondary sticky top-0 z-20",
@@ -253,7 +253,7 @@ function ut({
         /* @__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__ */ d("div", { className: `${k("w-[900px]", K || "")}`, children: [
     /* @__PURE__ */ l(
       "div",
       {
@@ -265,7 +265,7 @@ function ut({
             {
               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(
+              children: E.getHeaderGroups().map((t) => /* @__PURE__ */ l(
                 G,
                 {
                   className: "bg-d-secondary sticky top-0 z-20",
@@ -298,7 +298,7 @@ function ut({
                 width: "100%"
               },
               children: ee.getVirtualItems().map((t) => {
-                const e = T.getRowModel().rows[t.index];
+                const e = E.getRowModel().rows[t.index];
                 return /* @__PURE__ */ l(
                   G,
                   {
@@ -312,15 +312,18 @@ function ut({
                       height: `${t.size}px`,
                       display: "flex"
                     },
-                    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;
+                    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", p = s.editable ?? !0;
                       return /* @__PURE__ */ l(
                         Ye,
                         {
-                          className: C(
+                          onClick: (g) => {
+                            !p || !N || (g.stopPropagation(), g.preventDefault());
+                          },
+                          className: k(
                             "border-d-border text-center",
                             i ? "sticky left-0 z-10" : "border-r",
-                            h && S ? "cursor-pointer" : "pointer-events-none cursor-default"
+                            p && N && "cursor-pointer"
                           ),
                           style: {
                             boxShadow: i ? "inset -1px 0 0 0 var(--d-border)" : "none",
@@ -332,7 +335,7 @@ function ut({
                             alignItems: "center",
                             justifyContent: "center"
                           },
-                          children: i || !S || !s ? (
+                          children: i || !N || !s ? (
                             // Rendering normale per la prima colonna o quando non siamo in modalità edit
                             _(
                               o.column.columnDef.cell,
@@ -341,7 +344,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, re = E in B;
+                              const g = `${e.index}-${o.column.id}`, j = g in Q ? Q[g].value : s.value || "", Re = j !== s.value, ne = g in B;
                               return /* @__PURE__ */ l(
                                 "div",
                                 {
@@ -349,24 +352,24 @@ function ut({
                                   onClick: (Le) => {
                                     const O = Le.currentTarget.getBoundingClientRect(), oe = 400, se = 164, W = 8;
                                     let U = O.left + window.scrollX, X = O.bottom + 5;
-                                    const ie = window.innerWidth, $e = window.innerHeight;
-                                    U + oe > ie - W && (U = ie - oe - W), X + se > $e - W && (X = O.bottom - se - 5), ze({
-                                      cellKey: E,
+                                    const ie = window.innerWidth, Pe = window.innerHeight;
+                                    U + oe > ie - W && (U = ie - oe - W), X + se > Pe - W && (X = O.bottom - se - 5), ke({
+                                      cellKey: g,
                                       value: j,
                                       originalValue: s.value || "",
                                       cellData: s,
                                       position: { top: X, left: U }
-                                    }), k(j), v(!0);
+                                    }), D(j), x(!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 && !re && /* @__PURE__ */ l(
+                                    Re && !ne && /* @__PURE__ */ l(
                                       "div",
                                       {
                                         className: "bg-d-primary absolute -top-1.5 -left-1.5 rounded p-1",
                                         title: "Valore modificato"
                                       }
                                     ),
-                                    re && /* @__PURE__ */ l(
+                                    ne && /* @__PURE__ */ l(
                                       "div",
                                       {
                                         className: "bg-d-destructive absolute -top-1.5 -left-1.5 rounded p-1",
@@ -376,21 +379,27 @@ function ut({
                                     /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1", children: /* @__PURE__ */ l(
                                       "div",
                                       {
-                                        className: C(
+                                        className: k(
                                           "h-full min-h-full w-full min-w-full truncate text-center",
-                                          h ? "text-d-muted-foreground" : "text-d-muted"
+                                          p ? "text-d-muted-foreground" : "text-d-muted"
                                         ),
-                                        children: j || ""
+                                        children: /* @__PURE__ */ l(
+                                          w,
+                                          {
+                                            text: j,
+                                            className: "w-full"
+                                          }
+                                        )
                                       }
                                     ) }),
                                     /* @__PURE__ */ l(
                                       q,
                                       {
-                                        name: h ? "Pencil" : "PencilOff",
+                                        name: p ? "Pencil" : "PencilOff",
                                         size: "sm",
-                                        className: C(
+                                        className: k(
                                           "h-3 w-3",
-                                          h ? "text-d-muted-foreground" : "text-d-muted"
+                                          p ? "text-d-muted-foreground" : "text-d-muted"
                                         )
                                       }
                                     )
@@ -412,7 +421,7 @@ function ut({
         ] })
       }
     ),
-    /* @__PURE__ */ d(Oe, { open: ke, onOpenChange: Te, children: [
+    /* @__PURE__ */ d(Oe, { open: ze, onOpenChange: Te, children: [
       /* @__PURE__ */ l(We, { asChild: !0, children: /* @__PURE__ */ l("div", { style: { display: "none" } }) }),
       /* @__PURE__ */ l(
         Ue,
@@ -421,32 +430,32 @@ function ut({
           sideOffset: 5,
           style: {
             position: "absolute",
-            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,
+            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,
             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" }),
-              r && r.value !== r.originalValue && /* @__PURE__ */ l("div", { className: "text-d-muted-foreground text-xs", children: "Valore modificato" })
+              n && n.value !== n.originalValue && /* @__PURE__ */ l("div", { className: "text-d-muted-foreground text-xs", children: "Valore modificato" })
             ] }),
             /* @__PURE__ */ l(
               "input",
               {
                 type: "text",
                 className: "bg-d-secondary w-full rounded border p-2",
-                value: z || "",
+                value: T || "",
                 onChange: Ie,
                 autoFocus: !0
               }
             ),
             /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ d(
-                N,
+                z,
                 {
                   variant: "destructive",
                   size: "sm",
-                  onClick: De,
+                  onClick: je,
                   className: "text-xs",
                   title: "Ripristina il valore originale e segna la cella come da ripristinare",
                   children: [
@@ -457,21 +466,21 @@ function ut({
               ),
               /* @__PURE__ */ d("div", { className: "flex space-x-2", children: [
                 /* @__PURE__ */ l(
-                  N,
+                  z,
                   {
                     variant: "ghost",
                     size: "sm",
-                    onClick: je,
+                    onClick: Ee,
                     className: "text-xs",
                     title: "Annulla le modifiche correnti e chiudi",
                     children: "Annulla"
                   }
                 ),
                 /* @__PURE__ */ d(
-                  N,
+                  z,
                   {
                     size: "sm",
-                    onClick: Ee,
+                    onClick: De,
                     className: "text-xs",
                     title: "Conferma le modifiche e salva",
                     children: [

package/package.json

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