laif-ds 0.2.13 → 0.2.14

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/style-to-js/cjs/index.js";
-var t = e();
-const a = /* @__PURE__ */ r(t);
+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 {
-  a as default
+  x as default
 };

package/dist/_virtual/index6.js

@@ -1,5 +1,8 @@
 "use client";
-var e = {};
+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 {
-  e as __exports
+  a as default
 };

package/dist/_virtual/index7.js

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

package/dist/components/ui/carousel.js

@@ -4,8 +4,8 @@ import * as l from "react";
 import k from "../../node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js";
 import { cn as d } from "../../lib/utils.js";
 import { Button as v } from "./button.js";
-import z from "../../node_modules/lucide-react/dist/esm/icons/arrow-left.js";
-import g from "../../node_modules/lucide-react/dist/esm/icons/arrow-right.js";
+import z from "../../node_modules/lucide-react/dist/esm/icons/arrow-right.js";
+import g from "../../node_modules/lucide-react/dist/esm/icons/arrow-left.js";
 const p = l.createContext(null);
 function m() {
   const o = l.useContext(p);
@@ -136,7 +136,7 @@ function q({
       onClick: i,
       ...s,
       children: [
-        /* @__PURE__ */ a(z, {}),
+        /* @__PURE__ */ a(g, {}),
         /* @__PURE__ */ a("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
@@ -164,7 +164,7 @@ function F({
       onClick: i,
       ...s,
       children: [
-        /* @__PURE__ */ a(g, {}),
+        /* @__PURE__ */ a(z, {}),
         /* @__PURE__ */ a("span", { className: "sr-only", children: "Next slide" })
       ]
     }

package/dist/components/ui/chart.js

@@ -2,8 +2,8 @@
 import { jsx as s, jsxs as f, Fragment as L } from "react/jsx-runtime";
 import * as p from "react";
 import { cn as l } from "../../lib/utils.js";
-import { Tooltip as T } from "../../node_modules/recharts/es6/component/Tooltip.js";
-import { Legend as I } from "../../node_modules/recharts/es6/component/Legend.js";
+import { Legend as T } from "../../node_modules/recharts/es6/component/Legend.js";
+import { Tooltip as I } from "../../node_modules/recharts/es6/component/Tooltip.js";
 import { ResponsiveContainer as K } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
 const P = { light: "", dark: ".dark" }, N = p.createContext(null);
 function j() {
@@ -60,7 +60,7 @@ ${t.map(([d, o]) => {
       }
     }
   ) : null;
-}, z = T;
+}, z = I;
 function A({
   active: c,
   payload: e,
@@ -155,7 +155,7 @@ function A({
     }
   );
 }
-const B = I;
+const B = T;
 function D({
   className: c,
   hideIcon: e = !1,

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

@@ -0,0 +1,170 @@
+"use client";
+import { jsx as t, jsxs as T } from "react/jsx-runtime";
+import { createAsk as j } from "../../node_modules/use-ask/dist/index.js";
+import { Dialog as U, DialogContent as O, DialogHeader as E, DialogTitle as L, DialogDescription as k } from "./dialog.js";
+import { Icon as C } from "./icon.js";
+import { getExt as M, guessKind as S, isHttpUrl as A, getOfficeEmbedUrl as z } from "../../lib/file-preview.js";
+import { cn as H } from "../../lib/utils.js";
+import { useRef as q, useState as x, useEffect as N, useMemo as g } from "react";
+const [R, B] = j({});
+function D(r) {
+  return typeof r == "string" ? { url: r } : r instanceof File ? { file: r, filename: r.name, mimeType: r.type } : typeof r == "function" ? { loader: r } : r && typeof r.then == "function" ? { loader: r } : r || {};
+}
+async function _(r) {
+  return R.ask(D(r));
+}
+function $(r) {
+  return R.safeAsk(D(r));
+}
+function I(r, s, a) {
+  const n = q(null), [d, u] = x(!1), [v, m] = x(null), [y, c] = x(null), [e, p] = x({});
+  N(() => {
+    if (!s) {
+      p({}), u(!1), m(null);
+      return;
+    }
+    const i = r || {};
+    p({
+      url: i.url,
+      file: i.file,
+      filename: i.filename,
+      mimeType: i.mimeType,
+      title: i.title
+    });
+    const o = i.loader;
+    if (!o) return;
+    let f = !1;
+    return u(!0), m(null), (async () => {
+      try {
+        const l = typeof o == "function" ? await o() : await o;
+        if (f) return;
+        typeof l == "string" ? p((h) => ({ ...h, url: l })) : l instanceof File ? p((h) => ({
+          ...h,
+          file: l,
+          filename: l.name,
+          mimeType: l.type
+        })) : l && typeof l == "object" && p((h) => ({ ...h, ...l }));
+      } catch (l) {
+        f || m(l?.message || "Errore durante il caricamento della preview");
+      } finally {
+        f || u(!1);
+      }
+    })(), () => {
+      f = !0;
+    };
+  }, [s, a, r]), N(() => {
+    if (e.file) {
+      const i = URL.createObjectURL(e.file);
+      return n.current = i, () => {
+        n.current && (URL.revokeObjectURL(n.current), n.current = null);
+      };
+    }
+  }, [e.file]);
+  const F = g(
+    () => e.file ? n.current || void 0 : e.url,
+    [e.file, e.url]
+  ), w = g(
+    () => e.filename || e.file?.name || M(e.url || "") || "document",
+    [e.filename, e.file, e.url]
+  ), b = g(
+    () => S({
+      mimeType: e.mimeType,
+      filename: w,
+      url: e.url
+    }),
+    [e.mimeType, w, e.url]
+  );
+  N(() => {
+    if (c(null), b === "text")
+      if (e.file) {
+        const i = new FileReader();
+        i.onload = (o) => {
+          if (typeof o.target?.result == "string") {
+            const f = o.target.result.length > 2e5 ? o.target.result.slice(0, 2e5) + `
+…` : o.target.result;
+            c(f);
+          }
+        }, i.readAsText(e.file);
+      } else e.url && A(e.url) ? fetch(e.url).then((i) => i.text()).then(
+        (i) => c(i.length > 2e5 ? i.slice(0, 2e5) + `
+…` : i)
+      ).catch(() => c("Anteprima non disponibile")) : c("Anteprima non disponibile");
+  }, [b, e.file, e.url, a]);
+  const P = g(
+    () => /* @__PURE__ */ T("span", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t(C, { name: "File", className: "h-4 w-4" }),
+      r?.title || e.title || w
+    ] }),
+    [r, e.title, w]
+  );
+  return { loading: d, error: v, src: F, text: y, kind: b, title: P };
+}
+const ee = () => {
+  const [{ key: r, payload: s }, { asking: a, cancel: n }] = B(), { loading: d, error: u, src: v, text: m, kind: y, title: c } = I(
+    s,
+    a,
+    r
+  );
+  return /* @__PURE__ */ t(U, { open: a, onOpenChange: (e) => !e && n(), children: /* @__PURE__ */ T(O, { size: "xl", className: "sm:max-w-4xl", children: [
+    /* @__PURE__ */ T(E, { children: [
+      /* @__PURE__ */ t(L, { children: c }),
+      u ? /* @__PURE__ */ t(k, { className: "text-red-600", children: u }) : null
+    ] }),
+    /* @__PURE__ */ t("div", { className: H("relative", "max-h-[80vh] overflow-auto p-1"), children: d ? /* @__PURE__ */ t("div", { className: "grid h-[60vh] place-items-center", children: /* @__PURE__ */ t("div", { className: "border-d-border border-t-d-foreground h-10 w-10 animate-spin rounded-full border-2" }) }) : /* @__PURE__ */ t(K, { kind: y, src: v, text: m, officeUrl: v }) })
+  ] }) });
+}, K = ({
+  kind: r,
+  src: s,
+  text: a,
+  officeUrl: n
+}) => {
+  if (!s && r !== "text" && r !== "office")
+    return /* @__PURE__ */ t("div", { className: "text-d-secondary-foreground", children: "Nessuna sorgente disponibile" });
+  switch (r) {
+    case "image":
+      return /* @__PURE__ */ t("div", { className: "grid place-items-center", children: /* @__PURE__ */ t(
+        "img",
+        {
+          src: s,
+          alt: "preview",
+          className: "max-h-[78vh] w-auto max-w-full object-contain"
+        }
+      ) });
+    case "pdf":
+      return /* @__PURE__ */ t(
+        "iframe",
+        {
+          src: s,
+          title: "PDF Preview",
+          className: "h-[78vh] w-full rounded"
+        }
+      );
+    case "audio":
+      return /* @__PURE__ */ t("div", { className: "grid place-items-center", children: /* @__PURE__ */ t("audio", { controls: !0, className: "w-full max-w-2xl", children: /* @__PURE__ */ t("source", { src: s }) }) });
+    case "video":
+      return /* @__PURE__ */ t("div", { className: "grid place-items-center", children: /* @__PURE__ */ t("video", { controls: !0, className: "max-h-[78vh] w-full max-w-3xl rounded", children: /* @__PURE__ */ t("source", { src: s }) }) });
+    case "text":
+      return /* @__PURE__ */ t("pre", { className: "max-h-[78vh] overflow-auto rounded border p-3 text-sm whitespace-pre-wrap", children: a || "Caricamento…" });
+    case "office": {
+      if (n && A(n)) {
+        const d = z(n);
+        return /* @__PURE__ */ t(
+          "iframe",
+          {
+            src: d,
+            title: "Office Preview",
+            className: "h-[78vh] w-full rounded"
+          }
+        );
+      }
+      return /* @__PURE__ */ t("div", { className: "rounded border p-3 text-sm", children: 'Anteprima Office non disponibile per file locali. Usa "Apri in nuova scheda" o "Download".' });
+    }
+    default:
+      return /* @__PURE__ */ t("div", { className: "rounded border p-3 text-sm", children: "Anteprima non disponibile per questo tipo di file." });
+  }
+};
+export {
+  ee as FilePreviewer,
+  _ as previewFileModal,
+  $ as safePreviewFileModal
+};

package/dist/components/ui/navigation-menu.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Root as d, List as s, Item as u, Content as l, Trigger as g, Link as c, Indicator as m, Viewport as v } from "../../node_modules/@radix-ui/react-navigation-menu/dist/index.js";
+import { Root as d, Content as s, Indicator as u, Item as l, Link as g, List as c, Trigger as m, Viewport as v } from "../../node_modules/@radix-ui/react-navigation-menu/dist/index.js";
 import { cva as f } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as o } from "../../lib/utils.js";
 import p from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
@@ -32,7 +32,7 @@ function j({
   ...a
 }) {
   return /* @__PURE__ */ e(
-    s,
+    c,
     {
       "data-slot": "navigation-menu-list",
       className: o(
@@ -48,7 +48,7 @@ function k({
   ...a
 }) {
   return /* @__PURE__ */ e(
-    u,
+    l,
     {
       "data-slot": "navigation-menu-item",
       className: o("relative", t),
@@ -65,7 +65,7 @@ function I({
   ...n
 }) {
   return /* @__PURE__ */ i(
-    g,
+    m,
     {
       "data-slot": "navigation-menu-trigger",
       className: o(w(), "group", t),
@@ -89,7 +89,7 @@ function L({
   ...a
 }) {
   return /* @__PURE__ */ e(
-    l,
+    s,
     {
       "data-slot": "navigation-menu-content",
       className: o(
@@ -130,7 +130,7 @@ function C({
   ...a
 }) {
   return /* @__PURE__ */ e(
-    c,
+    g,
     {
       "data-slot": "navigation-menu-link",
       className: o(
@@ -146,7 +146,7 @@ function T({
   ...a
 }) {
   return /* @__PURE__ */ e(
-    m,
+    u,
     {
       "data-slot": "navigation-menu-indicator",
       className: o(

package/dist/components/ui/textarea.js

@@ -1,19 +1,28 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { cn as d } from "../../lib/utils.js";
-function o({ className: r, ...e }) {
-  return /* @__PURE__ */ i(
-    "textarea",
-    {
-      "data-slot": "textarea",
-      className: d(
-        "border-d-input placeholder:text-d-secondary-foreground 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 dark:bg-d-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        r
-      ),
-      ...e
-    }
-  );
+import { jsxs as t, Fragment as a, jsx as r } from "react/jsx-runtime";
+import { cn as n } from "../../lib/utils.js";
+import { Label as o } from "./label.js";
+function c({
+  className: d,
+  label: e,
+  ...i
+}) {
+  return /* @__PURE__ */ t(a, { children: [
+    e && /* @__PURE__ */ r(o, { htmlFor: i.id, children: e }),
+    /* @__PURE__ */ r(
+      "textarea",
+      {
+        id: i.id,
+        "data-slot": "textarea",
+        className: n(
+          "border-d-input placeholder:text-d-muted-foreground 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 dark:bg-d-input/30 !bg-d-input flex field-sizing-content min-h-16 w-full rounded-md border px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          d
+        ),
+        ...i
+      }
+    )
+  ] });
 }
 export {
-  o as Textarea
+  c as Textarea
 };

package/dist/index.d.ts

@@ -56,6 +56,7 @@ import { Toaster as Toaster_2 } from 'sonner';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { UseAskResult } from 'use-ask';
 import { UseEmblaCarouselType } from 'embla-carousel-react';
 import { VariantProps } from 'class-variance-authority';
 
@@ -814,7 +815,7 @@ declare interface DatePickerProps {
 export declare function Dialog({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
 
 export declare function DialogContent({ className, children, size, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
-    size?: "sm" | "default" | "lg";
+    size?: "sm" | "default" | "lg" | "xl";
 }): JSX.Element;
 
 export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
@@ -878,6 +879,8 @@ export declare enum ELogicalFilterOperator {
 
 export declare const FilePreview: default_2.ForwardRefExoticComponent<FilePreviewProps & default_2.RefAttributes<HTMLDivElement>>;
 
+export declare const FilePreviewer: () => JSX.Element;
+
 declare interface FilePreviewProps {
     file: IFilePreviewCallbackReturn;
     onRemove?: (url: string) => void;
@@ -1139,6 +1142,14 @@ export declare interface IServerOptionsProps {
 
 export declare function Label({ className, ...props }: React_2.ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
 
+declare type LoaderReturn = string | File | {
+    url?: string;
+    file?: File;
+    filename?: string;
+    mimeType?: string;
+    title?: React.ReactNode;
+};
+
 export declare function MarkdownRenderer({ children }: MarkdownRendererProps): JSX.Element;
 
 declare interface MarkdownRendererProps {
@@ -1429,8 +1440,21 @@ export declare function PopoverContent({ className, align, sideOffset, container
 
 export declare function PopoverTrigger({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element;
 
+declare type PreviewArg = string | File | PreviewOptions | (() => Promise<LoaderReturn>) | Promise<LoaderReturn>;
+
 export declare const previewFile: (url: string, filename?: string) => void;
 
+export declare function previewFileModal(arg: PreviewArg): Promise<void>;
+
+declare interface PreviewOptions {
+    url?: string;
+    file?: File;
+    filename?: string;
+    mimeType?: string;
+    title?: React.ReactNode;
+    loader?: (() => Promise<LoaderReturn>) | Promise<LoaderReturn>;
+}
+
 export declare function Progress({ className, value, ...props }: React_2.ComponentProps<typeof ProgressPrimitive.Root>): JSX.Element;
 
 export declare function PromptSuggestions({ label, append, suggestions, }: PromptSuggestionsProps): JSX.Element;
@@ -1522,6 +1546,8 @@ export declare function ResizablePanel({ ...props }: React_2.ComponentProps<type
 
 export declare function ResizablePanelGroup({ className, ...props }: React_2.ComponentProps<typeof ResizablePrimitive.PanelGroup>): JSX.Element;
 
+export declare function safePreviewFileModal(arg: PreviewArg): Promise<UseAskResult<void, unknown>>;
+
 export declare function ScrollArea({ className, children, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.Root>): JSX.Element;
 
 export declare function ScrollBar({ className, orientation, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): JSX.Element;
@@ -1727,7 +1753,9 @@ export declare function TabsList({ className, ...props }: React_2.ComponentProps
 
 export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Trigger>): JSX.Element;
 
-export declare function Textarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
+export declare function Textarea({ className, label, ...props }: React_2.ComponentProps<"textarea"> & {
+    label?: React_2.ReactNode;
+}): JSX.Element;
 
 declare interface TextPart {
     type: "text";