laif-ds 0.2.19 → 0.2.20

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

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

package/dist/index.d.ts

@@ -893,13 +893,13 @@ declare interface FilePreviewProps {
 export declare const FileUploader: default_2.FC<FileUploaderProps>;
 
 declare interface FileUploaderProps {
-    accept?: string;
     extensions?: AcceptItem[];
     multiple?: boolean;
     onUpload?: (files: File[]) => void;
     description?: string;
     formatDescription?: string;
     selectedLabel?: string;
+    removeAllLabel?: string;
     maxTotalSize?: number;
     maxFiles?: number;
 }

package/dist/node_modules/hast-util-to-jsx-runtime/lib/index.js

@@ -3,7 +3,7 @@ import { stringify as w } from "../../comma-separated-tokens/index.js";
 import { ok as u } from "../../devlop/lib/default.js";
 import { svg as m, html as C } from "../../property-information/index.js";
 import { stringify as N } from "../../space-separated-tokens/index.js";
-import S from "../../../_virtual/index4.js";
+import S from "../../../_virtual/index5.js";
 import { whitespace as j } from "../../hast-util-whitespace/lib/index.js";
 import { name as x } from "../../estree-util-is-identifier-name/lib/index.js";
 import { VFileMessage as h } from "../../vfile-message/lib/index.js";

package/dist/node_modules/unified/lib/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { bail as P } from "../../bail/index.js";
-import y from "../../../_virtual/index5.js";
+import y from "../../../_virtual/index4.js";
 import z from "../../is-plain-obj/index.js";
 import { CallableInstance as C } from "./callable-instance.js";
 import { trough as A } from "../../trough/lib/index.js";