@konstructio/ui 0.1.2-alpha.101 → 0.1.2-alpha.104

package/dist/components/VirtualizedTable/components/Filter/Filter.js

@@ -1,75 +1,65 @@
-import { o as $ } from "../../../../rolldown-runtime-Ck3dxwZt.js";
-import { t as G } from "../../../../Input-DG3snJf_.js";
-import { t as H } from "../../../../utils-Cx-WzRZF.js";
-import { Button as J } from "../../../Button/Button.js";
-import { resetEvent as K } from "../../../Filter/events/index.js";
-import { Filter as n } from "../../../Filter/Filter.js";
-import { t as Q } from "../../../../debounce-KoeGNmnW.js";
-import { useTableContext as U } from "../../contexts/table.hook.js";
-import { VirtualizedTableEvent as W } from "../../events/index.js";
-import { useCallback as w, useEffect as X, useMemo as u, useRef as Y } from "react";
-import { jsx as s, jsxs as p } from "react/jsx-runtime";
-var Z = /* @__PURE__ */ $(Q(), 1), ue = ({ id: m, actions: i, filters: d, multiSelectFilter: h, placeholder: D, showFilterInput: x = !0, showResetButton: A = !0, resetButtonClassName: M, closeOnApply: j = !0 }) => {
-  const c = Y(null), { termOfSearch: y, multiselectSelected: b, dateFilters: F, dateRangeFilters: S, timeFilters: v, onChangeTermOfSearch: l, onSelectMultiselect: R, onSelectDateFilter: E, onSelectDateRangeFilter: O, onSelectTimeFilter: B } = U(), I = u(() => {
-    const e = d ?? h?.map((a) => ({
-      ...a,
-      type: "badgeMultiSelect"
-    })) ?? [], t = i ?? [];
-    return [...e, ...t];
-  }, [
-    d,
-    h,
-    i
-  ]), T = w((e, t) => R(e, t.map((a) => a.id)), [R]), _ = w(() => {
-    l(""), c.current && (c.current.value = "");
-  }, [l]);
-  X(() => {
-    const e = Array.isArray(m) ? m.join(",") : String(m), t = new AbortController();
-    return document.addEventListener(W.RESET_FILTERS, (a) => {
-      const { detail: o } = a;
-      o.tableId === e && (l(""), c.current && (c.current.value = ""), K());
-    }, { signal: t.signal }), () => t.abort();
+import { o as z } from "../../../../rolldown-runtime-Ck3dxwZt.js";
+import { t as V } from "../../../../Input-Cf44DzfE.js";
+import { t as $ } from "../../../../utils-Cx-WzRZF.js";
+import { Button as G } from "../../../Button/Button.js";
+import { resetEvent as H } from "../../../Filter/events/index.js";
+import { Filter as o } from "../../../Filter/Filter.js";
+import { t as J } from "../../../../debounce-C5Ycjilj.js";
+import { useTableContext as K } from "../../contexts/table.hook.js";
+import { getTableId as Q } from "../../utils/get-table-id.js";
+import { t as U } from "../../../../events.types-BG1Uh8i6.js";
+import { useEffect as W, useMemo as X, useRef as Y } from "react";
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+var Z = /* @__PURE__ */ z(J(), 1), ie = ({ id: i, actions: d, filters: h, multiSelectFilter: b, placeholder: y, showFilterInput: F = !0, showResetButton: v = !0, resetButtonClassName: S, closeOnApply: R = !0 }) => {
+  const s = Y(null), m = Q(i), { termOfSearch: T, multiselectSelected: w, dateFilters: D, dateRangeFilters: x, timeFilters: M, onChangeTermOfSearch: l, onSelectMultiselect: E, onSelectDateFilter: j, onSelectDateRangeFilter: k, onSelectTimeFilter: I } = K(), O = [...h ?? b?.map((e) => ({
+    ...e,
+    type: "badgeMultiSelect"
+  })) ?? [], ...d ?? []], p = (e, t) => {
+    E(e, t.map((a) => a.id));
+  }, A = () => {
+    l(""), s.current && (s.current.value = "");
+  };
+  W(() => {
+    const e = new AbortController();
+    return document.addEventListener(U.RESET_FILTERS, (t) => {
+      const { detail: a } = t;
+      a.tableId === m && (l(""), s.current && (s.current.value = ""), H(m));
+    }, { signal: e.signal }), () => e.abort();
   }, [m, l]);
-  const k = u(() => (0, Z.default)((e) => {
+  const B = X(() => (0, Z.default)((e) => {
     l(e.target.value);
-  }, 500), [l]), P = u(() => !!y || Object.values(b ?? {}).flat().length > 0 || Object.values(F ?? {}).some(Boolean) || Object.values(S ?? {}).some(Boolean) || Object.values(v ?? {}).some(Boolean), [
-    y,
-    b,
-    F,
-    S,
-    v
-  ]), g = (e) => {
+  }, 500), [l]), _ = !!T || Object.values(w ?? {}).flat().length > 0 || Object.values(D ?? {}).some(Boolean) || Object.values(x ?? {}).some(Boolean) || Object.values(M ?? {}).some(Boolean), P = (e) => {
     if (e.type === "action") {
-      const { label: r, appearance: N = "compact", variant: L = "secondary", leftIcon: q, rightIcon: z, type: f, ...V } = e;
-      return /* @__PURE__ */ p(J, {
+      const { label: r, appearance: N = "compact", variant: g = "secondary", leftIcon: L, rightIcon: f, type: C, ...q } = e;
+      return /* @__PURE__ */ u(G, {
         appearance: N,
-        variant: L,
-        ...V,
+        variant: g,
+        ...q,
         children: [
-          q,
+          L,
           r,
-          z
+          f
         ]
       }, r);
     }
-    const { key: t, label: a, position: o = "right" } = e;
-    return e.type === "textMultiSelect" ? /* @__PURE__ */ s(n.TextMultiSelect, {
+    const { key: t, label: a, position: c = "right" } = e;
+    return e.type === "textMultiSelect" ? /* @__PURE__ */ n(o.TextMultiSelect, {
       label: a,
-      position: o,
+      position: c,
       options: e.options,
       onApply: (r) => {
-        T(t, r);
+        p(t, r);
       }
-    }, t) : e.type === "date" ? /* @__PURE__ */ s(n.DateFilterDropdown, {
+    }, t) : e.type === "date" ? /* @__PURE__ */ n(o.DateFilterDropdown, {
       label: a,
-      position: o,
+      position: c,
       countryCode: e.countryCode,
       onApply: (r) => {
-        E(t, r);
+        j(t, r);
       }
-    }, t) : e.type === "dateRange" ? /* @__PURE__ */ s(n.DateRangeFilterDropdown, {
+    }, t) : e.type === "dateRange" ? /* @__PURE__ */ n(o.DateRangeFilterDropdown, {
       label: a,
-      position: o,
+      position: c,
       showTime: e.showTime,
       timeFormat: e.timeFormat,
       showPresets: e.showPresets,
@@ -78,47 +68,49 @@ var Z = /* @__PURE__ */ $(Q(), 1), ue = ({ id: m, actions: i, filters: d, multiS
       maxDate: e.maxDate,
       countryCode: e.countryCode,
       onApply: (r) => {
-        O(t, r);
+        k(t, r);
       },
       onRangeChange: e.onRangeChange
-    }, t) : e.type === "time" ? /* @__PURE__ */ s(n.TimeFilterDropdown, {
+    }, t) : e.type === "time" ? /* @__PURE__ */ n(o.TimeFilterDropdown, {
       label: a,
-      position: o,
+      position: c,
       format: e.format,
       presets: e.presets,
       showTimePicker: e.showTimePicker,
       onApply: (r) => {
-        B(t, r);
+        I(t, r);
       }
-    }, t) : /* @__PURE__ */ s(n.BadgeMultiSelect, {
+    }, t) : /* @__PURE__ */ n(o.BadgeMultiSelect, {
       label: a,
-      position: o,
+      position: c,
       options: e.options,
       onApply: (r) => {
-        T(t, r);
+        p(t, r);
       }
     }, t);
   };
-  return /* @__PURE__ */ p("div", {
-    className: "w-full flex items-center justify-end pb-6",
-    children: [x && /* @__PURE__ */ s(G, {
-      ref: c,
-      placeholder: D,
+  return /* @__PURE__ */ u("div", {
+    className: "kvt-filter w-full flex items-center justify-end pb-6",
+    children: [F && /* @__PURE__ */ n(V, {
+      ref: s,
+      placeholder: y,
       isSearch: !0,
       autoComplete: "false",
-      className: "w-72",
+      className: "kvt-search w-72",
       inputMode: "search",
-      onChange: k
-    }), /* @__PURE__ */ p(n, {
-      closeOnApply: j,
-      children: [I.map(g), A && /* @__PURE__ */ s(n.ResetButton, {
-        className: H("select-none", M),
-        disabled: !P,
-        onClick: _
+      onChange: B
+    }), /* @__PURE__ */ u(o, {
+      className: "kvt-filter-actions",
+      closeOnApply: R,
+      resetScope: m,
+      children: [O.map(P), v && /* @__PURE__ */ n(o.ResetButton, {
+        className: $("select-none", S),
+        disabled: !_,
+        onClick: A
       })]
     })]
   });
 };
 export {
-  ue as Filter
+  ie as Filter
 };

package/dist/components/VirtualizedTable/components/FormPaginate/FormPaginate.js

@@ -1,19 +1,19 @@
-import { t as s } from "../../../../Input-DG3snJf_.js";
+import { t as s } from "../../../../Input-Cf44DzfE.js";
 import { Button as i } from "../../../Button/Button.js";
 import { Typography as p } from "../../../Typography/Typography.js";
 import { useTableContext as u } from "../../contexts/table.hook.js";
-import { useCallback as l, useRef as c } from "react";
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { useRef as l } from "react";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
 var N = () => {
-  const r = c(null), { totalPages: t, handlePage: o } = u();
-  return /* @__PURE__ */ f("form", {
+  const r = l(null), { totalPages: t, handlePage: m } = u();
+  return /* @__PURE__ */ c("form", {
     "aria-label": "footer-pagination",
     ref: r,
-    onSubmit: l((a) => {
-      a.preventDefault();
-      const n = new FormData(a.currentTarget), m = Number(n.get("jump-to"));
-      o(((m < t ? m : t) || 1) - 1), r.current?.reset();
-    }, [o, t]),
+    onSubmit: (o) => {
+      o.preventDefault();
+      const n = new FormData(o.currentTarget), a = Number(n.get("jump-to"));
+      m(((a < t ? a : t) || 1) - 1), r.current?.reset();
+    },
     className: "flex items-center gap-2",
     noValidate: !0,
     children: [

package/dist/components/VirtualizedTable/components/Header/Header.js

@@ -1,40 +1,53 @@
-import { t as r } from "../../../../utils-Cx-WzRZF.js";
-import { n as b } from "../../../../table.provider-9uUt5a-s.js";
-import { useTableContext as g } from "../../contexts/table.hook.js";
+import { t } from "../../../../utils-Cx-WzRZF.js";
+import { n as g } from "../../../../table.provider-B0BafHuU.js";
+import { useTableContext as k } from "../../contexts/table.hook.js";
 import u from "../../assets/chevron-up.js";
-import k from "../../assets/chevron-down.js";
-import { useCallback as d } from "react";
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-var y = ({ className: n, classNameArrows: i, classNameActiveArrows: o }) => {
-  const { table: c, onSorting: s } = g(), m = d((t) => s([{
-    id: t.id,
-    desc: !1
-  }]), [s]), p = d((t) => s([{
-    id: t.id,
-    desc: !0
-  }]), [s]);
-  return /* @__PURE__ */ a("thead", {
-    className: r("font-semibold", "uppercase", "text-slate-500", "text-xs", "not-italic", "bg-slate-100", "overflow-hidden", "dark:text-slate-300", "dark:bg-metal-800", n),
-    children: c.getHeaderGroups().map(({ id: t, headers: f }) => /* @__PURE__ */ a("tr", { children: f.map(({ id: x, column: e, getContext: h }) => /* @__PURE__ */ a("th", {
-      scope: "col",
-      className: r("px-4", "py-3", "text-left", "text-xs", "first:rounded-tl-lg", "last:rounded-tr-lg", "border-transparent", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", e.columnDef.meta?.headerClassName),
-      children: /* @__PURE__ */ l("span", {
-        className: "flex items-center gap-2 w-full",
-        children: [b(e.columnDef.header, h()), e.getCanSort() && /* @__PURE__ */ l("div", {
-          className: r("flex flex-col text-slate-400 justify-center items-center gap-1", i),
-          role: "presentation",
-          children: [/* @__PURE__ */ a(u, {
-            className: r("w-2 h-2 cursor-pointer", { "text-blue-600 dark:text-aurora-500": e.getIsSorted() === "asc" }, o),
-            onClick: () => m(e)
-          }), /* @__PURE__ */ a(k, {
-            className: r("w-2 h-2 cursor-pointer", { "text-blue-600 dark:text-aurora-500": e.getIsSorted() === "desc" }, o),
-            onClick: () => p(e)
-          })]
-        })]
+import C from "../../assets/chevron-down.js";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+var D = ({ className: c, classNameArrows: i, classNameActiveArrows: l, classNameHeaderContent: m }) => {
+  const { table: s, headerContent: d, onSorting: n } = k(), p = (a) => {
+    n([{
+      id: a.id,
+      desc: !1
+    }]);
+  }, x = (a) => {
+    n([{
+      id: a.id,
+      desc: !0
+    }]);
+  };
+  return /* @__PURE__ */ o("thead", {
+    className: t("kvt-header", "font-semibold", "uppercase", "text-slate-500", "text-xs", "not-italic", "bg-slate-100", "overflow-hidden", "dark:text-slate-300", "dark:bg-metal-800", c),
+    children: [d && /* @__PURE__ */ r("tr", {
+      "data-header-content": !0,
+      children: /* @__PURE__ */ r("th", {
+        colSpan: s.getVisibleLeafColumns().length,
+        className: t("kvt-header-content", "px-6", "py-4", "text-left", "text-sm", "font-normal", "normal-case", "text-slate-800", "bg-white", "rounded-tl-lg", "rounded-tr-lg", "border-b", "border-b-gray-200", "dark:border-b-0", "dark:text-metal-50", "dark:bg-metal-900", "dark:border-t", "dark:border-x", "dark:border-metal-700", m),
+        children: d
       })
-    }, x)) }, t))
+    }), s.getHeaderGroups().map(({ id: a, headers: h }) => /* @__PURE__ */ r("tr", {
+      className: "kvt-header-row",
+      children: h.map(({ id: b, column: e, getContext: f }) => /* @__PURE__ */ r("th", {
+        scope: "col",
+        className: t("kvt-header-cell", "px-4", "py-3", "text-left", "text-xs", !d && "first:rounded-tl-lg", !d && "last:rounded-tr-lg", "border-transparent", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", e.columnDef.meta?.headerClassName),
+        children: /* @__PURE__ */ o("span", {
+          className: "flex items-center gap-2 w-full",
+          children: [g(e.columnDef.header, f()), e.getCanSort() && /* @__PURE__ */ o("div", {
+            className: t("flex flex-col text-slate-400 justify-center items-center gap-1", i),
+            role: "presentation",
+            children: [/* @__PURE__ */ r(u, {
+              className: t("w-2 h-2 cursor-pointer", { "text-blue-600 dark:text-aurora-500": e.getIsSorted() === "asc" }, l),
+              onClick: () => p(e)
+            }), /* @__PURE__ */ r(C, {
+              className: t("w-2 h-2 cursor-pointer", { "text-blue-600 dark:text-aurora-500": e.getIsSorted() === "desc" }, l),
+              onClick: () => x(e)
+            })]
+          })]
+        })
+      }, b))
+    }, a))]
   });
 };
 export {
-  y as Header
+  D as Header
 };

package/dist/components/VirtualizedTable/components/Pagination/Pagination.js

@@ -1,14 +1,14 @@
-import { t as f } from "../../../../utils-Cx-WzRZF.js";
-import { useTableContext as p } from "../../contexts/table.hook.js";
-import { isPaginationBarVisible as x } from "../../utils/pagination.js";
-import { DotPaginate as b } from "../DotPaginate/DotPaginate.js";
-import { DropdownPaginate as g } from "../DropdownPaginate/DropdownPaginate.js";
-import { FormPaginate as u } from "../FormPaginate/FormPaginate.js";
-import { Fragment as h, jsx as e, jsxs as t } from "react/jsx-runtime";
-var j = ({ showTotalItems: a = !0, showDropdownPagination: i = !0, showDotPagination: n = !0, showFormPagination: s = !0, pageSizes: l, classNamePagination: m, isLoading: o }) => {
-  const { totalItems: r = -1 / 0, tableFetching: d, isFirstLoad: c } = p();
-  return !x(r) || d || o ? null : /* @__PURE__ */ t(h, { children: [/* @__PURE__ */ e("div", {
-    className: f("bg-slate-50", "border", "border-y-transparent", "border-x-slate-100", "text-slate-500", "text-sm", "not-italic", "py-2", "px-6", "rounded-b-lg", "shadow", "dark:bg-metal-800", "dark:border-x-metal-700", "dark:border-b-metal-700", m, { "animate-in fade-in-10": !c }),
+import { t as x } from "../../../../utils-Cx-WzRZF.js";
+import { useTableContext as g } from "../../contexts/table.hook.js";
+import { isPaginationBarVisible as b } from "../../utils/pagination.js";
+import { DotPaginate as u } from "../DotPaginate/DotPaginate.js";
+import { DropdownPaginate as h } from "../DropdownPaginate/DropdownPaginate.js";
+import { FormPaginate as v } from "../FormPaginate/FormPaginate.js";
+import { Fragment as N, jsx as e, jsxs as t } from "react/jsx-runtime";
+var I = ({ showTotalItems: a = !0, showDropdownPagination: i = !0, showDotPagination: n = !0, showFormPagination: s = !0, pageSizes: l, classNamePagination: o, isLoading: m, isListPortal: d, dropdownPaginationDirection: c }) => {
+  const { totalItems: r = -1 / 0, tableLoading: p, isFirstLoad: f } = g();
+  return !b(r) || p || m ? null : /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e("div", {
+    className: x("kvt-pagination", "bg-slate-50", "border", "border-y-transparent", "border-x-slate-100", "text-slate-500", "text-sm", "not-italic", "py-2", "px-6", "rounded-b-lg", "shadow", "dark:bg-metal-800", "dark:border-x-metal-700", "dark:border-b-metal-700", o, { "animate-in fade-in-10": !f }),
     children: /* @__PURE__ */ t("div", {
       className: "flex items-center justify-between",
       children: [/* @__PURE__ */ t("div", {
@@ -18,15 +18,19 @@ var j = ({ showTotalItems: a = !0, showDropdownPagination: i = !0, showDotPagina
           children: [r, " Results"]
         }) : null, i && /* @__PURE__ */ e("div", {
           className: "flex items-center gap-2",
-          children: /* @__PURE__ */ e(g, { pageSizes: l })
+          children: /* @__PURE__ */ e(h, {
+            pageSizes: l,
+            isListPortal: d,
+            direction: c
+          })
         })]
       }), /* @__PURE__ */ t("div", {
         className: "flex items-center gap-8",
-        children: [n && /* @__PURE__ */ e(b, {}), s && /* @__PURE__ */ e(u, {})]
+        children: [n && /* @__PURE__ */ e(u, {}), s && /* @__PURE__ */ e(v, {})]
       })]
     })
-  }), /* @__PURE__ */ e("div", { className: "w-full min-h-37.5" })] });
+  }) });
 };
 export {
-  j as Pagination
+  I as Pagination
 };

package/dist/components/VirtualizedTable/components/Skeleton/Skeleton.js

@@ -1,13 +1,13 @@
 import { t as l } from "../../../../utils-Cx-WzRZF.js";
-import { Button as m } from "../../../Button/Button.js";
-import { t as c } from "../../../../ellipsis-vertical-BBmhzIXn.js";
-import { useTableContext as h } from "../../contexts/table.hook.js";
+import { Button as b } from "../../../Button/Button.js";
+import { t as m } from "../../../../ellipsis-vertical-BBmhzIXn.js";
+import { useTableContext as c } from "../../contexts/table.hook.js";
 import { jsx as r } from "react/jsx-runtime";
-var N = ({ numberOfRows: i, table: o }) => {
-  const { tableFetching: n, tableLoading: b } = h(), t = Array.from({ length: i });
+var y = ({ numberOfRows: i, table: o }) => {
+  const { tableLoading: n } = c(), t = Array.from({ length: i });
   return /* @__PURE__ */ r("tbody", {
-    className: "text-slate-800 text-sm font-normal relative",
-    children: t.map((g, e) => {
+    className: "kvt-skeleton text-slate-800 text-sm font-normal relative",
+    children: t.map((h, e) => {
       const d = o.getAllColumns();
       return /* @__PURE__ */ r("tr", {
         className: l("border-b", "border-b-gray-200", "bg-transparent", "last:border-b-transparent"),
@@ -25,13 +25,13 @@ var N = ({ numberOfRows: i, table: o }) => {
             "[tr:last-child_&:first-of-type]:rounded-bl-lg": e === t.length - 1 && s === 0,
             "[tr:last-child_&:last-of-type]:rounded-br-lg": e === t.length - 1 && s === d.length - 1
           }),
-          children: /* @__PURE__ */ r(m, {
+          children: /* @__PURE__ */ r(b, {
             variant: "link",
             shape: "circle",
             size: "large",
             disabled: !0,
             "aria-hidden": "true",
-            children: /* @__PURE__ */ r(c, { className: l("w-5", "h-5", "text-slate-400", "dark:text-metal-700", { "text-gray-300 animate-pulse": n || b }) })
+            children: /* @__PURE__ */ r(m, { className: l("w-5", "h-5", "text-slate-400", "dark:text-metal-700", { "text-gray-300 animate-pulse": n }) })
           })
         }, `skeleton-${a.id}`))
       }, `skeleton-row-${e}`);
@@ -39,5 +39,5 @@ var N = ({ numberOfRows: i, table: o }) => {
   });
 };
 export {
-  N as Skeleton
+  y as Skeleton
 };

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

@@ -1,7 +1,7 @@
 import { o as R } from "../../../../rolldown-runtime-Ck3dxwZt.js";
 import { t as i } from "../../../../utils-Cx-WzRZF.js";
 import { Typography as l } from "../../../Typography/Typography.js";
-import { t as _ } from "../../../../debounce-KoeGNmnW.js";
+import { t as _ } from "../../../../debounce-C5Ycjilj.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";

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

@@ -1,14 +1,14 @@
 import { t as n } from "../../../../utils-Cx-WzRZF.js";
-import { useTableContext as m } from "../../contexts/table.hook.js";
-import { isPaginationBarVisible as s } from "../../utils/pagination.js";
-import { jsx as d } from "react/jsx-runtime";
-var g = ({ children: o, classNameWrapperTable: r, isLoading: t, showPagination: e }) => {
-  const { tableFetching: i, totalItems: a = -1 / 0 } = m();
-  return /* @__PURE__ */ d("div", {
-    className: n("shadow rounded-t-lg overflow-hidden", { "rounded-lg": !e || !s(a) || i || t }, r),
+import { useTableContext as d } from "../../contexts/table.hook.js";
+import { isPaginationBarVisible as m } from "../../utils/pagination.js";
+import { jsx as s } from "react/jsx-runtime";
+var u = ({ children: o, classNameWrapperTable: r, isLoading: t, showPagination: e }) => {
+  const { tableLoading: a, totalItems: i = -1 / 0 } = d();
+  return /* @__PURE__ */ s("div", {
+    className: n("kvt-wrapper", "shadow rounded-t-lg overflow-hidden", { "rounded-lg": !e || !m(i) || a || t }, r),
     children: o
   });
 };
 export {
-  g as WrapperBody
+  u as WrapperBody
 };

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

@@ -1,4 +1,4 @@
-import { t as r } from "../../../table.provider-9uUt5a-s.js";
+import { t as r } from "../../../table.provider-B0BafHuU.js";
 import { TableContext as e } from "./table.context.js";
 import { useTableContext as a } from "./table.hook.js";
 export {

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

@@ -5,6 +5,7 @@ var r = e({
   table: {},
   tableFetching: !1,
   tableLoading: !1,
+  tableError: null,
   totalItems: -1 / 0,
   termOfSearch: "",
   page: 0,

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

@@ -1,4 +1,4 @@
-import { t as o } from "../../../table.provider-9uUt5a-s.js";
+import { t as o } from "../../../table.provider-B0BafHuU.js";
 export {
   o as TableProvider
 };

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

@@ -0,0 +1,7 @@
+import { t } from "../../../../events.types-BG1Uh8i6.js";
+var E = (e) => {
+  document.dispatchEvent(new CustomEvent(t.RESET_FILTERS, { detail: { tableId: e } }));
+};
+export {
+  E as sendResetFiltersEvent
+};

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

@@ -1,27 +1,12 @@
-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.RESET_FILTERS = "@konstructio/VirtualizedTable/event-RESET_FILTERS", t;
-})({}), 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
-  } }));
-}, E = (t, e) => {
-  document.dispatchEvent(new CustomEvent("@konstructio/VirtualizedTable/event-TOGGLE_ROW", { detail: {
-    tableId: t,
-    rowId: e
-  } }));
-}, a = (t) => {
-  document.dispatchEvent(new CustomEvent("@konstructio/VirtualizedTable/event-RESET_FILTERS", { detail: { tableId: t } }));
-};
+import { t } from "../../../events.types-BG1Uh8i6.js";
+import { sendResetFiltersEvent as n } from "./filters/filters.js";
+import { sendRefreshEvent as s } from "./refresh/refresh.js";
+import { sendCollapseRowEvent as d, sendExpandRowEvent as i, sendToggleRowEvent as p } from "./row/row.js";
 export {
-  n as VirtualizedTableEvent,
-  i as sendCollapseRowEvent,
-  o as sendExpandRowEvent,
-  a as sendResetFiltersEvent,
-  E as sendToggleRowEvent
+  t as VirtualizedTableEvent,
+  d as sendCollapseRowEvent,
+  i as sendExpandRowEvent,
+  s as sendRefreshEvent,
+  n as sendResetFiltersEvent,
+  p as sendToggleRowEvent
 };

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

@@ -0,0 +1,7 @@
+import { t } from "../../../../events.types-BG1Uh8i6.js";
+var a = (e) => {
+  document.dispatchEvent(new CustomEvent(t.REFRESH, { detail: { tableId: e } }));
+};
+export {
+  a as sendRefreshEvent
+};

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

@@ -0,0 +1,22 @@
+import { t as n } from "../../../../events.types-BG1Uh8i6.js";
+var d = (e, t) => {
+  document.dispatchEvent(new CustomEvent(n.EXPAND_ROW, { detail: {
+    tableId: e,
+    rowId: t
+  } }));
+}, o = (e, t) => {
+  document.dispatchEvent(new CustomEvent(n.COLLAPSE_ROW, { detail: {
+    tableId: e,
+    rowId: t
+  } }));
+}, E = (e, t) => {
+  document.dispatchEvent(new CustomEvent(n.TOGGLE_ROW, { detail: {
+    tableId: e,
+    rowId: t
+  } }));
+};
+export {
+  o as sendCollapseRowEvent,
+  d as sendExpandRowEvent,
+  E as sendToggleRowEvent
+};

package/dist/components/VirtualizedTable/utils/get-table-id.js

@@ -0,0 +1,4 @@
+var a = (r) => Array.isArray(r) ? r.join(",") : String(r);
+export {
+  a as getTableId
+};

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

@@ -1,4 +1,6 @@
-import { isPaginationBarVisible as o } from "./pagination.js";
+import { getTableId as o } from "./get-table-id.js";
+import { isPaginationBarVisible as t } from "./pagination.js";
 export {
-  o as isPaginationBarVisible
+  o as getTableId,
+  t as isPaginationBarVisible
 };