laif-ds 0.2.63 → 0.2.65

package/dist/components/ui/message-input.js

@@ -1,41 +1,42 @@
 "use client";
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useState as y, useEffect as S, useRef as J } from "react";
 import { AnimatePresence as v, motion as w } from "framer-motion";
+import { useState as y, useEffect as S, useRef as Q } from "react";
 import { omit as T } from "../../node_modules/remeda/dist/omit-HZOiLuMO.js";
-import { cn as C } from "../../lib/utils.js";
-import { useAudioRecording as Q } from "../../hooks/use-audio-recording.js";
-import { useAutosizeTextArea as X } from "../../hooks/use-autosize-textarea.js";
-import { AudioVisualizer as Y } from "./audio-visualizer.js";
+import { AudioVisualizer as X } from "./audio-visualizer.js";
 import { Button as g } from "./button.js";
-import { FilePreview as Z } from "./file-preview.js";
-import { InterruptPrompt as _ } from "./interrupt-prompt.js";
+import { FilePreview as Y } from "./file-preview.js";
+import { InterruptPrompt as Z } from "./interrupt-prompt.js";
+import { useAudioRecording as _ } from "../../hooks/use-audio-recording.js";
+import { useAutosizeTextArea as $ } from "../../hooks/use-autosize-textarea.js";
+import { cn as C } from "../../lib/utils.js";
 import P from "../../node_modules/lucide-react/dist/esm/icons/paperclip.js";
