laif-ds 0.2.74 → 0.2.76

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

@@ -1,143 +1,149 @@
 "use client";
 import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import { useState as d, useEffect as re, useCallback as S, useMemo as Y, useRef as Le } from "react";
-import { useReactTable as Pe, flexRender as _ } from "../../../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { useReactTable as Pe, flexRender as q } from "../../../../node_modules/@tanstack/react-table/build/lib/index.js";
 import { useVirtualizer as $e } from "../../../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
-import { TableSkeleton as Ae } from "../../table-skeleton.js";
-import { TruncatedText as x } from "./truncated-text.js";
+import { useState as u, useEffect as re, useCallback as V, useMemo as G, useRef as Ae } from "react";
+import { cn as k } from "../../../../lib/utils.js";
+import { TableSkeleton as Le } from "../../table-skeleton.js";
 import { useDataCrossTable as He } from "./data-cross-table-context.js";
-import { cn as V } from "../../../../lib/utils.js";
-import { Button as k } from "../../button.js";
-import { Icon as q } from "../../icon.js";
+import { TruncatedText as b } from "./truncated-text.js";
+import { Button as z } from "../../button.js";
+import { Icon as J } from "../../icon.js";
 import { Popover as Be, PopoverTrigger as Fe, PopoverContent as Oe } from "../../popover.js";
 import { getSortedRowModel as We, getCoreRowModel as Ue } from "../../../../node_modules/@tanstack/table-core/build/lib/index.js";
