laif-ds 0.1.62 → 0.1.64

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