laif-ds 0.1.69 → 0.1.70

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.69",
+  "version": "0.1.70",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",