laif-ds 0.1.67 → 0.1.68

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

@@ -29,81 +29,74 @@ function ut({
   selectedRow: u,
   rowSortAsc: ve = !0
 }) {
-  var le, re;
+  var le, ne;
   const [xe, be] = f([]), p = I.headerTop, m = I.headerLeft, g = I.data, [w, $] = f(
     (u == null ? void 0 : u.id) ?? null
-  ), [A, P] = f(ve);
-  let c = null;
-  try {
-    c = Fe();
-  } catch {
-    c = null;
-  }
-  const [we, Ge] = f(he && ge), [ye, Ce] = f({}), [Ne, Se] = f({}), S = (c == null ? void 0 : c.editMode) ?? we, Q = (c == null ? void 0 : c.editedCells) ?? ye, H = (c == null ? void 0 : c.setEditedCells) ?? Ce, B = (c == null ? void 0 : c.toDefaultCells) ?? Ne, F = (c == null ? void 0 : c.setToDefaultCells) ?? Se;
+  ), [A, P] = f(ve), c = Fe(), [we, Ge] = f(he && ge), [ye, Ce] = f({}), [Ne, Se] = f({}), S = (c == null ? void 0 : c.editMode) ?? we, Q = (c == null ? void 0 : c.editedCells) ?? ye, H = (c == null ? void 0 : c.setEditedCells) ?? Ce, B = (c == null ? void 0 : c.toDefaultCells) ?? Ne, F = (c == null ? void 0 : c.setToDefaultCells) ?? Se;
   ae(() => {
     L && L(!!S);
   }, [S, L]), ae(() => {
     u != null && u.id && $(u.id);
   }, [u]);
