laif-ds 0.1.38 → 0.1.39

package/dist/_virtual/index.js

@@ -1,6 +1,3 @@
 "use client";
-import { __require as r } from "../node_modules/use-sync-external-store/shim/index.js";
-var i = r();
-export {
-  i as s
-};
+import { __require as e } from "../node_modules/react-is/index.js";
+e();

package/dist/_virtual/index2.js

@@ -1,5 +1,6 @@
 "use client";
-var e = { exports: {} };
+import { __require as r } from "../node_modules/use-sync-external-store/shim/index.js";
+var i = r();
 export {
-  e as __module
+  i as s
 };

package/dist/_virtual/index3.js

@@ -1,3 +1,5 @@
 "use client";
-import { __require as e } from "../node_modules/react-is/index.js";
-e();
+var e = { exports: {} };
+export {
+  e as __module
+};

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

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

package/dist/node_modules/@radix-ui/react-use-is-hydrated/dist/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { s as e } from "../../../../_virtual/index.js";
+import { s as e } from "../../../../_virtual/index2.js";
 function s() {
   return e.useSyncExternalStore(
     r,

package/dist/node_modules/react-is/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { __module as e } from "../../_virtual/index4.js";
+import { __module as e } from "../../_virtual/index3.js";
 import { __require as t } from "./cjs/react-is.production.min.js";
 import { __require as o } from "./cjs/react-is.development.js";
 var r;

package/dist/node_modules/recharts/es6/util/ReactUtils.js

@@ -5,7 +5,7 @@ import "../../../../_virtual/isString.js";
 import f from "../../../../_virtual/isFunction.js";
 import s from "../../../../_virtual/isObject.js";
 import { isValidElement as d } from "react";
-import "../../../../_virtual/index3.js";
+import "../../../../_virtual/index.js";
 import { SVGElementPropKeys as m, EventKeys as p, FilteredElementKeyMap as o } from "./types.js";
 var h = function(i) {
   return typeof i == "string" ? i : i ? i.displayName || i.name || "Component" : "";

package/dist/node_modules/use-sync-external-store/shim/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { __module as e } from "../../../_virtual/index2.js";
+import { __module as e } from "../../../_virtual/index4.js";
 import { __require as i } from "../cjs/use-sync-external-store-shim.production.js";
 import { __require as o } from "../cjs/use-sync-external-store-shim.development.js";
 var r;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "laif-ds",
   "private": false,
-  "version": "0.1.38",
+  "version": "0.1.39",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",

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

@@ -1,102 +0,0 @@
-"use client";
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { memo as z, useState as N, useCallback as o } from "react";
-import { Popover as I, PopoverTrigger as P, PopoverContent as R } from "../../popover.js";
-import { Icon as f } from "../../icon.js";
-import { Button as p } from "../../button.js";
-const S = z(
-  ({
-    value: n,
-    onChange: u,
-    resetCell: a,
-    resetToDefault: l,
-    cellKey: s,
-    originalValue: i,
-    cellData: d,
-    isMarkedForReset: x = !1
-  }) => {
-    const [C, r] = N(!1), [m, h] = N(n), g = (c) => {
-      c && h(n), r(c);
-    }, b = o(
-      (c) => {
-        h(c.target.value);
-      },
-      []
-    ), w = o(() => {
-      u(s, m), r(!1);
-    }, [u, s, m]), j = o(() => {
-      h(i ?? null), a(s), r(!1);
-    }, [i, a, s]), k = o(() => {
-      a(s), d && l && l(s, i, d), r(!1);
-    }, [l, a, s, i, d]), v = n !== i;
-    return /* @__PURE__ */ t(I, { open: C, onOpenChange: g, children: [
-      /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex w-full cursor-pointer items-center justify-center", children: /* @__PURE__ */ t("div", { className: "relative w-full flex-1 items-center justify-center text-center", children: [
-        n || "",
-        v && !x && /* @__PURE__ */ e("div", { className: "bg-d-primary absolute top-0 left-0 rounded p-1", title: "Valore modificato" }),
-        x && /* @__PURE__ */ e("div", { className: "bg-d-destructive absolute top-0 right-0 rounded p-1", title: "Ripristino richiesto" }),
-        /* @__PURE__ */ e("span", { className: "text-d-muted-foreground ml-1 inline-flex items-center", children: /* @__PURE__ */ e(f, { name: "Pencil", size: "sm", className: "h-3 w-3" }) })
-      ] }) }) }),
-      /* @__PURE__ */ e(R, { className: "w-[400px] p-4", children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ e("div", { className: "font-medium", children: "Modifica valore" }),
-          v && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground text-xs", children: "Valore modificato" })
-        ] }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            className: "bg-d-secondary w-full rounded border p-2",
-            value: m || "",
-            onChange: b,
-            autoFocus: !0
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ t(
-            p,
-            {
-              variant: "destructive",
-              size: "sm",
-              onClick: k,
-              className: "text-xs",
-              title: "Ripristina il valore originale e segna la cella come da ripristinare",
-              children: [
-                /* @__PURE__ */ e(f, { name: "RotateCcw", className: "mr-1 h-3 w-3" }),
-                "Ripristina"
-              ]
-            }
-          ),
-          /* @__PURE__ */ t("div", { className: "flex space-x-2", children: [
-            /* @__PURE__ */ e(
-              p,
-              {
-                variant: "ghost",
-                size: "sm",
-                onClick: j,
-                className: "text-xs",
-                title: "Annulla le modifiche correnti e chiudi",
-                children: "Annulla"
-              }
-            ),
-            /* @__PURE__ */ t(
-              p,
-              {
-                size: "sm",
-                onClick: w,
-                className: "text-xs",
-                title: "Conferma le modifiche e salva",
-                children: [
-                  /* @__PURE__ */ e(f, { name: "Check", className: "mr-1 h-3 w-3" }),
-                  "Conferma"
-                ]
-              }
-            )
-          ] })
-        ] })
-      ] }) })
-    ] });
-  }
-);
-export {
-  S as EditableInput
-};