laif-ds 0.1.39 → 0.1.40

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

@@ -1,56 +1,67 @@
 "use client";
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { useState as u, useEffect as ee, useCallback as I, useMemo as Y, useRef as ke } from "react";
-import { useReactTable as Ve, flexRender as te } from "../../../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { useVirtualizer as je } from "../../../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
-import { TableSkeleton as ze } from "../../table-skeleton.js";
-import { TruncatedText as R } from "./truncated-text.js";
-import { EditControls as Te } from "./edit-controls.js";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useState as c, useRef as oe, useEffect as X, useCallback as I, useMemo as Y } from "react";
+import { useReactTable as Re, flexRender as re } from "../../../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { useVirtualizer as Te } from "../../../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
+import { TableSkeleton as Ee } from "../../table-skeleton.js";
+import { TruncatedText as D } from "./truncated-text.js";
+import { EditControls as De } from "./edit-controls.js";
 import { Icon as U } from "../../icon.js";
-import { Popover as De, PopoverTrigger as Re, PopoverContent as $e } from "../../popover.js";
+import { Popover as $e, PopoverTrigger as Oe, PopoverContent as Ae } from "../../popover.js";
 import { Button as k } from "../../button.js";
-import { TableRow as X, TableCell as le, Table as Ae, TableHeader as Ke, TableHead as Me, TableBody as Ee } from "../../table.js";
-import { getSortedRowModel as Oe, getCoreRowModel as Le } from "../../../../node_modules/@tanstack/table-core/build/lib/index.js";
-function We({
+import { TableRow as q, TableCell as se, Table as Ke, TableHeader as Le, TableHead as Me, TableBody as Pe } from "../../table.js";
+import { getSortedRowModel as Be, getCoreRowModel as Fe } from "../../../../node_modules/@tanstack/table-core/build/lib/index.js";
+function nt({
   crossTableData: $,
   filterable: b = !1,
-  loading: ne = !1,
-  emptyComponent: oe,
-  className: A,
-  notFoundMessage: re = "Nessun risultato trovato.",
-  cornerHeaderFrom: K = "Da",
-  cornerHeaderTo: M = "A",
-  maxHeaderLength: C = 15,
-  minWidthCell: E = 160,
-  editable: O = !1,
-  editMode: se = !1,
-  editConfirmLabel: ie = "Conferma",
-  editCancelLabel: ae = "Annulla",
-  onConfirmedCells: V,
-  onEditModeChange: L,
-  onSelectedRow: q,
-  selectedRow: d,
-  rowSortAsc: ce = !0
+  loading: ie = !1,
+  emptyComponent: ae,
+  className: O,
+  notFoundMessage: de = "Nessun risultato trovato.",
+  cornerHeaderFrom: A = "Da",
+  cornerHeaderTo: K = "A",
+  maxHeaderLength: w = 15,
+  minWidthCell: L = 160,
+  editable: M = !1,
+  editMode: ce = !1,
+  editConfirmLabel: ue = "Conferma",
+  editCancelLabel: fe = "Annulla",
+  onConfirmedCells: z,
+  onEditModeChange: P,
+  onSelectedRow: G,
+  selectedRow: u,
+  rowSortAsc: me = !0
 }) {
-  var Q, Z;
-  const [de, ue] = u([]), m = $.headerTop, f = $.headerLeft, v = $.data, [w, P] = u(
-    (d == null ? void 0 : d.id) ?? null
-  ), [B, F] = u(ce), [j, fe] = u(O && se);
-  ee(() => {
-    L && L(!!j);
-  }, [j, L]), ee(() => {
-    d != null && d.id && P(d.id);
-  }, [d]);
-  const [N, S] = u({}), [p, x] = u({}), [l, me] = u(null), [pe, y] = u(!1), [z, T] = u(null), he = I(
+  var ee, te;
+  const [pe, he] = c([]), m = $.headerTop, f = $.headerLeft, v = $.data, [C, B] = c(
+    (u == null ? void 0 : u.id) ?? null
+  ), [F, W] = c(me), [V, ge] = c(M && ce), [J, Q] = c(0), j = oe(null);
+  X(() => {
+    const t = () => {
+      if (j.current && j.current.parentElement) {
+        const e = j.current.parentElement.clientWidth, o = window.getComputedStyle(
+          j.current.parentElement
+        ), n = parseInt(o.paddingLeft, 10) || 0, s = parseInt(o.paddingRight, 10) || 0;
+        Q(e - n - s);
+      } else
+        Q(document.body.clientWidth - 40);
+    };
+    return window.addEventListener("resize", t), setTimeout(t, 0), () => window.removeEventListener("resize", t);
+  }, []), X(() => {
+    P && P(!!V);
+  }, [V, P]), X(() => {
+    u != null && u.id && B(u.id);
+  }, [u]);
+  const [S, N] = c({}), [p, x] = c({}), [l, ve] = c(null), [xe, y] = c(!1), [R, T] = c(null), ye = I(
     (t) => {
       t && l && T(l.value), y(t);
     },
     [l]
-  ), ge = I(() => {
-    l && z !== null ? (S((t) => ({
+  ), be = I(() => {
+    l && R !== null ? (N((t) => ({
       ...t,
       [l.cellKey]: {
-        value: z,
+        value: R,
         cell: l.cellData
       }
     })), p[l.cellKey] && x((t) => {
@@ -59,16 +70,16 @@ function We({
     }), setTimeout(() => {
       y(!1);
     }, 300)) : y(!1);
-  }, [l, z, p]), ve = I(() => {
-    l && (T(l.originalValue), S((t) => {
+  }, [l, R, p]), we = I(() => {
+    l && (T(l.originalValue), N((t) => {
       const e = { ...t };
       return e[l.cellKey] && delete e[l.cellKey], e;
     }), x((t) => {
       const e = { ...t };
       return e[l.cellKey] && delete e[l.cellKey], e;
     })), y(!1);
-  }, [l]), xe = I(() => {
-    l && (S((t) => {
+  }, [l]), Ce = I(() => {
+    l && (N((t) => {
       const e = { ...t };
       return e[l.cellKey] && delete e[l.cellKey], e;
     }), x((t) => ({
@@ -78,50 +89,50 @@ function We({
         cell: l.cellData
       }
     }))), y(!1);
-  }, [l]), ye = I(
+  }, [l]), Se = I(
     (t) => {
       T(t.target.value);
     },
     []
-  ), be = (t) => t && typeof t == "object" && "value" in t ? t.value : t, h = Y(() => {
-    if (!w || !f.find((n) => n.id === w)) return m;
+  ), Ne = (t) => t && typeof t == "object" && "value" in t ? t.value : t, h = Y(() => {
+    if (!C || !f.find((n) => n.id === C)) return m;
     const e = f.findIndex(
-      (n) => n.id === w
+      (n) => n.id === C
     );
     if (e === -1) return m;
-    const r = m.map((n, i) => {
+    const o = m.map((n, s) => {
       var g;
-      const s = ((g = v[e]) == null ? void 0 : g[i]) ?? null, a = be(s);
+      const i = ((g = v[e]) == null ? void 0 : g[s]) ?? null, a = Ne(i);
       return { header: n, value: a };
     });
-    return r.sort((n, i) => {
-      if (typeof n.value == "number" && typeof i.value == "number")
-        return B ? n.value - i.value : i.value - n.value;
-      const s = String(n.value ?? ""), a = String(i.value ?? "");
-      return B ? s.localeCompare(a) : a.localeCompare(s);
-    }), r.map((n) => n.header);
-  }, [m, f, v, w, B]), Ce = Y(() => {
+    return o.sort((n, s) => {
+      if (typeof n.value == "number" && typeof s.value == "number")
+        return F ? n.value - s.value : s.value - n.value;
+      const i = String(n.value ?? ""), a = String(s.value ?? "");
+      return F ? i.localeCompare(a) : a.localeCompare(i);
+    }), o.map((n) => n.header);
+  }, [m, f, v, C, F]), Ie = Y(() => {
     const t = [
       {
         id: "cross-header",
-        header: () => /* @__PURE__ */ c("div", { className: "relative", children: [
-          /* @__PURE__ */ o("div", { className: "absolute top-0 left-2 text-xs", children: K }),
-          /* @__PURE__ */ o("div", { className: "absolute right-2 bottom-0 text-xs", children: M })
+        header: () => /* @__PURE__ */ d("div", { className: "relative", children: [
+          /* @__PURE__ */ r("div", { className: "absolute top-0 left-2 text-xs", children: A }),
+          /* @__PURE__ */ r("div", { className: "absolute right-2 bottom-0 text-xs", children: K })
         ] }),
         accessorFn: (e) => e.item,
         cell: (e) => {
-          const r = e.getValue();
+          const o = e.getValue();
           if (!b)
-            return /* @__PURE__ */ o(
-              R,
+            return /* @__PURE__ */ r(
+              D,
               {
-                text: r.label,
-                maxLength: C,
+                text: o.label,
+                maxLength: w,
                 className: "w-full"
               }
             );
-          const n = w === r.id;
-          return /* @__PURE__ */ o(
+          const n = C === o.id;
+          return /* @__PURE__ */ r(
             k,
             {
               variant: "ghost",
@@ -129,9 +140,9 @@ function We({
               iconLeft: "ArrowLeftRight",
               className: "text-right",
               onClick: () => {
-                b && (n ? F((i) => !i) : (P(f[e.row.index].id), F(!0), q && q(f[e.row.index])));
+                b && (n ? W((s) => !s) : (B(f[e.row.index].id), W(!0), G && G(f[e.row.index])));
               },
-              children: /* @__PURE__ */ o(R, { text: r.label, maxLength: C })
+              children: /* @__PURE__ */ r(D, { text: o.label, maxLength: w })
             }
           );
         }
@@ -140,362 +151,376 @@ function We({
     return h.forEach((e) => {
       t.push({
         id: e.id,
-        accessorFn: (r) => r[e.id],
-        header: ({ column: r }) => b ? /* @__PURE__ */ o(
+        accessorFn: (o) => o[e.id],
+        header: ({ column: o }) => b ? /* @__PURE__ */ r(
           k,
           {
             variant: "ghost",
             size: "sm",
             iconLeft: "ArrowUpDown",
-            onClick: b ? () => r.toggleSorting(r.getIsSorted() === "asc") : void 0,
-            children: /* @__PURE__ */ o(R, { text: e.label, maxLength: C })
+            onClick: b ? () => o.toggleSorting(o.getIsSorted() === "asc") : void 0,
+            children: /* @__PURE__ */ r(D, { text: e.label, maxLength: w })
           }
-        ) : /* @__PURE__ */ o(
-          R,
+        ) : /* @__PURE__ */ r(
+          D,
           {
             text: e.label,
-            maxLength: C,
+            maxLength: w,
             className: "font-medium"
           }
         ),
-        sortingFn: (r, n, i) => {
-          let s = r.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)));
+        sortingFn: (o, n, s) => {
+          let i = o.getValue(s), a = n.getValue(s);
+          return i == null && a == null ? 0 : i == null ? 1 : a == null ? -1 : (i && typeof i == "object" && "value" in i && (i = i.value), a && typeof a == "object" && "value" in a && (a = a.value), typeof i == "number" && typeof a == "number" ? i - a : String(i).localeCompare(String(a)));
         },
-        cell: (r) => {
-          const n = r.getValue();
-          return n ? n.render ? n.render(n.fromId, n.toId, n.id) : /* @__PURE__ */ o("div", { children: n.value }) : null;
+        cell: (o) => {
+          const n = o.getValue();
+          return n ? n.render ? n.render(n.fromId, n.toId, n.id) : /* @__PURE__ */ r("div", { children: n.value }) : null;
         }
       });
     }), t;
   }, [
     h,
+    A,
     K,
-    M,
-    d,
+    u,
     b,
-    C,
-    P,
-    F
-  ]), we = Y(() => f.map((t, e) => {
-    const r = { item: t };
+    w,
+    B,
+    W
+  ]), ke = Y(() => f.map((t, e) => {
+    const o = { item: t };
     return h.forEach((n) => {
-      var s;
-      const i = m.findIndex((a) => a.id === n.id);
-      r[n.id] = i !== -1 ? ((s = v[e]) == null ? void 0 : s[i]) ?? null : null;
-    }), r;
-  }), [f, h, v, m]), _ = Ve({
-    data: we,
-    columns: Ce,
-    state: { sorting: de },
-    onSortingChange: ue,
-    getCoreRowModel: Le(),
-    getSortedRowModel: Oe()
+      var i;
+      const s = m.findIndex((a) => a.id === n.id);
+      o[n.id] = s !== -1 ? ((i = v[e]) == null ? void 0 : i[s]) ?? null : null;
+    }), o;
+  }), [f, h, v, m]), _ = Re({
+    data: ke,
+    columns: Ie,
+    state: { sorting: pe },
+    onSortingChange: he,
+    getCoreRowModel: Fe(),
+    getSortedRowModel: Be()
   });
   if (!v || v.length === 0)
-    return /* @__PURE__ */ o("div", { className: A, children: /* @__PURE__ */ o(X, { children: /* @__PURE__ */ o(le, { colSpan: h.length + 1, children: oe || re }) }) });
-  if (ne)
-    return /* @__PURE__ */ o(
-      ze,
+    return /* @__PURE__ */ r("div", { className: O, children: /* @__PURE__ */ r(q, { children: /* @__PURE__ */ r(se, { colSpan: h.length + 1, children: ae || de }) }) });
+  if (ie)
+    return /* @__PURE__ */ r(
+      Ee,
       {
         headerRow: h.map((t) => t.label),
         rowCount: f.length || 5,
         columnCount: h.length || 5,
-        className: A,
-        cornerHeaderFrom: K,
-        cornerHeaderTo: M
+        className: O,
+        cornerHeaderFrom: A,
+        cornerHeaderTo: K
       }
     );
-  const Ne = (t) => {
-    const e = t.column.id === "cross-header", r = e, n = ["bg-d-secondary"];
-    e || n.push("border-r"), e && n.push("sticky left-0"), n.push("sticky top-0 z-20"), r ? 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)"), {
+  const ze = (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 s = "none";
+    return e && (s = "inset -1px 0 0 0 var(--d-border), 0 1px 0 0 var(--d-border)"), {
       className: n.join(" "),
-      style: { boxShadow: i, width: `${E}px` }
+      style: { boxShadow: s, width: `${L}px` }
     };
-  }, G = ke(null), J = je({
+  }, Z = oe(null), H = Te({
     count: _.getRowModel().rows.length,
-    getScrollElement: () => G.current,
+    getScrollElement: () => Z.current,
     estimateSize: () => 40,
     overscan: 5,
     measureElement: typeof window < "u" ? (t) => t.getBoundingClientRect().height : void 0
   });
-  return /* @__PURE__ */ c("div", { className: `w-[900px] ${A || ""}`, children: [
-    O && /* @__PURE__ */ o(
-      Te,
-      {
-        editable: O,
-        editConfirmLabel: ie,
-        editCancelLabel: ae,
-        editRestoreDefaultLabel: "Ripristina Default",
-        editMode: j,
-        setEditMode: fe,
-        editedCount: Object.keys(N).length,
-        defaultCount: Object.keys(p).length,
-        restoreDefault: () => {
-          if (V) {
-            const t = Object.entries(p).map(
-              ([r, { value: n, cell: i }]) => ({
-                fromId: i.fromId,
-                toId: i.toId,
-                id: i.id,
-                value: n
-              })
-            );
-            V({
-              editedCells: [],
-              toDefaultCells: t
-            });
-          }
-          x({});
-        },
-        confirmAll: () => {
-          if (V && (Object.keys(N).length > 0 || Object.keys(p).length > 0)) {
-            const e = Object.entries(N).map(
-              ([i, { value: s, cell: a }]) => ({
-                fromId: a.fromId,
-                toId: a.toId,
-                id: a.id,
-                value: s
-              })
-            ), r = Object.entries(p).map(
-              ([i, { value: s, cell: a }]) => ({
-                fromId: a.fromId,
-                toId: a.toId,
-                id: a.id,
-                value: s
-              })
-            );
-            V({
-              editedCells: e,
-              toDefaultCells: r
-            });
-          }
-          S({}), x({});
-        },
-        cancelAll: () => {
-          S({}), x({});
-        }
-      }
-    ),
-    /* @__PURE__ */ o(
-      "div",
-      {
-        ref: G,
-        className: "max-h-[600px] overflow-auto rounded-md border",
-        children: /* @__PURE__ */ c(Ae, { className: "relative w-full table-fixed border-collapse", children: [
-          /* @__PURE__ */ o(
-            Ke,
-            {
-              className: "bg-d-secondary sticky top-0 z-20",
-              style: { boxShadow: "0 1px 0 0 var(--d-border)" },
-              children: _.getHeaderGroups().map((t) => /* @__PURE__ */ o(
-                X,
-                {
-                  className: "bg-d-secondary sticky top-0 z-20",
-                  children: t.headers.map((e) => {
-                    const r = Ne(e);
-                    return /* @__PURE__ */ o(
-                      Me,
-                      {
-                        className: r.className,
-                        style: r.style,
-                        children: e.isPlaceholder ? null : te(
-                          e.column.columnDef.header,
-                          e.getContext()
-                        )
-                      },
-                      e.id
-                    );
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: O || "",
+      style: { width: `${J}px`, overflowX: "auto" },
+      children: [
+        M && /* @__PURE__ */ r(
+          De,
+          {
+            editable: M,
+            editConfirmLabel: ue,
+            editCancelLabel: fe,
+            editRestoreDefaultLabel: "Ripristina Default",
+            editMode: V,
+            setEditMode: ge,
+            editedCount: Object.keys(S).length,
+            defaultCount: Object.keys(p).length,
+            restoreDefault: () => {
+              if (z) {
+                const t = Object.entries(p).map(
+                  ([o, { value: n, cell: s }]) => ({
+                    fromId: s.fromId,
+                    toId: s.toId,
+                    id: s.id,
+                    value: n
+                  })
+                );
+                z({
+                  editedCells: [],
+                  toDefaultCells: t
+                });
+              }
+              x({});
+            },
+            confirmAll: () => {
+              if (z && (Object.keys(S).length > 0 || Object.keys(p).length > 0)) {
+                const e = Object.entries(S).map(
+                  ([s, { value: i, cell: a }]) => ({
+                    fromId: a.fromId,
+                    toId: a.toId,
+                    id: a.id,
+                    value: i
                   })
-                },
-                t.id
-              ))
+                ), o = Object.entries(p).map(
+                  ([s, { value: i, cell: a }]) => ({
+                    fromId: a.fromId,
+                    toId: a.toId,
+                    id: a.id,
+                    value: i
+                  })
+                );
+                z({
+                  editedCells: e,
+                  toDefaultCells: o
+                });
+              }
+              N({}), x({});
+            },
+            cancelAll: () => {
+              N({}), x({});
             }
-          ),
-          /* @__PURE__ */ o(
-            Ee,
-            {
-              style: {
-                height: `${J.getTotalSize()}px`,
-                position: "relative",
-                width: "100%"
-              },
-              children: J.getVirtualItems().map((t) => {
-                const e = _.getRowModel().rows[t.index];
-                return /* @__PURE__ */ o(
-                  X,
-                  {
-                    "data-index": t.index,
-                    style: {
-                      position: "absolute",
-                      top: 0,
-                      left: 0,
-                      transform: `translateY(${t.start}px)`,
-                      width: "100%",
-                      height: `${t.size}px`,
-                      display: "flex"
-                    },
-                    children: e.getVisibleCells().map((r, n) => {
-                      const i = n === 0, s = r.getValue(), a = i ? "var(--d-secondary)" : (s == null ? void 0 : s.color) || "transparent";
-                      return /* @__PURE__ */ o(
-                        le,
+          }
+        ),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            ref: Z,
+            className: "max-h-[600px] overflow-auto rounded-md border",
+            children: /* @__PURE__ */ d(
+              Ke,
+              {
+                className: "relative table-fixed border-collapse",
+                style: { width: `${J}px` },
+                children: [
+                  /* @__PURE__ */ r(
+                    Le,
+                    {
+                      className: "bg-d-secondary sticky top-0 z-20",
+                      style: { boxShadow: "0 1px 0 0 var(--d-border)" },
+                      children: _.getHeaderGroups().map((t) => /* @__PURE__ */ r(
+                        q,
                         {
-                          className: `text-center ${i ? "sticky left-0 z-10" : "border-r"}`,
-                          style: {
-                            boxShadow: i ? "inset -1px 0 0 0 var(--d-border)" : "none",
-                            backgroundColor: a,
-                            width: `${E}px`,
-                            flex: i ? "0 0 auto" : `1 0 ${E}px`,
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center"
-                          },
-                          children: i || !j || !s ? (
-                            // Rendering normale per la prima colonna o quando non siamo in modalità edit
-                            te(
-                              r.column.columnDef.cell,
-                              r.getContext()
-                            )
-                          ) : (
-                            // Rendering con cella modificabile
-                            (() => {
-                              const g = `${e.index}-${r.column.id}`, D = g in N ? N[g].value : s.value || "", Se = D !== s.value, H = g in p;
-                              return /* @__PURE__ */ o(
-                                "div",
+                          className: "bg-d-secondary sticky top-0 z-20",
+                          children: t.headers.map((e) => {
+                            const o = ze(e);
+                            return /* @__PURE__ */ r(
+                              Me,
+                              {
+                                className: o.className,
+                                style: o.style,
+                                children: e.isPlaceholder ? null : re(
+                                  e.column.columnDef.header,
+                                  e.getContext()
+                                )
+                              },
+                              e.id
+                            );
+                          })
+                        },
+                        t.id
+                      ))
+                    }
+                  ),
+                  /* @__PURE__ */ r(
+                    Pe,
+                    {
+                      style: {
+                        height: `${H.getTotalSize()}px`,
+                        position: "relative",
+                        width: "100%"
+                      },
+                      children: H.getVirtualItems().map((t) => {
+                        const e = _.getRowModel().rows[t.index];
+                        return /* @__PURE__ */ r(
+                          q,
+                          {
+                            "data-index": t.index,
+                            style: {
+                              position: "absolute",
+                              top: 0,
+                              left: 0,
+                              transform: `translateY(${t.start}px)`,
+                              width: "100%",
+                              height: `${t.size}px`,
+                              display: "flex"
+                            },
+                            children: e.getVisibleCells().map((o, n) => {
+                              const s = n === 0, i = o.getValue(), a = s ? "var(--d-secondary)" : (i == null ? void 0 : i.color) || "transparent";
+                              return /* @__PURE__ */ r(
+                                se,
                                 {
-                                  className: "flex w-full cursor-pointer items-center justify-center",
-                                  onClick: (Ie) => {
-                                    const W = Ie.currentTarget.getBoundingClientRect();
-                                    me({
-                                      cellKey: g,
-                                      value: D,
-                                      originalValue: s.value || "",
-                                      cellData: s,
-                                      position: {
-                                        top: W.bottom + window.scrollY + 5,
-                                        left: W.left + window.scrollX
-                                      }
-                                    }), T(D), y(!0);
+                                  className: `text-center ${s ? "sticky left-0 z-10" : "border-r"}`,
+                                  style: {
+                                    boxShadow: s ? "inset -1px 0 0 0 var(--d-border)" : "none",
+                                    backgroundColor: a,
+                                    width: `${L}px`,
+                                    flex: s ? "0 0 auto" : `1 0 ${L}px`,
+                                    display: "flex",
+                                    alignItems: "center",
+                                    justifyContent: "center"
                                   },
-                                  children: /* @__PURE__ */ c("div", { className: "relative w-full flex-1 items-center justify-center text-center", children: [
-                                    D || "",
-                                    Se && !H && /* @__PURE__ */ o(
-                                      "div",
-                                      {
-                                        className: "bg-d-primary absolute top-0 left-0 rounded p-1",
-                                        title: "Valore modificato"
-                                      }
-                                    ),
-                                    H && /* @__PURE__ */ o(
-                                      "div",
-                                      {
-                                        className: "bg-d-destructive absolute top-0 right-0 rounded p-1",
-                                        title: "Ripristino richiesto"
-                                      }
-                                    ),
-                                    /* @__PURE__ */ o("span", { className: "text-d-muted-foreground ml-1 inline-flex items-center", children: /* @__PURE__ */ o(
-                                      U,
-                                      {
-                                        name: "Pencil",
-                                        size: "sm",
-                                        className: "h-3 w-3"
-                                      }
-                                    ) })
-                                  ] })
-                                }
+                                  children: s || !V || !i ? (
+                                    // Rendering normale per la prima colonna o quando non siamo in modalità edit
+                                    re(
+                                      o.column.columnDef.cell,
+                                      o.getContext()
+                                    )
+                                  ) : (
+                                    // Rendering con cella modificabile
+                                    (() => {
+                                      const g = `${e.index}-${o.column.id}`, E = g in S ? S[g].value : i.value || "", Ve = E !== i.value, ne = g in p;
+                                      return /* @__PURE__ */ r(
+                                        "div",
+                                        {
+                                          className: "flex w-full cursor-pointer items-center justify-center",
+                                          onClick: (je) => {
+                                            const le = je.currentTarget.getBoundingClientRect();
+                                            ve({
+                                              cellKey: g,
+                                              value: E,
+                                              originalValue: i.value || "",
+                                              cellData: i,
+                                              position: {
+                                                top: le.bottom + window.scrollY + 5,
+                                                left: le.left + window.scrollX
+                                              }
+                                            }), T(E), y(!0);
+                                          },
+                                          children: /* @__PURE__ */ d("div", { className: "relative w-full flex-1 items-center justify-center text-center", children: [
+                                            E || "",
+                                            Ve && !ne && /* @__PURE__ */ r(
+                                              "div",
+                                              {
+                                                className: "bg-d-primary absolute top-0 left-0 rounded p-1",
+                                                title: "Valore modificato"
+                                              }
+                                            ),
+                                            ne && /* @__PURE__ */ r(
+                                              "div",
+                                              {
+                                                className: "bg-d-destructive absolute top-0 right-0 rounded p-1",
+                                                title: "Ripristino richiesto"
+                                              }
+                                            ),
+                                            /* @__PURE__ */ r("span", { className: "text-d-muted-foreground ml-1 inline-flex items-center", children: /* @__PURE__ */ r(
+                                              U,
+                                              {
+                                                name: "Pencil",
+                                                size: "sm",
+                                                className: "h-3 w-3"
+                                              }
+                                            ) })
+                                          ] })
+                                        }
+                                      );
+                                    })()
+                                  )
+                                },
+                                o.id
                               );
-                            })()
-                          )
-                        },
-                        r.id
-                      );
-                    })
-                  },
-                  e.id
-                );
-              })
-            }
-          )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ c(De, { open: pe, onOpenChange: he, children: [
-      /* @__PURE__ */ o(Re, { asChild: !0, children: /* @__PURE__ */ o("div", { style: { display: "none" } }) }),
-      /* @__PURE__ */ o(
-        $e,
-        {
-          className: "w-[400px] p-4",
-          style: {
-            position: l != null && l.position ? "absolute" : "fixed",
-            top: (Q = l == null ? void 0 : l.position) != null && Q.top ? `${l.position.top}px` : "50%",
-            left: (Z = l == null ? void 0 : l.position) != null && Z.left ? `${l.position.left}px` : "50%",
-            transform: l != null && l.position ? "none" : "translate(-50%, -50%)"
-          },
-          children: /* @__PURE__ */ c("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ c("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ o("div", { className: "font-medium", children: "Modifica valore" }),
-              l && l.value !== l.originalValue && /* @__PURE__ */ o("div", { className: "text-d-muted-foreground text-xs", children: "Valore modificato" })
-            ] }),
-            /* @__PURE__ */ o(
-              "input",
-              {
-                type: "text",
-                className: "bg-d-secondary w-full rounded border p-2",
-                value: z || "",
-                onChange: ye,
-                autoFocus: !0
+                            })
+                          },
+                          e.id
+                        );
+                      })
+                    }
+                  )
+                ]
               }
-            ),
-            /* @__PURE__ */ c("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ c(
-                k,
-                {
-                  variant: "destructive",
-                  size: "sm",
-                  onClick: xe,
-                  className: "text-xs",
-                  title: "Ripristina il valore originale e segna la cella come da ripristinare",
-                  children: [
-                    /* @__PURE__ */ o(U, { name: "RotateCcw", className: "mr-1 h-3 w-3" }),
-                    "Ripristina"
-                  ]
-                }
-              ),
-              /* @__PURE__ */ c("div", { className: "flex space-x-2", children: [
-                /* @__PURE__ */ o(
-                  k,
+            )
+          }
+        ),
+        /* @__PURE__ */ d($e, { open: xe, onOpenChange: ye, children: [
+          /* @__PURE__ */ r(Oe, { asChild: !0, children: /* @__PURE__ */ r("div", { style: { display: "none" } }) }),
+          /* @__PURE__ */ r(
+            Ae,
+            {
+              className: "w-[400px] p-4",
+              style: {
+                position: l != null && l.position ? "absolute" : "fixed",
+                top: (ee = l == null ? void 0 : l.position) != null && ee.top ? `${l.position.top}px` : "50%",
+                left: (te = l == null ? void 0 : l.position) != null && te.left ? `${l.position.left}px` : "50%",
+                transform: l != null && l.position ? "none" : "translate(-50%, -50%)"
+              },
+              children: /* @__PURE__ */ d("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ r("div", { className: "font-medium", children: "Modifica valore" }),
+                  l && l.value !== l.originalValue && /* @__PURE__ */ r("div", { className: "text-d-muted-foreground text-xs", children: "Valore modificato" })
+                ] }),
+                /* @__PURE__ */ r(
+                  "input",
                   {
-                    variant: "ghost",
-                    size: "sm",
-                    onClick: ve,
-                    className: "text-xs",
-                    title: "Annulla le modifiche correnti e chiudi",
-                    children: "Annulla"
+                    type: "text",
+                    className: "bg-d-secondary w-full rounded border p-2",
+                    value: R || "",
+                    onChange: Se,
+                    autoFocus: !0
                   }
                 ),
-                /* @__PURE__ */ c(
-                  k,
-                  {
-                    size: "sm",
-                    onClick: ge,
-                    className: "text-xs",
-                    title: "Conferma le modifiche e salva",
-                    children: [
-                      /* @__PURE__ */ o(U, { name: "Check", className: "mr-1 h-3 w-3" }),
-                      "Conferma"
-                    ]
-                  }
-                )
+                /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ d(
+                    k,
+                    {
+                      variant: "destructive",
+                      size: "sm",
+                      onClick: Ce,
+                      className: "text-xs",
+                      title: "Ripristina il valore originale e segna la cella come da ripristinare",
+                      children: [
+                        /* @__PURE__ */ r(U, { name: "RotateCcw", className: "mr-1 h-3 w-3" }),
+                        "Ripristina"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ d("div", { className: "flex space-x-2", children: [
+                    /* @__PURE__ */ r(
+                      k,
+                      {
+                        variant: "ghost",
+                        size: "sm",
+                        onClick: we,
+                        className: "text-xs",
+                        title: "Annulla le modifiche correnti e chiudi",
+                        children: "Annulla"
+                      }
+                    ),
+                    /* @__PURE__ */ d(
+                      k,
+                      {
+                        size: "sm",
+                        onClick: be,
+                        className: "text-xs",
+                        title: "Conferma le modifiche e salva",
+                        children: [
+                          /* @__PURE__ */ r(U, { name: "Check", className: "mr-1 h-3 w-3" }),
+                          "Conferma"
+                        ]
+                      }
+                    )
+                  ] })
+                ] })
               ] })
-            ] })
-          ] })
-        }
-      )
-    ] })
-  ] });
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
 export {
-  We as DataCrossTable
+  nt as DataCrossTable
 };