laif-ds 0.2.63 → 0.2.65

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

@@ -1,58 +1,60 @@
 "use client";
-var a = /* @__PURE__ */ ((e) => (e.AND = "AND", e.OR = "OR", e))(a || {});
-const l = (e) => [
+var l = /* @__PURE__ */ ((e) => (e.AND = "AND", e.OR = "OR", e))(l || {});
+const a = (e) => [
   { value: "like", label: e.stringOperators.like },
   { value: "n_like", label: e.stringOperators.nLike },
   { value: "starts_with", label: e.stringOperators.startsWith },
   { value: "ends_with", label: e.stringOperators.endsWith },
   { value: "eq", label: e.stringOperators.eq },
-  { value: "ne", label: e.stringOperators.ne }
-  // { value: "eq_null", label: i18n.stringOperators.eqNull },
-  // { value: "n_eq_null", label: i18n.stringOperators.nEqNull },
-], t = (e) => [
+  { value: "ne", label: e.stringOperators.ne },
+  { value: "eq_null", label: e.stringOperators.eqNull },
+  { value: "n_eq_null", label: e.stringOperators.nEqNull }
+], r = (e) => [
   { value: "eq", label: e.numberOperators.eq },
   { value: "ne", label: e.numberOperators.ne },
   { value: "lt", label: e.numberOperators.lt },
   { value: "le", label: e.numberOperators.le },
   { value: "gt", label: e.numberOperators.gt },
-  { value: "ge", label: e.numberOperators.ge }
-  // { value: "eq_null", label: i18n.numberOperators.eqNull },
-  // { value: "n_eq_null", label: i18n.numberOperators.nEqNull },
-], r = (e) => [
+  { value: "ge", label: e.numberOperators.ge },
+  { value: "eq_null", label: e.numberOperators.eqNull },
+  { value: "n_eq_null", label: e.numberOperators.nEqNull }
+], t = (e) => [
   { value: "eq", label: e.booleanOperators.eq },
   { value: "ne", label: e.booleanOperators.ne },
   { value: "checked", label: e.booleanOperators.checked },
-  { value: "unchecked", label: e.booleanOperators.unchecked }
+  { value: "unchecked", label: e.booleanOperators.unchecked },
+  { value: "eq_null", label: e.numberOperators.eqNull },
+  { value: "n_eq_null", label: e.numberOperators.nEqNull }
 ], s = (e) => [
   { value: "eq", label: e.dateOperators.is },
   { value: "date_before", label: e.dateOperators.isBefore },
-  { value: "date_after", label: e.dateOperators.isAfter }
-  // { value: "eq_null", label: i18n.dateOperators.eqNull },
-  // { value: "n_eq_null", label: i18n.dateOperators.nEqNull },
-], o = (e) => [
+  { value: "date_after", label: e.dateOperators.isAfter },
+  { value: "eq_null", label: e.dateOperators.eqNull },
+  { value: "n_eq_null", label: e.dateOperators.nEqNull }
+], u = (e) => [
   { value: "date_time_before", label: e.dateTimeOperators.isBefore },
-  { value: "date_time_after", label: e.dateTimeOperators.isAfter }
-  // { value: "eq_null", label: i18n.dateTimeOperators.eqNull },
-  // { value: "n_eq_null", label: i18n.dateTimeOperators.nEqNull },
-], b = (e) => [
+  { value: "date_time_after", label: e.dateTimeOperators.isAfter },
+  { value: "eq_null", label: e.dateTimeOperators.eqNull },
+  { value: "n_eq_null", label: e.dateTimeOperators.nEqNull }
+], o = (e) => [
   { value: "array_overlap", label: e.listOperators.is },
-  { value: "n_array_overlap", label: e.listOperators.isNot }
-  // { value: "eq_null", label: i18n.listOperators.eqNull },
-  // { value: "n_eq_null", label: i18n.listOperators.nEqNull },
-], u = (e) => [
+  { value: "n_array_overlap", label: e.listOperators.isNot },
+  { value: "eq_null", label: e.listOperators.eqNull },
+  { value: "n_eq_null", label: e.listOperators.nEqNull }
+], b = (e) => [
   { value: "array_overlap", label: e.listOperators.contains },
-  { value: "n_array_overlap", label: e.listOperators.doesNotContain }
-  // { value: "eq_null", label: i18n.listOperators.eqNull },
-  // { value: "n_eq_null", label: i18n.listOperators.nEqNull },
+  { value: "n_array_overlap", label: e.listOperators.doesNotContain },
+  { value: "eq_null", label: e.listOperators.eqNull },
+  { value: "n_eq_null", label: e.listOperators.nEqNull }
 ], n = "border-d-destructive border rounded-md";
 export {
-  a as ELogicalFilterOperator,
+  l as ELogicalFilterOperator,
   n as errorSelectClass,
-  r as getBooleanFilterOptions,
+  t as getBooleanFilterOptions,
   s as getDateFilterOptions,
-  o as getDateTimeFilterOptions,
-  u as getListMultiSelectFilterOptions,
-  b as getListSingleSelectFilterOptions,
-  t as getNumberFilterOptions,
-  l as getStringFilterOptions
+  u as getDateTimeFilterOptions,
+  b as getListMultiSelectFilterOptions,
+  o as getListSingleSelectFilterOptions,
+  r as getNumberFilterOptions,
+  a as getStringFilterOptions
 };

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

@@ -1,21 +1,21 @@
 "use client";
 import { jsx as c, jsxs as ie } from "react/jsx-runtime";
-import { useReactTable as nt } from "../../../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { cn as ot } from "../../../../lib/utils.js";
-import { useRef as f, useState as u, useEffect as H, useMemo as F } from "react";
-import { Button as at } from "../../button.js";
+import { useReactTable as at } from "../../../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { cn as it } from "../../../../lib/utils.js";
+import { useRef as f, useState as d, useEffect as H, useMemo as F } from "react";
+import { Button as st } from "../../button.js";
 import { Checkbox as ye } from "../../checkbox.js";
-import { DataTableBody as it } from "./components/data-table-body.js";
-import { DataTableColumnVisibility as st } from "./components/data-table-column-visibility.js";
-import { DataTableFilters as lt } from "./components/data-table-filters.js";
-import { DataTablePaginationComponent as ct } from "./components/data-table-pagination.js";
-import { DataTableSearchbar as ut } from "./components/data-table-searchbar.js";
-import { DataTableSortingComponent as dt } from "./components/data-table-sorting.js";
-import { applySearchFilterToRow as we, debounce as gt, buildSearchFilter as mt, updatePageSizeFromContainer as pt, createDefaultAdvancedFilter as ft, createBadgeFilterFromHeader as ht } from "./data-table.service.js";
-import { DataTableActionsComponent as St } from "./components/data-table-actions.js";
-import { defaultDataTableI18n as bt } from "./data-table-i18n.js";
-import { getPaginationRowModel as vt, getFilteredRowModel as Ft, getSortedRowModel as Ct, getCoreRowModel as xt } from "../../../../node_modules/@tanstack/table-core/build/lib/index.js";
-function Vt({
+import { DataTableBody as lt } from "./components/data-table-body.js";
+import { DataTableColumnVisibility as ct } from "./components/data-table-column-visibility.js";
+import { DataTableFilters as dt } from "./components/data-table-filters.js";
+import { DataTablePaginationComponent as ut } from "./components/data-table-pagination.js";
+import { DataTableSearchbar as gt } from "./components/data-table-searchbar.js";
+import { DataTableSortingComponent as mt } from "./components/data-table-sorting.js";
+import { applySearchFilterToRow as we, debounce as pt, buildSearchFilter as ft, updatePageSizeFromContainer as ht, createDefaultAdvancedFilter as St, createBadgeFilterFromHeader as bt } from "./data-table.service.js";
+import { DataTableActionsComponent as vt } from "./components/data-table-actions.js";
+import { defaultDataTableI18n as Ft } from "./data-table-i18n.js";
+import { getPaginationRowModel as Ct, getFilteredRowModel as xt, getSortedRowModel as yt, getCoreRowModel as wt } from "../../../../node_modules/@tanstack/table-core/build/lib/index.js";
+function Pt({
   columns: Y,
   data: j,
   loading: z = !1,
@@ -30,18 +30,21 @@ function Vt({
   customComponentsRight: Be,
   hidePagination: _e = !1,
   hideActionsRow: Me = !1,
-  i18n: h = bt,
+  i18n: h = Ft,
   maxSortedColumns: le = 2,
-  initialState: d,
+  initialState: u,
   // New mode-based API
   serverMode: He = !1,
   serverConfig: Ne,
-  disableAutoPageSize: b = !1
+  disableAutoPageSize: b = !1,
+  // Test & Accessibility
+  id: Oe,
+  "data-testid": Le
 }) {
   const q = f(null), a = He === !0, g = a ? Ne : void 0, ce = (e) => !e || !e.sort_by || !e.sort_order ? [] : e.sort_by.map((t, o) => ({
     id: t,
     desc: e.sort_order[o] === "desc"
-  })), Oe = (e) => {
+  })), Ge = (e) => {
     const t = ce(e?.sorting), o = {
       sort_by: t.map((s) => s.id),
       sort_order: t.map((s) => s.desc ? "desc" : "asc")
@@ -51,13 +54,13 @@ function Vt({
       computedFilter: e?.computedFilter
       // Use provided value or undefined
     };
-  }, [N, Le] = u(() => ce(d?.sorting)), [Ge] = u([]), [ke, Ae] = u(
-    () => d?.columnVisibility ?? {}
-  ), [m, Ve] = u(() => d?.filters?.searchbarFilter), [K, O] = u(() => d?.pagination ?? { pageIndex: 0, pageSize: 10 }), ue = f(g);
-  ue.current = g;
+  }, [N, ke] = d(() => ce(u?.sorting)), [Ae] = d([]), [Ve, je] = d(
+    () => u?.columnVisibility ?? {}
+  ), [m, Pe] = d(() => u?.filters?.searchbarFilter), [K, O] = d(() => u?.pagination ?? { pageIndex: 0, pageSize: 10 }), de = f(g);
+  de.current = g;
   const E = f(g?.onStateChange);
   E.current = g?.onStateChange;
-  const W = f(null), D = f(null), je = f(0), de = f(!1), ge = f(null), J = f({}), me = f(null), $ = f(z);
+  const W = f(null), D = f(null), qe = f(0), ue = f(!1), ge = f(null), J = f({}), me = f(null), $ = f(z);
   $.current = z;
   const L = (e) => {
     e.computedFilter && (J.current.computedFilter = e.computedFilter), e.computedSorting && (J.current.computedSorting = e.computedSorting);
@@ -68,31 +71,31 @@ function Vt({
       computedSorting: e.computedSorting || J.current.computedSorting
     };
     W.current = t, D.current && clearTimeout(D.current), D.current = setTimeout(() => {
-      W.current && E.current && (je.current = Date.now(), E.current(W.current), W.current = null, D.current = null);
+      W.current && E.current && (qe.current = Date.now(), E.current(W.current), W.current = null, D.current = null);
     }, 400);
   };
   H(() => {
     const e = setTimeout(() => {
-      de.current = !0;
+      ue.current = !0;
     }, 100);
     return () => {
       clearTimeout(e), D.current && clearTimeout(D.current);
     };
   }, []);
-  const [r, G] = u(() => {
-    const { computedSorting: e, computedFilter: t } = Oe(d);
+  const [r, G] = d(() => {
+    const { computedSorting: e, computedFilter: t } = Ge(u);
     return {
-      pagination: d?.pagination ?? { pageIndex: 0, pageSize: 10 },
-      sorting: d?.sorting,
-      filters: d?.filters,
-      computedFilter: d?.computedFilter ?? t,
-      computedSorting: d?.computedSorting ?? e
+      pagination: u?.pagination ?? { pageIndex: 0, pageSize: 10 },
+      sorting: u?.sorting,
+      filters: u?.filters,
+      computedFilter: u?.computedFilter ?? t,
+      computedSorting: u?.computedSorting ?? e
     };
   });
   a && !g && console.warn("DataTable: Server mode requires serverConfig");
-  const [Pe, pe] = u(0), [qe, fe] = u(0), [Ke, Ee] = u({}), he = se ? Te : Ke, We = se || Ee, [C, ee] = u(
-    () => d?.filters?.filterBadges ?? []
-  ), [x, te] = u(() => d?.filters?.advancedFilterBadge), [U, Je] = u(""), [Se, be] = u([]), ve = F(() => P ? [
+  const [Ke, pe] = d(0), [Ee, fe] = d(0), [We, Je] = d({}), he = se ? Te : We, Ue = se || Je, [C, ee] = d(
+    () => u?.filters?.filterBadges ?? []
+  ), [x, te] = d(() => u?.filters?.advancedFilterBadge), [U, Xe] = d(""), [Se, be] = d([]), ve = F(() => P ? [
     {
       id: "data-table-integrated-checkbox-column",
       size: 24,
@@ -149,7 +152,7 @@ function Vt({
     if (e.id) return e.id;
     if ("accessorKey" in e && typeof e.accessorKey == "string")
       return e.accessorKey;
-  }, Ue = (e) => {
+  }, Qe = (e) => {
     const t = e.meta?.headerLabel;
     return t || (typeof e.header == "string" ? e.header : X(e) ?? "-");
   };
@@ -157,23 +160,23 @@ function Vt({
     const e = (I ?? []).map(X).filter((l) => !!l), t = new Set(Se), o = new Set(e);
     t.size === o.size && [...t].every((l) => o.has(l)) || be(e);
   }, [I]);
-  const B = F(() => I.filter((e) => !!e.meta?.searchable), [I]), T = F(() => B.map((e) => "accessorKey" in e && typeof e.accessorKey == "string" ? e.accessorKey : e.id).filter((e) => !!e), [B]), [Q, Xe] = u(() => d?.computedFilter ?? {}), Qe = {
+  const B = F(() => I.filter((e) => !!e.meta?.searchable), [I]), T = F(() => B.map((e) => "accessorKey" in e && typeof e.accessorKey == "string" ? e.accessorKey : e.id).filter((e) => !!e), [B]), [Q, Ye] = d(() => u?.computedFilter ?? {}), Ze = {
     data: F(() => a || Object.keys(Q).length === 0 ? j : j.filter((e) => we({
       original: e,
       getValue: (o) => e[o]
     }, Q)), [j, Q, a]),
     columns: I,
-    getCoreRowModel: xt(),
+    getCoreRowModel: wt(),
     onSortingChange: (e) => {
       const t = typeof e == "function" ? e(N) : e;
-      Le(t);
+      ke(t);
     },
-    getSortedRowModel: Ct(),
+    getSortedRowModel: yt(),
     manualSorting: a,
-    onColumnVisibilityChange: Ae,
-    onRowSelectionChange: We,
+    onColumnVisibilityChange: je,
+    onRowSelectionChange: Ue,
     onColumnOrderChange: be,
-    getFilteredRowModel: Ft(),
+    getFilteredRowModel: xt(),
     manualFiltering: a,
     globalFilterFn: (e, t, o) => a || !o ? !0 : (T ?? []).some((s) => {
       const l = e.getValue(s);
@@ -211,13 +214,13 @@ function Vt({
           } : e
         );
     },
-    getPaginationRowModel: vt(),
+    getPaginationRowModel: Ct(),
     manualPagination: a,
-    pageCount: a && z ? qe : Pe,
+    pageCount: a && z ? Ee : Ke,
     state: {
       sorting: N,
-      columnFilters: Ge,
-      columnVisibility: ke,
+      columnFilters: Ae,
+      columnVisibility: Ve,
       rowSelection: he,
       globalFilter: m,
       pagination: a ? r.pagination : K,
@@ -225,7 +228,7 @@ function Vt({
     },
     // Prevent implicit resets on data/columns changes so filters/sorting persist
     autoResetPageIndex: !1
-  }, i = nt(Qe), re = i.getFilteredRowModel();
+  }, i = at(Ze), re = i.getFilteredRowModel();
   H(() => {
     if (a && g) {
       const e = Math.ceil(
@@ -257,11 +260,11 @@ function Vt({
       ), w = _?.getBoundingClientRect().height ?? 40;
       if (!!!n?.querySelector("td")) return;
       const A = n?.getBoundingClientRect().height ?? 32.5;
-      pt(y, {
+      ht(y, {
         rowHeight: A,
         headerHeight: w,
         onPageChange: a ? (R, v) => {
-          if (g && de.current) {
+          if (g && ue.current) {
             const S = b ? {
               ...r.pagination,
               pageIndex: R
@@ -316,7 +319,7 @@ function Vt({
             );
         }
       });
-    }, t = gt(() => {
+    }, t = pt(() => {
       requestAnimationFrame(() => {
         e();
       });
@@ -349,24 +352,24 @@ function Vt({
       Z(e);
     }
   }, [i, Z, P, he]);
-  const Ye = F(() => {
+  const $e = F(() => {
     const e = i.getHeaderGroups()[0], t = e ? e.headers : [];
     return (i.getState().sorting || []).map((l) => t.find((p) => p.column.id === l.id)).filter(Boolean);
   }, [
     i.getHeaderGroups,
     i.getState().sorting,
     I
-  ]), ne = F(() => i.getHeaderGroups()[0].headers.filter((e) => e.column.columnDef.meta?.sortable), [i.getHeaderGroups, I]), k = F(() => i.getHeaderGroups()[0].headers.filter((e) => e.column.columnDef.meta?.filterable), [i.getHeaderGroups, I]), Ze = F(() => U ? k.filter((e) => (e.column.columnDef.meta?.headerLabel ?? (typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : void 0) ?? e.column.id).toLowerCase().includes(U.toLowerCase())) : k, [k, U]), Fe = (e) => {
-    ee((t) => [...t, ht(e)]);
-  }, $e = () => {
-    te(ft());
-  }, et = F(() => C.sort((e, t) => e.value === void 0 || e.value === "" ? 1 : t.value === void 0 || t.value === "" ? -1 : 1), [C]), Ce = f({
+  ]), ne = F(() => i.getHeaderGroups()[0].headers.filter((e) => e.column.columnDef.meta?.sortable), [i.getHeaderGroups, I]), k = F(() => i.getHeaderGroups()[0].headers.filter((e) => e.column.columnDef.meta?.filterable), [i.getHeaderGroups, I]), et = F(() => U ? k.filter((e) => (e.column.columnDef.meta?.headerLabel ?? (typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : void 0) ?? e.column.id).toLowerCase().includes(U.toLowerCase())) : k, [k, U]), Fe = (e) => {
+    ee((t) => [...t, bt(e)]);
+  }, tt = () => {
+    te(St());
+  }, rt = F(() => C.sort((e, t) => e.value === void 0 || e.value === "" ? 1 : t.value === void 0 || t.value === "" ? -1 : 1), [C]), Ce = f({
     filterBadges: [],
     advancedFilterBadge: void 0,
     searchbarGlobalFilter: void 0
   });
   H(() => {
-    const e = mt(
+    const e = ft(
       C,
       x ?? void 0
     ), t = m && T.length > 0 ? T.length === 1 ? (() => {
@@ -413,8 +416,8 @@ function Vt({
       advancedFilterBadge: x ? { ...x } : void 0,
       searchbarGlobalFilter: m
     };
-    const _ = ue.current;
-    if (Xe(s), a && E.current && _) {
+    const _ = de.current;
+    if (Ye(s), a && E.current && _) {
       const n = {
         ...r,
         computedFilter: s,
@@ -453,11 +456,13 @@ function Vt({
     N,
     a
   ]);
-  const xe = i.getAllLeafColumns(), tt = xe.filter((e) => e.getIsVisible()), rt = xe.filter((e) => !e.getIsVisible());
+  const xe = i.getAllLeafColumns(), nt = xe.filter((e) => e.getIsVisible()), ot = xe.filter((e) => !e.getIsVisible());
   return /* @__PURE__ */ ie(
     "div",
     {
-      className: ot(
+      id: Oe,
+      "data-testid": Le,
+      className: it(
         "flex h-full max-h-full min-h-[250px] w-full max-w-full min-w-0 flex-col gap-2",
         Ie
       ),
@@ -465,10 +470,10 @@ function Vt({
         !Me && /* @__PURE__ */ ie("div", { className: "flex w-full items-center justify-between gap-1", children: [
           /* @__PURE__ */ ie("div", { className: "flex min-w-0 flex-1 items-center gap-1 overflow-x-auto", children: [
             ne.length > 0 && /* @__PURE__ */ c(
-              dt,
+              mt,
               {
                 table: i,
-                sortedColumns: Ye,
+                sortedColumns: $e,
                 sortableColumns: ne,
                 i18n: h,
                 maxSortedColumns: le
@@ -477,18 +482,18 @@ function Vt({
             ne.length > 0 && k.length > 0 && /* @__PURE__ */ c("div", { className: "border-d-border h-4 min-h-4 w-[1px] border-r" }),
             De,
             /* @__PURE__ */ c(
-              lt,
+              dt,
               {
                 advancedFilterBadge: x,
                 setAdvancedFilterBadge: te,
                 filterableColumns: k,
-                sortedFilterBadges: et,
+                sortedFilterBadges: rt,
                 setFilterBadges: ee,
                 filterSearch: U,
-                setFilterSearch: Je,
-                filteredColumns: Ze,
+                setFilterSearch: Xe,
+                filteredColumns: et,
                 handleAddFilter: Fe,
-                handleAddAdvancedFilter: $e,
+                handleAddAdvancedFilter: tt,
                 i18n: h
               }
             )
@@ -496,7 +501,7 @@ function Vt({
           /* @__PURE__ */ c("div", { className: "border-d-border h-4 min-h-4 w-[1px] border-r" }),
           Be,
           (C.length || x) && /* @__PURE__ */ c(
-            at,
+            st,
             {
               className: "h-6 text-xs",
               iconLeft: "FunnelX",
@@ -509,30 +514,30 @@ function Vt({
             }
           ),
           T.length > 0 && /* @__PURE__ */ c(
-            ut,
+            gt,
             {
               debounceMs: 300,
-              onSearch: Ve,
+              onSearch: Pe,
               i18n: h,
               initialValue: m ?? "",
               searchableColumnsHeaders: B.map(
-                (e) => Ue(e)
+                (e) => Qe(e)
               )
             }
           ),
           /* @__PURE__ */ c(
-            st,
+            ct,
             {
               table: i,
-              visibleColumns: tt,
-              hiddenColumns: rt,
+              visibleColumns: nt,
+              hiddenColumns: ot,
               i18n: h
             }
           ),
-          /* @__PURE__ */ c(St, { actions: ze, i18n: h })
+          /* @__PURE__ */ c(vt, { actions: ze, i18n: h })
         ] }),
         /* @__PURE__ */ c(
-          it,
+          lt,
           {
             table: i,
             tableContainerRef: q,
@@ -550,7 +555,7 @@ function Vt({
           }
         ),
         !_e && /* @__PURE__ */ c(
-          ct,
+          ut,
           {
             table: i,
             isServerSide: a,
@@ -568,5 +573,5 @@ function Vt({
   );
 }
 export {
-  Vt as DataTable
+  Pt as DataTable
 };