laif-ds 0.2.89 → 0.2.91

package/dist/components/ui/app-sidebar.js

@@ -1,106 +1,210 @@
 "use client";
-import { jsxs as c, jsx as t, Fragment as I } from "react/jsx-runtime";
-import * as v from "react";
+import { jsxs as n, jsx as t, Fragment as R } from "react/jsx-runtime";
+import * as s from "react";
+import { designTokens as J } from "../design-tokens.js";
+import { DropdownMenu as Q, DropdownMenuTrigger as U, DropdownMenuContent as V, DropdownMenuItem as W } from "./dropdown-menu.js";
 import { Icon as h } from "./icon.js";
-import { Sidebar as y, SidebarHeader as z, SidebarContent as B, SidebarGroup as x, SidebarGroupLabel as A, SidebarGroupContent as N, SidebarMenu as C, SidebarMenuItem as w, SidebarMenuSub as M, SidebarMenuSubItem as E, SidebarRail as F, SidebarMenuButton as j, SidebarMenuSubButton as D } from "./sidebar.js";
-function K({
-  navigation: u,
-  navigationFooter: G,
-  headerContent: f,
-  footerContent: R,
-  showRail: g = !0,
-  linkComponent: d,
-  linkProps: m = {},
-  ...k
+import { useSidebar as X, Sidebar as Y, SidebarHeader as Z, SidebarContent as _, SidebarRail as k, SidebarGroup as P, SidebarGroupLabel as L, SidebarGroupContent as ee, SidebarMenu as re, SidebarMenuItem as x, SidebarMenuButton as M, SidebarMenuSub as te, SidebarMenuSubItem as ie, SidebarMenuSubButton as T } from "./sidebar.js";
+import { Tooltip as ne, TooltipTrigger as ce, TooltipContent as se } from "./tooltip.js";
+import { cn as le } from "../../lib/utils.js";
+const $ = (c, l) => `${c.title} ${l.url} ${l.title}`, D = (c) => `${c.url} ${c.title}`;
+function me({
+  navigation: c,
+  navigationFooter: l,
+  headerContent: w,
+  footerContent: j,
+  showRail: z = !0,
+  collapsible: f,
+  linkComponent: a,
+  linkProps: p = {},
+  ...G
 }) {
-  const [b, o] = v.useState({});
-  v.useEffect(() => {
-    o((e) => {
-      const n = { ...e };
-      return u.forEach((l) => {
-        l.items.some(
-          (r) => r.isActive || r.subItems && r.subItems.some((s) => s.isActive)
-        ) && (n[l.title] = !0);
-      }), n;
+  const { state: K, isMobile: I } = X(), B = s.useId(), m = f === "icon" && K === "collapsed" && !I, [O, y] = s.useState({}), g = s.useMemo(
+    () => [...c, ...l ?? []].flatMap(
+      (e) => e.items.filter(
+        (r) => r.subItems?.length && (r.isActive || r.subItems.some((i) => i.isActive))
+      ).map((r) => $(e, r))
+    ).join("|"),
+    [c, l]
+  );
+  s.useEffect(() => {
+    g && y((e) => {
+      const r = g.split("|").filter((i) => e[i] === void 0);
+      return r.length ? { ...e, ...Object.fromEntries(r.map((i) => [i, !0])) } : e;
     });
-  }, [u]);
-  const S = (e, n, l) => {
-    const i = e.subItems && e.subItems.length > 0, r = /* @__PURE__ */ c(I, { children: [
-      /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
-        e.iconName && /* @__PURE__ */ t(h, { name: e.iconName, size: "sm" }),
-        /* @__PURE__ */ t("span", { children: e.title })
-      ] }),
-      i && /* @__PURE__ */ t("div", { className: "text-d-muted-foreground", children: n ? /* @__PURE__ */ t(h, { name: "ChevronDown", className: "h-4 w-4" }) : /* @__PURE__ */ t(h, { name: "ChevronRight", className: "h-4 w-4" }) })
+  }, [g]);
+  const v = s.useRef(/* @__PURE__ */ new Map()), A = s.useRef(null), N = (e) => (r) => {
+    r ? v.current.set(e, r) : v.current.delete(e);
+  };
+  s.useLayoutEffect(() => {
+    const e = A.current;
+    !e || document.activeElement !== document.body || v.current.get(e)?.focus();
+  }, [m]);
+  const o = (e) => e.iconName ? /* @__PURE__ */ t(h, { name: e.iconName, size: "sm" }) : f !== "icon" ? null : /* @__PURE__ */ t(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: "flex size-4 shrink-0 items-center justify-center text-xs font-semibold uppercase opacity-0 transition-opacity group-data-[collapsible=icon]:opacity-100",
+      children: e.title.charAt(0)
+    }
+  ), F = (e) => {
+    const r = /* @__PURE__ */ n(R, { children: [
+      e.iconName && /* @__PURE__ */ t(h, { name: e.iconName, size: "xs" }),
+      /* @__PURE__ */ t("span", { children: e.title })
     ] });
-    return d ? /* @__PURE__ */ t(j, { isActive: e.isActive, children: /* @__PURE__ */ t(
-      d,
+    return a ? /* @__PURE__ */ t(T, { isActive: e.isActive, asChild: !0, children: /* @__PURE__ */ t(
+      a,
       {
-        href: i ? "#" : e.url,
-        className: "flex w-full items-center justify-between gap-2",
-        onClick: i ? l : void 0,
-        ...m,
+        href: e.url,
+        className: "flex w-full items-center gap-2",
+        "aria-current": e.isActive ? "page" : void 0,
+        ...p,
         children: r
       }
-    ) }) : /* @__PURE__ */ t(j, { isActive: e.isActive, children: /* @__PURE__ */ t(
+    ) }) : /* @__PURE__ */ t(T, { isActive: e.isActive, asChild: !0, children: /* @__PURE__ */ t(
       "a",
       {
-        href: i ? "#" : e.url,
-        className: "flex w-full items-center justify-between gap-2",
-        onClick: i ? l : void 0,
+        href: e.url,
+        className: "flex w-full items-center gap-2",
+        "aria-current": e.isActive ? "page" : void 0,
         children: r
       }
     ) });
-  }, p = (e) => {
-    const n = /* @__PURE__ */ c(I, { children: [
+  }, H = (e) => {
+    const r = /* @__PURE__ */ n(R, { children: [
       e.iconName && /* @__PURE__ */ t(h, { name: e.iconName, size: "xs" }),
       /* @__PURE__ */ t("span", { children: e.title })
-    ] });
-    return d ? /* @__PURE__ */ t(D, { isActive: e.isActive, asChild: !0, children: /* @__PURE__ */ t(
-      d,
+    ] }), i = le(
+      "flex w-full items-center gap-2",
+      e.isActive && J.dropdownItem.selected
+    );
+    return /* @__PURE__ */ t(W, { asChild: !0, children: a ? /* @__PURE__ */ t(
+      a,
       {
         href: e.url,
-        className: "flex w-full items-center gap-2",
-        ...m,
-        children: n
+        className: i,
+        "aria-current": e.isActive ? "page" : void 0,
+        ...p,
+        children: r
       }
-    ) }) : /* @__PURE__ */ t(D, { isActive: e.isActive, asChild: !0, children: /* @__PURE__ */ t("a", { href: e.url, className: "flex w-full items-center gap-2", children: n }) });
-  };
-  return /* @__PURE__ */ c(y, { ...k, children: [
-    f && /* @__PURE__ */ t(z, { children: f }),
-    /* @__PURE__ */ t(B, { children: u.map((e) => /* @__PURE__ */ c(x, { children: [
-      e.title && /* @__PURE__ */ t(A, { children: e.title }),
-      /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(C, { children: e.items.map((n) => {
-        const l = n.subItems && n.subItems.length > 0, i = b[n.title] || !1;
-        return /* @__PURE__ */ c(w, { children: [
-          S(n, i, (s) => {
-            l && (s.preventDefault(), o((a) => ({
-              ...a,
-              [n.title]: !a[n.title]
-            })));
-          }),
-          l && i && /* @__PURE__ */ t(M, { children: n.subItems.map((s) => /* @__PURE__ */ t(E, { children: p(s) }, s.title)) })
-        ] }, n.title);
-      }) }) })
-    ] }, e.title)) }),
-    G?.map((e) => /* @__PURE__ */ c(x, { children: [
-      e.title && /* @__PURE__ */ t(A, { children: e.title }),
-      /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(C, { children: e.items.map((n) => {
-        const l = n.subItems && n.subItems.length > 0, i = b[n.title] || !1;
-        return /* @__PURE__ */ c(w, { children: [
-          S(n, i, (s) => {
-            l && (s.preventDefault(), o((a) => ({
-              ...a,
-              [n.title]: !a[n.title]
-            })));
-          }),
-          l && i && /* @__PURE__ */ t(M, { children: n.subItems.map((s) => /* @__PURE__ */ t(E, { children: p(s) }, s.title)) })
-        ] }, n.title);
-      }) }) })
-    ] }, e.title)),
-    R,
-    g && /* @__PURE__ */ t(F, {})
+    ) : /* @__PURE__ */ t(
+      "a",
+      {
+        href: e.url,
+        className: i,
+        "aria-current": e.isActive ? "page" : void 0,
+        children: r
+      }
+    ) }, D(e));
+  }, q = (e, r) => {
+    const i = $(e, r), S = r.subItems ?? [], b = O[i] ?? !1, E = `${B}-${i.replace(/[^\w-]+/g, "-")}-submenu`, u = /* @__PURE__ */ t("span", { className: "truncate", children: r.title });
+    return S.length === 0 ? /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(
+      M,
+      {
+        asChild: !0,
+        isActive: r.isActive,
+        tooltip: r.title,
+        children: a ? /* @__PURE__ */ n(
+          a,
+          {
+            href: r.url,
+            "aria-current": r.isActive ? "page" : void 0,
+            ...p,
+            children: [
+              o(r),
+              u
+            ]
+          }
+        ) : /* @__PURE__ */ n(
+          "a",
+          {
+            href: r.url,
+            "aria-current": r.isActive ? "page" : void 0,
+            children: [
+              o(r),
+              u
+            ]
+          }
+        )
+      }
+    ) }, i) : m ? /* @__PURE__ */ t(x, { children: /* @__PURE__ */ n(ne, { children: [
+      /* @__PURE__ */ n(Q, { modal: !1, children: [
+        /* @__PURE__ */ t(U, { asChild: !0, children: /* @__PURE__ */ t(ce, { asChild: !0, children: /* @__PURE__ */ n(
+          M,
+          {
+            ref: N(i),
+            type: "button",
+            isActive: r.isActive,
+            onFocus: () => {
+              A.current = i;
+            },
+            children: [
+              o(r),
+              u
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ t(
+          V,
+          {
+            side: "right",
+            align: "start",
+            sideOffset: 8,
+            className: "min-w-48",
+            children: S.map(H)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t(
+        se,
+        {
+          side: "right",
+          align: "center",
+          hidden: !m,
+          children: r.title
+        }
+      )
+    ] }) }, i) : /* @__PURE__ */ n(x, { children: [
+      /* @__PURE__ */ n(
+        M,
+        {
+          ref: N(i),
+          type: "button",
+          isActive: r.isActive,
+          tooltip: r.title,
+          "aria-expanded": b,
+          "aria-controls": E,
+          onFocus: () => {
+            A.current = i;
+          },
+          onClick: () => y((d) => ({ ...d, [i]: !d[i] })),
+          children: [
+            o(r),
+            u,
+            /* @__PURE__ */ t(
+              h,
+              {
+                name: b ? "ChevronDown" : "ChevronRight",
+                className: "text-d-muted-foreground ml-auto size-4 shrink-0 group-data-[collapsible=icon]:hidden"
+              }
+            )
+          ]
+        }
+      ),
+      b && /* @__PURE__ */ t(te, { id: E, children: S.map((d) => /* @__PURE__ */ t(ie, { children: F(d) }, D(d))) })
+    ] }, i);
+  }, C = (e) => /* @__PURE__ */ n(P, { children: [
+    e.title && /* @__PURE__ */ t(L, { children: e.title }),
+    /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(re, { children: e.items.map((r) => q(e, r)) }) })
+  ] }, e.title);
+  return /* @__PURE__ */ n(Y, { collapsible: f, ...G, children: [
+    w && /* @__PURE__ */ t(Z, { children: w }),
+    /* @__PURE__ */ t(_, { children: c.map((e) => C(e)) }),
+    l?.map((e) => C(e)),
+    j,
+    z && /* @__PURE__ */ t(k, {})
   ] });
 }
 export {
-  K as AppSidebar
+  me as AppSidebar
 };

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

@@ -18,35 +18,35 @@ function I(e) {
   return d.safeAsk(p(e));
 }
 const q = () => {
-  const [{ payload: e }, { asking: l, ok: n }] = O(), i = e?.url, a = e?.readOnly, s = e?.page, t = u(() => e?.filename ? e?.filename : (e?.url || "").split(/[?#]/)[0].split("/").pop() || "" || "document", [e?.filename, e?.url]), c = u(() => {
+  const [{ payload: e }, { asking: t, ok: i }] = O(), n = e?.url, a = e?.readOnly, s = e?.page, l = u(() => e?.filename ? e?.filename : (e?.url || "").split(/[?#]/)[0].split("/").pop() || "" || "document", [e?.filename, e?.url]), c = u(() => {
     if (!e?.url) return null;
     const o = new URL(e?.url), m = o.searchParams.get("response-content-type") || o.searchParams.get("content-type"), f = e?.mimeType || m || "";
     return P({
       mimeType: f,
-      filename: t,
+      filename: l,
       url: e?.url
     });
-  }, [e?.mimeType, t, e?.url]), w = u(
+  }, [e?.mimeType, l, e?.url]), w = u(
     () => /* @__PURE__ */ h("span", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ r(x, { name: "File", className: "h-4 w-4" }),
-      e?.title || t
+      e?.title || l
     ] }),
-    [e?.title, t]
+    [e?.title, l]
   );
   return /* @__PURE__ */ r(
     g,
     {
-      open: l,
-      onOpenChange: (o) => !o && n(),
+      open: t,
+      onOpenChange: (o) => !o && i(),
       title: w,
       size: e?.size ?? "xl",
-      children: c && i ? /* @__PURE__ */ r(
+      children: c && n ? /* @__PURE__ */ r(
         F,
         {
           kind: c,
-          src: i,
-          officeUrl: i,
-          alt: e?.alt ?? t,
+          src: n,
+          officeUrl: n,
+          alt: e?.alt ?? l,
           readOnly: a,
           page: s
         }
@@ -55,57 +55,57 @@ const q = () => {
   );
 }, F = ({
   kind: e,
-  src: l,
-  officeUrl: n,
-  alt: i,
+  src: t,
+  officeUrl: i,
+  alt: n,
   readOnly: a = !1,
   page: s = 0
 }) => {
-  if (!l && e !== "text" && e !== "office")
+  if (!t && e !== "text" && e !== "office")
     return /* @__PURE__ */ r("div", { className: "text-d-secondary-foreground", children: "Nessuna sorgente disponibile" });
   switch (e) {
     case "image":
-      return l ? /* @__PURE__ */ r(y, { src: l, alt: i }) : null;
+      return t ? /* @__PURE__ */ r(y, { src: t, alt: n }) : null;
     case "pdf": {
-      if (a && l)
+      if (a && t)
         return /* @__PURE__ */ r(
           N,
           {
-            url: l,
+            url: t,
             initialPage: s || 1,
-            className: "h-full w-full"
+            className: "h-full w-full [--pdf-viewer-max-height:100%]"
           }
         );
-      let t = l;
-      return s > 0 && (t += "#page=" + s), /* @__PURE__ */ r(
+      let l = t;
+      return s > 0 && (l += "#page=" + s), /* @__PURE__ */ r(
         "iframe",
         {
-          src: t,
+          src: l,
           title: "PDF Preview",
           className: "h-full w-full rounded"
         }
       );
     }
     case "audio":
-      return /* @__PURE__ */ r("div", { className: "grid h-full place-items-center", children: /* @__PURE__ */ r("audio", { controls: !0, className: "w-full max-w-2xl", children: /* @__PURE__ */ r("source", { src: l }) }) });
+      return /* @__PURE__ */ r("div", { className: "grid h-full place-items-center", children: /* @__PURE__ */ r("audio", { controls: !0, className: "w-full max-w-2xl", children: /* @__PURE__ */ r("source", { src: t }) }) });
     case "video":
-      return /* @__PURE__ */ r("div", { className: "grid h-full place-items-center", children: /* @__PURE__ */ r("video", { controls: !0, className: "max-h-full w-full max-w-3xl rounded", children: /* @__PURE__ */ r("source", { src: l }) }) });
+      return /* @__PURE__ */ r("div", { className: "grid h-full place-items-center", children: /* @__PURE__ */ r("video", { controls: !0, className: "max-h-full w-full max-w-3xl rounded", children: /* @__PURE__ */ r("source", { src: t }) }) });
     case "text":
       return /* @__PURE__ */ r(
         "iframe",
         {
-          src: l,
+          src: t,
           title: "Text Preview",
           className: "h-full w-full rounded"
         }
       );
     case "office": {
-      if (n && b(n)) {
-        const t = A(n);
+      if (i && b(i)) {
+        const l = A(i);
         return /* @__PURE__ */ r(
           "iframe",
           {
-            src: t,
+            src: l,
             title: "Office Preview",
             className: "h-full w-full rounded"
           }

package/dist/components/ui/secure-pdf-viewer.js

@@ -5,7 +5,8 @@ import "react-pdf/dist/Page/TextLayer.css";
 import { useState as l, useRef as W, useMemo as v, useEffect as d } from "react";
 import { Button as N } from "./button.js";
 import { Icon as s } from "./icon.js";
-function R({
+import { cn as D } from "../../lib/utils.js";
+function T({
   url: m,
   initialPage: g = 1,
   className: u = ""
@@ -30,7 +31,7 @@ function R({
         x(i - 32);
       }
     }, 50);
-  }, y = (r) => {
+  }, k = (r) => {
     console.error("PDF Load Error:", r), h(r.message || "Errore nel caricamento del PDF");
   };
   if (d(() => {
@@ -63,72 +64,66 @@ function R({
         ) })
       }
     );
-  const { Document: C, Page: k } = o;
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      className: `flex min-h-[600px] w-full flex-col items-center ${u}`,
-      children: [
-        /* @__PURE__ */ e(
-          "div",
+  const { Document: y, Page: C } = o;
+  return /* @__PURE__ */ c("div", { className: D("flex w-full flex-col items-center", u), children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: n,
+        className: "border-d-border max-h-[var(--pdf-viewer-max-height,500px)] min-h-0 w-full grow overflow-auto rounded border",
+        children: /* @__PURE__ */ e(
+          y,
           {
-            ref: n,
-            className: "border-d-border max-h-[500px] w-full overflow-auto rounded border",
-            children: /* @__PURE__ */ e(
-              C,
+            file: E,
+            onLoadSuccess: L,
+            onLoadError: k,
+            options: w,
+            loading: /* @__PURE__ */ e("div", { className: "flex min-h-[400px] items-center justify-center", children: /* @__PURE__ */ e(
+              s,
               {
-                file: E,
-                onLoadSuccess: L,
-                onLoadError: y,
-                options: w,
-                loading: /* @__PURE__ */ e("div", { className: "flex min-h-[600px] items-center justify-center", children: /* @__PURE__ */ e(
-                  s,
-                  {
-                    name: "Loader2",
-                    className: "text-d-primary h-8 w-8 animate-spin"
-                  }
-                ) }),
-                error: /* @__PURE__ */ c("div", { className: "text-d-destructive flex min-h-[600px] flex-col items-center justify-center gap-2", children: [
-                  /* @__PURE__ */ e(s, { name: "AlertCircle", className: "h-12 w-12" }),
-                  /* @__PURE__ */ e("p", { children: "Errore nel caricamento del PDF" })
-                ] }),
-                className: "h-full min-h-[600px] w-full border-0",
-                children: /* @__PURE__ */ e(k, { pageNumber: t, width: b })
+                name: "Loader2",
+                className: "text-d-primary h-8 w-8 animate-spin"
               }
-            )
+            ) }),
+            error: /* @__PURE__ */ c("div", { className: "text-d-destructive flex min-h-[400px] flex-col items-center justify-center gap-2", children: [
+              /* @__PURE__ */ e(s, { name: "AlertCircle", className: "h-12 w-12" }),
+              /* @__PURE__ */ e("p", { children: "Errore nel caricamento del PDF" })
+            ] }),
+            className: "w-full border-0",
+            children: /* @__PURE__ */ e(C, { pageNumber: t, width: b })
           }
-        ),
-        /* @__PURE__ */ c("div", { className: "my-8 flex h-full w-full items-center justify-center gap-4", children: [
-          /* @__PURE__ */ e(
-            N,
-            {
-              onClick: () => f(Math.max(1, t - 1)),
-              disabled: t <= 1,
-              variant: "outline",
-              size: "sm",
-              children: /* @__PURE__ */ e(s, { name: "ChevronLeft", className: "h-4 w-4" })
-            }
-          ),
-          /* @__PURE__ */ c("p", { className: "text-d-foreground text-sm", children: [
-            t,
-            " / ",
-            a
-          ] }),
-          /* @__PURE__ */ e(
-            N,
-            {
-              onClick: () => f(Math.min(a || 1, t + 1)),
-              disabled: t >= (a || 1),
-              variant: "outline",
-              size: "sm",
-              children: /* @__PURE__ */ e(s, { name: "ChevronRight", className: "h-4 w-4" })
-            }
-          )
-        ] })
-      ]
-    }
-  );
+        )
+      }
+    ),
+    /* @__PURE__ */ c("div", { className: "my-4 flex w-full shrink-0 items-center justify-center gap-4", children: [
+      /* @__PURE__ */ e(
+        N,
+        {
+          onClick: () => f(Math.max(1, t - 1)),
+          disabled: t <= 1,
+          variant: "outline",
+          size: "sm",
+          children: /* @__PURE__ */ e(s, { name: "ChevronLeft", className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ c("p", { className: "text-d-foreground text-sm", children: [
+        t,
+        " / ",
+        a
+      ] }),
+      /* @__PURE__ */ e(
+        N,
+        {
+          onClick: () => f(Math.min(a || 1, t + 1)),
+          disabled: t >= (a || 1),
+          variant: "outline",
+          size: "sm",
+          children: /* @__PURE__ */ e(s, { name: "ChevronRight", className: "h-4 w-4" })
+        }
+      )
+    ] })
+  ] });
 }
 export {
-  R as SecurePdfViewer
+  T as SecurePdfViewer
 };