laif-ds 0.1.34 → 0.1.36

package/dist/_virtual/index.js

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

package/dist/_virtual/index3.js

@@ -1,8 +1,3 @@
 "use client";
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
-var t = e();
-const a = /* @__PURE__ */ r(t);
-export {
-  a as default
-};
+import { __require as e } from "../node_modules/react-is/index.js";
+e();

package/dist/_virtual/index4.js

@@ -1,8 +1,5 @@
 "use client";
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/extend/index.js";
-var t = r();
-const x = /* @__PURE__ */ e(t);
+var e = { exports: {} };
 export {
-  x as default
+  e as __module
 };

package/dist/_virtual/index5.js

@@ -1,8 +1,8 @@
 "use client";
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/classnames/index.js";
-var s = e();
-const o = /* @__PURE__ */ r(s);
+import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
+var t = e();
+const a = /* @__PURE__ */ r(t);
 export {
-  o as default
+  a as default
 };

package/dist/_virtual/index6.js

@@ -1,5 +1,8 @@
 "use client";
-var e = {};
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const x = /* @__PURE__ */ e(t);
 export {
-  e as __exports
+  x as default
 };

package/dist/_virtual/index7.js

@@ -1,5 +1,8 @@
 "use client";
-var e = { exports: {} };
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/classnames/index.js";
+var s = e();
+const o = /* @__PURE__ */ r(s);
 export {
-  e as __module
+  o as default
 };

package/dist/_virtual/index8.js

@@ -0,0 +1,5 @@
+"use client";
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/index9.js

@@ -0,0 +1,5 @@
+"use client";
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/use-sync-external-store-shim.development.js

@@ -0,0 +1,5 @@
+"use client";
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/use-sync-external-store-shim.production.js

@@ -0,0 +1,5 @@
+"use client";
+var e = {};
+export {
+  e as __exports
+};

package/dist/components/ui/checkbox.js

@@ -1,32 +1,32 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { Root as t, Indicator as d } from "../../node_modules/@radix-ui/react-checkbox/dist/index.js";
-import { cn as a } from "../../lib/utils.js";
+import { jsx as e } from "react/jsx-runtime";
+import { Checkbox as t, CheckboxIndicator as a } from "../../node_modules/@radix-ui/react-checkbox/dist/index.js";
+import { cn as d } from "../../lib/utils.js";
 import o from "../../node_modules/lucide-react/dist/esm/icons/check.js";