-import $ from "../../node_modules/lucide-react/dist/esm/icons/mic.js";
-import G from "../../node_modules/lucide-react/dist/esm/icons/square.js";
-import ee from "../../node_modules/lucide-react/dist/esm/icons/arrow-up.js";
-import te from "../../node_modules/lucide-react/dist/esm/icons/info.js";
-import re from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
-function ie({
+import G from "../../node_modules/lucide-react/dist/esm/icons/mic.js";
+import ee from "../../node_modules/lucide-react/dist/esm/icons/square.js";
+import te from "../../node_modules/lucide-react/dist/esm/icons/arrow-up.js";
+import re from "../../node_modules/lucide-react/dist/esm/icons/info.js";
+import ie from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
+function ae({
   placeholder: i = "Ask AI...",
-  className: a,
+  className: n,
   onKeyDown: d,
   submitOnEnter: l = !0,
   stop: s,
   isGenerating: u,
   enableInterrupt: A = !0,
   transcribeAudio: I,
+  "data-testid": R,
   ...r
 }) {
-  const [R, x] = y(!1), [N, f] = y(!1), {
-    isListening: F,
-    isSpeechSupported: L,
+  const [F, x] = y(!1), [N, f] = y(!1), {
+    isListening: L,
+    isSpeechSupported: M,
     isRecording: D,
-    isTranscribing: M,
-    audioStream: O,
-    toggleListening: j,
+    isTranscribing: O,
+    audioStream: j,
+    toggleListening: q,
     stopRecording: k
-  } = Q({
+  } = _({
     transcribeAudio: I,
     onTranscriptionComplete: (t) => {
       r.onChange?.({ target: { value: t } });
@@ -45,32 +46,32 @@ function ie({
     u || f(!1);
   }, [u]);
   const h = (t) => {
-    r.allowAttachments && r.setFiles((n) => n === null ? t : t === null ? n : [...n, ...t]);
-  }, q = (t) => {
-    r.allowAttachments === !0 && (t.preventDefault(), x(!0));
+    r.allowAttachments && r.setFiles((a) => a === null ? t : t === null ? a : [...a, ...t]);
   }, E = (t) => {
-    r.allowAttachments === !0 && (t.preventDefault(), x(!1));
+    r.allowAttachments === !0 && (t.preventDefault(), x(!0));
   }, H = (t) => {
+    r.allowAttachments === !0 && (t.preventDefault(), x(!1));
+  }, K = (t) => {
     if (x(!1), r.allowAttachments !== !0) return;
     t.preventDefault();
-    const n = t.dataTransfer;
-    n.files.length && h(Array.from(n.files));
-  }, K = (t) => {
-    const n = t.clipboardData?.items;
-    if (!n) return;
+    const a = t.dataTransfer;
+    a.files.length && h(Array.from(a.files));
+  }, U = (t) => {
+    const a = t.clipboardData?.items;
+    if (!a) return;
     const c = t.clipboardData.getData("text");
     if (c && c.length > 500 && r.allowAttachments) {
       t.preventDefault();
-      const m = new Blob([c], { type: "text/plain" }), W = new File([m], "Pasted text", {
+      const m = new Blob([c], { type: "text/plain" }), J = new File([m], "Pasted text", {
         type: "text/plain",
         lastModified: Date.now()
       });
-      h([W]);
+      h([J]);
       return;
     }
-    const b = Array.from(n).map((m) => m.getAsFile()).filter((m) => m !== null);
+    const b = Array.from(a).map((m) => m.getAsFile()).filter((m) => m !== null);
     r.allowAttachments && b.length > 0 && h(b);
-  }, U = (t) => {
+  }, V = (t) => {
     if (l && t.key === "Enter" && !t.shiftKey) {
       if (t.preventDefault(), u && s && A) {
         if (N)
@@ -83,14 +84,14 @@ function ie({
       t.currentTarget.form?.requestSubmit();
     }
     d?.(t);
-  }, p = J(
+  }, p = Q(
     null
-  ), [V, B] = y(0);
+  ), [B, W] = y(0);
   S(() => {
-    p.current && B(p.current.offsetHeight);
+    p.current && W(p.current.offsetHeight);
   }, [r.value]);
   const z = r.allowAttachments && r.files && r.files.length > 0;
-  return X({
+  return $({
     ref: p,
     maxHeight: 240,
     borderWidth: 1,
@@ -99,19 +100,19 @@ function ie({
     "div",
     {
       className: "relative flex w-full",
-      onDragOver: q,
-      onDragLeave: E,
-      onDrop: H,
+      onDragOver: E,
+      onDragLeave: H,
+      onDrop: K,
       children: [
         A && /* @__PURE__ */ e(
-          _,
+          Z,
           {
             isOpen: N,
             close: () => f(!1)
           }
         ),
         /* @__PURE__ */ e(
-          oe,
+          se,
           {
             isVisible: D,
             onStopRecording: k
@@ -124,24 +125,25 @@ function ie({
               "aria-label": "Write your prompt here",
               placeholder: i,
               ref: p,
-              onPaste: K,
-              onKeyDown: U,
+              onPaste: U,
+              onKeyDown: V,
+              "data-testid": R,
               className: C(
                 "border-d-input bg-d-input ring-offset-d-background placeholder:text-d-muted-foreground focus-visible:border-d-primary z-10 w-full grow resize-none rounded-xl border p-3 pr-24 text-sm transition-[border] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
                 z && "pb-16",
-                a
+                n
               ),
               ...r.allowAttachments ? T(r, ["allowAttachments", "files", "setFiles"]) : T(r, ["allowAttachments"])
             }
           ),
           r.allowAttachments && /* @__PURE__ */ e("div", { className: "absolute inset-x-3 bottom-2 z-20 overflow-x-scroll py-3 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ e("div", { className: "flex space-x-3", children: /* @__PURE__ */ e(v, { mode: "popLayout", children: r.files?.map((t) => /* @__PURE__ */ e(
-            Z,
+            Y,
             {
               file: t,
               onRemove: () => {
-                r.setFiles((n) => {
-                  if (!n) return null;
-                  const c = Array.from(n).filter(
+                r.setFiles((a) => {
+                  if (!a) return null;
+                  const c = Array.from(a).filter(
                     (b) => b !== t
                   );
                   return c.length === 0 ? null : c;
@@ -161,22 +163,22 @@ function ie({
               className: "h-8 w-8",
               "aria-label": "Attach a file",
               onClick: async () => {
-                const t = await ae();
+                const t = await le();
                 h(t);
               },
               children: /* @__PURE__ */ e(P, { className: "h-4 w-4" })
             }
           ),
-          L && /* @__PURE__ */ e(
+          M && /* @__PURE__ */ e(
             g,
             {
               type: "button",
               variant: "outline",
-              className: C("h-8 w-8", F && "text-d-primary"),
+              className: C("h-8 w-8", L && "text-d-primary"),
               "aria-label": "Voice input",
               size: "icon",
-              onClick: j,
-              children: /* @__PURE__ */ e($, { className: "h-4 w-4" })
+              onClick: q,
+              children: /* @__PURE__ */ e(G, { className: "h-4 w-4" })
             }
           ),
           u && s ? /* @__PURE__ */ e(
@@ -187,7 +189,7 @@ function ie({
               className: "h-8 w-8",
               "aria-label": "Stop generating",
               onClick: s,
-              children: /* @__PURE__ */ e(G, { className: "h-3 w-3 animate-pulse", fill: "currentColor" })
+              children: /* @__PURE__ */ e(ee, { className: "h-3 w-3 animate-pulse", fill: "currentColor" })
             }
           ) : /* @__PURE__ */ e(
             g,
@@ -197,18 +199,18 @@ function ie({
               className: "h-8 w-8 transition-opacity",
               "aria-label": "Send message",
               disabled: r.value === "" || u,
-              children: /* @__PURE__ */ e(ee, { className: "h-5 w-5" })
+              children: /* @__PURE__ */ e(te, { className: "h-5 w-5" })
             }
           )
         ] }),
-        r.allowAttachments && /* @__PURE__ */ e(ne, { isDragging: R }),
+        r.allowAttachments && /* @__PURE__ */ e(ne, { isDragging: F }),
         /* @__PURE__ */ e(
-          se,
+          ce,
           {
             isRecording: D,
-            isTranscribing: M,
-            audioStream: O,
-            textAreaHeight: V,
+            isTranscribing: O,
+            audioStream: j,
+            textAreaHeight: B,
             onStopRecording: k
           }
         )
@@ -216,7 +218,7 @@ function ie({
     }
   );
 }
-ie.displayName = "MessageInput";
+ae.displayName = "MessageInput";
 function ne({ isDragging: i }) {
   return /* @__PURE__ */ e(v, { children: i && /* @__PURE__ */ o(
     w.div,
@@ -234,22 +236,22 @@ function ne({ isDragging: i }) {
     }
   ) });
 }
-function ae() {
+function le() {
   if (typeof document > "u")
     return Promise.resolve(null);
   const i = document.createElement("input");
-  return i.type = "file", i.multiple = !0, i.accept = "*/*", i.click(), new Promise((a) => {
+  return i.type = "file", i.multiple = !0, i.accept = "*/*", i.click(), new Promise((n) => {
     i.onchange = (d) => {
       const l = d.currentTarget.files;
       if (l) {
-        a(Array.from(l));
+        n(Array.from(l));
         return;
       }
-      a(null);
+      n(null);
     };
   });
 }
-function le() {
+function oe() {
   return /* @__PURE__ */ o(
     w.div,
     {
@@ -260,7 +262,7 @@ function le() {
       transition: { duration: 0.2 },
       children: [
         /* @__PURE__ */ o("div", { className: "relative", children: [
-          /* @__PURE__ */ e(re, { className: "text-d-primary h-8 w-8 animate-spin" }),
+          /* @__PURE__ */ e(ie, { className: "text-d-primary h-8 w-8 animate-spin" }),
           /* @__PURE__ */ e(
             w.div,
             {
@@ -281,7 +283,7 @@ function le() {
     }
   );
 }
-function oe({ isVisible: i, onStopRecording: a }) {
+function se({ isVisible: i, onStopRecording: n }) {
   return /* @__PURE__ */ e(v, { children: i && /* @__PURE__ */ e(
     w.div,
     {
@@ -296,17 +298,17 @@ function oe({ isVisible: i, onStopRecording: a }) {
       },
       exit: { top: 0, filter: "blur(5px)" },
       className: "bg-d-background border-d-border text-d-secondary-foreground absolute left-1/2 flex -translate-x-1/2 cursor-pointer overflow-hidden rounded-full border py-1 text-center text-sm whitespace-nowrap",
-      onClick: a,
+      onClick: n,
       children: /* @__PURE__ */ o("span", { className: "mx-2.5 flex items-center", children: [
-        /* @__PURE__ */ e(te, { className: "mr-2 h-3 w-3" }),
+        /* @__PURE__ */ e(re, { className: "mr-2 h-3 w-3" }),
         "Click to finish recording"
       ] })
     }
   ) });
 }
-function se({
+function ce({
   isRecording: i,
-  isTranscribing: a,
+  isTranscribing: n,
   audioStream: d,
   textAreaHeight: l,
   onStopRecording: s
@@ -317,7 +319,7 @@ function se({
       className: "absolute inset-[1px] z-50 overflow-hidden rounded-xl",
       style: { height: l - 2 },
       children: /* @__PURE__ */ e(
-        Y,
+        X,
         {
           stream: d,
           isRecording: i,
@@ -325,15 +327,15 @@ function se({
         }
       )
     }
-  ) : a ? /* @__PURE__ */ e(
+  ) : n ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute inset-[1px] z-50 overflow-hidden rounded-xl",
       style: { height: l - 2 },
-      children: /* @__PURE__ */ e(le, {})
+      children: /* @__PURE__ */ e(oe, {})
     }
   ) : null;
 }
 export {
-  ie as MessageInput
+  ae as MessageInput
 };

package/dist/components/ui/tables/data-table/components/data-table-actions.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import { Button as l } from "../../../button.js";
-import { Popover as r, PopoverTrigger as s, PopoverContent as a } from "../../../popover.js";
-function x({
-  actions: n,
-  i18n: i
+import { Popover as o, PopoverTrigger as s, PopoverContent as r } from "../../../popover.js";
+function h({
+  actions: i,
+  i18n: n
 }) {
-  if (!n?.length) return null;
-  if (n.length === 1) {
-    const [e] = n;
+  if (!i?.length) return null;
+  if (i.length === 1) {
+    const [e] = i;
     return /* @__PURE__ */ t(
       l,
       {
@@ -17,11 +17,12 @@ function x({
         variant: "default",
         onClick: e.onClick,
         className: "h-6 max-h-6 text-xs",
+        "data-testid": e["data-testid"],
         children: e.label
       }
     );
   }
-  return /* @__PURE__ */ o(r, { children: [
+  return /* @__PURE__ */ a(o, { children: [
     /* @__PURE__ */ t(s, { asChild: !0, children: /* @__PURE__ */ t(
       l,
       {
@@ -29,16 +30,16 @@ function x({
         iconRight: "ChevronDown",
         variant: "default",
         className: "h-6 max-h-6 !px-2 text-xs",
-        children: i.tableActions.actions
+        children: n.tableActions.actions
       }
     ) }),
     /* @__PURE__ */ t(
-      a,
+      r,
       {
         side: "top",
         className: "flex w-auto flex-col p-2",
         align: "end",
-        children: n.map((e) => /* @__PURE__ */ t(
+        children: i.map((e) => /* @__PURE__ */ t(
           l,
           {
             variant: "ghost",
@@ -46,6 +47,7 @@ function x({
             size: "sm",
             onClick: e.onClick,
             className: "justify-start text-xs",
+            "data-testid": e["data-testid"],
             children: e.label
           },
           e.label
@@ -55,5 +57,5 @@ function x({
   ] });
 }
 export {
-  x as DataTableActionsComponent
+  h as DataTableActionsComponent
 };

package/dist/components/ui/tables/data-table/components/data-table-searchbar.js

@@ -1,65 +1,67 @@
 "use client";
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import { Button as g } from "../../../button.js";
-import { cn as y } from "../../../../../lib/utils.js";
+import { cn as z } from "../../../../../lib/utils.js";
 import { useState as p, useRef as x, useEffect as v } from "react";
-import { Tooltip as q, TooltipTrigger as z, TooltipContent as D } from "../../../tooltip.js";
-function P({
+import { Tooltip as D, TooltipTrigger as E, TooltipContent as L } from "../../../tooltip.js";
+function K({
   searchableColumnsHeaders: b = [],
   i18n: i,
   className: T = "",
   onSearch: u,
-  debounceMs: d = 300,
-  initialValue: t
+  debounceMs: h = 300,
+  initialValue: t,
+  id: S,
+  "data-testid": C
 }) {
-  const [c, s] = p(t || ""), [f, a] = p(
+  const [s, c] = p(t || ""), [f, o] = p(
     !!(t && t.length > 0)
-  ), S = "search_input_" + Math.random().toString(36).substring(2, 9), h = x(null), n = x(null);
+  ), B = "search_input_" + Math.random().toString(36).substring(2, 9), N = S ?? B, d = x(null), n = x(null);
   v(() => {
-    t && t.length > 0 ? (s(t), a(!0)) : (t === "" || t === void 0) && (s(""), a(!1));
+    t && t.length > 0 ? (c(t), o(!0)) : (t === "" || t === void 0) && (c(""), o(!1));
   }, [t]), v(() => (u && (n.current && clearTimeout(n.current), n.current = setTimeout(() => {
-    u(c);
-  }, d)), () => {
+    u(s);
+  }, h)), () => {
     n.current && clearTimeout(n.current);
-  }), [c, u, d]);
-  const C = () => {
-    f ? h.current?.focus() : (a(!0), setTimeout(() => {
-      h.current?.focus();
+  }), [s, u, h]);
+  const k = () => {
+    f ? d.current?.focus() : (o(!0), setTimeout(() => {
+      d.current?.focus();
     }, 10));
-  }, B = (e) => {
-    e.preventDefault(), e.stopPropagation(), s(""), a(!1), setTimeout(() => {
+  }, w = (e) => {
+    e.preventDefault(), e.stopPropagation(), c(""), o(!1), setTimeout(() => {
       e?.currentTarget?.closest(".relative")?.querySelector('button[aria-label="Search"]')?.focus();
     }, 0);
-  }, N = (e) => {
-    const r = e.relatedTarget, m = !e.currentTarget.contains(r), k = r?.parentElement?.getAttribute("aria-label") === "Search", w = r?.closest(
+  }, y = (e) => {
+    const r = e.relatedTarget, m = !e.currentTarget.contains(r), q = r?.parentElement?.getAttribute("aria-label") === "Search", I = r?.closest(
       'button[aria-label="Clear search"]'
     );
-    m && !k && !w && c === "" && (a(!1), setTimeout(() => {
+    m && !q && !I && s === "" && (o(!1), setTimeout(() => {
       e?.currentTarget?.closest(".relative")?.querySelector('button[aria-label="Search"]')?.focus();
     }, 0));
   };
-  return /* @__PURE__ */ o("div", { className: y("relative", T), children: /* @__PURE__ */ l("div", { className: "flex items-center", children: [
-    /* @__PURE__ */ l(q, { children: [
-      /* @__PURE__ */ o(z, { asChild: !0, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ a("div", { className: z("relative", T), children: /* @__PURE__ */ l("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ l(D, { children: [
+      /* @__PURE__ */ a(E, { asChild: !0, children: /* @__PURE__ */ a(
         g,
         {
           className: "h-6 w-6",
           iconLeft: "Search",
           size: "icon",
           variant: "ghost",
-          onClick: C,
+          onClick: k,
           "aria-label": i.search
         }
       ) }),
       /* @__PURE__ */ l(
-        D,
+        L,
         {
           className: "flex max-h-24 min-h-0 flex-col gap-0 px-2 py-1.5",
           variant: "card",
           align: "end",
           children: [
-            /* @__PURE__ */ o("div", { className: "text-d-foreground/90 text-xs", children: i.searchTooltipLabel }),
-            /* @__PURE__ */ o("ul", { className: "flex flex-col gap-0 overflow-auto", children: b.map((e) => /* @__PURE__ */ l("li", { className: "text-d-foreground/75 text-xs", children: [
+            /* @__PURE__ */ a("div", { className: "text-d-foreground/90 text-xs", children: i.searchTooltipLabel }),
+            /* @__PURE__ */ a("ul", { className: "flex flex-col gap-0 overflow-auto", children: b.map((e) => /* @__PURE__ */ l("li", { className: "text-d-foreground/75 text-xs", children: [
               "⋅ ",
               e
             ] }, e)) })
@@ -67,41 +69,42 @@ function P({
         }
       )
     ] }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ a(
       "div",
       {
         className: `overflow-hidden transition-all duration-300 ease-in-out ${f ? "w-52" : "w-0"}`,
-        onBlur: N,
+        onBlur: y,
         children: /* @__PURE__ */ l("div", { className: "flex w-52 items-center", children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ a(
             "input",
             {
-              ref: h,
-              id: S,
+              ref: d,
+              id: N,
+              "data-testid": C,
               className: "bg-background placeholder:text-muted-foreground h-8 flex-1 rounded-md border-0 px-2 py-1 text-xs outline-none",
               placeholder: i.searchPlaceholder,
-              value: c,
+              value: s,
               onChange: (e) => {
-                s(e.target.value);
+                c(e.target.value);
               },
               onKeyDown: (e) => {
                 if (e.key === "Escape") {
                   const r = e.target;
-                  r.value ? (s(""), r.focus()) : (a(!1), r.closest(".relative")?.querySelector(
+                  r.value ? (c(""), r.focus()) : (o(!1), r.closest(".relative")?.querySelector(
                     'button[aria-label="Search"]'
                   )?.focus());
                 }
               }
             }
           ),
-          c !== "" && /* @__PURE__ */ o(
+          s !== "" && /* @__PURE__ */ a(
             g,
             {
               className: "text-muted-foreground hover:text-foreground hover:text-d-destructive absolute top-1 right-0 size-6",
               iconLeft: "X",
               size: "icon",
               variant: "ghost",
-              onClick: B,
+              onClick: w,
               "aria-label": i.clearSearch
             }
           )
@@ -111,5 +114,5 @@ function P({
   ] }) });
 }
 export {
-  P as DataTableSearchbar
+  K as DataTableSearchbar
 };