laif-ds 0.2.42 → 0.2.44

package/dist/components/ui/tables/data-table/components/data-table-column-visibility.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
 import { useState as k } from "react";
 import { Button as b } from "../../../button.js";
 import { Icon as C } from "../../../icon.js";
@@ -20,20 +20,20 @@ function U({
     T(!1), u({ section: null, position: -1, itemId: null });
   }, A = (e) => {
     const t = e.currentTarget, i = Array.from(t.querySelectorAll("[data-column-item]")), o = e.clientY;
-    for (let n = 0; n < i.length; n++) {
-      const a = i[n].getBoundingClientRect(), l = a.top + a.height / 2;
+    for (let r = 0; r < i.length; r++) {
+      const a = i[r].getBoundingClientRect(), l = a.top + a.height / 2;
       if (o < l)
-        return n;
+        return r;
     }
     return i.length;
   }, w = (e, t, i) => {
     const o = m?.getColumn?.(e);
     if (!o || D(o))
       return;
-    const n = o.getIsVisible(), s = t === "visible" ? g : N;
+    const r = o.getIsVisible(), s = t === "visible" ? g : N;
     if (t === "visible" && i === 0)
       return;
-    (t === "visible" && !n || t === "hidden" && n) && o.toggleVisibility(t === "visible");
+    (t === "visible" && !r || t === "hidden" && r) && o.toggleVisibility(t === "visible");
     const a = V(), l = s.map(d), p = a.indexOf(e);
     if (p === -1) return;
     const h = [...a];
@@ -49,7 +49,7 @@ function U({
     h.splice(v, 0, e), m.setColumnOrder(h);
   }, S = (e, t, i, o) => {
     e.preventDefault(), e.stopPropagation(), e.dataTransfer.dropEffect = "move";
-    const n = e.currentTarget.getBoundingClientRect(), s = e.clientY, a = n.top + n.height / 2, l = s < a ? o : o + 1;
+    const r = e.currentTarget.getBoundingClientRect(), s = e.clientY, a = r.top + r.height / 2, l = s < a ? o : o + 1;
     u({
       section: t,
       position: l,
@@ -80,7 +80,7 @@ function U({
     return i !== void 0 ? i : Number.MAX_SAFE_INTEGER;
   }, g = [...L].filter((e) => !D(e)).sort((e, t) => y(d(e)) - y(d(t))), N = [...Y].filter((e) => !D(e)).sort((e, t) => y(d(e)) - y(d(t)));
   return /* @__PURE__ */ f(R, { children: [
-    /* @__PURE__ */ r(H, { asChild: !0, children: /* @__PURE__ */ r(
+    /* @__PURE__ */ n(H, { asChild: !0, children: /* @__PURE__ */ n(
       b,
       {
         className: "h-6 w-6",
@@ -89,7 +89,7 @@ function U({
         variant: "ghost"
       }
     ) }),
-    /* @__PURE__ */ f(K, { className: "flex flex-col gap-2 px-3 py-2", children: [
+    /* @__PURE__ */ f(K, { className: "flex flex-col gap-2 px-3 py-2", align: "end", children: [
       g.length > 0 && /* @__PURE__ */ f(
         "div",
         {
@@ -98,8 +98,8 @@ function U({
           onDrop: M("visible"),
           children: [
             /* @__PURE__ */ f("div", { className: "flex flex-row items-center justify-between gap-2", children: [
-              /* @__PURE__ */ r("div", { className: "text-d-foreground text-sm", children: x.columnVisibility.visibleColumns }),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ n("div", { className: "text-d-foreground text-sm", children: x.columnVisibility.visibleColumns }),
+              /* @__PURE__ */ n(
                 b,
                 {
                   variant: "ghost",
@@ -109,8 +109,8 @@ function U({
                     m.setColumnVisibility(() => {
                       const e = [...g, ...N], t = d(g[0] ?? e[0]);
                       return e.reduce(
-                        (o, n) => {
-                          const s = d(n);
+                        (o, r) => {
+                          const s = d(r);
                           return s && (o[s] = s === t), o;
                         },
                         {}
@@ -121,17 +121,17 @@ function U({
                 }
               )
             ] }),
-            /* @__PURE__ */ r("div", { className: "border-d-border flex min-h-0 flex-1 flex-col overflow-y-auto border-b", children: g.map((e, t) => {
-              const i = d(e), o = t === 0, n = D(e), s = c.section === "visible" && c.position === t && t > 0, a = c.section === "visible" && c.position === t + 1;
+            /* @__PURE__ */ n("div", { className: "border-d-border flex min-h-0 flex-1 flex-col overflow-y-auto border-b", children: g.map((e, t) => {
+              const i = d(e), o = t === 0, r = D(e), s = c.section === "visible" && c.position === t && t > 0, a = c.section === "visible" && c.position === t + 1;
               return /* @__PURE__ */ f("div", { className: "relative", children: [
-                s && /* @__PURE__ */ r("div", { className: "bg-d-primary absolute -top-1 right-0 left-0 z-10 h-0.5 rounded-full" }),
-                /* @__PURE__ */ r(
+                s && /* @__PURE__ */ n("div", { className: "bg-d-primary absolute -top-1 right-0 left-0 z-10 h-0.5 rounded-full" }),
+                /* @__PURE__ */ n(
                   "div",
                   {
                     "data-column-item": !0,
-                    draggable: !o && !n,
+                    draggable: !o && !r,
                     onDragStart: (l) => {
-                      if (o || n) {
+                      if (o || r) {
                         l.preventDefault();
                         return;
                       }
@@ -158,19 +158,19 @@ function U({
                         itemId: null
                       });
                     },
-                    className: `rounded transition-all duration-150 ${o || n ? "cursor-not-allowed opacity-60" : O && c.itemId === i ? "scale-95 opacity-50" : "hover:bg-d-foreground/5"}`,
-                    children: /* @__PURE__ */ r(
+                    className: `rounded transition-all duration-150 ${o || r ? "cursor-not-allowed opacity-60" : O && c.itemId === i ? "scale-95 opacity-50" : "hover:bg-d-foreground/5"}`,
+                    children: /* @__PURE__ */ n(
                       b,
                       {
                         variant: "ghost",
                         className: "w-full cursor-grab justify-start",
                         iconLeft: "GripVertical",
                         onClick: () => {
-                          n || e.toggleVisibility();
+                          r || e.toggleVisibility();
                         },
-                        disabled: i === d(g[0]) || n,
+                        disabled: i === d(g[0]) || r,
                         children: /* @__PURE__ */ f("div", { className: "flex w-full flex-row items-center justify-between gap-1", children: [
-                          /* @__PURE__ */ r(
+                          /* @__PURE__ */ n(
                             C,
                             {
                               name: z(
@@ -179,15 +179,15 @@ function U({
                               className: "h-4 w-4"
                             }
                           ),
-                          /* @__PURE__ */ r("div", { className: "flex flex-1", children: e.columnDef.header?.toString() }),
-                          /* @__PURE__ */ r(C, { name: "Eye" })
+                          /* @__PURE__ */ n("div", { className: "flex flex-1", children: e.columnDef.header?.toString() }),
+                          /* @__PURE__ */ n(C, { name: "Eye" })
                         ] })
                       },
                       i
                     )
                   }
                 ),
-                a && /* @__PURE__ */ r("div", { className: "bg-d-primary absolute right-0 -bottom-1 left-0 z-10 h-0.5 rounded-full" })
+                a && /* @__PURE__ */ n("div", { className: "bg-d-primary absolute right-0 -bottom-1 left-0 z-10 h-0.5 rounded-full" })
               ] }, i);
             }) })
           ]
@@ -201,8 +201,8 @@ function U({
           onDrop: M("hidden"),
           children: [
             /* @__PURE__ */ f("div", { className: "flex flex-row items-center justify-between gap-2", children: [
-              /* @__PURE__ */ r("div", { className: "text-d-foreground text-sm", children: x.columnVisibility.hiddenColumns }),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ n("div", { className: "text-d-foreground text-sm", children: x.columnVisibility.hiddenColumns }),
+              /* @__PURE__ */ n(
                 b,
                 {
                   variant: "ghost",
@@ -213,11 +213,11 @@ function U({
                 }
               )
             ] }),
-            /* @__PURE__ */ r("div", { className: "border-d-border flex min-h-0 flex-1 flex-col overflow-y-auto border-b", children: N.map((e, t) => {
-              const i = d(e), o = c.section === "hidden" && c.position === t, n = c.section === "hidden" && c.position === t + 1;
+            /* @__PURE__ */ n("div", { className: "border-d-border flex min-h-0 flex-1 flex-col overflow-y-auto border-b", children: N.map((e, t) => {
+              const i = d(e), o = c.section === "hidden" && c.position === t, r = c.section === "hidden" && c.position === t + 1;
               return /* @__PURE__ */ f("div", { className: "relative", children: [
-                o && /* @__PURE__ */ r("div", { className: "bg-d-primary absolute -top-1 right-0 left-0 z-10 h-0.5 rounded-full" }),
-                /* @__PURE__ */ r(
+                o && /* @__PURE__ */ n("div", { className: "bg-d-primary absolute -top-1 right-0 left-0 z-10 h-0.5 rounded-full" }),
+                /* @__PURE__ */ n(
                   "div",
                   {
                     "data-column-item": !0,
@@ -235,7 +235,7 @@ function U({
                       });
                     },
                     className: `rounded transition-all duration-150 ${O && c.itemId === i ? "scale-95 opacity-50" : "hover:bg-d-foreground/5"}`,
-                    children: /* @__PURE__ */ r(
+                    children: /* @__PURE__ */ n(
                       b,
                       {
                         variant: "ghost",
@@ -243,7 +243,7 @@ function U({
                         iconLeft: "GripVertical",
                         onClick: () => e.toggleVisibility(),
                         children: /* @__PURE__ */ f("div", { className: "flex w-full flex-row items-center justify-between gap-1", children: [
-                          /* @__PURE__ */ r(
+                          /* @__PURE__ */ n(
                             C,
                             {
                               name: z(
@@ -252,15 +252,15 @@ function U({
                               className: "h-4 w-4"
                             }
                           ),
-                          /* @__PURE__ */ r("div", { className: "flex flex-1", children: e.columnDef.header?.toString() }),
-                          /* @__PURE__ */ r(C, { name: "EyeOff" })
+                          /* @__PURE__ */ n("div", { className: "flex flex-1", children: e.columnDef.header?.toString() }),
+                          /* @__PURE__ */ n(C, { name: "EyeOff" })
                         ] })
                       },
                       i
                     )
                   }
                 ),
-                n && /* @__PURE__ */ r("div", { className: "bg-d-primary absolute right-0 -bottom-1 left-0 z-10 h-0.5 rounded-full" })
+                r && /* @__PURE__ */ n("div", { className: "bg-d-primary absolute right-0 -bottom-1 left-0 z-10 h-0.5 rounded-full" })
               ] }, i);
             }) })
           ]

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

@@ -110,7 +110,7 @@ function se({
           ]
         }
       ) }),
-      /* @__PURE__ */ o(D, { className: "w-[800px]", children: /* @__PURE__ */ o(
+      /* @__PURE__ */ o(D, { className: "w-[800px]", align: "start", children: /* @__PURE__ */ o(
         R,
         {
           columns: h,
@@ -145,7 +145,7 @@ function se({
                 ]
               }
             ) }),
-            /* @__PURE__ */ p(D, { children: [
+            /* @__PURE__ */ p(D, { align: "start", children: [
               e.columnType === "string" && /* @__PURE__ */ o(
                 z,
                 {
@@ -240,7 +240,7 @@ function se({
               ]
             }
           ) }),
-          /* @__PURE__ */ p(D, { className: "p-2", children: [
+          /* @__PURE__ */ p(D, { className: "p-2", align: "start", children: [
             /* @__PURE__ */ o(
               E,
               {

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

@@ -12,7 +12,9 @@ function P({
   debounceMs: d = 300,
   initialValue: t
 }) {
-  const [c, s] = p(t || ""), [f, a] = p(!!(t && t.length > 0)), S = "search_input_" + Math.random().toString(36).substring(2, 9), h = x(null), n = x(null);
+  const [c, s] = p(t || ""), [f, a] = p(
+    !!(t && t.length > 0)
+  ), S = "search_input_" + Math.random().toString(36).substring(2, 9), h = x(null), n = x(null);
   v(() => {
     t && t.length > 0 ? (s(t), a(!0)) : (t === "" || t === void 0) && (s(""), a(!1));
   }, [t]), v(() => (u && (n.current && clearTimeout(n.current), n.current = setTimeout(() => {
@@ -54,6 +56,7 @@ function P({
         {
           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: [

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

@@ -1,58 +1,58 @@
 "use client";
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
 import { AppSelect as h } from "../../../app-select.js";
 import { Badge as S } from "../../../badge.js";
 import { Button as f } from "../../../button.js";
 import { Icon as z } from "../../../icon.js";
 import { Popover as C, PopoverTrigger as k, PopoverContent as A } from "../../../popover.js";
 function T({
-  table: a,
+  table: c,
   sortedColumns: g = [],
   sortableColumns: d,
-  i18n: l,
+  i18n: o,
   maxSortedColumns: m = 3
 }) {
-  const r = a.getState().sorting || [], p = new Set(r.map((n) => n.id)), u = (n, t) => {
+  const r = c.getState().sorting || [], p = new Set(r.map((n) => n.id)), u = (n, t) => {
     const e = r[n], s = r.map(
       (i, N) => N === n ? { id: t, desc: e?.desc ?? !1 } : i
     );
-    a.setSorting(s);
+    c.setSorting(s);
   }, x = (n, t) => {
     const e = r.map(
       (s, i) => i === n ? { ...s, desc: t === "desc" } : s
     );
-    a.setSorting(e);
+    c.setSorting(e);
   }, v = () => {
     if (r.length >= m) return;
     const n = new Set(r.map((i) => i.id)), e = (d.find((i) => !n.has(i.column.id)) ?? d[0])?.column.id;
     if (!e) return;
     const s = [...r, { id: e, desc: !1 }];
-    a.setSorting(s);
+    c.setSorting(s);
   }, w = (n) => {
     const t = r.filter((e, s) => s !== n);
-    a.setSorting(t);
+    c.setSorting(t);
   };
-  return /* @__PURE__ */ c(C, { children: [
-    /* @__PURE__ */ o(k, { asChild: !0, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ a(C, { children: [
+    /* @__PURE__ */ l(k, { asChild: !0, children: /* @__PURE__ */ a(
       S,
       {
         variant: g.length > 0 ? "default" : "ghost",
         className: "hover:border-d-border cursor-pointer hover:border",
         children: [
-          /* @__PURE__ */ o(z, { name: "ArrowUpDown" }),
-          l.sorting.sort
+          /* @__PURE__ */ l(z, { name: "ArrowUpDown" }),
+          o.sorting.sort
         ]
       }
     ) }),
-    /* @__PURE__ */ c(A, { className: "flex w-[400px] flex-col gap-2", children: [
-      /* @__PURE__ */ o("div", { className: "text-d-foreground text-md font-semibold", children: l.sorting.sorting }),
-      g.length > 0 && /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ c("div", { className: "flex w-full flex-row gap-1 pr-9 text-sm", children: [
-          /* @__PURE__ */ o("div", { className: "flex flex-1", children: l.sorting.column }),
-          /* @__PURE__ */ o("div", { className: "flex flex-1", children: l.sorting.order })
+    /* @__PURE__ */ a(A, { className: "flex w-[400px] flex-col gap-2", align: "start", children: [
+      /* @__PURE__ */ l("div", { className: "text-d-foreground text-md font-semibold", children: o.sorting.sorting }),
+      g.length > 0 && /* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ a("div", { className: "flex w-full flex-row gap-1 pr-9 text-sm", children: [
+          /* @__PURE__ */ l("div", { className: "flex flex-1", children: o.sorting.column }),
+          /* @__PURE__ */ l("div", { className: "flex flex-1", children: o.sorting.order })
         ] }),
-        g.map((n, t) => /* @__PURE__ */ c("div", { className: "flex w-full flex-row items-end gap-1", children: [
-          /* @__PURE__ */ o(
+        g.map((n, t) => /* @__PURE__ */ a("div", { className: "flex w-full flex-row items-end gap-1", children: [
+          /* @__PURE__ */ l(
             h,
             {
               size: "sm",
@@ -70,14 +70,14 @@ function T({
               }
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ l(
             h,
             {
               size: "sm",
               wrpClassName: "flex flex-1",
               options: [
-                { value: "asc", label: l.sorting.ascending },
-                { value: "desc", label: l.sorting.descending }
+                { value: "asc", label: o.sorting.ascending },
+                { value: "desc", label: o.sorting.descending }
               ],
               value: r?.[t]?.desc ? "desc" : "asc",
               onValueChange: (e) => {
@@ -85,7 +85,7 @@ function T({
               }
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ l(
             f,
             {
               variant: "ghost-destructive",
@@ -96,19 +96,19 @@ function T({
           )
         ] }, t))
       ] }),
-      /* @__PURE__ */ c("div", { className: "flex w-full gap-2", children: [
-        /* @__PURE__ */ o(
+      /* @__PURE__ */ a("div", { className: "flex w-full gap-2", children: [
+        /* @__PURE__ */ l(
           f,
           {
             className: "flex flex-1",
             variant: "ghost-destructive",
             size: "sm",
-            onClick: () => a.resetSorting(),
+            onClick: () => c.resetSorting(),
             disabled: r.length === 0 || d.length === 0,
-            children: l.sorting.resetSorting
+            children: o.sorting.resetSorting
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ l(
           f,
           {
             className: "flex flex-1",
@@ -116,7 +116,7 @@ function T({
             size: "sm",
             onClick: v,
             disabled: d.length === 0 || r.length >= m,
-            children: l.sorting.addSort
+            children: o.sorting.addSort
           }
         )
       ] })