laif-ds 0.1.62 → 0.1.63

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

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