laif-ds 0.2.42 → 0.2.43

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

@@ -1,16 +1,16 @@
 "use client";
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { Button as n } from "../../../button.js";
+import { jsx as t, jsxs as o } 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: l,
-  i18n: o
+  actions: n,
+  i18n: i
 }) {
-  if (!l?.length) return null;
-  if (l.length === 1) {
-    const [e] = l;
+  if (!n?.length) return null;
+  if (n.length === 1) {
+    const [e] = n;
     return /* @__PURE__ */ t(
-      n,
+      l,
       {
         size: "sm",
         iconLeft: e.icon,
@@ -21,29 +21,37 @@ function x({
       }
     );
   }
-  return /* @__PURE__ */ i(r, { children: [
+  return /* @__PURE__ */ o(r, { children: [
     /* @__PURE__ */ t(s, { asChild: !0, children: /* @__PURE__ */ t(
-      n,
+      l,
       {
         size: "sm",
         iconRight: "ChevronDown",
         variant: "default",
         className: "h-6 max-h-6 !px-2 text-xs",
-        children: o.tableActions.actions
+        children: i.tableActions.actions
       }
     ) }),
-    /* @__PURE__ */ t(a, { side: "top", className: "flex w-auto flex-col p-2", children: l.map((e) => /* @__PURE__ */ t(
-      n,
+    /* @__PURE__ */ t(
+      a,
       {
-        variant: "ghost",
-        iconLeft: e.icon,
-        size: "sm",
-        onClick: e.onClick,
-        className: "justify-start text-xs",
-        children: e.label
-      },
-      e.label
-    )) })
+        side: "top",
+        className: "flex w-auto flex-col p-2",
+        align: "end",
+        children: n.map((e) => /* @__PURE__ */ t(
+          l,
+          {
+            variant: "ghost",
+            iconLeft: e.icon,
+            size: "sm",
+            onClick: e.onClick,
+            className: "justify-start text-xs",
+            children: e.label
+          },
+          e.label
+        ))
+      }
+    )
   ] });
 }
 export {

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

@@ -1,23 +1,23 @@
 "use client";
-import { jsxs as m, jsx as o, Fragment as T } from "react/jsx-runtime";
+import { jsxs as p, jsx as o, Fragment as T } from "react/jsx-runtime";
 import { useState as P } from "react";
-import { AppSelect as O } from "../../../app-select.js";
+import { AppSelect as C } from "../../../app-select.js";
 import { Button as x } from "../../../button.js";
-import { Popover as G, PopoverTrigger as L, PopoverContent as R } from "../../../popover.js";
-import { errorSelectClass as y, getListMultiSelectFilterOptions as k, getListSingleSelectFilterOptions as V, getDateTimeFilterOptions as q, getDateFilterOptions as B, getBooleanFilterOptions as E, getNumberFilterOptions as M, getStringFilterOptions as $ } from "../data-table-constants.js";
-import { FilterValueInput as H } from "./data-table-filter-inputs.js";
-import { cn as J } from "../../../../../lib/utils.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 { FilterValueInput as $ } from "./data-table-filter-inputs.js";
+import { cn as H } from "../../../../../lib/utils.js";
 function u() {
   return Math.random().toString(36).substr(2, 9);
 }
-function A({
+function R({
   onDelete: s,
   onDuplicate: e,
   type: d,
   i18n: i
 }) {
-  return /* @__PURE__ */ m(G, { children: [
-    /* @__PURE__ */ o(L, { asChild: !0, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ p(A, { children: [
+    /* @__PURE__ */ o(G, { asChild: !0, children: /* @__PURE__ */ o(
       x,
       {
         variant: "ghost",
@@ -26,7 +26,7 @@ function A({
         className: "size-7"
       }
     ) }),
-    /* @__PURE__ */ m(R, { side: "right", className: "flex w-auto flex-col p-1", children: [
+    /* @__PURE__ */ p(L, { side: "right", className: "flex w-auto flex-col p-1", children: [
       /* @__PURE__ */ o(
         x,
         {
@@ -52,18 +52,18 @@ function A({
     ] })
   ] });
 }
-function S(s, e) {
+function z(s, e) {
   switch (s) {
     case "string":
-      return $(e);
-    case "number":
       return M(e);
-    case "boolean":
+    case "number":
       return E(e);
-    case "date":
+    case "boolean":
       return B(e);
-    case "datetime":
+    case "date":
       return q(e);
+    case "datetime":
+      return K(e);
     case "list_single_select":
       return V(e);
     case "list_multi_select":
@@ -72,27 +72,27 @@ function S(s, e) {
       return [];
   }
 }
-function K({
+function J({
   condition: s,
   columns: e,
   onUpdate: d,
   onRemove: i,
   onDuplicate: w,
   showLogicalOperator: h = !1,
-  logicalOperator: p = "AND",
-  onLogicalOperatorChange: n,
+  logicalOperator: f = "AND",
+  onLogicalOperatorChange: a,
   isFirstInGroup: g = !1,
-  isSecondInGroup: C = !1,
+  isSecondInGroup: y = !1,
   i18n: c
 }) {
-  const v = e.find((r) => r.id === s.columnId), D = v ? S(
+  const v = e.find((r) => r.id === s.columnId), D = v ? z(
     v.column.columnDef.meta?.type,
     c
   ) : [], F = () => {
     if (!v) return null;
-    const r = v.column.columnDef.meta?.type, f = 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, m = s.value === void 0 || typeof s.value == "string" && s.value === "" || r === "list_multi_select" && !Array.isArray(s.value);
     return /* @__PURE__ */ o(
-      H,
+      $,
       {
         columnType: r,
         value: s.value,
@@ -102,32 +102,32 @@ function K({
         operator: s.operator,
         size: "sm",
         className: r === "list_single_select" || r === "list_multi_select" ? "w-52" : "",
-        hasError: f
+        hasError: m
       }
     );
   };
-  return /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-1 items-center gap-2 rounded-md", children: [
-    /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-1 items-center gap-2 overflow-x-auto overflow-y-clip", children: [
-      h && n && /* @__PURE__ */ o(T, { children: C ? /* @__PURE__ */ o(
-        O,
+  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(
+        C,
         {
           size: "sm",
-          className: `w-[72px] min-w-[72px] ${p === void 0 ? y : ""}`,
+          className: `w-[72px] min-w-[72px] ${f === void 0 ? O : ""}`,
           options: [
             { value: "AND", label: c.filters.and },
             { value: "OR", label: c.filters.or }
           ],
-          value: p,
-          onValueChange: (r) => n(r)
+          value: f,
+          onValueChange: (r) => a(r)
         }
-      ) : /* @__PURE__ */ o("span", { className: "text-muted-foreground w-[72px] min-w-[72px] text-right text-xs", children: p }) }),
+      ) : /* @__PURE__ */ o("span", { className: "text-muted-foreground w-[72px] min-w-[72px] text-right text-xs", children: f }) }),
       g && /* @__PURE__ */ o("span", { className: "text-muted-foreground w-[72px] min-w-[72px] text-right text-xs", children: c.filters.where }),
       /* @__PURE__ */ o(
-        O,
+        C,
         {
           size: "sm",
           placeholder: c.filters.column,
-          className: s.columnId === void 0 || s.columnId === "" ? y : "",
+          className: s.columnId === void 0 || s.columnId === "" ? O : "",
           options: e.map((r) => ({
             value: r.id,
             label: r.column.columnDef.header?.toString() ?? ""
@@ -135,17 +135,18 @@ function K({
           value: s.columnId || void 0,
           onValueChange: (r) => {
             if (r) {
-              const f = e.find((N) => N.id === r);
-              if (f) {
-                const N = S(
-                  f.column.columnDef.meta?.type,
+              const m = e.find((N) => N.id === r);
+              if (m) {
+                const N = z(
+                  m.column.columnDef.meta?.type,
                   c
                 )[0]?.value;
                 d({
                   ...s,
                   columnId: String(r),
-                  columnLabel: f.column.columnDef.header?.toString() ?? "",
-                  columnType: f.column.columnDef.meta?.type,
+                  columnAccessorKey: (m.column.columnDef?.accessorKey ?? String(r)) || "",
+                  columnLabel: m.column.columnDef.header?.toString() ?? "",
+                  columnType: m.column.columnDef.meta?.type,
                   operator: String(N || "eq"),
                   value: void 0
                 });
@@ -155,11 +156,11 @@ function K({
         }
       ),
       s.columnId && /* @__PURE__ */ o(
-        O,
+        C,
         {
           size: "sm",
           placeholder: c.filters.operator,
-          className: s.operator === void 0 ? y : "",
+          className: s.operator === void 0 ? O : "",
           options: D,
           value: s.operator || void 0,
           onValueChange: (r) => {
@@ -173,7 +174,7 @@ function K({
       F()
     ] }),
     /* @__PURE__ */ o(
-      A,
+      R,
       {
         type: "condition",
         onDelete: i,
@@ -190,23 +191,25 @@ function _({
   onUpdate: i,
   isRoot: w = !1,
   depth: h,
-  maxNestedDepth: p = 2,
-  i18n: n
+  maxNestedDepth: f = 2,
+  i18n: a
 }) {
   const g = {
     id: u(),
     columnId: "",
+    columnAccessorKey: "",
     columnLabel: "",
     columnType: "string",
     operator: "eq",
     value: void 0
-  }, C = {
+  }, y = {
     id: u(),
     logicalOperator: "AND",
     conditions: [
       {
         id: u(),
         columnId: "",
+        columnAccessorKey: "",
         columnLabel: "",
         columnType: "string",
         operator: "eq",
@@ -222,13 +225,13 @@ function _({
   }, v = () => {
     i({
       ...e,
-      groups: [...e.groups || [], C]
+      groups: [...e.groups || [], y]
     });
   }, D = (l, t) => {
     i({
       ...e,
       conditions: e.conditions.map(
-        (a) => a.id === l ? t : a
+        (n) => n.id === l ? t : n
       )
     });
   }, F = (l) => {
@@ -251,11 +254,11 @@ function _({
       ...e,
       conditions: e.conditions.filter((t) => t.id !== l)
     });
-  }, f = (l, t) => {
+  }, m = (l, t) => {
     i({
       ...e,
       groups: (e.groups || []).map(
-        (a) => a.id === l ? t : a
+        (n) => n.id === l ? t : n
       )
     });
   }, N = (l) => {
@@ -263,97 +266,97 @@ function _({
       ...e,
       groups: (e.groups || []).filter((t) => t.id !== l)
     });
-  }, z = (l) => ({
+  }, S = (l) => ({
     id: u(),
     logicalOperator: l.logicalOperator,
     conditions: l.conditions.map((t) => ({
       ...t,
       id: u()
     })),
-    groups: (l.groups || []).map((t) => z(t))
+    groups: (l.groups || []).map((t) => S(t))
   }), j = (l) => {
-    const t = e.groups || [], a = t.findIndex((I) => I.id === l);
-    if (a === -1) return;
-    const b = z(t[a]);
+    const t = e.groups || [], n = t.findIndex((I) => I.id === l);
+    if (n === -1) return;
+    const b = S(t[n]);
     i({
       ...e,
-      groups: [...t.slice(0, a + 1), b, ...t.slice(a + 1)]
+      groups: [...t.slice(0, n + 1), b, ...t.slice(n + 1)]
     });
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: J(
+      className: H(
         "min-w-0 space-y-2 overflow-auto",
         w ? "" : "bg-d-foreground/5 border-d-foreground rounded border-l-2 p-2 pl-3",
         s
       ),
       children: [
         e.conditions.map((l, t) => /* @__PURE__ */ o(
-          K,
+          J,
           {
             condition: l,
             columns: d,
-            onUpdate: (a) => D(l.id, a),
+            onUpdate: (n) => D(l.id, n),
             onRemove: () => r(l.id),
             onDuplicate: () => F(l.id),
             showLogicalOperator: t > 0,
             logicalOperator: e.logicalOperator,
-            onLogicalOperatorChange: (a) => i({ ...e, logicalOperator: a }),
+            onLogicalOperatorChange: (n) => i({ ...e, logicalOperator: n }),
             isFirstInGroup: t === 0,
             isSecondInGroup: t === 1,
-            i18n: n
+            i18n: a
           },
           l.id
         )),
-        (e.groups || []).map((l, t) => /* @__PURE__ */ m(
+        (e.groups || []).map((l, t) => /* @__PURE__ */ p(
           "div",
           {
             className: "flex min-w-0 flex-1 flex-row gap-2",
             children: [
               t === 1 && e.conditions.length === 0 || t === 0 && e.conditions.length === 1 ? /* @__PURE__ */ o(
-                O,
+                C,
                 {
-                  className: `w-[72px] min-w-[72px] ${e.logicalOperator === void 0 ? y : ""}`,
+                  className: `w-[72px] min-w-[72px] ${e.logicalOperator === void 0 ? O : ""}`,
                   size: "sm",
                   options: [
-                    { value: "AND", label: n.filters.and },
-                    { value: "OR", label: n.filters.or }
+                    { value: "AND", label: a.filters.and },
+                    { value: "OR", label: a.filters.or }
                   ],
                   value: e.logicalOperator,
-                  onValueChange: (a) => i({
+                  onValueChange: (n) => i({
                     ...e,
-                    logicalOperator: a
+                    logicalOperator: n
                   })
                 }
-              ) : t === 0 && e.conditions.length === 0 ? /* @__PURE__ */ o("span", { className: "text-muted-foreground w-[72px] text-right text-xs", children: n.filters.where }) : /* @__PURE__ */ o("span", { className: "text-muted-foreground w-[72px] text-right text-xs", children: e.logicalOperator }),
+              ) : t === 0 && e.conditions.length === 0 ? /* @__PURE__ */ o("span", { className: "text-muted-foreground w-[72px] text-right text-xs", children: a.filters.where }) : /* @__PURE__ */ o("span", { className: "text-muted-foreground w-[72px] text-right text-xs", children: e.logicalOperator }),
               /* @__PURE__ */ o(
                 _,
                 {
                   className: "flex flex-1 flex-col",
                   group: l,
                   columns: d,
-                  onUpdate: (a) => f(l.id, a),
+                  onUpdate: (n) => m(l.id, n),
                   depth: h + 1,
-                  maxNestedDepth: p,
-                  i18n: n
+                  maxNestedDepth: f,
+                  i18n: a
                 }
               ),
               /* @__PURE__ */ o(
-                A,
+                R,
                 {
                   type: "group",
                   onDelete: () => N(l.id),
                   onDuplicate: () => j(l.id),
-                  i18n: n
+                  i18n: a
                 }
               )
             ]
           },
           l.id
         )),
-        h < p ? /* @__PURE__ */ m(G, { children: [
-          /* @__PURE__ */ o(L, { asChild: !0, children: /* @__PURE__ */ o(
+        h < f ? /* @__PURE__ */ p(A, { children: [
+          /* @__PURE__ */ o(G, { asChild: !0, children: /* @__PURE__ */ o(
             x,
             {
               variant: "ghost",
@@ -361,10 +364,10 @@ function _({
               className: "w-full justify-start text-xs",
               iconLeft: "Plus",
               iconRight: "ChevronDown",
-              children: n.filters.addFilterRule
+              children: a.filters.addFilterRule
             }
           ) }),
-          /* @__PURE__ */ m(R, { side: "top", className: "flex w-auto flex-col p-1", children: [
+          /* @__PURE__ */ p(L, { side: "top", className: "flex w-auto flex-col p-1", children: [
             /* @__PURE__ */ o(
               x,
               {
@@ -373,7 +376,7 @@ function _({
                 className: "justify-start text-xs",
                 iconLeft: "Plus",
                 onClick: c,
-                children: n.filters.addFilterRule
+                children: a.filters.addFilterRule
               }
             ),
             /* @__PURE__ */ o(
@@ -384,7 +387,7 @@ function _({
                 className: "justify-start text-xs",
                 iconLeft: "CopyPlus",
                 onClick: v,
-                children: n.filters.addFilterGroup
+                children: a.filters.addFilterGroup
               }
             )
           ] })
@@ -396,7 +399,7 @@ function _({
             className: "w-full justify-start text-xs",
             iconLeft: "Plus",
             onClick: c,
-            children: n.filters.addFilterRule
+            children: a.filters.addFilterRule
           }
         )
       ]
@@ -419,13 +422,13 @@ function le({
         groups: []
       }
     }
-  ), p = (g) => {
-    const C = {
+  ), f = (g) => {
+    const y = {
       ...w,
       rootGroup: g
     };
-    h(C), e(C);
-  }, n = () => {
+    h(y), e(y);
+  }, a = () => {
     const g = {
       id: u(),
       rootGroup: {
@@ -437,14 +440,14 @@ function le({
     };
     h(g), e(null);
   };
-  return /* @__PURE__ */ m("div", { className: "flex max-h-[500px] min-w-0 flex-col gap-0.5 overflow-auto", children: [
+  return /* @__PURE__ */ p("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: p,
+        onUpdate: f,
         isRoot: !0,
         depth: 0,
         maxNestedDepth: 2,
@@ -457,7 +460,7 @@ function le({
       {
         variant: "ghost-destructive",
         size: "sm",
-        onClick: n,
+        onClick: a,
         className: "w-full justify-start text-xs",
         iconRight: "Trash2",
         children: i.filters.deleteFilter