-import { Table as ie, TableHeader as ae, TableRow as G, TableHead as ce, TableBody as Xe, TableCell as Ye } from "../../table.js";
-function ct({
-  crossTableData: E,
-  filterable: v = !1,
+import { Table as ie, TableHeader as ae, TableRow as Q, TableHead as ce, TableBody as Xe, TableCell as Ye } from "../../table.js";
+function at({
+  crossTableData: I,
+  filterable: y = !1,
   loading: de = !1,
   emptyComponent: ue,
-  className: j,
+  className: K,
   notFoundMessage: fe = "Nessun risultato trovato.",
-  cornerHeaderFrom: I = "Da",
-  cornerHeaderTo: K = "A",
-  minWidthCell: M = 160,
+  cornerHeaderFrom: M = "Da",
+  cornerHeaderTo: P = "A",
+  minWidthCell: $ = 160,
   editable: me = !1,
   editMode: pe = !1,
-  onEditModeChange: L,
-  onSelectedRow: J,
-  selectedRow: w,
+  onEditModeChange: A,
+  onSelectedRow: L,
+  selectedRow: T,
   rowSortAsc: he = !0
 }) {
-  const [ge, xe] = d([]), f = E.headerTop, u = E.headerLeft, p = E.data, [b, P] = d(
-    w?.id ?? null
-  ), [$, A] = d(he), y = He(), [ve, _e] = d(me && pe), [we, be] = d({}), [ye, Ce] = d({}), C = y?.editMode ?? ve, Q = y?.editedCells ?? we, H = y?.setEditedCells ?? be, B = y?.toDefaultCells ?? ye, F = y?.setToDefaultCells ?? Ce;
+  const [ge, xe] = u([]), f = I.headerTop, d = I.headerLeft, p = I.data, [h, H] = u(
+    T?.id ?? null
+  ), [B, F] = u(he), C = He(), [ve] = u(me && pe), [we, be] = u({}), [ye, Ce] = u({}), N = C?.editMode ?? ve, Z = C?.editedCells ?? we, g = C?.setEditedCells ?? be, O = C?.toDefaultCells ?? ye, x = C?.setToDefaultCells ?? Ce;
   re(() => {
-    L && L(!!C);
-  }, [C, L]), re(() => {
-    w?.id && P(w.id);
-  }, [w]);
-  const [s, Ne] = d(null), [Se, h] = d(!1), [z, T] = d(null), Ve = S(
+    A && A(!!N);
+  }, [N, A]), re(() => {
+    T?.id && H(T.id);
+  }, [T]);
+  const [s, Ne] = u(null), [Se, v] = u(!1), [R, D] = u(null), Ve = V(
     (t) => {
-      t && s && T(s.value), h(t);
+      t && s && D(s.value), v(t);
     },
     [s]
-  ), ke = S(() => {
-    s && z !== null ? (H((t) => ({
+  ), ke = V(() => {
+    s && R !== null ? (g((t) => ({
       ...t,
       [s.cellKey]: {
-        value: z,
+        value: R,
         cell: s.cellData
       }
-    })), B[s.cellKey] && F((t) => {
+    })), O[s.cellKey] && x((t) => {
       const e = { ...t };
       return delete e[s.cellKey], e;
     }), setTimeout(() => {
-      h(!1);
-    }, 300)) : h(!1);
-  }, [s, z, B]), ze = S(() => {
-    s && (T(s.originalValue), H((t) => {
+      v(!1);
+    }, 300)) : v(!1);
+  }, [
+    s,
+    R,
+    O,
+    g,
+    x
+  ]), ze = V(() => {
+    s && (D(s.originalValue), g((t) => {
       const e = { ...t };
       return e[s.cellKey] && delete e[s.cellKey], e;
-    }), F((t) => {
+    }), x((t) => {
       const e = { ...t };
       return e[s.cellKey] && delete e[s.cellKey], e;
-    })), h(!1);
-  }, [s]), Te = S(() => {
-    s && (H((t) => {
+    })), v(!1);
+  }, [s, g, x]), Te = V(() => {
+    s && (g((t) => {
       const e = { ...t };
       return e[s.cellKey] && delete e[s.cellKey], e;
-    }), F((t) => ({
+    }), x((t) => ({
       ...t,
       [s.cellKey]: {
         value: s.originalValue,
         cell: s.cellData
       }
-    }))), h(!1);
-  }, [s]), Re = S(
+    }))), v(!1);
+  }, [s, g, x]), Re = V(
     (t) => {
-      T(t.target.value);
+      D(t.target.value);
     },
     []
-  ), De = (t) => t && typeof t == "object" && "value" in t ? t.value : t, g = Y(() => {
-    if (!b || !u.find((o) => o.id === b)) return f;
-    const e = u.findIndex(
-      (o) => o.id === b
+  ), De = (t) => t && typeof t == "object" && "value" in t ? t.value : t, w = G(() => {
+    if (!h || !d.find((n) => n.id === h)) return f;
+    const e = d.findIndex(
+      (n) => n.id === h
     );
     if (e === -1) return f;
-    const n = f.map((o, i) => {
+    const o = f.map((n, i) => {
       const r = p[e]?.[i] ?? null, a = De(r);
-      return { header: o, value: a };
+      return { header: n, value: a };
     });
-    return n.sort((o, i) => {
-      if (typeof o.value == "number" && typeof i.value == "number")
-        return $ ? o.value - i.value : i.value - o.value;
-      const r = String(o.value ?? ""), a = String(i.value ?? "");
-      return $ ? r.localeCompare(a) : a.localeCompare(r);
-    }), n.map((o) => o.header);
-  }, [f, u, p, b, $]), Ee = Y(() => {
+    return o.sort((n, i) => {
+      if (typeof n.value == "number" && typeof i.value == "number")
+        return B ? n.value - i.value : i.value - n.value;
+      const r = String(n.value ?? ""), a = String(i.value ?? "");
+      return B ? r.localeCompare(a) : a.localeCompare(r);
+    }), o.map((n) => n.header);
+  }, [f, d, p, h, B]), je = G(() => {
     const t = [
       {
         id: "cross-header",
         header: () => /* @__PURE__ */ c("div", { className: "relative", children: [
-          /* @__PURE__ */ l("div", { className: "absolute top-0 left-2 text-xs", children: I }),
-          /* @__PURE__ */ l("div", { className: "absolute right-2 bottom-0 text-xs", children: K })
+          /* @__PURE__ */ l("div", { className: "absolute top-0 left-2 text-xs", children: M }),
+          /* @__PURE__ */ l("div", { className: "absolute right-2 bottom-0 text-xs", children: P })
         ] }),
         accessorFn: (e) => e.item,
         cell: (e) => {
-          const n = e.getValue();
-          if (!v)
-            return /* @__PURE__ */ l(x, { text: n.label, className: "w-full" });
-          const o = b === n.id;
+          const o = e.getValue();
+          if (!y)
+            return /* @__PURE__ */ l(b, { text: o.label, className: "w-full" });
+          const n = h === o.id;
           return /* @__PURE__ */ l(
-            k,
+            z,
             {
               variant: "ghost",
               size: "sm",
               iconLeft: "ArrowLeftRight",
               className: "text-right",
               onClick: () => {
-                v && (o ? A((i) => !i) : (P(u[e.row.index].id), A(!0), J && J(u[e.row.index])));
+                y && (n ? F((i) => !i) : (H(d[e.row.index].id), F(!0), L && L(d[e.row.index])));
               },
-              children: /* @__PURE__ */ l(x, { text: n.label })
+              children: /* @__PURE__ */ l(b, { text: o.label })
             }
           );
         }
       }
     ];
-    return g.forEach((e) => {
+    return w.forEach((e) => {
       t.push({
         id: e.id,
-        accessorFn: (n) => n[e.id],
-        header: ({ column: n }) => v ? /* @__PURE__ */ l(
-          k,
+        accessorFn: (o) => o[e.id],
+        header: ({ column: o }) => y ? /* @__PURE__ */ l(
+          z,
           {
             variant: "ghost",
             size: "sm",
             iconLeft: "ArrowUpDown",
-            onClick: v ? () => n.toggleSorting(n.getIsSorted() === "asc") : void 0,
+            onClick: y ? () => o.toggleSorting(o.getIsSorted() === "asc") : void 0,
             children: /* @__PURE__ */ l(
-              x,
+              b,
               {
                 text: e.label,
                 className: "w-full max-w-full min-w-0"
@@ -145,77 +151,79 @@ function ct({
             )
           }
         ) : /* @__PURE__ */ l(
-          x,
+          b,
           {
             text: e.label,
             className: "w-full max-w-full min-w-0 text-center font-medium"
           }
         ),
-        sortingFn: (n, o, i) => {
-          let r = n.getValue(i), a = o.getValue(i);
+        sortingFn: (o, n, i) => {
+          let r = o.getValue(i), a = n.getValue(i);
           return r == null && a == null ? 0 : r == null ? 1 : a == null ? -1 : (r && typeof r == "object" && "value" in r && (r = r.value), a && typeof a == "object" && "value" in a && (a = a.value), typeof r == "number" && typeof a == "number" ? r - a : String(r).localeCompare(String(a)));
         },
-        cell: (n) => {
-          const o = n.getValue();
-          return o ? o.render ? o.render(o.fromId, o.toId, o.id) : /* @__PURE__ */ l("div", { className: "flex h-full w-full min-w-0 items-center justify-center", children: /* @__PURE__ */ l(x, { text: String(o?.value ?? "") }) }) : null;
+        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(b, { text: String(n?.value ?? "") }) }) : null;
         }
       });
     }), t;
   }, [
-    g,
-    I,
-    K,
+    d,
     w,
-    v,
+    M,
     P,
-    A
-  ]), je = Y(() => u.map((t, e) => {
-    const n = { item: t };
-    return g.forEach((o) => {
-      const i = f.findIndex((r) => r.id === o.id);
-      n[o.id] = i !== -1 ? p[e]?.[i] ?? null : null;
-    }), n;
-  }), [u, g, p, f]), R = Pe({
-    data: je,
-    columns: Ee,
+    L,
+    h,
+    y,
+    H,
+    F
+  ]), Ee = G(() => d.map((t, e) => {
+    const o = { item: t };
+    return w.forEach((n) => {
+      const i = f.findIndex((r) => r.id === n.id);
+      o[n.id] = i !== -1 ? p[e]?.[i] ?? null : null;
+    }), o;
+  }), [d, w, p, f]), j = Pe({
+    data: Ee,
+    columns: je,
     state: { sorting: ge },
     onSortingChange: xe,
     getCoreRowModel: Ue(),
     getSortedRowModel: We()
-  }), Z = Le(null), ee = $e({
-    count: R.getRowModel().rows.length,
-    getScrollElement: () => Z.current,
+  }), _ = Ae(null), ee = $e({
+    count: j.getRowModel().rows.length,
+    getScrollElement: () => _.current,
     estimateSize: () => 40,
     overscan: 5,
     measureElement: typeof window < "u" ? (t) => t.getBoundingClientRect().height : void 0
   });
   if (de)
     return /* @__PURE__ */ l(
-      Ae,
+      Le,
       {
-        headerRow: g.map((t) => t.label),
-        rowCount: u.length || 5,
-        columnCount: g.length || 5,
-        className: j,
-        cornerHeaderFrom: I,
-        cornerHeaderTo: K
+        headerRow: w.map((t) => t.label),
+        rowCount: d.length || 5,
+        columnCount: w.length || 5,
+        className: K,
+        cornerHeaderFrom: M,
+        cornerHeaderTo: P
       }
     );
   const te = (t) => {
-    const e = t.column.id === "cross-header", n = e, o = ["bg-d-secondary"];
-    e || o.push("border-r"), e && o.push("sticky left-0"), o.push("sticky top-0 z-20"), n ? o.push("z-40") : e && o.push("z-30");
+    const e = t.column.id === "cross-header", o = e, n = ["bg-d-secondary"];
+    e || n.push("border-r"), e && n.push("sticky left-0"), n.push("sticky top-0 z-20"), o ? n.push("z-40") : e && n.push("z-30");
     let i = "none";
     return e && (i = "inset -1px 0 0 0 var(--d-border), 0 1px 0 0 var(--d-border)"), {
-      className: o.join(" "),
-      style: { boxShadow: i, width: `${M}px` }
+      className: n.join(" "),
+      style: { boxShadow: i, width: `${$}px` }
     };
   };
   return !p || p.length === 0 ? /* @__PURE__ */ c(
     "div",
     {
-      className: V(
+      className: k(
         "flex h-full w-full flex-col overflow-auto",
-        j ?? ""
+        K ?? ""
       ),
       children: [
         /* @__PURE__ */ l(ie, { className: "relative w-full table-fixed border-collapse", children: /* @__PURE__ */ l(
@@ -223,18 +231,18 @@ function ct({
           {
             className: "bg-d-secondary sticky top-0 z-20 w-full",
             style: { boxShadow: "0 1px 0 0 var(--d-border)" },
-            children: (R.getHeaderGroups() ?? []).map((t) => /* @__PURE__ */ l(
-              G,
+            children: (j.getHeaderGroups() ?? []).map((t) => /* @__PURE__ */ l(
+              Q,
               {
                 className: "bg-d-secondary sticky top-0 z-20",
                 children: t.headers.map((e) => {
-                  const n = te(e);
+                  const o = te(e);
                   return /* @__PURE__ */ l(
                     ce,
                     {
-                      className: n.className,
-                      style: n.style,
-                      children: e.isPlaceholder ? null : _(
+                      className: o.className,
+                      style: o.style,
+                      children: e.isPlaceholder ? null : q(
                         e.column.columnDef.header,
                         e.getContext()
                       )
@@ -250,11 +258,11 @@ function ct({
         /* @__PURE__ */ l("div", { className: "sticky top-0 left-0 flex flex-1", children: ue || fe })
       ]
     }
-  ) : /* @__PURE__ */ c("div", { className: `${V("w-[900px]", j || "")}`, children: [
+  ) : /* @__PURE__ */ c("div", { className: `${k("w-[900px]", K || "")}`, children: [
     /* @__PURE__ */ l(
       "div",
       {
-        ref: Z,
+        ref: _,
         className: "border-d-border h-fit max-h-full min-h-0 overflow-auto rounded-md border",
         children: /* @__PURE__ */ c(ie, { className: "relative w-full table-fixed border-collapse", children: [
           /* @__PURE__ */ l(
@@ -262,18 +270,18 @@ function ct({
             {
               className: "bg-d-secondary sticky top-0 z-20 w-full",
               style: { boxShadow: "0 1px 0 0 var(--d-border)" },
-              children: R.getHeaderGroups().map((t) => /* @__PURE__ */ l(
-                G,
+              children: j.getHeaderGroups().map((t) => /* @__PURE__ */ l(
+                Q,
                 {
                   className: "bg-d-secondary sticky top-0 z-20",
                   children: t.headers.map((e) => {
-                    const n = te(e);
+                    const o = te(e);
                     return /* @__PURE__ */ l(
                       ce,
                       {
-                        className: n.className,
-                        style: n.style,
-                        children: e.isPlaceholder ? null : _(
+                        className: o.className,
+                        style: o.style,
+                        children: e.isPlaceholder ? null : q(
                           e.column.columnDef.header,
                           e.getContext()
                         )
@@ -294,125 +302,129 @@ function ct({
                 position: "relative",
                 width: "100%"
               },
-              children: ee.getVirtualItems().map((t) => {
-                const e = R.getRowModel().rows[t.index];
-                return /* @__PURE__ */ l(
-                  G,
-                  {
-                    "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((n, o) => {
-                      const i = o === 0, r = n.getValue(), a = i ? "var(--d-secondary)" : r?.bgColor || "transparent", N = r.editable ?? !0;
-                      return /* @__PURE__ */ l(
-                        Ye,
-                        {
-                          onClick: (m) => {
-                            !N || !C || (m.stopPropagation(), m.preventDefault());
-                          },
-                          className: V(
-                            "border-d-border text-center",
-                            i ? "sticky left-0 z-10" : "border-r",
-                            N && C && "cursor-pointer"
-                          ),
-                          style: {
-                            boxShadow: i ? "inset -1px 0 0 0 var(--d-border)" : "none",
-                            backgroundColor: a,
-                            color: r?.textColor || "inherit",
-                            minWidth: `${M}px`,
-                            flex: `1 0 ${M}px`,
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center"
-                          },
-                          children: i || !C || !r ? (
-                            // Rendering normale per la prima colonna o quando non siamo in modalità edit
-                            _(
-                              n.column.columnDef.cell,
-                              n.getContext()
+              children: ee.getVirtualItems().map(
+                (t) => {
+                  const e = j.getRowModel().rows[t.index];
+                  return /* @__PURE__ */ l(
+                    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 i = n === 0, r = o.getValue(), a = i ? "var(--d-secondary)" : r?.bgColor || "transparent", S = r.editable ?? !0;
+                        return /* @__PURE__ */ l(
+                          Ye,
+                          {
+                            onClick: (m) => {
+                              !S || !N || (m.stopPropagation(), m.preventDefault());
+                            },
+                            className: k(
+                              "border-d-border text-center",
+                              i ? "sticky left-0 z-10" : "border-r",
+                              S && N && "cursor-pointer"
+                            ),
+                            style: {
+                              boxShadow: i ? "inset -1px 0 0 0 var(--d-border)" : "none",
+                              backgroundColor: a,
+                              color: r?.textColor || "inherit",
+                              minWidth: `${$}px`,
+                              flex: `1 0 ${$}px`,
+                              display: "flex",
+                              alignItems: "center",
+                              justifyContent: "center"
+                            },
+                            children: i || !N || !r ? (
+                              // Rendering normale per la prima colonna o quando non siamo in modalità edit
+                              q(
+                                o.column.columnDef.cell,
+                                o.getContext()
+                              )
+                            ) : (
+                              // Rendering con cella modificabile
+                              (() => {
+                                const m = `${e.index}-${o.column.id}`, E = m in Z ? Z[m].value : r.value || "", Ie = E !== r.value, le = m in O;
+                                return /* @__PURE__ */ l(
+                                  "div",
+                                  {
+                                    className: "flex w-full cursor-pointer items-center justify-center",
+                                    onClick: (Ke) => {
+                                      const W = Ke.currentTarget.getBoundingClientRect(), ne = 400, oe = 164, U = 8;
+                                      let X = W.left + window.scrollX, Y = W.bottom + 5;
+                                      const se = window.innerWidth, Me = window.innerHeight;
+                                      X + ne > se - U && (X = se - ne - U), Y + oe > Me - U && (Y = W.bottom - oe - 5), Ne({
+                                        cellKey: m,
+                                        value: E,
+                                        originalValue: r.value || "",
+                                        cellData: r,
+                                        position: { top: Y, left: X }
+                                      }), D(
+                                        E
+                                      ), v(!0);
+                                    },
+                                    children: /* @__PURE__ */ c("div", { className: "relative flex h-full max-h-full w-full max-w-full items-center justify-center gap-1", children: [
+                                      Ie && !le && /* @__PURE__ */ l(
+                                        "div",
+                                        {
+                                          className: "bg-d-primary absolute -top-1.5 -left-1.5 rounded p-1",
+                                          title: "Valore modificato"
+                                        }
+                                      ),
+                                      le && /* @__PURE__ */ l(
+                                        "div",
+                                        {
+                                          className: "bg-d-destructive absolute -top-1.5 -left-1.5 rounded p-1",
+                                          title: "Ripristino richiesto"
+                                        }
+                                      ),
+                                      /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1", children: /* @__PURE__ */ l(
+                                        "div",
+                                        {
+                                          className: k(
+                                            "h-full min-h-full w-full min-w-full truncate text-center",
+                                            S ? "text-d-muted-foreground" : "text-d-muted"
+                                          ),
+                                          children: /* @__PURE__ */ l(
+                                            b,
+                                            {
+                                              text: String(E),
+                                              className: "w-full"
+                                            }
+                                          )
+                                        }
+                                      ) }),
+                                      /* @__PURE__ */ l(
+                                        J,
+                                        {
+                                          name: S ? "Pencil" : "PencilOff",
+                                          size: "sm",
+                                          className: k(
+                                            "h-3 w-3",
+                                            S ? "text-d-muted-foreground" : "text-d-muted"
+                                          )
+                                        }
+                                      )
+                                    ] })
+                                  }
+                                );
+                              })()
                             )
-                          ) : (
-                            // Rendering con cella modificabile
-                            (() => {
-                              const m = `${e.index}-${n.column.id}`, D = m in Q ? Q[m].value : r.value || "", Ie = D !== r.value, le = m in B;
-                              return /* @__PURE__ */ l(
-                                "div",
-                                {
-                                  className: "flex w-full cursor-pointer items-center justify-center",
-                                  onClick: (Ke) => {
-                                    const O = Ke.currentTarget.getBoundingClientRect(), oe = 400, ne = 164, W = 8;
-                                    let U = O.left + window.scrollX, X = O.bottom + 5;
-                                    const se = window.innerWidth, Me = window.innerHeight;
-                                    U + oe > se - W && (U = se - oe - W), X + ne > Me - W && (X = O.bottom - ne - 5), Ne({
-                                      cellKey: m,
-                                      value: D,
-                                      originalValue: r.value || "",
-                                      cellData: r,
-                                      position: { top: X, left: U }
-                                    }), T(D), h(!0);
-                                  },
-                                  children: /* @__PURE__ */ c("div", { className: "relative flex h-full max-h-full w-full max-w-full items-center justify-center gap-1", children: [
-                                    Ie && !le && /* @__PURE__ */ l(
-                                      "div",
-                                      {
-                                        className: "bg-d-primary absolute -top-1.5 -left-1.5 rounded p-1",
-                                        title: "Valore modificato"
-                                      }
-                                    ),
-                                    le && /* @__PURE__ */ l(
-                                      "div",
-                                      {
-                                        className: "bg-d-destructive absolute -top-1.5 -left-1.5 rounded p-1",
-                                        title: "Ripristino richiesto"
-                                      }
-                                    ),
-                                    /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-1", children: /* @__PURE__ */ l(
-                                      "div",
-                                      {
-                                        className: V(
-                                          "h-full min-h-full w-full min-w-full truncate text-center",
-                                          N ? "text-d-muted-foreground" : "text-d-muted"
-                                        ),
-                                        children: /* @__PURE__ */ l(
-                                          x,
-                                          {
-                                            text: D,
-                                            className: "w-full"
-                                          }
-                                        )
-                                      }
-                                    ) }),
-                                    /* @__PURE__ */ l(
-                                      q,
-                                      {
-                                        name: N ? "Pencil" : "PencilOff",
-                                        size: "sm",
-                                        className: V(
-                                          "h-3 w-3",
-                                          N ? "text-d-muted-foreground" : "text-d-muted"
-                                        )
-                                      }
-                                    )
-                                  ] })
-                                }
-                              );
-                            })()
-                          )
-                        },
-                        n.id
-                      );
-                    })
-                  },
-                  e.id
-                );
-              })
+                          },
+                          o.id
+                        );
+                      })
+                    },
+                    e.id
+                  );
+                }
+              )
             }
           )
         ] })
@@ -441,14 +453,14 @@ function ct({
               {
                 type: "text",
                 className: "bg-d-secondary w-full rounded border p-2",
-                value: z || "",
+                value: R || "",
                 onChange: Re,
                 autoFocus: !0
               }
             ),
             /* @__PURE__ */ c("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ c(
-                k,
+                z,
                 {
                   variant: "destructive",
                   size: "sm",
@@ -456,14 +468,14 @@ function ct({
                   className: "text-xs",
                   title: "Ripristina il valore originale e segna la cella come da ripristinare",
                   children: [
-                    /* @__PURE__ */ l(q, { name: "RotateCcw", className: "mr-1 h-3 w-3" }),
+                    /* @__PURE__ */ l(J, { name: "RotateCcw", className: "mr-1 h-3 w-3" }),
                     "Ripristina"
                   ]
                 }
               ),
               /* @__PURE__ */ c("div", { className: "flex space-x-2", children: [
                 /* @__PURE__ */ l(
-                  k,
+                  z,
                   {
                     variant: "ghost",
                     size: "sm",
@@ -474,14 +486,14 @@ function ct({
                   }
                 ),
                 /* @__PURE__ */ c(
-                  k,
+                  z,
                   {
                     size: "sm",
                     onClick: ke,
                     className: "text-xs",
                     title: "Conferma le modifiche e salva",
                     children: [
-                      /* @__PURE__ */ l(q, { name: "Check", className: "mr-1 h-3 w-3" }),
+                      /* @__PURE__ */ l(J, { name: "Check", className: "mr-1 h-3 w-3" }),
                       "Conferma"
                     ]
                   }
@@ -495,5 +507,5 @@ function ct({
   ] });
 }
 export {
-  ct as DataCrossTable
+  at as DataCrossTable
 };