@konstructio/ui 0.1.2-alpha.66 → 0.1.2-alpha.67

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

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

package/dist/components/VirtualizedTable/events/index.d.ts

@@ -7,6 +7,6 @@ export type VirtualizedTableEventDetail = {
     tableId: string;
     rowId: string;
 };
-export declare const sendExpandRowEvent: (tableId: string, rowId: string) => boolean;
-export declare const sendCollapseRowEvent: (tableId: string, rowId: string) => boolean;
-export declare const sendToggleRowEvent: (tableId: string, rowId: string) => boolean;
+export declare const sendExpandRowEvent: (tableId: string, rowId: string) => void;
+export declare const sendCollapseRowEvent: (tableId: string, rowId: string) => void;
+export declare const sendToggleRowEvent: (tableId: string, rowId: string) => void;

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

@@ -1,20 +1,26 @@
 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 } }
-  )
-);
+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 } }
+    )
+  );
+};
 export {
   n as VirtualizedTableEvent,
   i as sendCollapseRowEvent,

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.65",
+  "version": "0.1.2-alpha.66",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -88,25 +88,25 @@
     "@radix-ui/react-visually-hidden": "^1.2.4",
     "@react-input/mask": "^2.0.4",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.18",
+    "@tanstack/react-virtual": "^3.13.19",
     "chart.js": "^4.5.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "countries-and-timezones": "^3.8.0",
-    "country-flag-icons": "^1.6.13",
+    "country-flag-icons": "^1.6.15",
     "country-locale-map": "^1.9.12",
     "google-libphonenumber": "^3.2.44",
     "i18n-iso-countries": "^7.14.0",
     "js-cookie": "^3.0.5",
-    "lucide-react": "^0.575.0",
-    "motion": "^12.34.0",
+    "lucide-react": "^0.576.0",
+    "motion": "^12.34.3",
     "react-chartjs-2": "^5.3.1",
-    "react-day-picker": "^9.13.2",
+    "react-day-picker": "^9.14.0",
     "react-feather": "^2.0.10",
     "react-focus-lock": "^2.13.7",
     "react-remove-scroll": "^2.7.2",
-    "tailwind-merge": "^3.4.1"
+    "tailwind-merge": "^3.5.0"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.90",
@@ -143,10 +143,10 @@
   "devDependencies": {
     "@faker-js/faker": "^10.3.0",
     "@rollup/plugin-alias": "^6.0.0",
-    "@storybook/addon-docs": "^10.2.8",
-    "@storybook/addon-links": "^10.2.8",
-    "@storybook/react-vite": "^10.2.8",
-    "@tailwindcss/vite": "^4.1.18",
+    "@storybook/addon-docs": "^10.2.14",
+    "@storybook/addon-links": "^10.2.14",
+    "@storybook/react-vite": "^10.2.14",
+    "@tailwindcss/vite": "^4.2.1",
     "@tanstack/react-query": "^5.90.21",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
@@ -154,21 +154,21 @@
     "@types/google-libphonenumber": "^7.4.30",
     "@types/jest-axe": "^3.5.9",
     "@types/js-cookie": "^3.0.6",
-    "@types/lodash": "^4.17.23",
+    "@types/lodash": "^4.17.24",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.55.0",
-    "@typescript-eslint/parser": "^8.55.0",
+    "@typescript-eslint/eslint-plugin": "^8.56.1",
+    "@typescript-eslint/parser": "^8.56.1",
     "@vitejs/plugin-react": "^5.1.4",
     "@vitest/coverage-v8": "^4.0.18",
-    "autoprefixer": "^10.4.24",
-    "eslint": "^9.39.2",
+    "autoprefixer": "^10.4.27",
+    "eslint": "^9.39.3",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.5.0",
-    "eslint-plugin-storybook": "^10.2.8",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "eslint-plugin-storybook": "^10.2.14",
     "eslint-plugin-vitest": "^0.5.4",
-    "glob": "^13.0.3",
+    "glob": "^13.0.6",
     "husky": "^9.1.7",
     "jest-axe": "^10.0.0",
     "jsdom": "^28.1.0",
@@ -176,8 +176,8 @@
     "postcss": "^8.5.6",
     "prettier": "^3.8.1",
     "rimraf": "^6.1.3",
-    "storybook": "^10.2.8",
-    "tailwindcss": "^4.1.18",
+    "storybook": "^10.2.14",
+    "tailwindcss": "^4.2.1",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",