@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.79

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js

@@ -1,56 +1,43 @@
-import { jsx as C } from "react/jsx-runtime";
-import { c as j } from "../../../../compiler-runtime-DA41awpA.js";
-import { d as A } from "../../../../debounce-DJveWHr_.js";
-import { useRef as I, useState as O, useEffect as S } from "react";
-import { Tooltip as V } from "../../../Tooltip/Tooltip.js";
-import { Typography as z } from "../../../Typography/Typography.js";
-import { cn as E } from "../../../../utils/index.js";
-const J = (L) => {
-  const e = j.c(27), {
-    getValue: h,
-    value: b,
-    textClassName: s,
-    side: R,
-    sideOffset: w,
-    bgClassName: x,
-    arrowClassName: y,
-    className: N,
-    delayDuration: v
-  } = L, T = R === void 0 ? "bottom" : R, _ = v === void 0 ? 0 : v, g = I(null), [D, W] = O(!1);
-  let c;
-  e[0] !== h || e[1] !== b ? (c = b ?? h().toLocaleLowerCase(), e[0] = h, e[1] = b, e[2] = c) : c = e[2];
-  const o = c;
-  let i;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = () => {
-    const t = g.current;
-    t && W(t.scrollWidth > t.clientWidth);
-  }, e[3] = i) : i = e[3];
-  const a = i;
-  let m, f;
-  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = () => {
-    const t = new AbortController(), l = A(a, 300);
-    return window.addEventListener("resize", l, {
-      signal: t.signal
-    }), () => {
-      t.abort(), l.cancel();
+import { o as R } from "../../../../chunk-D1xtDmiO.js";
+import { t as i } from "../../../../utils-DHuiYnx1.js";
+import { Typography as l } from "../../../Typography/Typography.js";
+import { t as _ } from "../../../../debounce-CzFlgg9h.js";
+import { Tooltip as g } from "../../../Tooltip/Tooltip.js";
+import { useCallback as v, useEffect as a, useRef as z, useState as E } from "react";
+import { jsx as n } from "react/jsx-runtime";
+var L = /* @__PURE__ */ R(_(), 1), A = ({ getValue: u, value: m, textClassName: c, side: f = "bottom", sideOffset: p, bgClassName: d, arrowClassName: b, className: h, delayDuration: w = 0 }) => {
+  const o = z(null), [T, x] = E(!1), r = m ?? u().toLocaleLowerCase(), t = v(() => {
+    const e = o.current;
+    e && x(e.scrollWidth > e.clientWidth);
+  }, []);
+  return a(() => {
+    const e = new AbortController(), s = (0, L.default)(t, 300);
+    return window.addEventListener("resize", s, { signal: e.signal }), () => {
+      e.abort(), s.cancel();
     };
-  }, f = [a], e[4] = m, e[5] = f) : (m = e[4], f = e[5]), S(m, f);
-  let u, d;
-  if (e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = () => {
-    a();
-  }, d = [a], e[6] = u, e[7] = d) : (u = e[6], d = e[7]), S(u, d), !D) {
-    let t;
-    e[8] !== s ? (t = E("w-full truncate", s), e[8] = s, e[9] = t) : t = e[9];
-    let l;
-    return e[10] !== t || e[11] !== o ? (l = /* @__PURE__ */ C(z, { ref: g, component: "p", className: t, children: o }), e[10] = t, e[11] = o, e[12] = l) : l = e[12], l;
-  }
-  let r;
-  e[13] !== s ? (r = E("w-full truncate cursor-pointer", s), e[13] = s, e[14] = r) : r = e[14];
-  let n;
-  e[15] !== r || e[16] !== o ? (n = /* @__PURE__ */ C(z, { ref: g, component: "p", className: r, children: o }), e[15] = r, e[16] = o, e[17] = n) : n = e[17];
-  let p;
-  return e[18] !== y || e[19] !== x || e[20] !== N || e[21] !== _ || e[22] !== T || e[23] !== w || e[24] !== n || e[25] !== o ? (p = /* @__PURE__ */ C(V, { content: o, side: T, sideOffset: w, bgClassName: x, arrowClassName: y, className: N, delayDuration: _, children: n }), e[18] = y, e[19] = x, e[20] = N, e[21] = _, e[22] = T, e[23] = w, e[24] = n, e[25] = o, e[26] = p) : p = e[26], p;
+  }, [t]), a(() => {
+    t();
+  }, [t]), T ? /* @__PURE__ */ n(g, {
+    content: r,
+    side: f,
+    sideOffset: p,
+    bgClassName: d,
+    arrowClassName: b,
+    className: h,
+    delayDuration: w,
+    children: /* @__PURE__ */ n(l, {
+      ref: o,
+      component: "p",
+      className: i("w-full truncate cursor-pointer", c),
+      children: r
+    })
+  }) : /* @__PURE__ */ n(l, {
+    ref: o,
+    component: "p",
+    className: i("w-full truncate", c),
+    children: r
+  });
 };
 export {
-  J as TruncateText
+  A as TruncateText
 };

