laif-ds 0.2.60 → 0.2.62

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

@@ -1,23 +1,23 @@
 "use client";
 import { getListMultiSelectFilterOptions as v, getListSingleSelectFilterOptions as D, getDateTimeFilterOptions as A, getDateFilterOptions as F, getBooleanFilterOptions as b, getNumberFilterOptions as T, getStringFilterOptions as q } from "./data-table-constants.js";
-import { defaultDataTableI18n as m } from "./data-table-i18n.js";
+import { defaultDataTableI18n as p } from "./data-table-i18n.js";
 function O(e, a = "string") {
   const t = (s) => {
     switch (s) {
       case "string":
-        return q(m)?.[0]?.value ?? "like";
+        return q(p)?.[0]?.value ?? "like";
       case "number":
-        return T(m)?.[0]?.value ?? "eq";
+        return T(p)?.[0]?.value ?? "eq";
       case "boolean":
-        return b(m)?.[0]?.value ?? "eq";
+        return b(p)?.[0]?.value ?? "eq";
       case "date":
-        return F(m)?.[0]?.value ?? "eq";
+        return F(p)?.[0]?.value ?? "eq";
       case "datetime":
-        return A(m)?.[0]?.value ?? "date_time_before";
+        return A(p)?.[0]?.value ?? "date_time_before";
       case "list_single_select":
-        return D(m)?.[0]?.value ?? "array_overlap";
+        return D(p)?.[0]?.value ?? "array_overlap";
       case "list_multi_select":
-        return v(m)?.[0]?.value ?? "array_overlap";
+        return v(p)?.[0]?.value ?? "array_overlap";
       default:
         return "eq";
     }
@@ -25,8 +25,8 @@ function O(e, a = "string") {
   return {
     id: crypto.randomUUID(),
     columnId: e?.id || "",
-    columnLabel: e?.column.columnDef.header?.toString() || "",
-    columnAccessorKey: (e?.column.columnDef?.accessorKey ?? e?.id) || "",
+    columnLabel: e?.column.columnDef.meta?.headerLabel || (typeof e?.column.columnDef.header == "string" ? e.column.columnDef.header : "") || e?.id || "",
+    columnAccessorKey: (e?.column.columnDef && "accessorKey" in e.column.columnDef && typeof e.column.columnDef.accessorKey == "string" ? e.column.columnDef.accessorKey : e?.id) || "",
     columnType: e?.column.columnDef.meta?.type || a,
     operator: t(
       e?.column.columnDef.meta?.type
@@ -57,25 +57,25 @@ function I() {
   };
 }
 function k(e, a) {
-  const t = e.filter((n) => n.operator === "eq_null" || n.operator === "n_eq_null" ? !0 : n.value === void 0 || n.value === "" ? !1 : n.columnType === "list_multi_select" ? (Array.isArray(n.value) ? n.value.filter((l) => l !== void 0) : [n.value].filter((l) => l !== void 0)).length > 0 : !0), u = a ? ((n) => {
-    const p = (l) => {
-      const _ = l.conditions.filter((o) => !o.columnId || !o.operator ? !1 : o.operator === "eq_null" || o.operator === "n_eq_null" ? !0 : o.value === void 0 ? !1 : o.columnType === "list_multi_select" ? (Array.isArray(o.value) ? o.value.filter((y) => y !== void 0) : [o.value].filter((y) => y !== void 0)).length > 0 : !0).map((o) => ({
+  const t = e.filter((n) => n.operator === "eq_null" || n.operator === "n_eq_null" ? !0 : n.value === void 0 || n.value === "" ? !1 : n.columnType === "list_multi_select" ? (Array.isArray(n.value) ? n.value.filter((i) => i !== void 0) : [n.value].filter((i) => i !== void 0)).length > 0 : !0), u = a ? ((n) => {
+    const m = (i) => {
+      const y = i.conditions.filter((o) => !o.columnId || !o.operator ? !1 : o.operator === "eq_null" || o.operator === "n_eq_null" ? !0 : o.value === void 0 ? !1 : o.columnType === "list_multi_select" ? (Array.isArray(o.value) ? o.value.filter((_) => _ !== void 0) : [o.value].filter((_) => _ !== void 0)).length > 0 : !0).map((o) => ({
         [o.columnAccessorKey]: {
           operator: o.operator,
           value: o.operator === "eq_null" || o.operator === "n_eq_null" ? "" : o.columnType === "list_single_select" ? Array.isArray(o.value) ? o.value.filter((f) => f !== void 0) : [o.value].filter((f) => f !== void 0) : o.value
         }
-      })), g = l.groups?.map(p).filter(Boolean) || [], d = [
-        ..._,
+      })), g = i.groups?.map(m).filter(Boolean) || [], d = [
+        ...y,
         ...g
       ];
-      return d.length === 0 ? null : d.length === 1 ? d[0] : l.logicalOperator === "AND" ? { _and: d } : { _or: d };
+      return d.length === 0 ? null : d.length === 1 ? d[0] : i.logicalOperator === "AND" ? { _and: d } : { _or: d };
     };
-    return p(n.rootGroup);
+    return m(n.rootGroup);
   })(a) : null, c = t.map(
     (n) => ({
       [n.columnAccessorKey]: {
         operator: n.operator,
-        value: n.operator === "eq_null" || n.operator === "n_eq_null" ? "" : n.columnType === "list_single_select" ? Array.isArray(n.value) ? n.value.filter((p) => p !== void 0) : [n.value].filter((p) => p !== void 0) : n.value ?? ""
+        value: n.operator === "eq_null" || n.operator === "n_eq_null" ? "" : n.columnType === "list_single_select" ? Array.isArray(n.value) ? n.value.filter((m) => m !== void 0) : [n.value].filter((m) => m !== void 0) : n.value ?? ""
       }
     })
   ), r = [
@@ -91,21 +91,21 @@ function H(e, a) {
     containerHeight: u = 1,
     onPageChange: c,
     setPagination: r
-  } = a, i = e?.offsetHeight || u, n = Math.floor(
-    (i - s) / t
-  ), p = n > 1 ? n : 1;
-  r((l) => {
-    if (l.pageSize !== p) {
+  } = a, l = e?.offsetHeight || u, n = Math.floor(
+    (l - s) / t
+  ), m = n > 1 ? n : 1;
+  r((i) => {
+    if (i.pageSize !== m) {
       if (c) {
-        const _ = Math.max(
+        const y = Math.max(
           0,
-          Math.ceil(l.pageSize * (l.pageIndex + 1) / p) - 1
-        ), g = Math.min(l.pageIndex, _);
-        c(g, p);
+          Math.ceil(i.pageSize * (i.pageIndex + 1) / m) - 1
+        ), g = Math.min(i.pageIndex, y);
+        c(g, m);
       }
-      return { ...l, pageSize: p };
+      return { ...i, pageSize: m };
     }
-    return l;
+    return i;
   });
 }
 function C(e, a, t) {
@@ -147,13 +147,13 @@ function C(e, a, t) {
     case "array_overlap":
       return Array.isArray(e) && Array.isArray(t) ? t.length === 0 ? !0 : e.length === 0 ? !1 : t.some(
         (r) => e.some(
-          (i) => s(i) === s(r)
+          (l) => s(l) === s(r)
         )
       ) : !1;
     case "n_array_overlap":
       return Array.isArray(e) && Array.isArray(t) ? t.length === 0 || e.length === 0 ? !0 : !t.some(
         (r) => e.some(
-          (i) => s(i) === s(r)
+          (l) => s(l) === s(r)
         )
       ) : !0;
     case "checked":
@@ -162,29 +162,29 @@ function C(e, a, t) {
       return e === !1;
     case "date_before":
       try {
-        const r = new Date(e), i = new Date(t);
-        return r.setHours(0, 0, 0, 0), i.setHours(0, 0, 0, 0), r < i;
+        const r = new Date(e), l = new Date(t);
+        return r.setHours(0, 0, 0, 0), l.setHours(0, 0, 0, 0), r < l;
       } catch {
         return !1;
       }
     case "date_after":
       try {
-        const r = new Date(e), i = new Date(t);
-        return r.setHours(0, 0, 0, 0), i.setHours(0, 0, 0, 0), r > i;
+        const r = new Date(e), l = new Date(t);
+        return r.setHours(0, 0, 0, 0), l.setHours(0, 0, 0, 0), r > l;
       } catch {
         return !1;
       }
     case "date_time_before":
       try {
-        const r = new Date(e), i = new Date(t);
-        return r < i;
+        const r = new Date(e), l = new Date(t);
+        return r < l;
       } catch {
         return !1;
       }
     case "date_time_after":
       try {
-        const r = new Date(e), i = new Date(t);
-        return r > i;
+        const r = new Date(e), l = new Date(t);
+        return r > l;
       } catch {
         return !1;
       }
@@ -214,7 +214,7 @@ function h(e, a) {
     }
   return !0;
 }
-function M(e, a) {
+function K(e, a) {
   let t;
   return function(...s) {
     clearTimeout(t), t = setTimeout(() => {
@@ -222,7 +222,7 @@ function M(e, a) {
     }, a);
   };
 }
-function x(e) {
+function M(e) {
   switch (e) {
     case "string":
       return "CaseUpper";
@@ -250,7 +250,7 @@ export {
   k as buildSearchFilter,
   O as createBadgeFilterFromHeader,
   I as createDefaultAdvancedFilter,
-  M as debounce,
-  x as getIconFromColumnType,
+  K as debounce,
+  M as getIconFromColumnType,
   H as updatePageSizeFromContainer
 };

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

@@ -1,20 +1,21 @@
 "use client";
-let c = 0;
-const i = () => `col-${Date.now()}-${++c}`;
-function a(e, t) {
-  const r = e.id || e.accessorKey || i();
+let d = 0;
+const o = () => `col-${Date.now()}-${++d}`;
+function s(e, t) {
+  const r = e.id ?? e.accessorKey ?? o(), a = e.headerLabel ?? (typeof e.header == "string" ? e.header : r);
   return {
     id: r,
-    header: e.header,
+    header: typeof e.header == "string" ? e.header : () => e.header,
     ...e.accessorKey ? { accessorKey: e.accessorKey } : {},
     ...e.cell ? {
       cell: ({ row: n }) => {
-        const u = e.accessorKey ? n.getValue(r) : void 0;
-        return e.cell(u, n.original, n);
+        const i = e.accessorKey ? n.getValue(r) : void 0;
+        return e.cell(i, n.original, n);
       }
     } : {},
     meta: {
       type: t,
+      headerLabel: a,
       sortable: e.sortable ?? !1,
       filterable: e.filterable ?? !1,
       searchable: e.searchable ?? !1,
@@ -22,23 +23,23 @@ function a(e, t) {
     }
   };
 }
-function b(e) {
-  return a(e, "string");
-}
 function y(e) {
-  return a(e, "number");
+  return s(e, "string");
 }
 function h(e) {
-  return a(e, "boolean");
+  return s(e, "number");
 }
-function C(e) {
-  return a(e, "date");
+function _(e) {
+  return s(e, "boolean");
 }
-function f(e) {
-  return a(e, "datetime");
+function C(e) {
+  return s(e, "date");
 }
 function q(e) {
-  const t = Array.isArray(e.options) ? typeof e.options[0] == "string" ? e.options.map((l) => ({ value: l, label: l })) : e.options : [], r = a(e, "list_single_select");
+  return s(e, "datetime");
+}
+function F(e) {
+  const t = Array.isArray(e.options) ? typeof e.options[0] == "string" ? e.options.map((a) => ({ value: a, label: a })) : e.options : [], r = s(e, "list_single_select");
   return {
     ...r,
     meta: {
@@ -48,8 +49,8 @@ function q(e) {
     }
   };
 }
-function F(e) {
-  const t = Array.isArray(e.options) ? typeof e.options[0] == "string" ? e.options.map((l) => ({ value: l, label: l })) : e.options : [], r = a(e, "list_multi_select");
+function K(e) {
+  const t = Array.isArray(e.options) ? typeof e.options[0] == "string" ? e.options.map((a) => ({ value: a, label: a })) : e.options : [], r = s(e, "list_multi_select");
   return {
     ...r,
     meta: {
@@ -59,13 +60,15 @@ function F(e) {
     }
   };
 }
-function K(e) {
+function L(e) {
+  const t = e.headerLabel ?? (typeof e.header == "string" ? e.header : e.id);
   return {
     id: e.id,
-    header: e.header,
-    cell: ({ row: t }) => e.cell(t.original),
+    header: typeof e.header == "string" ? e.header : () => e.header,
+    cell: ({ row: r }) => e.cell(r.original),
     meta: {
       type: "other",
+      headerLabel: t,
       sortable: !1,
       filterable: !1,
       searchable: !1,
@@ -74,12 +77,14 @@ function K(e) {
   };
 }
 function v(e) {
+  const t = e.id ?? o(), r = e.headerLabel ?? (typeof e.header == "string" ? e.header : t);
   return {
-    id: e.id || i(),
-    header: e.header,
-    cell: ({ row: t }) => e.cell(t.original),
+    id: t,
+    header: typeof e.header == "string" ? e.header : () => e.header,
+    cell: ({ row: a }) => e.cell(a.original),
     meta: {
       type: "other",
+      headerLabel: r,
       sortable: !1,
       filterable: !1,
       searchable: e.searchable ?? !1,
@@ -88,12 +93,14 @@ function v(e) {
   };
 }
 function S(e) {
+  const t = e.id ?? o(), r = e.headerLabel ?? (typeof e.header == "string" ? e.header : t);
   return {
-    id: e.id || i(),
-    header: e.header,
-    cell: ({ row: t }) => e.cell(t.original),
+    id: t,
+    header: typeof e.header == "string" ? e.header : () => e.header,
+    cell: ({ row: a }) => e.cell(a.original),
     meta: {
       type: e.type,
+      headerLabel: r,
       sortable: e.sortable ?? !1,
       filterable: e.filterable ?? !1,
       searchable: e.searchable ?? !1,
@@ -102,10 +109,10 @@ function S(e) {
   };
 }
 let m = 0;
-const p = () => `filter-${Date.now()}-${++m}`;
-function s(e) {
+const c = () => `filter-${Date.now()}-${++m}`;
+function u(e) {
   return {
-    id: p(),
+    id: c(),
     columnId: e.columnId,
     columnAccessorKey: e.columnAccessorKey,
     columnLabel: e.columnLabel,
@@ -116,76 +123,76 @@ function s(e) {
   };
 }
 function O(e) {
-  return e.map((t) => s(t));
+  return e.map((t) => u(t));
 }
-function T(e, t, r, l, n) {
-  return s({
+function T(e, t, r, a, l) {
+  return u({
     columnId: e,
     columnAccessorKey: t,
     columnLabel: r,
     columnType: "string",
-    operator: l,
-    value: n
+    operator: a,
+    value: l
   });
 }
-function I(e, t, r, l, n) {
-  return s({
+function I(e, t, r, a, l) {
+  return u({
     columnId: e,
     columnAccessorKey: t,
     columnLabel: r,
     columnType: "number",
-    operator: l,
-    value: n
+    operator: a,
+    value: l
   });
 }
-function B(e, t, r, l, n) {
-  return s({
+function B(e, t, r, a, l) {
+  return u({
     columnId: e,
     columnAccessorKey: t,
     columnLabel: r,
     columnType: "boolean",
-    operator: l,
-    value: n
+    operator: a,
+    value: l
   });
 }
-function A(e, t, r, l, n) {
-  return s({
+function A(e, t, r, a, l) {
+  return u({
     columnId: e,
     columnAccessorKey: t,
     columnLabel: r,
     columnType: "date",
-    operator: l,
-    value: n
+    operator: a,
+    value: l
   });
 }
-function D(e, t, r, l, n) {
-  return s({
+function D(e, t, r, a, l) {
+  return u({
     columnId: e,
     columnAccessorKey: t,
     columnLabel: r,
     columnType: "datetime",
-    operator: l,
-    value: n
+    operator: a,
+    value: l
   });
 }
-function V(e, t, r, l, n, u, o) {
-  return s({
+function V(e, t, r, a, l, n, i) {
+  return u({
     columnId: e,
     columnAccessorKey: t,
     columnLabel: r,
-    columnType: l,
-    operator: n,
-    value: u,
-    listOptions: o
+    columnType: a,
+    operator: l,
+    value: n,
+    listOptions: i
   });
 }
-function d(e) {
+function p(e) {
   return {
     sort_by: e.map((t) => t.column),
     sort_order: e.map((t) => t.order)
   };
 }
-function k(e) {
+function f(e) {
   return {
     ...e.filters && {
       filters: {
@@ -198,45 +205,45 @@ function k(e) {
         searchbarFilter: e.searchbarFilter
       }
     },
-    ...e.sorting && { sorting: d(e.sorting) },
+    ...e.sorting && { sorting: p(e.sorting) },
     ...e.pagination && { pagination: e.pagination },
     ...e.columnVisibility && {
       columnVisibility: e.columnVisibility
     }
   };
 }
-function _(e) {
+function b(e) {
   return e.map((t) => ({ value: t, label: t }));
 }
-function L(e, t, r) {
-  return e.map((l) => ({
-    value: String(l[t]),
-    label: String(l[r])
+function k(e, t, r) {
+  return e.map((a) => ({
+    value: String(a[t]),
+    label: String(a[r])
   }));
 }
 function $(e, t, r) {
-  return e.map((l) => {
-    if (l.accessorKey === t) {
-      const u = typeof r[0] == "string" ? _(r) : r;
+  return e.map((a) => {
+    if (a.accessorKey === t) {
+      const n = typeof r[0] == "string" ? b(r) : r;
       return {
-        ...l,
+        ...a,
         meta: {
-          ...l.meta,
-          listOptions: u
+          ...a.meta,
+          listOptions: n
         }
       };
     }
-    return l;
+    return a;
   });
 }
 function M(e, t) {
   return e.map((r) => {
-    const l = r.accessorKey || r.id, n = t.left?.includes(l) ? "left" : t.right?.includes(l) ? "right" : void 0;
-    return n ? {
+    const a = r.accessorKey || r.id, l = t.left?.includes(a) ? "left" : t.right?.includes(a) ? "right" : void 0;
+    return l ? {
       ...r,
       meta: {
         ...r.meta,
-        pinned: n
+        pinned: l
       }
     } : r;
   });
@@ -276,30 +283,30 @@ function N(e, t) {
   }[t]?.includes(e) ?? !1;
 }
 export {
-  K as createActionColumn,
-  h as createBooleanColumn,
+  L as createActionColumn,
+  _ as createBooleanColumn,
   B as createBooleanFilter,
   S as createComputedColumn,
   C as createDateColumn,
   A as createDateFilter,
-  f as createDateTimeColumn,
+  q as createDateTimeColumn,
   D as createDateTimeFilter,
   v as createDisplayColumn,
-  s as createFilterBadge,
+  u as createFilterBadge,
   O as createFilterBadges,
-  k as createInitialState,
+  f as createInitialState,
   V as createListFilter,
-  F as createMultiSelectColumn,
-  y as createNumberColumn,
+  K as createMultiSelectColumn,
+  h as createNumberColumn,
   I as createNumberFilter,
-  q as createSingleSelectColumn,
-  d as createSorting,
-  b as createStringColumn,
+  F as createSingleSelectColumn,
+  p as createSorting,
+  y as createStringColumn,
   T as createStringFilter,
   w as getColumnIds,
   N as isValidOperatorForType,
   M as pinColumns,
-  _ as toSelectOptions,
-  L as toSelectOptionsFromObjects,
+  b as toSelectOptions,
+  k as toSelectOptionsFromObjects,
   $ as updateColumnListOptions
 };