laif-ds 0.1.37 → 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,329 +1,409 @@
 "use client";
-import { jsxs as O, jsx as i } from "react/jsx-runtime";
-import { useState as g, useEffect as Y, useMemo as B, 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 I } 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 F, 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 De({
-  crossTableData: N,
-  filterable: h = !1,
-  loading: Q = !1,
-  emptyComponent: X,
-  className: z,
-  notFoundMessage: Z = "Nessun risultato trovato.",
-  cornerHeaderFrom: T = "Da",
-  cornerHeaderTo: j = "A",
-  maxHeaderLength: x = 15,
-  minWidthCell: k = 160,
-  editable: V = !1,
-  editMode: H = !1,
-  editConfirmLabel: W = "Conferma",
-  editCancelLabel: ee = "Annulla",
-  onConfirmedCells: R,
-  onEditModeChange: E,
-  onSelectedRow: _,
-  selectedRow: a,
-  rowSortAsc: te = !0
+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: 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 = N.headerTop, d = N.headerLeft, f = N.data, [b, $] = g(
-    (a == null ? void 0 : a.id) ?? null
-  ), [A, M] = g(te), [S, ne] = g(V && H);
-  Y(() => {
-    E && E(!!S);
-  }, [S, E]), Y(() => {
-    a != null && a.id && $(a.id);
-  }, [a]);
-  const [v, w] = g({}), [K, D] = g({}), le = (l) => l && typeof l == "object" && "value" in l ? l.value : l, c = B(() => {
-    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, s) => {
-      var m;
-      const o = ((m = f[t]) == null ? void 0 : m[s]) ?? null, n = le(o);
-      return { header: e, value: n };
+    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, s) => {
-      if (typeof e.value == "number" && typeof s.value == "number")
-        return A ? e.value - s.value : s.value - e.value;
-      const o = String(e.value ?? ""), n = String(s.value ?? "");
-      return A ? o.localeCompare(n) : n.localeCompare(o);
-    }), r.map((e) => e.header);
-  }, [u, d, f, b, A]), se = B(() => {
-    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__ */ O("div", { className: "relative", children: [
-          /* @__PURE__ */ i("div", { className: "absolute top-0 left-2 text-xs", children: T }),
-          /* @__PURE__ */ i("div", { className: "absolute right-2 bottom-0 text-xs", children: j })
+        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(
-              I,
+        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 ? M((s) => !s) : ($(d[t.row.index].id), M(!0), _ && _(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(I, { 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(I, { 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(
-          I,
+        ) : /* @__PURE__ */ o(
+          R,
           {
-            text: t.label,
-            maxLength: x,
+            text: e.label,
+            maxLength: C,
             className: "font-medium"
           }
         ),
-        sortingFn: (r, e, s) => {
-          let o = r.getValue(s), n = e.getValue(s);
-          return o == null && n == null ? 0 : o == null ? 1 : n == null ? -1 : (o && typeof o == "object" && "value" in o && (o = o.value), n && typeof n == "object" && "value" in n && (n = n.value), typeof o == "number" && typeof n == "number" ? o - n : String(o).localeCompare(String(n)));
+        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,
-    T,
-    j,
-    a,
     h,
-    x,
-    $,
-    M
-  ]), ie = B(() => d.map((l, t) => {
-    const r = { item: l };
-    return c.forEach((e) => {
-      var o;
-      const s = u.findIndex((n) => n.id === e.id);
-      r[e.id] = s !== -1 ? ((o = f[t]) == null ? void 0 : o[s]) ?? 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, f, u]), L = 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 (!f || f.length === 0)
-    return /* @__PURE__ */ i("div", { className: z, children: /* @__PURE__ */ i(F, { 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: z,
-        cornerHeaderFrom: T,
-        cornerHeaderTo: j
+        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 s = "none";
-    return t && (s = "inset -1px 0 0 0 var(--d-border), 0 1px 0 0 var(--d-border)"), {
-      className: e.join(" "),
-      style: { boxShadow: s, width: `${k}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: L.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__ */ O("div", { className: `w-[900px] ${z || ""}`, children: [
-    V && /* @__PURE__ */ i(
-      ge,
+  return /* @__PURE__ */ c("div", { className: `w-[900px] ${A || ""}`, children: [
+    O && /* @__PURE__ */ o(
+      Te,
       {
-        editable: V,
-        editConfirmLabel: W,
-        editCancelLabel: ee,
-        editMode: S,
-        setEditMode: ne,
-        editedCount: Object.keys(v).length,
+        editable: O,
+        editConfirmLabel: ie,
+        editCancelLabel: ae,
+        editRestoreDefaultLabel: "Ripristina Default",
+        editMode: j,
+        setEditMode: fe,
+        editedCount: Object.keys(N).length,
+        defaultCount: Object.keys(p).length,
+        restoreDefault: () => {
+          if (V) {
+            const t = Object.entries(p).map(
+              ([r, { value: n, cell: i }]) => ({
+                fromId: i.fromId,
+                toId: i.toId,
+                id: i.id,
+                value: n
+              })
+            );
+            V({
+              editedCells: [],
+              toDefaultCells: t
+            });
+          }
+          x({});
+        },
         confirmAll: () => {
-          if (R && (Object.keys(v).length > 0 || Object.keys(K).length > 0)) {
-            const t = Object.entries(v).map(
-              ([s, { value: o, cell: n }]) => ({
-                fromId: n.fromId,
-                toId: n.toId,
-                id: n.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(K).map(
-              ([s, { value: o, cell: n }]) => ({
-                fromId: n.fromId,
-                toId: n.toId,
-                id: n.id,
-                value: o
+            ), r = Object.entries(p).map(
+              ([i, { value: s, cell: a }]) => ({
+                fromId: a.fromId,
+                toId: a.toId,
+                id: a.id,
+                value: s
               })
             );
-            R({
-              editedCells: t,
+            V({
+              editedCells: e,
               toDefaultCells: r
             });
           }
-          w({}), D({});
+          S({}), x({});
         },
         cancelAll: () => {
-          w({}), D({});
+          S({}), x({});
         }
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ o(
       "div",
       {
-        ref: P,
+        ref: G,
         className: "max-h-[600px] overflow-auto rounded-md border",
-        children: /* @__PURE__ */ O(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: L.getHeaderGroups().map((l) => /* @__PURE__ */ i(
-                F,
+              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 = L.getRowModel().rows[l.index];
-                return /* @__PURE__ */ i(
-                  F,
+              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 s = e === 0, o = r.getValue(), n = s ? "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 ${s ? "sticky left-0 z-10" : "border-r"}`,
+                          className: `text-center ${i ? "sticky left-0 z-10" : "border-r"}`,
                           style: {
-                            boxShadow: s ? "inset -1px 0 0 0 var(--d-border)" : "none",
-                            backgroundColor: n,
-                            width: `${k}px`,
-                            flex: s ? "0 0 auto" : `1 0 ${k}px`,
+                            boxShadow: i ? "inset -1px 0 0 0 var(--d-border)" : "none",
+                            backgroundColor: a,
+                            width: `${E}px`,
+                            flex: i ? "0 0 auto" : `1 0 ${E}px`,
                             display: "flex",
                             alignItems: "center",
                             justifyContent: "center"
                           },
-                          children: s || !S || !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 m = `${t.index}-${r.column.id}`, de = m in v ? v[m].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: m,
-                                  cellData: o,
-                                  onChange: (y, C) => {
-                                    w((p) => ({
-                                      ...p,
-                                      [y]: { value: C, cell: o }
-                                    }));
-                                  },
-                                  resetCell: (y) => {
-                                    w((C) => {
-                                      const p = { ...C };
-                                      return delete p[y], 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: (y, C, p) => {
-                                    D((ue) => ({
-                                      ...ue,
-                                      [y]: { value: C, 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"
+                                      }
+                                    ) })
+                                  ] })
                                 }
                               );
                             })()
@@ -333,16 +413,89 @@ function De({
                       );
                     })
                   },
-                  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 {
-  De as DataCrossTable
+  We as DataCrossTable
 };

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

@@ -1,47 +1,38 @@
 "use client";
-import { jsxs as o, jsx as r, Fragment as h } from "react/jsx-runtime";
-import { memo as l } from "react";
-import { Switch as u } from "../../switch.js";
-import { Button as m } from "../../button.js";
-const f = l(
-  ({
-    onClick: e,
-    label: t,
-    count: n
-  }) => /* @__PURE__ */ o(m, { size: "sm", onClick: e, children: [
-    t,
-    " ",
-    n > 0 && `(${n})`
-  ] })
-), p = l(
-  ({ onClick: e, label: t }) => /* @__PURE__ */ r(m, { variant: "ghost", size: "sm", onClick: e, children: t })
-);
-function k({
-  editConfirmLabel: e,
-  editCancelLabel: t,
-  editMode: n,
-  setEditMode: c,
-  editedCount: i,
-  confirmAll: s,
-  cancelAll: a,
-  editable: d
+import { jsxs as r, jsx as c, Fragment as l } from "react/jsx-runtime";
+import { Switch as x } from "../../switch.js";
+import { Button as n } from "../../button.js";
+function z({
+  editConfirmLabel: t,
+  editCancelLabel: o,
+  editRestoreDefaultLabel: h = "Restore Default",
+  editMode: s,
+  setEditMode: a,
+  editedCount: e,
+  defaultCount: i = 0,
+  confirmAll: d,
+  cancelAll: k,
+  restoreDefault: m,
+  editable: p
 }) {
-  return d ? /* @__PURE__ */ o("div", { className: "mb-2 flex items-center gap-2", children: [
-    /* @__PURE__ */ r(u, { id: "edit-mode", checked: n, onCheckedChange: c }),
-    /* @__PURE__ */ r("label", { htmlFor: "edit-mode", className: "text-sm select-none", children: "Edit mode" }),
-    n && i > 0 && /* @__PURE__ */ o(h, { children: [
-      /* @__PURE__ */ r(
-        f,
-        {
-          onClick: s,
-          label: e,
-          count: i
-        }
-      ),
-      /* @__PURE__ */ r(p, { onClick: a, label: t })
+  return p ? /* @__PURE__ */ r("div", { className: "mb-2 flex items-center gap-2", children: [
+    /* @__PURE__ */ c(x, { id: "edit-mode", checked: s, onCheckedChange: a }),
+    /* @__PURE__ */ c("label", { htmlFor: "edit-mode", className: "text-sm select-none", children: "Edit mode" }),
+    s && /* @__PURE__ */ r(l, { children: [
+      e > 0 && /* @__PURE__ */ c(l, { children: /* @__PURE__ */ r(n, { size: "sm", onClick: d, children: [
+        t,
+        " ",
+        e > 0 && `(${e})`
+      ] }) }),
+      i > 0 && m && /* @__PURE__ */ r(n, { size: "sm", onClick: m, variant: "destructive", children: [
+        h,
+        " ",
+        i > 0 && `(${i})`
+      ] }),
+      (e > 0 || i > 0) && /* @__PURE__ */ c(n, { size: "sm", variant: "ghost", onClick: k, children: o })
     ] })
   ] }) : null;
 }
 export {
-  k as EditControls
+  z as EditControls
 };

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.37",
+  "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,100 +0,0 @@
-"use client";
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { memo as k, useState as v, useCallback as o } from "react";
-import { Popover as z, PopoverTrigger as I, PopoverContent as P } from "../../popover.js";
-import { Icon as h } from "../../icon.js";
-import { Button as p } from "../../button.js";
-const E = k(
-  ({
-    value: i,
-    onChange: u,
-    resetCell: a,
-    resetToDefault: l,
-    cellKey: n,
-    originalValue: s,
-    cellData: m
-  }) => {
-    const [N, r] = v(!1), [d, f] = v(i), C = (c) => {
-      c && f(i), r(c);
-    }, g = o(
-      (c) => {
-        f(c.target.value);
-      },
-      []
-    ), w = o(() => {
-      u(n, d), r(!1);
-    }, [u, n, d]), b = o(() => {
-      f(s ?? null), a(n), r(!1);
-    }, [s, a, n]), j = o(() => {
-      a(n), m && l && l(n, s, m), r(!1);
-    }, [l, a, n, s, m]), x = i !== s;
-    return /* @__PURE__ */ t(z, { open: N, onOpenChange: C, children: [
-      /* @__PURE__ */ e(I, { 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: [
-        i || "",
-        x && /* @__PURE__ */ e("div", { className: "bg-d-primary text-d-primary-foreground absolute top-0 left-0 rounded p-1" }),
-        /* @__PURE__ */ e("span", { className: "text-d-muted-foreground ml-1 inline-flex items-center", children: /* @__PURE__ */ e(h, { name: "Pencil", size: "sm", className: "h-3 w-3" }) })
-      ] }) }) }),
-      /* @__PURE__ */ e(P, { 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" }),
-          x && /* @__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: d || "",
-            onChange: g,
-            autoFocus: !0
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ t(
-            p,
-            {
-              variant: "destructive",
-              size: "sm",
-              onClick: j,
-              className: "text-xs",
-              title: "Ripristina il valore originale e segna la cella come da ripristinare",
-              children: [
-                /* @__PURE__ */ e(h, { 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: b,
-                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(h, { name: "Check", className: "mr-1 h-3 w-3" }),
-                  "Conferma"
-                ]
-              }
-            )
-          ] })
-        ] })
-      ] }) })
-    ] });
-  }
-);
-export {
-  E as EditableInput
-};