-function u({
-  className: e,
+function b({
+  className: r,
   ...i
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ e(
     t,
     {
       "data-slot": "checkbox",
-      className: a(
+      className: d(
         "peer border-d-input dark:bg-d-input/30 data-[state=checked]:bg-d-primary data-[state=checked]:text-d-primary-foreground dark:data-[state=checked]:bg-d-primary data-[state=checked]:border-d-primary focus-visible:border-d-ring focus-visible:ring-d-ring/50 aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        e
+        r
       ),
       ...i,
-      children: /* @__PURE__ */ r(
-        d,
+      children: /* @__PURE__ */ e(
+        a,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ r(o, { className: "size-3.5" })
+          children: /* @__PURE__ */ e(o, { className: "size-3.5" })
         }
       )
     }
   );
 }
 export {
-  u as Checkbox
+  b as Checkbox
 };

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

@@ -14,17 +14,17 @@ function se({
   data: g,
   loading: C = !1,
   emptyComponent: R,
-  className: k,
-  rowSelection: x = {},
+  className: x,
+  rowSelection: k = {},
   onRowSelectionChange: u,
   checkable: a = !1,
   onCheckedRowsChange: c,
-  notFoundMessage: y = "Nessun risultato trovato.",
+  notFoundMessage: M = "Nessun risultato trovato.",
   clientFilter: s = null,
-  clientFilterPlaceholder: M = "Cerca..."
+  clientFilterPlaceholder: N = "Cerca..."
 }) {
   var h, S;
-  const [N, v] = i([]), [T, z] = i([]), [D, F] = i({}), [V, $] = i({}), f = u ? x : V, A = u || $, H = j.useMemo(() => a ? [
+  const [y, v] = i([]), [T, z] = i([]), [D, F] = i({}), [V, $] = i({}), f = u ? k : V, A = u || $, H = j.useMemo(() => a ? [
     {
       id: "select",
       header: ({ table: t }) => /* @__PURE__ */ l("div", { className: "text-center", children: /* @__PURE__ */ l(
@@ -59,7 +59,7 @@ function se({
     onColumnVisibilityChange: F,
     onRowSelectionChange: A,
     state: {
-      sorting: N,
+      sorting: y,
       columnFilters: T,
       columnVisibility: D,
       rowSelection: f
@@ -70,12 +70,12 @@ function se({
       const t = o.getFilteredSelectedRowModel().rows.map((e) => e.original);
       c(t);
     }
-  }, [o, c, a, f]), /* @__PURE__ */ d("div", { className: L("h-full w-full", k), children: [
-    s && /* @__PURE__ */ l("div", { className: "flex items-center py-4", children: /* @__PURE__ */ l(
+  }, [o, c, a, f]), /* @__PURE__ */ d("div", { className: L("flex h-full w-full flex-col gap-2", x), children: [
+    s && /* @__PURE__ */ l("div", { className: "flex items-center", children: /* @__PURE__ */ l(
       E,
       {
         iconLeft: "Search",
-        placeholder: M ?? "Cerca...",
+        placeholder: N ?? "Cerca...",
         value: (h = o.getColumn(s)) == null ? void 0 : h.getFilterValue(),
         onChange: (t) => {
           var e;
@@ -128,7 +128,7 @@ function se({
           {
             colSpan: n.length,
             className: "h-24 text-center",
-            children: R || y
+            children: R || M
           }
         ) }) })
       ] })

package/dist/components/ui/gantt/components/Chart/Chart.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as o, jsxs as M, Fragment as N } from "react/jsx-runtime";
 import { useContext as R, useRef as a, useState as s, useCallback as k, useMemo as y, useEffect as u } from "react";
-import A from "../../../../../_virtual/index5.js";
+import A from "../../../../../_virtual/index7.js";
 import B from "../../../../../_virtual/debounce.js";
 import { GanttContext as F } from "../Gantt/GanttContext.js";
 import { transformData as O } from "../../utils/transformData.js";

package/dist/components/ui/message-input.js

@@ -2,7 +2,7 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { useState as y, useEffect as C, useRef as Y } from "react";
 import { AnimatePresence as v, motion as x } from "framer-motion";
-import { a as I } from "../../node_modules/remeda/dist/chunk-A3PVMI4K.js";
+import { a as I } from "../../node_modules/remeda/dist/chunk-KI5X74E2.js";
 import { cn as R } from "../../lib/utils.js";
 import { useAudioRecording as Z } from "../../hooks/use-audio-recording.js";
 import { useAutosizeTextArea as _ } from "../../hooks/use-autosize-textarea.js";

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

@@ -0,0 +1,348 @@
+"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
+}) {
+  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
+    );
+    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 };
+    });
+    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 = [
+      {
+        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 })
+        ] }),
+        accessorFn: (t) => t.item,
+        cell: (t) => {
+          const r = t.getValue();
+          if (!h)
+            return /* @__PURE__ */ i(
+              I,
+              {
+                text: r.label,
+                maxLength: x,
+                className: "w-full"
+              }
+            );
+          const e = b === r.id;
+          return /* @__PURE__ */ i(
+            G,
+            {
+              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])));
+              },
+              children: /* @__PURE__ */ i(I, { text: r.label, maxLength: x })
+            }
+          );
+        }
+      }
+    ];
+    return c.forEach((t) => {
+      l.push({
+        id: t.id,
+        accessorFn: (r) => r[t.id],
+        header: ({ column: r }) => h ? /* @__PURE__ */ i(
+          G,
+          {
+            variant: "ghost",
+            size: "sm",
+            iconLeft: "ArrowUpDown",
+            onClick: h ? () => r.toggleSorting(r.getIsSorted() === "asc") : void 0,
+            children: /* @__PURE__ */ i(I, { text: t.label, maxLength: x })
+          }
+        ) : /* @__PURE__ */ i(
+          I,
+          {
+            text: t.label,
+            maxLength: x,
+            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)));
+        },
+        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;
+        }
+      });
+    }), l;
+  }, [
+    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;
+    }), r;
+  }), [d, c, f, u]), L = fe({
+    data: ie,
+    columns: se,
+    state: { sorting: re },
+    onSortingChange: oe,
+    getCoreRowModel: Se(),
+    getSortedRowModel: Ce()
+  });
+  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,
+      {
+        headerRow: c.map((l) => l.label),
+        rowCount: d.length || 5,
+        columnCount: c.length || 5,
+        className: z,
+        cornerHeaderFrom: T,
+        cornerHeaderTo: j
+      }
+    );
+  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` }
+    };
+  }, P = ce(null), U = me({
+    count: L.getRowModel().rows.length,
+    getScrollElement: () => P.current,
+    estimateSize: () => 40,
+    overscan: 5,
+    measureElement: typeof window < "u" ? (l) => l.getBoundingClientRect().height : void 0
+  });
+  return /* @__PURE__ */ O("div", { className: `w-[900px] ${z || ""}`, children: [
+    V && /* @__PURE__ */ i(
+      ge,
+      {
+        editable: V,
+        editConfirmLabel: W,
+        editCancelLabel: ee,
+        editMode: S,
+        setEditMode: ne,
+        editedCount: Object.keys(v).length,
+        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
+              })
+            ), r = Object.entries(K).map(
+              ([s, { value: o, cell: n }]) => ({
+                fromId: n.fromId,
+                toId: n.toId,
+                id: n.id,
+                value: o
+              })
+            );
+            R({
+              editedCells: t,
+              toDefaultCells: r
+            });
+          }
+          w({}), D({});
+        },
+        cancelAll: () => {
+          w({}), D({});
+        }
+      }
+    ),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        ref: P,
+        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,
+            {
+              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,
+                {
+                  className: "bg-d-secondary sticky top-0 z-20",
+                  children: l.headers.map((t) => {
+                    const r = ae(t);
+                    return /* @__PURE__ */ i(
+                      ve,
+                      {
+                        className: r.className,
+                        style: r.style,
+                        children: t.isPlaceholder ? null : q(
+                          t.column.columnDef.header,
+                          t.getContext()
+                        )
+                      },
+                      t.id
+                    );
+                  })
+                },
+                l.id
+              ))
+            }
+          ),
+          /* @__PURE__ */ i(
+            ye,
+            {
+              style: {
+                height: `${U.getTotalSize()}px`,
+                position: "relative",
+                width: "100%"
+              },
+              children: U.getVirtualItems().map((l) => {
+                const t = L.getRowModel().rows[l.index];
+                return /* @__PURE__ */ i(
+                  F,
+                  {
+                    "data-index": l.index,
+                    style: {
+                      position: "absolute",
+                      top: 0,
+                      left: 0,
+                      transform: `translateY(${l.start}px)`,
+                      width: "100%",
+                      height: `${l.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,
+                        {
+                          className: `text-center ${s ? "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`,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center"
+                          },
+                          children: s || !S || !o ? (
+                            // Rendering normale per la prima colonna o quando non siamo in modalità edit
+                            q(
+                              r.column.columnDef.cell,
+                              r.getContext()
+                            )
+                          ) : (
+                            // Rendering con EditableInput per le celle modificabili
+                            (() => {
+                              const m = `${t.index}-${r.column.id}`, de = m in v ? v[m].value : o.value || "";
+                              return /* @__PURE__ */ i(
+                                he,
+                                {
+                                  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;
+                                    });
+                                  },
+                                  resetToDefault: (y, C, p) => {
+                                    D((ue) => ({
+                                      ...ue,
+                                      [y]: { value: C, cell: p }
+                                    }));
+                                  }
+                                }
+                              );
+                            })()
+                          )
+                        },
+                        r.id
+                      );
+                    })
+                  },
+                  t.id
+                );
+              })
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  De as DataCrossTable
+};

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

@@ -0,0 +1,47 @@
+"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
+}) {
+  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 })
+    ] })
+  ] }) : null;
+}
+export {
+  k as EditControls
+};