laif-ds 0.1.34 → 0.1.36

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

@@ -0,0 +1,100 @@
+"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
+};

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

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import { TooltipProvider as c, Tooltip as d, TooltipTrigger as e, TooltipContent as p } from "../../tooltip.js";
+function s({
+  text: r,
+  maxLength: n,
+  className: o = ""
+}) {
+  return !r || ((r == null ? void 0 : r.length) ?? 0) <= n ? /* @__PURE__ */ i("div", { className: o, children: r }) : /* @__PURE__ */ i(c, { children: /* @__PURE__ */ l(d, { children: [
+    /* @__PURE__ */ i(e, { asChild: !0, children: /* @__PURE__ */ l("div", { className: `truncate ${o} cursor-pointer`, children: [
+      r.substring(0, n),
+      "…"
+    ] }) }),
+    /* @__PURE__ */ i(p, { children: /* @__PURE__ */ i("p", { children: r }) })
+  ] }) });
+}
+export {
+  s as TruncatedText
+};

package/dist/index.d.ts

@@ -490,6 +490,18 @@ export declare function CommandShortcut({ className, ...props }: React_2.Compone
 declare const confirm_2: (payload: ConfirmOptions) => Promise<boolean>;
 export { confirm_2 as confirm }
 
+declare interface ConfirmedCell {
+    fromId: string;
+    toId: string;
+    id?: string;
+    value: any;
+}
+
+declare interface ConfirmedCellsData {
+    editedCells: ConfirmedCell[];
+    toDefaultCells: ConfirmedCell[];
+}
+
 export declare const Confirmer: () => JSX.Element;
 
 declare interface ConfirmOptions {
@@ -561,12 +573,17 @@ export declare interface CrossTableCell {
 }
 
 declare interface CrossTableData {
-    headerTop: string[];
-    headerLeft: string[];
+    headerTop: CrossTableHeader[];
+    headerLeft: CrossTableHeader[];
     data: (CrossTableCell | null)[][];
 }
 
-export declare function DataCrossTable({ crossTableData, filterable, loading, emptyComponent, className, notFoundMessage, cornerHeaderFrom, cornerHeaderTo, maxHeaderLength, minWidthCell, }: DataCrossTableProps): JSX.Element;
+declare interface CrossTableHeader {
+    id: string;
+    label: string;
+}
+
+export declare function DataCrossTable({ crossTableData, filterable, loading, emptyComponent, className, notFoundMessage, cornerHeaderFrom, cornerHeaderTo, maxHeaderLength, minWidthCell, editable, editMode, editConfirmLabel, editCancelLabel, onConfirmedCells, onEditModeChange, onSelectedRow, selectedRow, rowSortAsc, }: DataCrossTableProps): JSX.Element;
 
 export declare interface DataCrossTableProps {
     crossTableData: CrossTableData;
@@ -580,6 +597,15 @@ export declare interface DataCrossTableProps {
     maxHeaderLength?: number;
     minWidthCell?: number;
     showFreezeControls?: boolean;
+    editable?: boolean;
+    editMode?: boolean;
+    editConfirmLabel?: string;
+    editCancelLabel?: string;
+    onConfirmedCells?: (cells: ConfirmedCellsData) => void;
+    onEditModeChange?: (editMode: boolean) => void;
+    onSelectedRow?: (row: CrossTableHeader) => void;
+    selectedRow?: CrossTableHeader;
+    rowSortAsc?: boolean;
 }
 
 export declare enum DataRepeatTypes {

package/dist/index.js

@@ -74,7 +74,7 @@ import { AppSidebar as _a } from "./components/ui/app-sidebar.js";
 import { Confirmer as en, confirm as rn } from "./components/ui/confirmer.js";
 import { AppSelect as tn } from "./components/ui/app-select.js";
 import { AppMultipleSelectDropdown as nn } from "./components/ui/app-multiple-select-dropdown.js";
-import { DataCrossTable as mn } from "./components/ui/data-cross-table.js";
+import { DataCrossTable as mn } from "./components/ui/tables/data-cross-table/data-cross-table.js";
 import { useAudioRecording as un } from "./hooks/use-audio-recording.js";
 import { useAutoScroll as dn } from "./hooks/use-auto-scroll.js";
 import { useAutosizeTextArea as bn } from "./hooks/use-autosize-textarea.js";