-  const [n, ze] = f(null), [ke, v] = f(!1), [z, k] = f(null), Te = y(
+  const [r, ze] = f(null), [ke, v] = f(!1), [z, k] = f(null), Te = y(
     (t) => {
-      t && n && k(n.value), v(t);
+      t && r && k(r.value), v(t);
     },
-    [n]
+    [r]
   ), Ee = y(() => {
-    n && z !== null ? (H((t) => ({
+    r && z !== null ? (H((t) => ({
       ...t,
-      [n.cellKey]: {
+      [r.cellKey]: {
         value: z,
-        cell: n.cellData
+        cell: r.cellData
       }
-    })), B[n.cellKey] && F((t) => {
+    })), B[r.cellKey] && F((t) => {
       const e = { ...t };
-      return delete e[n.cellKey], e;
+      return delete e[r.cellKey], e;
     }), setTimeout(() => {
       v(!1);
     }, 300)) : v(!1);
-  }, [n, z, B]), je = y(() => {
-    n && (k(n.originalValue), H((t) => {
+  }, [r, z, B]), je = y(() => {
+    r && (k(r.originalValue), H((t) => {
       const e = { ...t };
-      return e[n.cellKey] && delete e[n.cellKey], e;
+      return e[r.cellKey] && delete e[r.cellKey], e;
     }), F((t) => {
       const e = { ...t };
-      return e[n.cellKey] && delete e[n.cellKey], e;
+      return e[r.cellKey] && delete e[r.cellKey], e;
     })), v(!1);
-  }, [n]), De = y(() => {
-    n && (H((t) => {
+  }, [r]), De = y(() => {
+    r && (H((t) => {
       const e = { ...t };
-      return e[n.cellKey] && delete e[n.cellKey], e;
+      return e[r.cellKey] && delete e[r.cellKey], e;
     }), F((t) => ({
       ...t,
-      [n.cellKey]: {
-        value: n.originalValue,
-        cell: n.cellData
+      [r.cellKey]: {
+        value: r.originalValue,
+        cell: r.cellData
       }
     }))), v(!1);
-  }, [n]), Ie = y(
+  }, [r]), Ie = y(
     (t) => {
       k(t.target.value);
     },
     []
   ), Ke = (t) => t && typeof t == "object" && "value" in t ? t.value : t, x = Y(() => {
-    if (!w || !m.find((r) => r.id === w)) return p;
+    if (!w || !m.find((n) => n.id === w)) return p;
     const e = m.findIndex(
-      (r) => r.id === w
+      (n) => n.id === w
     );
     if (e === -1) return p;
-    const o = p.map((r, i) => {
+    const o = p.map((n, i) => {
       var h;
       const s = ((h = g[e]) == null ? void 0 : h[i]) ?? null, a = Ke(s);
-      return { header: r, value: a };
+      return { header: n, value: a };
     });
-    return o.sort((r, i) => {
-      if (typeof r.value == "number" && typeof i.value == "number")
-        return A ? r.value - i.value : i.value - r.value;
-      const s = String(r.value ?? ""), a = String(i.value ?? "");
+    return o.sort((n, i) => {
+      if (typeof n.value == "number" && typeof i.value == "number")
+        return A ? n.value - i.value : i.value - n.value;
+      const s = String(n.value ?? ""), a = String(i.value ?? "");
       return A ? s.localeCompare(a) : a.localeCompare(s);
-    }), o.map((r) => r.header);
+    }), o.map((n) => n.header);
   }, [p, m, g, w, A]), Me = Y(() => {
     const t = [
       {
@@ -117,7 +110,7 @@ function ut({
           const o = e.getValue();
           if (!b)
             return /* @__PURE__ */ l(D, { text: o.label, className: "w-full" });
-          const r = w === o.id;
+          const n = w === o.id;
           return /* @__PURE__ */ l(
             N,
             {
@@ -126,7 +119,7 @@ function ut({
               iconLeft: "ArrowLeftRight",
               className: "text-right",
               onClick: () => {
-                b && (r ? P((i) => !i) : ($(m[e.row.index].id), P(!0), J && J(m[e.row.index])));
+                b && (n ? P((i) => !i) : ($(m[e.row.index].id), P(!0), J && J(m[e.row.index])));
               },
               children: /* @__PURE__ */ l(D, { text: o.label })
             }
@@ -160,13 +153,13 @@ function ut({
             className: "w-full max-w-full min-w-0 text-center font-medium"
           }
         ),
-        sortingFn: (o, r, i) => {
-          let s = o.getValue(i), a = r.getValue(i);
+        sortingFn: (o, n, i) => {
+          let s = o.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: (o) => {
-          const r = o.getValue();
-          return r ? r.render ? r.render(r.fromId, r.toId, r.id) : /* @__PURE__ */ l("div", { className: "flex h-full w-full min-w-0 items-center justify-center", children: /* @__PURE__ */ l("div", { className: "h-5 w-full max-w-full min-w-0 truncate text-center", children: r.value }) }) : null;
+          const n = o.getValue();
+          return n ? n.render ? n.render(n.fromId, n.toId, n.id) : /* @__PURE__ */ l("div", { className: "flex h-full w-full min-w-0 items-center justify-center", children: /* @__PURE__ */ l("div", { className: "h-5 w-full max-w-full min-w-0 truncate text-center", children: n.value }) }) : null;
         }
       });
     }), t;
@@ -180,10 +173,10 @@ function ut({
     P
   ]), Ve = Y(() => m.map((t, e) => {
     const o = { item: t };
-    return x.forEach((r) => {
+    return x.forEach((n) => {
       var s;
-      const i = p.findIndex((a) => a.id === r.id);
-      o[r.id] = i !== -1 ? ((s = g[e]) == null ? void 0 : s[i]) ?? null : null;
+      const i = p.findIndex((a) => a.id === n.id);
+      o[n.id] = i !== -1 ? ((s = g[e]) == null ? void 0 : s[i]) ?? null : null;
     }), o;
   }), [m, x, g, p]), T = Pe({
     data: Ve,
@@ -192,6 +185,12 @@ function ut({
     onSortingChange: be,
     getCoreRowModel: qe(),
     getSortedRowModel: _e()
+  }), Z = Ae(null), ee = He({
+    count: T.getRowModel().rows.length,
+    getScrollElement: () => Z.current,
+    estimateSize: () => 40,
+    overscan: 5,
+    measureElement: typeof window < "u" ? (t) => t.getBoundingClientRect().height : void 0
   });
   if (fe)
     return /* @__PURE__ */ l(
@@ -205,69 +204,60 @@ function ut({
         cornerHeaderTo: V
       }
     );
-  const Z = (t) => {
-    const e = t.column.id === "cross-header", o = e, r = ["bg-d-secondary"];
-    e || r.push("border-r"), e && r.push("sticky left-0"), r.push("sticky top-0 z-20"), o ? r.push("z-40") : e && r.push("z-30");
+  const te = (t) => {
+    const e = t.column.id === "cross-header", o = e, n = ["bg-d-secondary"];
+    e || n.push("border-r"), e && n.push("sticky left-0"), n.push("sticky top-0 z-20"), o ? n.push("z-40") : e && n.push("z-30");
     let i = "none";
     return e && (i = "inset -1px 0 0 0 var(--d-border), 0 1px 0 0 var(--d-border)"), {
-      className: r.join(" "),
+      className: n.join(" "),
       style: { boxShadow: i, width: `${R}px` }
     };
   };
-  if (!g || g.length === 0)
-    return /* @__PURE__ */ d(
-      "div",
-      {
-        className: C(
-          "flex h-full w-full flex-col overflow-auto",
-          K ?? ""
-        ),
-        children: [
-          /* @__PURE__ */ l(ce, { className: "relative w-full table-fixed border-collapse", children: /* @__PURE__ */ l(
-            de,
-            {
-              className: "bg-d-secondary sticky top-0 z-20 w-full",
-              style: { boxShadow: "0 1px 0 0 var(--d-border)" },
-              children: (T.getHeaderGroups() ?? []).map((t) => /* @__PURE__ */ l(
-                G,
-                {
-                  className: "bg-d-secondary sticky top-0 z-20",
-                  children: t.headers.map((e) => {
-                    const o = Z(e);
-                    return /* @__PURE__ */ l(
-                      ue,
-                      {
-                        className: o.className,
-                        style: o.style,
-                        children: e.isPlaceholder ? null : _(
-                          e.column.columnDef.header,
-                          e.getContext()
-                        )
-                      },
-                      e.id
-                    );
-                  })
-                },
-                t.id
-              ))
-            }
-          ) }),
-          /* @__PURE__ */ l("div", { className: "sticky top-0 left-0 flex flex-1", children: me || pe })
-        ]
-      }
-    );
-  const ee = Ae(null), te = He({
-    count: T.getRowModel().rows.length,
-    getScrollElement: () => ee.current,
-    estimateSize: () => 40,
-    overscan: 5,
-    measureElement: typeof window < "u" ? (t) => t.getBoundingClientRect().height : void 0
-  });
-  return /* @__PURE__ */ d("div", { className: `${C("w-[900px]", K || "")}`, children: [
+  return !g || g.length === 0 ? /* @__PURE__ */ d(
+    "div",
+    {
+      className: C(
+        "flex h-full w-full flex-col overflow-auto",
+        K ?? ""
+      ),
+      children: [
+        /* @__PURE__ */ l(ce, { className: "relative w-full table-fixed border-collapse", children: /* @__PURE__ */ l(
+          de,
+          {
+            className: "bg-d-secondary sticky top-0 z-20 w-full",
+            style: { boxShadow: "0 1px 0 0 var(--d-border)" },
+            children: (T.getHeaderGroups() ?? []).map((t) => /* @__PURE__ */ l(
+              G,
+              {
+                className: "bg-d-secondary sticky top-0 z-20",
+                children: t.headers.map((e) => {
+                  const o = te(e);
+                  return /* @__PURE__ */ l(
+                    ue,
+                    {
+                      className: o.className,
+                      style: o.style,
+                      children: e.isPlaceholder ? null : _(
+                        e.column.columnDef.header,
+                        e.getContext()
+                      )
+                    },
+                    e.id
+                  );
+                })
+              },
+              t.id
+            ))
+          }
+        ) }),
+        /* @__PURE__ */ l("div", { className: "sticky top-0 left-0 flex flex-1", children: me || pe })
+      ]
+    }
+  ) : /* @__PURE__ */ d("div", { className: `${C("w-[900px]", K || "")}`, children: [
     /* @__PURE__ */ l(
       "div",
       {
-        ref: ee,
+        ref: Z,
         className: "border-d-border h-fit max-h-full min-h-0 overflow-auto rounded-md border",
         children: /* @__PURE__ */ d(ce, { className: "relative w-full table-fixed border-collapse", children: [
           /* @__PURE__ */ l(
@@ -280,7 +270,7 @@ function ut({
                 {
                   className: "bg-d-secondary sticky top-0 z-20",
                   children: t.headers.map((e) => {
-                    const o = Z(e);
+                    const o = te(e);
                     return /* @__PURE__ */ l(
                       ue,
                       {
@@ -303,11 +293,11 @@ function ut({
             Xe,
             {
               style: {
-                height: `${te.getTotalSize()}px`,
+                height: `${ee.getTotalSize()}px`,
                 position: "relative",
                 width: "100%"
               },
-              children: te.getVirtualItems().map((t) => {
+              children: ee.getVirtualItems().map((t) => {
                 const e = T.getRowModel().rows[t.index];
                 return /* @__PURE__ */ l(
                   G,
@@ -322,8 +312,8 @@ function ut({
                       height: `${t.size}px`,
                       display: "flex"
                     },
-                    children: e.getVisibleCells().map((o, r) => {
-                      const i = r === 0, s = o.getValue(), a = i ? "var(--d-secondary)" : (s == null ? void 0 : s.bgColor) || "transparent", h = s.editable ?? !0;
+                    children: e.getVisibleCells().map((o, n) => {
+                      const i = n === 0, s = o.getValue(), a = i ? "var(--d-secondary)" : (s == null ? void 0 : s.bgColor) || "transparent", h = s.editable ?? !0;
                       return /* @__PURE__ */ l(
                         Ye,
                         {
@@ -351,7 +341,7 @@ function ut({
                           ) : (
                             // Rendering con cella modificabile
                             (() => {
-                              const E = `${e.index}-${o.column.id}`, j = E in Q ? Q[E].value : s.value || "", Re = j !== s.value, ne = E in B;
+                              const E = `${e.index}-${o.column.id}`, j = E in Q ? Q[E].value : s.value || "", Re = j !== s.value, re = E in B;
                               return /* @__PURE__ */ l(
                                 "div",
                                 {
@@ -369,14 +359,14 @@ function ut({
                                     }), k(j), v(!0);
                                   },
                                   children: /* @__PURE__ */ d("div", { className: "relative flex h-full max-h-full w-full max-w-full items-center justify-center gap-1", children: [
-                                    Re && !ne && /* @__PURE__ */ l(
+                                    Re && !re && /* @__PURE__ */ l(
                                       "div",
                                       {
                                         className: "bg-d-primary absolute -top-1.5 -left-1.5 rounded p-1",
                                         title: "Valore modificato"
                                       }
                                     ),
-                                    ne && /* @__PURE__ */ l(
+                                    re && /* @__PURE__ */ l(
                                       "div",
                                       {
                                         className: "bg-d-destructive absolute -top-1.5 -left-1.5 rounded p-1",
@@ -431,14 +421,14 @@ function ut({
           sideOffset: 5,
           style: {
             position: "absolute",
-            top: ((le = n == null ? void 0 : n.position) == null ? void 0 : le.top) ?? 0,
-            left: ((re = n == null ? void 0 : n.position) == null ? void 0 : re.left) ?? 0,
+            top: ((le = r == null ? void 0 : r.position) == null ? void 0 : le.top) ?? 0,
+            left: ((ne = r == null ? void 0 : r.position) == null ? void 0 : ne.left) ?? 0,
             zIndex: 50
           },
           children: /* @__PURE__ */ d("div", { className: "space-y-4", children: [
             /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ l("div", { className: "font-medium", children: "Modifica valore" }),
-              n && n.value !== n.originalValue && /* @__PURE__ */ l("div", { className: "text-d-muted-foreground text-xs", children: "Valore modificato" })
+              r && r.value !== r.originalValue && /* @__PURE__ */ l("div", { className: "text-d-muted-foreground text-xs", children: "Valore modificato" })
             ] }),
             /* @__PURE__ */ l(
               "input",

package/package.json

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