laif-ds 0.2.80 → 0.2.83

package/dist/components/ui/file-uploader.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as v, jsx as r, Fragment as B } from "react/jsx-runtime";
+import { jsxs as z, jsx as i, Fragment as P } from "react/jsx-runtime";
 import l from "react";
-import { Button as S } from "./button.js";
-import { Card as P, CardHeader as _, CardTitle as W, CardContent as H } from "./card.js";
-import { FilePreview as k } from "./file-preview/index.js";
-import { Icon as K } from "./icon.js";
-import { Input as O } from "./input.js";
-const U = {
+import { Button as _ } from "./button.js";
+import { Card as U, CardHeader as W, CardTitle as H, CardContent as K } from "./card.js";
+import { FilePreview as R } from "./file-preview/index.js";
+import { Icon as O } from "./icon.js";
+import { Input as V } from "./input.js";
+const Z = {
   pdf: "application/pdf",
   doc: ".doc",
   docx: ".docx",
@@ -31,161 +31,165 @@ const U = {
   tar: ".tar,application/x-tar",
   gz: ".gz,application/gzip,application/x-gzip",
   tgz: ".tgz,.tar.gz,application/gzip,application/x-compressed-tar"
-}, R = (g) => Math.ceil(g / (1024 * 1024)), ee = ({
-  extensions: g = ["pdf", "image", "video", "audio"],
-  multiple: p = !1,
-  onUpload: z,
-  description: I = "Trascina un file o clicca per selezionare",
-  formatDescription: b = "Formato accettato: PDF, Immagini, Video, Audio",
-  selectedLabel: y = "File selezionati",
-  maxTotalSize: c,
-  removeAllLabel: N = "rimuovi tutto",
-  maxFiles: x,
-  id: s,
-  "data-testid": j
+}, A = (f) => Math.ceil(f / (1024 * 1024)), re = ({
+  extensions: f = ["pdf", "image", "video", "audio"],
+  multiple: d = !1,
+  onUpload: D,
+  onRemove: b,
+  description: w = "Trascina un file o clicca per selezionare",
+  formatDescription: I = "Formato accettato: PDF, Immagini, Video, Audio",
+  selectedLabel: u = "File selezionati",
+  maxTotalSize: p,
+  removeAllLabel: y = "rimuovi tutto",
+  maxFiles: o,
+  id: N,
+  "data-testid": g
 }) => {
-  const f = g.map((e) => U[e]).join(","), [a, u] = l.useState([]), [w, D] = l.useState(""), o = (e) => {
-    const n = Array.from(e).filter(
-      (i) => f.split(",").some((t) => (t = t.trim(), i.type.startsWith(t.replace("/*", "")) || i.name.toLowerCase().endsWith(t.replace("*", ""))))
+  const x = f.map((e) => Z[e]).join(","), [t, m] = l.useState([]), [j, n] = l.useState(""), C = (e) => {
+    const s = Array.from(e).filter(
+      (r) => x.split(",").some((a) => (a = a.trim(), r.type.startsWith(a.replace("/*", "")) || r.name.toLowerCase().endsWith(a.replace("*", ""))))
     );
-    let d = [];
-    const m = [];
-    if (p) {
-      let i = n;
-      if (typeof x == "number") {
-        const t = Math.max(x - a.length, 0);
-        t < n.length && (i = n.slice(0, t), m.push(`Max ${x} file`));
+    let c = [];
+    const h = [];
+    if (d) {
+      let r = s;
+      if (typeof o == "number") {
+        const a = Math.max(o - t.length, 0);
+        a < s.length && (r = s.slice(0, a), h.push(`Max ${o} file`));
       }
-      if (typeof c == "number") {
-        const t = c;
-        let F = a.reduce((h, A) => h + (A.size || 0), 0);
-        const M = [];
-        let $ = !1;
-        for (const h of i)
-          F + (h.size || 0) <= t ? (M.push(h), F += h.size || 0) : $ || (m.push(`Max ${R(t)} MB`), $ = !0);
-        i = M;
+      if (typeof p == "number") {
+        const a = p;
+        let F = t.reduce((v, S) => v + (S.size || 0), 0);
+        const $ = [];
+        let k = !1;
+        for (const v of r)
+          F + (v.size || 0) <= a ? ($.push(v), F += v.size || 0) : k || (h.push(`Max ${A(a)} MB`), k = !0);
+        r = $;
       }
-      d = [...a, ...i];
+      c = [...t, ...r];
     } else {
-      const i = n[0] ? [n[0]] : [];
-      if (typeof c == "number" && i[0]) {
-        const t = c;
-        (i[0].size || 0) > t ? (m.push(`Max ${R(t)} MB`), d = a) : d = i;
+      const r = s[0] ? [s[0]] : [];
+      if (typeof p == "number" && r[0]) {
+        const a = p;
+        (r[0].size || 0) > a ? (h.push(`Max ${A(a)} MB`), c = t) : c = r;
       } else
-        d = i;
+        c = r;
     }
-    u(d), D(m.join(" • ")), z?.(d);
+    m(c), n(h.join(" • ")), D?.(c);
   }, E = (e) => {
-    e.target.files && o(e.target.files), e.target.value = "";
+    e.target.files && C(e.target.files), e.target.value = "";
   }, L = (e) => {
-    e.preventDefault(), o(e.dataTransfer.files);
-  }, C = (e) => {
-    const n = a.filter((d, m) => m !== e);
-    u(n), D(""), z?.(n);
+    e.preventDefault(), C(e.dataTransfer.files);
+  }, M = (e) => {
+    const s = t[e], c = t.filter((h, r) => r !== e);
+    m(c), n(""), b?.(s ? [s] : [], c);
+  }, B = () => {
+    const e = t;
+    m([]), n(""), b?.(e, []);
   };
-  return /* @__PURE__ */ v("div", { className: "mx-auto w-full space-y-4", children: [
-    (p || a.length === 0) && /* @__PURE__ */ r(
-      V,
+  return /* @__PURE__ */ z("div", { className: "mx-auto w-full space-y-4", children: [
+    (d || t.length === 0) && /* @__PURE__ */ i(
+      q,
       {
-        accept: f,
-        multiple: p,
+        accept: x,
+        multiple: d,
         onDrop: L,
         onChange: E,
-        description: I,
-        formatDescription: b,
-        errorCaption: w,
-        id: s,
-        "data-testid": j
+        description: w,
+        formatDescription: I,
+        errorCaption: j,
+        id: N,
+        "data-testid": g
       }
     ),
-    a.length > 0 && /* @__PURE__ */ r(B, { children: /* @__PURE__ */ v(P, { size: "sm", className: "shadow-none", children: [
-      /* @__PURE__ */ v(_, { className: "flex justify-between", children: [
-        /* @__PURE__ */ r(W, { children: y }),
-        /* @__PURE__ */ r(
-          S,
+    t.length > 0 && /* @__PURE__ */ i(P, { children: /* @__PURE__ */ z(U, { size: "sm", className: "shadow-none", children: [
+      /* @__PURE__ */ z(W, { className: "flex justify-between", children: [
+        /* @__PURE__ */ i(H, { children: u }),
+        /* @__PURE__ */ i(
+          _,
           {
             size: "sm",
             variant: "ghost",
             className: "text-xs",
-            onClick: () => u([]),
-            children: N
+            onClick: B,
+            children: y
           }
         )
       ] }),
-      /* @__PURE__ */ r(H, { children: p ? /* @__PURE__ */ r("div", { className: "flex flex-nowrap gap-2 overflow-x-auto py-2", children: a.map((e, n) => /* @__PURE__ */ r(
-        k,
+      /* @__PURE__ */ i(K, { children: d ? /* @__PURE__ */ i("div", { className: "flex flex-nowrap gap-2 overflow-x-auto py-2", children: t.map((e, s) => /* @__PURE__ */ i(
+        R,
         {
           file: e,
-          onRemove: () => C(n)
+          onRemove: () => M(s)
         },
-        e.name + n
-      )) }) : /* @__PURE__ */ r(k, { file: a[0], onRemove: () => C(0) }) })
+        e.name + s
+      )) }) : /* @__PURE__ */ i(R, { file: t[0], onRemove: () => M(0) }) })
     ] }) })
   ] });
-}, V = ({
-  accept: g,
-  multiple: p,
-  onDrop: z,
-  onChange: I,
-  description: b,
-  formatDescription: y,
-  errorCaption: c,
-  id: N,
-  "data-testid": x
+}, q = ({
+  accept: f,
+  multiple: d,
+  onDrop: D,
+  onChange: b,
+  description: w,
+  formatDescription: I,
+  errorCaption: u,
+  id: p,
+  "data-testid": y
 }) => {
-  const s = l.useRef(null), [j, f] = l.useState(!1), a = l.useId(), u = l.useId(), w = l.useId(), D = l.useId();
-  return /* @__PURE__ */ v(
+  const o = l.useRef(null), [N, g] = l.useState(!1), x = l.useId(), t = l.useId(), m = l.useId(), j = l.useId();
+  return /* @__PURE__ */ z(
     "div",
     {
-      id: N,
-      "data-testid": x,
+      id: p,
+      "data-testid": y,
       role: "button",
       tabIndex: 0,
-      "aria-label": b || "Seleziona file",
-      "aria-describedby": `${a} ${u}${c ? ` ${w}` : ""}`,
-      onKeyDown: (o) => {
-        (o.key === "Enter" || o.key === " ") && (o.preventDefault(), s.current && (s.current.value = "", s.current.click()));
+      "aria-label": w || "Seleziona file",
+      "aria-describedby": `${x} ${t}${u ? ` ${m}` : ""}`,
+      onKeyDown: (n) => {
+        (n.key === "Enter" || n.key === " ") && (n.preventDefault(), o.current && (o.current.value = "", o.current.click()));
       },
       onClick: () => {
-        s.current && (s.current.value = "", s.current.click());
+        o.current && (o.current.value = "", o.current.click());
       },
-      onDragEnter: () => f(!0),
-      onDragOver: (o) => o.preventDefault(),
-      onDragLeave: () => f(!1),
-      onDrop: (o) => {
-        f(!1), z(o);
+      onDragEnter: () => g(!0),
+      onDragOver: (n) => n.preventDefault(),
+      onDragLeave: () => g(!1),
+      onDrop: (n) => {
+        g(!1), D(n);
       },
-      className: `border-d-border flex w-full cursor-pointer flex-col items-center gap-3 rounded-lg border-2 border-dashed px-4 py-8 ${j ? "bg-muted/40" : ""}`,
+      className: `border-d-border flex w-full cursor-pointer flex-col items-center gap-3 rounded-lg border-2 border-dashed px-4 py-8 ${N ? "bg-muted/40" : ""}`,
       children: [
-        /* @__PURE__ */ r(
-          K,
+        /* @__PURE__ */ i(
+          O,
           {
             name: "ArrowUpFromLine",
             className: "text-d-muted-foreground h-10 w-10"
           }
         ),
-        /* @__PURE__ */ v("div", { className: "max-w-xs text-center", children: [
-          /* @__PURE__ */ r("p", { id: a, className: "text-d-muted-foreground text-sm font-medium", children: b }),
-          /* @__PURE__ */ r(
+        /* @__PURE__ */ z("div", { className: "max-w-xs text-center", children: [
+          /* @__PURE__ */ i("p", { id: x, className: "text-d-muted-foreground text-sm font-medium", children: w }),
+          /* @__PURE__ */ i(
             "p",
             {
-              id: u,
+              id: t,
               className: "text-d-muted-foreground text-muted-foreground mt-1 text-xs",
-              children: y
+              children: I
             }
           ),
-          c ? /* @__PURE__ */ r("p", { id: w, className: "mt-2 text-xs font-medium text-red-600", children: c }) : null
+          u ? /* @__PURE__ */ i("p", { id: m, className: "mt-2 text-xs font-medium text-red-600", children: u }) : null
         ] }),
-        /* @__PURE__ */ r(
-          O,
+        /* @__PURE__ */ i(
+          V,
           {
-            ref: s,
-            id: D,
+            ref: o,
+            id: j,
             type: "file",
             className: "hidden",
-            accept: g,
-            multiple: p,
-            onChange: I
+            accept: f,
+            multiple: d,
+            onChange: b
           }
         )
       ]
@@ -193,5 +197,5 @@ const U = {
   );
 };
 export {
-  ee as FileUploader
+  re as FileUploader
 };

package/dist/index.d.ts

@@ -979,7 +979,7 @@ export declare function ChartTooltipContent({ active, payload, className, indica
     labelKey?: string;
 } & React_2.HTMLAttributes<HTMLDivElement>): JSX.Element | null;
 
-export declare function Chat({ messages, welcomeTitle, handleSubmit, input, handleInputChange, stop, isGenerating, append, suggestions, className, onRateResponse, setMessages, transcribeAudio, allowAttachments, onEdit, onMessageSave, }: ChatProps): JSX.Element;
+export declare function Chat({ messages, welcomeTitle, handleSubmit, input, handleInputChange, stop, isGenerating, append, suggestions, className, onRateResponse, setMessages, transcribeAudio, allowAttachments, onEdit, onMessageSave, placeholder, }: ChatProps): JSX.Element;
 
 export declare namespace Chat {
     var displayName: string;
@@ -1042,6 +1042,7 @@ declare interface ChatPropsBase {
     onEdit?: (messageId: string, newContent: string) => void;
     onMessageSave?: (messageId: string, content: string) => void;
     welcomeTitle?: string;
+    placeholder?: string;
 }
 
 declare interface ChatPropsWithoutSuggestions extends ChatPropsBase {
@@ -2092,6 +2093,7 @@ declare interface FileUploaderProps {
     extensions?: AcceptItem[];
     multiple?: boolean;
     onUpload?: (files: File[]) => void;
+    onRemove?: (removed: File[], remaining: File[]) => void;
     description?: string;
     formatDescription?: string;
     selectedLabel?: string;
@@ -2736,6 +2738,7 @@ declare interface PreviewOptions {
     title?: default_2.ReactNode;
     readOnly?: boolean;
     page?: number;
+    size?: "sm" | "default" | "lg" | "xl" | "full";
 }
 
 export declare function Progress({ className, value, ...props }: React_2.ComponentProps<typeof ProgressPrimitive.Root>): JSX.Element;