@konstructio/ui 0.1.2-alpha.71 → 0.1.2-alpha.72

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

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

package/dist/components/index.d.ts

@@ -17,6 +17,7 @@ export * from './DropdownButton/DropdownButton';
 export * from './Filter/Filter';
 export * from './ImageUpload/ImageUpload';
 export * from './Input/Input';
+export * from './LineChart/LineChart';
 export * from './Loading/Loading';
 export * from './Modal/Modal';
 export * from './MultiSelectDropdown/MultiSelectDropdown';
@@ -46,7 +47,7 @@ export * from './Typography/Typography';
 export * from './VirtualizedTable/VirtualizedTable';
 export { sendExpandRowEvent, sendCollapseRowEvent, sendToggleRowEvent, VirtualizedTableEvent, } from './VirtualizedTable/events';
 export type { VirtualizedTableEventDetail } from './VirtualizedTable/events';
-export type { ColumnDef, RowData, FilterConfig, BadgeMultiSelectFilterConfig, TextMultiSelectFilterConfig, DateFilterConfig, DateRangeFilterConfig, } from './VirtualizedTable/VirtualizedTable.types';
+export type { ColumnDef, RowData, FilterConfig, ActionFilterConfig, BadgeMultiSelectFilterConfig, TextMultiSelectFilterConfig, DateFilterConfig, DateRangeFilterConfig, TimeFilterConfig, } from './VirtualizedTable/VirtualizedTable.types';
 export type { Step, StepperClassNames, StepperIcons, StepperProps, StepSize, StepStatus, StepVariant, } from './Stepper/Stepper.types';
 export { horizontalConnectorWrapperVariants, stepConnectorVariants, stepContentVariants, stepDescriptionVariants, stepIndicatorVariants, stepItemVariants, stepLabelVariants, stepListVariants, stepperVariants, stepVariants, } from './Stepper/Stepper.variants';
 export { Counter as NumberInput } from './Counter/Counter';