package/dist/components/VirtualizedTable/components/WrapperBody/WrapperBody.js

@@ -1,23 +1,13 @@
+import { t as a } from "../../../../utils-DHuiYnx1.js";
+import { useTableContext as n } from "../../contexts/table.hook.js";
 import { jsx as m } from "react/jsx-runtime";
-import { c as d } from "../../../../compiler-runtime-DA41awpA.js";
-import { cn as p } from "../../../../utils/index.js";
-import { useTableContext as f } from "../../contexts/table.hook.js";
-const b = (i) => {
-  const o = d.c(6), {
-    children: r,
-    classNameWrapperTable: s,
-    isLoading: a,
-    showPagination: l
-  } = i, {
-    tableFetching: c
-  } = f(), n = !l || c || a;
-  let e;
-  o[0] !== s || o[1] !== n ? (e = p("shadow rounded-t-lg overflow-hidden", {
-    "rounded-lg": n
-  }, s), o[0] = s, o[1] = n, o[2] = e) : e = o[2];
-  let t;
-  return o[3] !== r || o[4] !== e ? (t = /* @__PURE__ */ m("div", { className: e, children: r }), o[3] = r, o[4] = e, o[5] = t) : t = o[5], t;
+var p = ({ children: o, classNameWrapperTable: r, isLoading: e, showPagination: t }) => {
+  const { tableFetching: d } = n();
+  return /* @__PURE__ */ m("div", {
+    className: a("shadow rounded-t-lg overflow-hidden", { "rounded-lg": !t || d || e }, r),
+    children: o
+  });
 };
 export {
-  b as WrapperBody
+  p as WrapperBody
 };

package/dist/components/VirtualizedTable/components/index.js

@@ -1,16 +1,16 @@
-import { Actions as e } from "./Actions/Actions.js";
-import { Body as p } from "./Body/Body.js";
-import { Filter as f } from "./Filter/Filter.js";
-import { Header as a } from "./Header/Header.js";
+import { Actions as o } from "./Actions/Actions.js";
+import { Body as t } from "./Body/Body.js";
+import { Filter as p } from "./Filter/Filter.js";
+import { Header as f } from "./Header/Header.js";
 import { Pagination as n } from "./Pagination/Pagination.js";
 import { TruncateText as c } from "./TruncateText/TruncateText.js";
-import { WrapperBody as B } from "./WrapperBody/WrapperBody.js";
+import { WrapperBody as y } from "./WrapperBody/WrapperBody.js";
 export {
-  e as Actions,
-  p as Body,
-  f as Filter,
-  a as Header,
+  o as Actions,
+  t as Body,
+  p as Filter,
+  f as Header,
   n as Pagination,
   c as TruncateText,
-  B as WrapperBody
+  y as WrapperBody
 };

package/dist/components/VirtualizedTable/constants/index.js

@@ -1,5 +1,5 @@
-import { DEFAULT_PAGE_SIZE as _, DEFAULT_PAGE_SIZES as S } from "./pagination.js";
+import { DEFAULT_PAGE_SIZE as A, DEFAULT_PAGE_SIZES as _ } from "./pagination.js";
 export {
-  _ as DEFAULT_PAGE_SIZE,
-  S as DEFAULT_PAGE_SIZES
+  A as DEFAULT_PAGE_SIZE,
+  _ as DEFAULT_PAGE_SIZES
 };

package/dist/components/VirtualizedTable/constants/pagination.js

@@ -1,4 +1,9 @@
-const E = 10, A = [10, 20, 50, 100];
+var E = 10, A = [
+  10,
+  20,
+  50,
+  100
+];
 export {
   E as DEFAULT_PAGE_SIZE,
   A as DEFAULT_PAGE_SIZES

package/dist/components/VirtualizedTable/contexts/index.js

@@ -1,8 +1,8 @@
-import { TableContext as r } from "./table.context.js";
-import { useTableContext as x } from "./table.hook.js";
-import { TableProvider as b } from "./table.provider.js";
+import { t as r } from "../../../table.provider-4OQNqxH3.js";
+import { TableContext as e } from "./table.context.js";
+import { useTableContext as a } from "./table.hook.js";
 export {
-  r as TableContext,
-  b as TableProvider,
-  x as useTableContext
+  e as TableContext,
+  r as TableProvider,
+  a as useTableContext
 };

package/dist/components/VirtualizedTable/contexts/table.context.js

@@ -1,6 +1,6 @@
+import "../constants/pagination.js";
 import { createContext as e } from "react";
-import { DEFAULT_PAGE_SIZE as t } from "../constants/pagination.js";
-const r = e({
+var r = e({
   sortedData: [],
   table: {},
   tableFetching: !1,
@@ -8,7 +8,7 @@ const r = e({
   totalItems: -1 / 0,
   termOfSearch: "",
   page: 0,
-  pageSize: t,
+  pageSize: 10,
   totalPages: 1 / 0,
   isFirstLoad: !0,
   onSorting() {

package/dist/components/VirtualizedTable/contexts/table.hook.js

@@ -1,11 +1,10 @@
-import { useContext as e } from "react";
-import { TableContext as o } from "./table.context.js";
-const s = () => {
-  const t = e(o);
-  if (!t)
-    throw new Error("useTableContext must be used within a TableProvider");
-  return t;
+import { TableContext as t } from "./table.context.js";
+import { useContext as o } from "react";
+var a = () => {
+  const e = o(t);
+  if (!e) throw new Error("useTableContext must be used within a TableProvider");
+  return e;
 };
 export {
-  s as useTableContext
+  a as useTableContext
 };

package/dist/components/VirtualizedTable/contexts/table.provider.js

@@ -1,241 +1,4 @@
-import { jsx as A } from "react/jsx-runtime";
-import { V as qe } from "../../../index-BKjcReYh.js";
-import { useQuery as ze } from "@tanstack/react-query";
-import { u as Ne, g as ve, a as Re } from "../../../index-CSWGJT-v.js";
-import { useState as o, useMemo as g, useCallback as c, useEffect as Q } from "react";
-import { cn as K } from "../../../utils/index.js";
-import { VirtualizedTableEvent as _ } from "../events/index.js";
-import { TableContext as We } from "./table.context.js";
-import { C as Ge } from "../../../chevron-right-DvXGOiS_.js";
-import { DEFAULT_PAGE_SIZE as Qe } from "../constants/pagination.js";
-const et = ({
-  children: J,
-  classNameExpandedCell: Y,
-  classNameExpandedContent: ee,
-  classNameExpandedRow: te,
-  classNameExpandedHeader: ne,
-  classNameActiveExpandedRow: oe,
-  classNameHoverRow: re,
-  columns: M = [],
-  data: k = [],
-  defaultExpanded: se,
-  enableExpandedRow: d,
-  enableHoverRow: ae,
-  expandedState: B,
-  id: i,
-  isPaginationEnabled: ie,
-  queryOptions: le = {},
-  totalItems: D,
-  getRowId: h,
-  fetchData: u,
-  onExpandedChange: H,
-  renderExpandedRow: C,
-  keepExpandColumnVisible: l
-}) => {
-  const [U, V] = o([]), [ce, de] = o(!!u), [P, p] = o(0), [I, ue] = o(), [y, me] = o(Qe), [fe, ge] = o(D), $ = u ? fe : D, he = g(() => Math.ceil($ / y), [$, y]), [O, pe] = o({}), [x, ye] = o({}), [F, Se] = o({}), [E, be] = o({}), q = ze({
-    queryKey: (() => {
-      const e = typeof i == "string" || typeof i == "number" ? [i] : i;
-      return ie && e.push(P, y), I && e.push(I), Object.entries(O).forEach(([t, n]) => {
-        e.push(`${t}:${n.join(",")}`);
-      }), Object.entries(x).forEach(([t, n]) => {
-        n && e.push(`${t}:${n}`);
-      }), Object.entries(F).forEach(([t, n]) => {
-        n && e.push(`${t}:${n.from ?? ""}-${n.to ?? ""}`);
-      }), Object.entries(E).forEach(([t, n]) => {
-        n && e.push(`${t}:${n}`);
-      }), e;
-    })(),
-    refetchOnMount: !1,
-    refetchOnWindowFocus: !1,
-    initialData: k,
-    enabled: !!u,
-    queryFn: async () => u({
-      page: Math.max(P + 1, 1),
-      pageSize: y,
-      termOfSearch: I,
-      ...Object.keys(O).length > 0 ? O : {},
-      ...Object.keys(x).length > 0 ? x : {},
-      ...Object.keys(F).length > 0 ? F : {},
-      ...Object.keys(E).length > 0 ? E : {}
-    }).then(({
-      data: e,
-      totalItemsCount: t
-    }) => (de(!1), t && ge(t), e)),
-    ...le
-  }), S = u ? q.data : k, we = u ? q.isLoading : !1, z = u ? q.isFetching : !1, Ce = c((e) => {
-    ue(e), p(0);
-  }, []), Ie = c((e, t) => {
-    const n = e.toLowerCase().replace(/\s+/g, "_");
-    pe((a) => ({
-      ...a,
-      [n]: t
-    }));
-  }, []), Oe = c((e, t) => {
-    const n = e.toLowerCase().replace(/\s+/g, "_");
-    ye((a) => ({
-      ...a,
-      [n]: t?.toISOString()
-    })), p(0);
-  }, []), xe = c((e, t) => {
-    const n = e.toLowerCase().replace(/\s+/g, "_");
-    Se((a) => ({
-      ...a,
-      [n]: t ? {
-        from: t.from?.toISOString(),
-        to: t.to?.toISOString()
-      } : void 0
-    })), p(0);
-  }, []), Fe = c((e, t) => {
-    const n = e.toLowerCase().replace(/\s+/g, "_");
-    be((a) => ({
-      ...a,
-      [n]: t?.toISOString()
-    })), p(0);
-  }, []), Ee = c((e) => p(e), []), Le = c((e) => me(e), []), [je, Te] = o(se ?? {}), N = B !== void 0, m = N ? B : je, b = c((e) => {
-    const t = typeof e == "function" ? e(m) : e;
-    N || Te(t), H?.(e);
-  }, [m, N, H]);
-  Q(() => {
-    if (!d) return;
-    const e = Array.isArray(i) ? i.join(",") : String(i), t = new AbortController(), n = (w) => {
-      const {
-        detail: r
-      } = w;
-      r.tableId === e && b((s) => typeof s == "boolean" ? {
-        [r.rowId]: !0
-      } : {
-        ...s,
-        [r.rowId]: !0
-      });
-    }, a = (w) => {
-      const {
-        detail: r
-      } = w;
-      r.tableId === e && b((s) => {
-        if (typeof s == "boolean") return {};
-        const T = {
-          ...s
-        };
-        return delete T[r.rowId], T;
-      });
-    }, $e = (w) => {
-      const {
-        detail: r
-      } = w;
-      r.tableId === e && b((s) => {
-        if (typeof s == "boolean") return {
-          [r.rowId]: !s
-        };
-        const T = !!s[r.rowId], G = {
-          ...s
-        };
-        return T ? delete G[r.rowId] : G[r.rowId] = !0, G;
-      });
-    };
-    return document.addEventListener(_.EXPAND_ROW, n, {
-      signal: t.signal
-    }), document.addEventListener(_.COLLAPSE_ROW, a, {
-      signal: t.signal
-    }), document.addEventListener(_.TOGGLE_ROW, $e, {
-      signal: t.signal
-    }), () => t.abort();
-  }, [d, i, b]);
-  const v = g(() => S.some((e) => !!e.meta?.expandedRow), [S]), L = g(() => z ? [] : S.map((e, t) => h ? h(e, t) : String(t)), [S, h, z]), Ae = g(() => typeof m == "boolean" ? m : L.some((e) => !!m[e]), [m, L]), Ke = g(() => typeof l == "boolean" ? l : typeof l == "object" ? L.some((e) => !!l[e]) : !1, [l, L]), R = v || C && (Ae || Ke), [f, X] = o(!!R);
-  Q(() => {
-    if (R) {
-      const e = requestAnimationFrame(() => X(!0));
-      return () => cancelAnimationFrame(e);
-    } else
-      X(!1);
-  }, [R]);
-  const [j, Z] = o(!f);
-  Q(() => {
-    if (f)
-      Z(!1);
-    else {
-      const e = setTimeout(() => Z(!0), 300);
-      return () => clearTimeout(e);
-    }
-  }, [f]);
-  const W = g(() => !d || !v && !C ? null : {
-    id: "__expand",
-    header: () => /* @__PURE__ */ A(qe, { children: "Expand Column" }),
-    cell: ({
-      row: e
-    }) => {
-      const {
-        meta: t
-      } = e.original, n = typeof l == "object" && !!l[e.id];
-      return !t?.expandedRow && !e.getIsExpanded() && !n ? null : /* @__PURE__ */ A("button", { type: "button", className: "hover:cursor-pointer", onClick: () => e.toggleExpanded(), "aria-label": e.getIsExpanded() ? "Collapse row" : "Expand row", children: /* @__PURE__ */ A(Ge, { className: K("size-4 transition-transform text-slate-400 dark:text-metal-400", {
-        "-rotate-90": e.getIsExpanded()
-      }) }) });
-    },
-    enableSorting: !1,
-    meta: {
-      headerClassName: K(
-        "transition-[width,max-width,padding] duration-300 ease-in-out overflow-hidden",
-        // Width: immediate change, CSS transition handles animation
-        f ? "w-10 max-w-10 px-2" : "w-0 max-w-0 !p-0",
-        // Border/radius: deferred on collapse so border stays during exit
-        j && "!border-0 !rounded-none [&+th]:rounded-tl-lg dark:[&+th]:border-l"
-      ),
-      className: K("transition-[width,max-width,padding] duration-300 ease-in-out overflow-hidden", f ? K("w-10 max-w-10 px-1 text-center", ne) : "w-0 max-w-0 !p-0", j && "!border-0 dark:[&+td]:border-l")
-    }
-  }, [d, v, C, f, j, l]), Me = g(() => W ? [W, ...M] : M, [M, W]), Pe = Ne({
-    data: S,
-    columns: Me,
-    ...h ? {
-      getRowId: h
-    } : {},
-    state: {
-      sorting: U,
-      ...d ? {
-        expanded: m
-      } : {}
-    },
-    onSortingChange: V,
-    ...d ? {
-      onExpandedChange: b,
-      manualExpanding: !0
-    } : {},
-    getCoreRowModel: Re(),
-    getSortedRowModel: ve()
-  });
-  return /* @__PURE__ */ A(We.Provider, { value: {
-    classNameActiveExpandedRow: oe,
-    classNameExpandedCell: Y,
-    classNameExpandedContent: ee,
-    classNameExpandedRow: te,
-    classNameHoverRow: re,
-    enableExpandedRow: d,
-    enableHoverRow: ae,
-    isBorderOnAdjacentCell: j,
-    isExpandColumnVisible: f,
-    isFirstLoad: ce,
-    multiselectSelected: O,
-    dateFilters: x,
-    dateRangeFilters: F,
-    timeFilters: E,
-    page: P,
-    pageSize: y,
-    sortedData: U,
-    table: Pe,
-    tableFetching: z,
-    tableLoading: we,
-    termOfSearch: I,
-    totalItems: $,
-    totalPages: he,
-    handlePage: Ee,
-    onChangeTermOfSearch: Ce,
-    onPageSize: Le,
-    onSelectMultiselect: Ie,
-    onSelectDateFilter: Oe,
-    onSelectDateRangeFilter: xe,
-    onSelectTimeFilter: Fe,
-    onSorting: V,
-    renderExpandedRow: C
-  }, children: J });
-};
+import { t as o } from "../../../table.provider-4OQNqxH3.js";
 export {
-  et as TableProvider
+  o as TableProvider
 };

package/dist/components/VirtualizedTable/contexts/table.types.d.ts

@@ -22,7 +22,7 @@ export type Props<TData extends RowData = RowData> = PropsWithChildren & {
     renderExpandedRow?: (data: TData) => ReactNode;
     keepExpandColumnVisible?: boolean | Record<string, boolean>;
     getRowId?: (originalRow: TData, index: number) => string;
-    fetchData?: (params: Record<string, string | number | string[] | number[] | undefined>) => Promise<{
+    fetchData?: (params: Record<string, string | number | string[] | number[] | undefined>, signal?: AbortSignal) => Promise<{
         data: TData[];
         totalItemsCount?: number;
     }>;

package/dist/components/VirtualizedTable/events/index.js

@@ -1,29 +1,24 @@
-var n = /* @__PURE__ */ ((t) => (t.EXPAND_ROW = "@konstructio/VirtualizedTable/event-EXPAND_ROW", t.COLLAPSE_ROW = "@konstructio/VirtualizedTable/event-COLLAPSE_ROW", t.TOGGLE_ROW = "@konstructio/VirtualizedTable/event-TOGGLE_ROW", t))(n || {});
-const o = (t, e) => {
-  document.dispatchEvent(new CustomEvent("@konstructio/VirtualizedTable/event-EXPAND_ROW", {
-    detail: {
-      tableId: t,
-      rowId: e
-    }
-  }));
-}, i = (t, e) => {
-  document.dispatchEvent(new CustomEvent("@konstructio/VirtualizedTable/event-COLLAPSE_ROW", {
-    detail: {
-      tableId: t,
-      rowId: e
-    }
-  }));
-}, s = (t, e) => {
-  document.dispatchEvent(new CustomEvent("@konstructio/VirtualizedTable/event-TOGGLE_ROW", {
-    detail: {
-      tableId: t,
-      rowId: e
-    }
-  }));
+var n = /* @__PURE__ */ (function(t) {
+  return t.EXPAND_ROW = "@konstructio/VirtualizedTable/event-EXPAND_ROW", t.COLLAPSE_ROW = "@konstructio/VirtualizedTable/event-COLLAPSE_ROW", t.TOGGLE_ROW = "@konstructio/VirtualizedTable/event-TOGGLE_ROW", t;
+})({}), o = (t, e) => {
+  document.dispatchEvent(new CustomEvent(n.EXPAND_ROW, { detail: {
+    tableId: t,
+    rowId: e
+  } }));
+}, E = (t, e) => {
+  document.dispatchEvent(new CustomEvent(n.COLLAPSE_ROW, { detail: {
+    tableId: t,
+    rowId: e
+  } }));
+}, O = (t, e) => {
+  document.dispatchEvent(new CustomEvent(n.TOGGLE_ROW, { detail: {
+    tableId: t,
+    rowId: e
+  } }));
 };
 export {
   n as VirtualizedTableEvent,
-  i as sendCollapseRowEvent,
+  E as sendCollapseRowEvent,
   o as sendExpandRowEvent,
-  s as sendToggleRowEvent
+  O as sendToggleRowEvent
 };