laif-ds 0.2.61 → 0.2.62

package/dist/components/ui/dialog.js

@@ -1,35 +1,35 @@
 "use client";
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { Root as u, Content as m, Close as r, Description as f, Title as p, Trigger as x, Portal as v, Overlay as D } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
-import { designTokens as l } from "../design-tokens.js";
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { Root as u, Close as r, Content as f, Description as p, Title as x, Trigger as v, Portal as D, Overlay as b } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { designTokens as n } from "../design-tokens.js";
 import { cn as o } from "../../lib/utils.js";
-import b from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-function j({
+import h from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+function O({
   ...t
 }) {
   return /* @__PURE__ */ a(u, { "data-slot": "dialog", ...t });
 }
-function O({
+function P({
   ...t
 }) {
-  return /* @__PURE__ */ a(x, { "data-slot": "dialog-trigger", ...t });
+  return /* @__PURE__ */ a(v, { "data-slot": "dialog-trigger", ...t });
 }
-function h({
+function w({
   ...t
 }) {
-  return /* @__PURE__ */ a(v, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ a(D, { "data-slot": "dialog-portal", ...t });
 }
-function P({
+function _({
   ...t
 }) {
   return /* @__PURE__ */ a(r, { "data-slot": "dialog-close", ...t });
 }
-function w({
+function y({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    D,
+    b,
     {
       "data-slot": "dialog-overlay",
       className: o(
@@ -40,47 +40,48 @@ function w({
     }
   );
 }
-function _({
+function R({
   className: t,
   children: e,
   size: i = "default",
   closeOnOverlay: d = !0,
-  ...g
+  showCloseButton: g = !0,
+  ...c
 }) {
-  const c = {
+  const m = {
     sm: "sm:max-w-sm",
     default: "sm:max-w-lg",
     lg: "sm:max-w-2xl",
     xl: "sm:max-w-3xl"
   }[i];
-  return /* @__PURE__ */ s(h, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(w, {}),
-    /* @__PURE__ */ s(
-      m,
+  return /* @__PURE__ */ l(w, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(y, {}),
+    /* @__PURE__ */ l(
+      f,
       {
         "data-slot": "dialog-content",
-        onPointerDownOutside: (n) => {
-          n.target?.closest("[data-command-portal]") && n.preventDefault(), d || n.preventDefault();
+        onPointerDownOutside: (s) => {
+          s.target?.closest("[data-command-portal]") && s.preventDefault(), d || s.preventDefault();
         },
         className: o(
           "bg-d-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-d-border fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200",
-          l.radius.lg,
-          c,
+          n.radius.lg,
+          m,
           t
         ),
-        ...g,
+        ...c,
         children: [
           e,
-          /* @__PURE__ */ s(
+          g && /* @__PURE__ */ l(
             r,
             {
               className: o(
                 "ring-offset-d-background data-[state=open]:bg-d-accent data-[state=open]:text-d-secondary-foreground bg-d-muted/30 hover:bg-d-muted/60 absolute top-4 right-4 cursor-pointer p-1.5 transition-all hover:opacity-100 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-                l.focusRing,
-                l.radius.default
+                n.focusRing,
+                n.radius.default
               ),
               children: [
-                /* @__PURE__ */ a(b, {}),
+                /* @__PURE__ */ a(h, {}),
                 /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
               ]
             }
@@ -90,7 +91,7 @@ function _({
     )
   ] });
 }
-function R({ className: t, ...e }) {
+function F({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -100,7 +101,7 @@ function R({ className: t, ...e }) {
     }
   );
 }
-function F({ className: t, ...e }) {
+function H({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -113,41 +114,44 @@ function F({ className: t, ...e }) {
     }
   );
 }
-function H({
+function X({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    p,
+    x,
     {
       "data-slot": "dialog-title",
-      className: o("text-lg leading-none font-semibold", t),
+      className: o(
+        "text-start text-lg leading-none font-semibold sm:max-w-[calc(100%-2rem)]",
+        t
+      ),
       ...e
     }
   );
 }
-function X({
+function q({
   className: t,
   ...e
 }) {
   return /* @__PURE__ */ a(
-    f,
+    p,
     {
       "data-slot": "dialog-description",
-      className: o("text-d-secondary-foreground text-sm", t),
+      className: o("text-d-muted-foreground text-start text-sm", t),
       ...e
     }
   );
 }
 export {
-  j as Dialog,
-  P as DialogClose,
-  _ as DialogContent,
-  X as DialogDescription,
-  F as DialogFooter,
-  R as DialogHeader,
-  w as DialogOverlay,
-  h as DialogPortal,
-  H as DialogTitle,
-  O as DialogTrigger
+  O as Dialog,
+  _ as DialogClose,
+  R as DialogContent,
+  q as DialogDescription,
+  H as DialogFooter,
+  F as DialogHeader,
+  y as DialogOverlay,
+  w as DialogPortal,
+  X as DialogTitle,
+  P as DialogTrigger
 };

package/dist/components/ui/tables/data-table/components/data-table-advanced-filter.js

@@ -1,24 +1,24 @@
 "use client";
-import { jsxs as p, jsx as o, Fragment as T } from "react/jsx-runtime";
+import { jsxs as f, jsx as o, Fragment as T } from "react/jsx-runtime";
 import { useState as P } from "react";
 import { AppSelect as C } from "../../../app-select.js";
-import { Button as x } from "../../../button.js";
-import { Popover as A, PopoverTrigger as G, PopoverContent as L } from "../../../popover.js";
-import { errorSelectClass as O, getListMultiSelectFilterOptions as k, getListSingleSelectFilterOptions as V, getDateTimeFilterOptions as K, getDateFilterOptions as q, getBooleanFilterOptions as B, getNumberFilterOptions as E, getStringFilterOptions as M } from "../data-table-constants.js";
+import { Button as h } from "../../../button.js";
+import { Popover as A, PopoverTrigger as G, PopoverContent as S } from "../../../popover.js";
+import { errorSelectClass as D, getListMultiSelectFilterOptions as k, getListSingleSelectFilterOptions as V, getDateTimeFilterOptions as K, getDateFilterOptions as q, getBooleanFilterOptions as B, getNumberFilterOptions as E, getStringFilterOptions as M } from "../data-table-constants.js";
 import { FilterValueInput as $ } from "./data-table-filter-inputs.js";
 import { cn as H } from "../../../../../lib/utils.js";
-function u() {
+function m() {
   return Math.random().toString(36).substr(2, 9);
 }
 function R({
   onDelete: s,
   onDuplicate: e,
-  type: d,
+  type: u,
   i18n: i
 }) {
-  return /* @__PURE__ */ p(A, { children: [
+  return /* @__PURE__ */ f(A, { children: [
     /* @__PURE__ */ o(G, { asChild: !0, children: /* @__PURE__ */ o(
-      x,
+      h,
       {
         variant: "ghost",
         iconLeft: "Ellipsis",
@@ -26,27 +26,27 @@ function R({
         className: "size-7"
       }
     ) }),
-    /* @__PURE__ */ p(L, { side: "right", className: "flex w-auto flex-col p-1", children: [
+    /* @__PURE__ */ f(S, { side: "right", className: "flex w-auto flex-col p-1", children: [
       /* @__PURE__ */ o(
-        x,
+        h,
         {
           className: "justify-start text-xs",
           variant: "ghost-destructive",
           iconLeft: "Trash2",
           size: "sm",
           onClick: s,
-          children: d === "condition" ? i.filters.deleteCondition : i.filters.deleteGroup
+          children: u === "condition" ? i.filters.deleteCondition : i.filters.deleteGroup
         }
       ),
       /* @__PURE__ */ o(
-        x,
+        h,
         {
           className: "justify-start text-xs",
           variant: "ghost",
           iconLeft: "Copy",
           size: "sm",
           onClick: e,
-          children: d === "condition" ? i.filters.duplicateCondition : i.filters.duplicateGroup
+          children: u === "condition" ? i.filters.duplicateCondition : i.filters.duplicateGroup
         }
       )
     ] })
@@ -75,78 +75,78 @@ function z(s, e) {
 function J({
   condition: s,
   columns: e,
-  onUpdate: d,
+  onUpdate: u,
   onRemove: i,
   onDuplicate: w,
-  showLogicalOperator: h = !1,
-  logicalOperator: f = "AND",
+  showLogicalOperator: x = !1,
+  logicalOperator: p = "AND",
   onLogicalOperatorChange: a,
   isFirstInGroup: g = !1,
   isSecondInGroup: y = !1,
   i18n: c
 }) {
-  const v = e.find((r) => r.id === s.columnId), D = v ? z(
+  const v = e.find((r) => r.id === s.columnId), O = v ? z(
     v.column.columnDef.meta?.type,
     c
-  ) : [], F = () => {
+  ) : [], b = () => {
     if (!v) return null;
-    const r = v.column.columnDef.meta?.type, m = s.value === void 0 || typeof s.value == "string" && s.value === "" || r === "list_multi_select" && !Array.isArray(s.value);
+    const r = v.column.columnDef.meta?.type, d = s.value === void 0 || typeof s.value == "string" && s.value === "" || r === "list_multi_select" && !Array.isArray(s.value);
     return /* @__PURE__ */ o(
       $,
       {
         columnType: r,
         value: s.value,
-        onChange: (N) => d({ ...s, value: N }),
+        onChange: (N) => u({ ...s, value: N }),
         listOptions: v.column.columnDef.meta?.listOptions ?? [],
         placeholder: c.filters.value,
         operator: s.operator,
         size: "sm",
         className: r === "list_single_select" || r === "list_multi_select" ? "w-52" : "",
-        hasError: m
+        hasError: d
       }
     );
   };
-  return /* @__PURE__ */ p("div", { className: "flex min-w-0 flex-1 items-center gap-2 rounded-md", children: [
-    /* @__PURE__ */ p("div", { className: "flex min-w-0 flex-1 items-center gap-2 overflow-x-auto overflow-y-clip", children: [
-      h && a && /* @__PURE__ */ o(T, { children: y ? /* @__PURE__ */ o(
+  return /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 items-center gap-2 rounded-md", children: [
+    /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 items-center gap-2 overflow-x-auto overflow-y-clip", children: [
+      x && a && /* @__PURE__ */ o(T, { children: y ? /* @__PURE__ */ o(
         C,
         {
           size: "sm",
-          className: `w-[72px] min-w-[72px] ${f === void 0 ? O : ""}`,
+          className: `w-[72px] min-w-[72px] ${p === void 0 ? D : ""}`,
           options: [
             { value: "AND", label: c.filters.and },
             { value: "OR", label: c.filters.or }
           ],
-          value: f,
+          value: p,
           onValueChange: (r) => a(r)
         }
-      ) : /* @__PURE__ */ o("span", { className: "text-muted-foreground w-[72px] min-w-[72px] text-right text-xs", children: f }) }),
+      ) : /* @__PURE__ */ o("span", { className: "text-muted-foreground w-[72px] min-w-[72px] text-right text-xs", children: p }) }),
       g && /* @__PURE__ */ o("span", { className: "text-muted-foreground w-[72px] min-w-[72px] text-right text-xs", children: c.filters.where }),
       /* @__PURE__ */ o(
         C,
         {
           size: "sm",
           placeholder: c.filters.column,
-          className: s.columnId === void 0 || s.columnId === "" ? O : "",
+          className: s.columnId === void 0 || s.columnId === "" ? D : "",
           options: e.map((r) => ({
             value: r.id,
-            label: r.column.columnDef.header?.toString() ?? ""
+            label: r.column.columnDef.meta?.headerLabel || (typeof r.column.columnDef.header == "string" ? r.column.columnDef.header : "") || r.id
           })),
           value: s.columnId || void 0,
           onValueChange: (r) => {
             if (r) {
-              const m = e.find((N) => N.id === r);
-              if (m) {
+              const d = e.find((N) => N.id === r);
+              if (d) {
                 const N = z(
-                  m.column.columnDef.meta?.type,
+                  d.column.columnDef.meta?.type,
                   c
                 )[0]?.value;
-                d({
+                u({
                   ...s,
                   columnId: String(r),
-                  columnAccessorKey: (m.column.columnDef?.accessorKey ?? String(r)) || "",
-                  columnLabel: m.column.columnDef.header?.toString() ?? "",
-                  columnType: m.column.columnDef.meta?.type,
+                  columnAccessorKey: (d.column.columnDef?.accessorKey ?? String(r)) || "",
+                  columnLabel: d.column.columnDef.meta?.headerLabel || (typeof d.column.columnDef.header == "string" ? d.column.columnDef.header : "") || d.id,
+                  columnType: d.column.columnDef.meta?.type,
                   operator: String(N || "eq"),
                   value: void 0
                 });
@@ -160,18 +160,18 @@ function J({
         {
           size: "sm",
           placeholder: c.filters.operator,
-          className: s.operator === void 0 ? O : "",
-          options: D,
+          className: s.operator === void 0 ? D : "",
+          options: O,
           value: s.operator || void 0,
           onValueChange: (r) => {
-            r && d({
+            r && u({
               ...s,
               operator: String(r)
             });
           }
         }
       ),
-      F()
+      b()
     ] }),
     /* @__PURE__ */ o(
       R,
@@ -187,15 +187,15 @@ function J({
 function _({
   className: s,
   group: e,
-  columns: d,
+  columns: u,
   onUpdate: i,
   isRoot: w = !1,
-  depth: h,
-  maxNestedDepth: f = 2,
+  depth: x,
+  maxNestedDepth: p = 2,
   i18n: a
 }) {
   const g = {
-    id: u(),
+    id: m(),
     columnId: "",
     columnAccessorKey: "",
     columnLabel: "",
@@ -203,11 +203,11 @@ function _({
     operator: "eq",
     value: void 0
   }, y = {
-    id: u(),
+    id: m(),
     logicalOperator: "AND",
     conditions: [
       {
-        id: u(),
+        id: m(),
         columnId: "",
         columnAccessorKey: "",
         columnLabel: "",
@@ -227,25 +227,25 @@ function _({
       ...e,
       groups: [...e.groups || [], y]
     });
-  }, D = (l, t) => {
+  }, O = (l, t) => {
     i({
       ...e,
       conditions: e.conditions.map(
         (n) => n.id === l ? t : n
       )
     });
-  }, F = (l) => {
+  }, b = (l) => {
     const t = e.conditions.findIndex((I) => I.id === l);
     if (t === -1) return;
-    const b = {
+    const F = {
       ...e.conditions[t],
-      id: u()
+      id: m()
     };
     i({
       ...e,
       conditions: [
         ...e.conditions.slice(0, t + 1),
-        b,
+        F,
         ...e.conditions.slice(t + 1)
       ]
     });
@@ -254,7 +254,7 @@ function _({
       ...e,
       conditions: e.conditions.filter((t) => t.id !== l)
     });
-  }, m = (l, t) => {
+  }, d = (l, t) => {
     i({
       ...e,
       groups: (e.groups || []).map(
@@ -266,24 +266,24 @@ function _({
       ...e,
       groups: (e.groups || []).filter((t) => t.id !== l)
     });
-  }, S = (l) => ({
-    id: u(),
+  }, L = (l) => ({
+    id: m(),
     logicalOperator: l.logicalOperator,
     conditions: l.conditions.map((t) => ({
       ...t,
-      id: u()
+      id: m()
     })),
-    groups: (l.groups || []).map((t) => S(t))
+    groups: (l.groups || []).map((t) => L(t))
   }), j = (l) => {
     const t = e.groups || [], n = t.findIndex((I) => I.id === l);
     if (n === -1) return;
-    const b = S(t[n]);
+    const F = L(t[n]);
     i({
       ...e,
-      groups: [...t.slice(0, n + 1), b, ...t.slice(n + 1)]
+      groups: [...t.slice(0, n + 1), F, ...t.slice(n + 1)]
     });
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ f(
     "div",
     {
       className: H(
@@ -296,10 +296,10 @@ function _({
           J,
           {
             condition: l,
-            columns: d,
-            onUpdate: (n) => D(l.id, n),
+            columns: u,
+            onUpdate: (n) => O(l.id, n),
             onRemove: () => r(l.id),
-            onDuplicate: () => F(l.id),
+            onDuplicate: () => b(l.id),
             showLogicalOperator: t > 0,
             logicalOperator: e.logicalOperator,
             onLogicalOperatorChange: (n) => i({ ...e, logicalOperator: n }),
@@ -309,7 +309,7 @@ function _({
           },
           l.id
         )),
-        (e.groups || []).map((l, t) => /* @__PURE__ */ p(
+        (e.groups || []).map((l, t) => /* @__PURE__ */ f(
           "div",
           {
             className: "flex min-w-0 flex-1 flex-row gap-2",
@@ -317,7 +317,7 @@ function _({
               t === 1 && e.conditions.length === 0 || t === 0 && e.conditions.length === 1 ? /* @__PURE__ */ o(
                 C,
                 {
-                  className: `w-[72px] min-w-[72px] ${e.logicalOperator === void 0 ? O : ""}`,
+                  className: `w-[72px] min-w-[72px] ${e.logicalOperator === void 0 ? D : ""}`,
                   size: "sm",
                   options: [
                     { value: "AND", label: a.filters.and },
@@ -335,10 +335,10 @@ function _({
                 {
                   className: "flex flex-1 flex-col",
                   group: l,
-                  columns: d,
-                  onUpdate: (n) => m(l.id, n),
-                  depth: h + 1,
-                  maxNestedDepth: f,
+                  columns: u,
+                  onUpdate: (n) => d(l.id, n),
+                  depth: x + 1,
+                  maxNestedDepth: p,
                   i18n: a
                 }
               ),
@@ -355,9 +355,9 @@ function _({
           },
           l.id
         )),
-        h < f ? /* @__PURE__ */ p(A, { children: [
+        x < p ? /* @__PURE__ */ f(A, { children: [
           /* @__PURE__ */ o(G, { asChild: !0, children: /* @__PURE__ */ o(
-            x,
+            h,
             {
               variant: "ghost",
               size: "sm",
@@ -367,9 +367,9 @@ function _({
               children: a.filters.addFilterRule
             }
           ) }),
-          /* @__PURE__ */ p(L, { side: "top", className: "flex w-auto flex-col p-1", children: [
+          /* @__PURE__ */ f(S, { side: "top", className: "flex w-auto flex-col p-1", children: [
             /* @__PURE__ */ o(
-              x,
+              h,
               {
                 variant: "ghost",
                 size: "sm",
@@ -380,7 +380,7 @@ function _({
               }
             ),
             /* @__PURE__ */ o(
-              x,
+              h,
               {
                 variant: "ghost",
                 size: "sm",
@@ -392,7 +392,7 @@ function _({
             )
           ] })
         ] }) : /* @__PURE__ */ o(
-          x,
+          h,
           {
             variant: "ghost",
             size: "sm",
@@ -409,45 +409,45 @@ function _({
 function le({
   columns: s,
   onFilterChange: e,
-  initialFilter: d,
+  initialFilter: u,
   i18n: i
 }) {
-  const [w, h] = P(
-    d || {
-      id: u(),
+  const [w, x] = P(
+    u || {
+      id: m(),
       rootGroup: {
-        id: u(),
+        id: m(),
         logicalOperator: "AND",
         conditions: [],
         groups: []
       }
     }
-  ), f = (g) => {
+  ), p = (g) => {
     const y = {
       ...w,
       rootGroup: g
     };
-    h(y), e(y);
+    x(y), e(y);
   }, a = () => {
     const g = {
-      id: u(),
+      id: m(),
       rootGroup: {
-        id: u(),
+        id: m(),
         logicalOperator: "AND",
         conditions: [],
         groups: []
       }
     };
-    h(g), e(null);
+    x(g), e(null);
   };
-  return /* @__PURE__ */ p("div", { className: "flex max-h-[500px] min-w-0 flex-col gap-0.5 overflow-auto", children: [
+  return /* @__PURE__ */ f("div", { className: "flex max-h-[500px] min-w-0 flex-col gap-0.5 overflow-auto", children: [
     /* @__PURE__ */ o(
       _,
       {
         className: "flex flex-1 flex-col",
         group: w.rootGroup,
         columns: s,
-        onUpdate: f,
+        onUpdate: p,
         isRoot: !0,
         depth: 0,
         maxNestedDepth: 2,
@@ -456,7 +456,7 @@ function le({
     ),
     /* @__PURE__ */ o("div", { className: "border-d-border w-full border-b" }),
     /* @__PURE__ */ o(
-      x,
+      h,
       {
         variant: "ghost-destructive",
         size: "sm",