@konstructio/ui 0.1.2-alpha.94 → 0.1.2-alpha.96

package/dist/components/VirtualizedTable/VirtualizedTable.js

@@ -1,95 +1,98 @@
-import { t as s } from "../../utils-COaoD3PI.js";
-import { Actions as Y } from "./components/Actions/Actions.js";
-import { t as Z } from "../../table.provider-BBlJgEJf.js";
-import { sendCollapseRowEvent as _, sendExpandRowEvent as $, sendToggleRowEvent as D } from "./events/index.js";
-import { Body as L } from "./components/Body/Body.js";
-import { Filter as rr } from "./components/Filter/Filter.js";
-import { Header as er } from "./components/Header/Header.js";
-import { Pagination as ar } from "./components/Pagination/Pagination.js";
-import { TruncateText as or } from "./components/TruncateText/TruncateText.js";
-import { WrapperBody as tr } from "./components/WrapperBody/WrapperBody.js";
-import { useMemo as ir } from "react";
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-var lr = ({ id: c, ariaLabel: p, columns: d, data: f, totalItems: u = -1 / 0, className: b, classNameHeaderActiveArrows: v, classNameHeaderArrows: T, classNameHeaderTable: x, classNameTable: E, classNameWrapperTable: N, isLoading: o, getRowId: w, fetchData: A, queryOptions: y, showPagination: h, showTotalItems: t, showDropdownPagination: i, showDotPagination: l, showFormPagination: m, pageSizes: z, showFilter: B = !1, showFilterInput: R, filterSearchPlaceholder: V = "", filters: g, multiSelectFilter: j, filterActions: k, showResetButton: P = !0, resetButtonClassName: C, closeOnApply: H = !0, enableHoverRow: I, classNameHoverRow: K, enableExpandedRow: M, expandedState: W, defaultExpanded: q, classNameExpandedRow: F, classNameExpandedCell: G, classNameExpandedContent: J, classNameExpandedHeader: O, classNameActiveExpandedRow: Q, onExpandedChange: S, renderExpandedRow: U, keepExpandColumnVisible: X }) => {
-  const e = ir(() => h || [
-    t,
-    i,
+import { t as n } from "../../utils-COaoD3PI.js";
+import { Actions as Z } from "./components/Actions/Actions.js";
+import { t as _ } from "../../table.provider-BPlFpIAe.js";
+import { sendCollapseRowEvent as $, sendExpandRowEvent as D, sendResetFiltersEvent as L, sendToggleRowEvent as ee } from "./events/index.js";
+import { Body as re } from "./components/Body/Body.js";
+import { Filter as ae } from "./components/Filter/Filter.js";
+import { Header as te } from "./components/Header/Header.js";
+import { Pagination as oe } from "./components/Pagination/Pagination.js";
+import { TruncateText as le } from "./components/TruncateText/TruncateText.js";
+import { WrapperBody as ie } from "./components/WrapperBody/WrapperBody.js";
+import { useMemo as se } from "react";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+var me = ({ id: o, ariaLabel: p, columns: d, data: f, totalItems: u = -1 / 0, className: b, classNameHeaderActiveArrows: v, classNameHeaderArrows: T, classNameHeaderTable: E, classNameTable: x, classNameWrapperTable: N, isLoading: t, emptyState: w, getRowId: A, fetchData: y, queryOptions: R, showPagination: h, showTotalItems: l, showDropdownPagination: i, showDotPagination: s, showFormPagination: m, pageSizes: z, showFilter: B = !1, showFilterInput: V, filterSearchPlaceholder: g = "", filters: j, multiSelectFilter: k, filterActions: P, showResetButton: C = !0, resetButtonClassName: F, closeOnApply: H = !0, enableHoverRow: I, classNameHoverRow: K, enableExpandedRow: M, expandedState: W, defaultExpanded: q, classNameExpandedRow: G, classNameExpandedCell: J, classNameExpandedContent: O, classNameExpandedHeader: Q, classNameActiveExpandedRow: S, onExpandedChange: U, renderExpandedRow: X, keepExpandColumnVisible: Y }) => {
+  const r = se(() => h || [
     l,
+    i,
+    s,
     m
   ].some(Boolean), []);
-  return /* @__PURE__ */ r(Z, {
-    id: c,
+  return /* @__PURE__ */ e(_, {
+    id: o,
     columns: d,
     data: f,
-    getRowId: w,
-    fetchData: A,
+    getRowId: A,
+    fetchData: y,
     totalItems: u,
-    queryOptions: y,
-    isPaginationEnabled: e,
+    queryOptions: R,
+    isPaginationEnabled: r,
     enableExpandedRow: M,
     expandedState: W,
-    onExpandedChange: S,
+    onExpandedChange: U,
     defaultExpanded: q,
-    classNameExpandedRow: F,
-    classNameExpandedCell: G,
-    classNameExpandedContent: J,
-    classNameExpandedHeader: O,
-    classNameActiveExpandedRow: Q,
+    classNameExpandedRow: G,
+    classNameExpandedCell: J,
+    classNameExpandedContent: O,
+    classNameExpandedHeader: Q,
+    classNameActiveExpandedRow: S,
     enableHoverRow: I,
     classNameHoverRow: K,
-    renderExpandedRow: U,
-    keepExpandColumnVisible: X,
-    children: /* @__PURE__ */ n("section", {
-      className: s("w-full min-w-fit", b),
+    renderExpandedRow: X,
+    keepExpandColumnVisible: Y,
+    children: /* @__PURE__ */ c("section", {
+      className: n("w-full min-w-fit", b),
       children: [
-        B && /* @__PURE__ */ r(rr, {
-          actions: k,
-          filters: g,
-          multiSelectFilter: j,
-          placeholder: V,
-          showFilterInput: R,
-          showResetButton: P,
-          resetButtonClassName: C,
+        B && /* @__PURE__ */ e(ae, {
+          id: o,
+          actions: P,
+          filters: j,
+          multiSelectFilter: k,
+          placeholder: g,
+          showFilterInput: V,
+          showResetButton: C,
+          resetButtonClassName: F,
           closeOnApply: H
         }),
-        /* @__PURE__ */ r(tr, {
-          showPagination: e,
+        /* @__PURE__ */ e(ie, {
+          showPagination: r,
           classNameWrapperTable: N,
-          isLoading: o,
-          children: /* @__PURE__ */ n("table", {
-            className: s("w-full border-collapse table-auto", "dark:border-separate dark:border-spacing-0", E),
+          isLoading: t,
+          children: /* @__PURE__ */ c("table", {
+            className: n("w-full border-collapse table-auto", "dark:border-separate dark:border-spacing-0", x),
             "aria-label": p,
-            children: [/* @__PURE__ */ r(er, {
-              className: x,
+            children: [/* @__PURE__ */ e(te, {
+              className: E,
               classNameArrows: T,
               classNameActiveArrows: v
-            }), /* @__PURE__ */ r(L, {
-              isLoading: o,
-              showPagination: e
+            }), /* @__PURE__ */ e(re, {
+              isLoading: t,
+              showPagination: r,
+              emptyState: w
             })]
           })
         }),
-        e && /* @__PURE__ */ r(ar, {
-          showTotalItems: t,
+        r && /* @__PURE__ */ e(oe, {
+          showTotalItems: l,
           showDropdownPagination: i,
-          showDotPagination: l,
+          showDotPagination: s,
           showFormPagination: m,
           pageSizes: z,
-          isLoading: o
+          isLoading: t
         })
       ]
     })
   });
-}, a = lr;
+}, a = me;
 a.displayName = "KonstructVirtualizedTable";
-a.TruncateText = or;
-a.Actions = Y;
+a.TruncateText = le;
+a.Actions = Z;
 a.Events = {
-  sendExpandRowEvent: $,
-  sendCollapseRowEvent: _,
-  sendToggleRowEvent: D
+  sendExpandRowEvent: D,
+  sendCollapseRowEvent: $,
+  sendToggleRowEvent: ee,
+  sendResetFiltersEvent: L
 };
 export {
-  or as TruncateText,
+  le as TruncateText,
   a as VirtualizedTable
 };

package/dist/components/VirtualizedTable/components/Body/Body.js

@@ -1,54 +1,72 @@
-import { t as l } from "../../../../utils-COaoD3PI.js";
-import { n as A } from "../../../../table.provider-BBlJgEJf.js";
+import { t as r } from "../../../../utils-COaoD3PI.js";
+import { n as A } from "../../../../table.provider-BPlFpIAe.js";
 import { useTableContext as B } from "../../contexts/table.hook.js";
 import { Skeleton as H } from "../Skeleton/Skeleton.js";
-import { ExpandableRow as M } from "../ExpandableRow/ExpandableRow.js";
-import { Fragment as O } from "react";
-import { jsx as a, jsxs as V } from "react/jsx-runtime";
-var U = ({ isLoading: g, showPagination: t }) => {
-  const { table: i, pageSize: h, tableFetching: w, enableExpandedRow: N, classNameExpandedRow: R, classNameExpandedCell: k, classNameExpandedContent: E, enableHoverRow: p, classNameHoverRow: v, classNameActiveExpandedRow: C, renderExpandedRow: b, isBorderOnAdjacentCell: D, isExpandColumnVisible: y } = B();
-  if (g || w) return /* @__PURE__ */ a(H, {
-    numberOfRows: h,
-    table: i
+import { ExpandableRow as L } from "../ExpandableRow/ExpandableRow.js";
+import { Fragment as M } from "react";
+import { jsx as e, jsxs as O } from "react/jsx-runtime";
+var W = ({ isLoading: h, showPagination: l, emptyState: p }) => {
+  const { table: m, pageSize: k, tableFetching: N, enableExpandedRow: w, classNameExpandedRow: R, classNameExpandedCell: E, classNameExpandedContent: v, enableHoverRow: g, classNameHoverRow: C, classNameActiveExpandedRow: y, renderExpandedRow: u, isBorderOnAdjacentCell: D, isExpandColumnVisible: j } = B();
+  if (h || N) return /* @__PURE__ */ e(H, {
+    numberOfRows: k,
+    table: m
   });
-  const d = i.getRowModel().rows ?? [];
-  return /* @__PURE__ */ a("tbody", {
-    className: l("text-slate-800", "text-sm", "font-normal", "relative", "dark:border-x"),
-    children: d.map((x, s) => {
-      const { id: m, original: c, getVisibleCells: j } = x, { meta: o = {} } = c, n = j(), e = N && x.getIsExpanded(), z = !!o.expandedRow || !!b, u = n[0]?.column.id !== "__expand" || y ? 0 : D ? 1 : null;
-      return /* @__PURE__ */ V(O, { children: [/* @__PURE__ */ a("tr", {
-        className: l({ "group/row": p }, "border-b", "border-b-gray-200", "dark:text-metal-50", "dark:border-b-metal-700", "bg-transparent", o.className),
-        "data-row-id": m,
+  const a = m.getRowModel().rows ?? [];
+  if (a.length === 0 && p) {
+    const n = m.getVisibleLeafColumns().length;
+    return /* @__PURE__ */ e("tbody", {
+      className: r("text-slate-800", "text-sm", "font-normal", "relative", "dark:border-x"),
+      children: /* @__PURE__ */ e("tr", {
+        className: r("border-b", "border-b-gray-200", "dark:border-b-metal-700", "bg-transparent"),
+        "data-empty-row": !0,
+        children: /* @__PURE__ */ e("td", {
+          colSpan: n,
+          className: r("p-0", "bg-white", "dark:bg-metal-900", "dark:border", "dark:border-metal-700", "rounded-b-lg"),
+          children: /* @__PURE__ */ e("div", {
+            className: "flex items-center justify-center",
+            children: p
+          })
+        })
+      })
+    });
+  }
+  return /* @__PURE__ */ e("tbody", {
+    className: r("text-slate-800", "text-sm", "font-normal", "relative", "dark:border-x"),
+    children: a.map((n, c) => {
+      const { id: b, original: i, getVisibleCells: z } = n, { meta: o = {} } = i, s = z(), t = w && n.getIsExpanded(), F = !!o.expandedRow || !!u, x = s[0]?.column.id !== "__expand" || j ? 0 : D ? 1 : null;
+      return /* @__PURE__ */ O(M, { children: [/* @__PURE__ */ e("tr", {
+        className: r({ "group/row": g }, "border-b", "border-b-gray-200", "dark:text-metal-50", "dark:border-b-metal-700", "bg-transparent", o.className),
+        "data-row-id": b,
         ...o.attributes ?? {},
-        children: n.map(({ id: F, column: r, getContext: S }, f) => {
-          const _ = typeof r.columnDef.meta?.className == "function" ? r.columnDef.meta?.className(c) : r.columnDef.meta?.className;
-          return /* @__PURE__ */ a("td", {
-            className: l("px-4", "py-1", "text-sm", "bg-white", "dark:bg-metal-900", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", {
-              "group-hover/row:bg-zinc-100 dark:group-hover/row:bg-metal-800": p,
-              [l("bg-zinc-100 dark:bg-metal-800", C)]: !!e
-            }, v, _, {
-              "rounded-bl-lg": s === d.length - 1 && u !== null && f === u && !t && !e,
-              "rounded-br-lg": s === d.length - 1 && f === n.length - 1 && !t && !e,
-              "dark:[tr:last-child_&]:border-b": !t
+        children: s.map(({ id: S, column: d, getContext: V }, f) => {
+          const _ = typeof d.columnDef.meta?.className == "function" ? d.columnDef.meta?.className(i) : d.columnDef.meta?.className;
+          return /* @__PURE__ */ e("td", {
+            className: r("px-4", "py-1", "text-sm", "bg-white", "dark:bg-metal-900", "dark:border-t", "dark:border-metal-700", "dark:first:border-l", "dark:last:border-r", {
+              "group-hover/row:bg-zinc-100 dark:group-hover/row:bg-metal-800": g,
+              [r("bg-zinc-100 dark:bg-metal-800", y)]: !!t
+            }, C, _, {
+              "rounded-bl-lg": c === a.length - 1 && x !== null && f === x && !l && !t,
+              "rounded-br-lg": c === a.length - 1 && f === s.length - 1 && !l && !t,
+              "dark:[tr:last-child_&]:border-b": !l
             }),
-            "data-expanded": e ? !0 : void 0,
-            ...r.columnDef.meta?.attributes ?? {},
-            children: A(r.columnDef.cell, S())
-          }, F);
+            "data-expanded": t ? !0 : void 0,
+            ...d.columnDef.meta?.attributes ?? {},
+            children: A(d.columnDef.cell, V())
+          }, S);
         })
-      }), z && /* @__PURE__ */ a(M, {
-        classNameExpandedCell: k,
-        classNameExpandedContent: E,
+      }), F && /* @__PURE__ */ e(L, {
+        classNameExpandedCell: E,
+        classNameExpandedContent: v,
         classNameExpandedRow: R,
-        colSpan: n.length,
-        id: m,
-        isExpanded: !!e,
-        isLastRow: s === d.length - 1 && !t,
-        children: o.expandedRow ?? b?.(c)
-      })] }, m);
+        colSpan: s.length,
+        id: b,
+        isExpanded: !!t,
+        isLastRow: c === a.length - 1 && !l,
+        children: o.expandedRow ?? u?.(i)
+      })] }, b);
     })
   });
 };
 export {
-  U as Body
+  W as Body
 };

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

@@ -1,65 +1,75 @@
-import { o as G } from "../../../../chunk-cI0lbGMq.js";
-import { t as H } from "../../../../Input-BZG7N8m1.js";
-import { t as J } from "../../../../utils-COaoD3PI.js";
-import { Button as K } from "../../../Button/Button.js";
-import { Filter as r } from "../../../Filter/Filter.js";
-import { t as L } from "../../../../debounce-B55BpO1u.js";
-import { useTableContext as Q } from "../../contexts/table.hook.js";
-import { useCallback as v, useMemo as m, useRef as U } from "react";
+import { o as $ } from "../../../../chunk-cI0lbGMq.js";
+import { t as G } from "../../../../Input-BZG7N8m1.js";
+import { t as H } from "../../../../utils-COaoD3PI.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-B55BpO1u.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 V = /* @__PURE__ */ G(L(), 1), re = ({ actions: u, filters: d, multiSelectFilter: i, placeholder: w, showFilterInput: T = !0, showResetButton: x = !0, resetButtonClassName: M, closeOnApply: j = !0 }) => {
-  const l = U(null), { termOfSearch: h, multiselectSelected: y, dateFilters: F, dateRangeFilters: b, timeFilters: S, onChangeTermOfSearch: c, onSelectMultiselect: D, onSelectDateFilter: O, onSelectDateRangeFilter: A, onSelectTimeFilter: B } = Q(), k = m(() => {
-    const e = d ?? i?.map((o) => ({
-      ...o,
+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 = u ?? [];
+    })) ?? [], t = i ?? [];
     return [...e, ...t];
   }, [
     d,
-    i,
-    u
-  ]), R = v((e, t) => D(e, t.map((o) => o.id)), [D]), P = v(() => {
-    c(""), l.current && (l.current.value = "");
-  }, [c]), _ = m(() => (0, V.default)((e) => {
-    c(e.target.value);
-  }, 500), [c]), I = m(() => !!h || Object.values(y ?? {}).flat().length > 0 || Object.values(F ?? {}).some(Boolean) || Object.values(b ?? {}).some(Boolean) || Object.values(S ?? {}).some(Boolean), [
     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();
+  }, [m, l]);
+  const k = u(() => (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,
-    F,
     b,
-    S
-  ]), N = (e) => {
+    F,
+    S,
+    v
+  ]), g = (e) => {
     if (e.type === "action") {
-      const { label: a, appearance: g = "compact", variant: q = "secondary", leftIcon: E, rightIcon: $, type: W, ...z } = e;
-      return /* @__PURE__ */ p(K, {
-        appearance: g,
-        variant: q,
-        ...z,
+      const { label: r, appearance: N = "compact", variant: L = "secondary", leftIcon: q, rightIcon: z, type: f, ...V } = e;
+      return /* @__PURE__ */ p(J, {
+        appearance: N,
+        variant: L,
+        ...V,
         children: [
-          E,
-          a,
-          $
+          q,
+          r,
+          z
         ]
-      }, a);
+      }, r);
     }
-    const { key: t, label: o, position: n = "right" } = e;
-    return e.type === "textMultiSelect" ? /* @__PURE__ */ s(r.TextMultiSelect, {
-      label: o,
-      position: n,
+    const { key: t, label: a, position: o = "right" } = e;
+    return e.type === "textMultiSelect" ? /* @__PURE__ */ s(n.TextMultiSelect, {
+      label: a,
+      position: o,
       options: e.options,
-      onApply: (a) => {
-        R(t, a);
+      onApply: (r) => {
+        T(t, r);
       }
-    }, t) : e.type === "date" ? /* @__PURE__ */ s(r.DateFilterDropdown, {
-      label: o,
-      position: n,
+    }, t) : e.type === "date" ? /* @__PURE__ */ s(n.DateFilterDropdown, {
+      label: a,
+      position: o,
       countryCode: e.countryCode,
-      onApply: (a) => {
-        O(t, a);
+      onApply: (r) => {
+        E(t, r);
       }
-    }, t) : e.type === "dateRange" ? /* @__PURE__ */ s(r.DateRangeFilterDropdown, {
-      label: o,
-      position: n,
+    }, t) : e.type === "dateRange" ? /* @__PURE__ */ s(n.DateRangeFilterDropdown, {
+      label: a,
+      position: o,
       showTime: e.showTime,
       timeFormat: e.timeFormat,
       showPresets: e.showPresets,
@@ -67,48 +77,48 @@ var V = /* @__PURE__ */ G(L(), 1), re = ({ actions: u, filters: d, multiSelectFi
       minDate: e.minDate,
       maxDate: e.maxDate,
       countryCode: e.countryCode,
-      onApply: (a) => {
-        A(t, a);
+      onApply: (r) => {
+        O(t, r);
       },
       onRangeChange: e.onRangeChange
-    }, t) : e.type === "time" ? /* @__PURE__ */ s(r.TimeFilterDropdown, {
-      label: o,
-      position: n,
+    }, t) : e.type === "time" ? /* @__PURE__ */ s(n.TimeFilterDropdown, {
+      label: a,
+      position: o,
       format: e.format,
       presets: e.presets,
       showTimePicker: e.showTimePicker,
-      onApply: (a) => {
-        B(t, a);
+      onApply: (r) => {
+        B(t, r);
       }
-    }, t) : /* @__PURE__ */ s(r.BadgeMultiSelect, {
-      label: o,
-      position: n,
+    }, t) : /* @__PURE__ */ s(n.BadgeMultiSelect, {
+      label: a,
+      position: o,
       options: e.options,
-      onApply: (a) => {
-        R(t, a);
+      onApply: (r) => {
+        T(t, r);
       }
     }, t);
   };
   return /* @__PURE__ */ p("div", {
     className: "w-full flex items-center justify-end pb-6",
-    children: [T && /* @__PURE__ */ s(H, {
-      ref: l,
-      placeholder: w,
+    children: [x && /* @__PURE__ */ s(G, {
+      ref: c,
+      placeholder: D,
       isSearch: !0,
       autoComplete: "false",
       className: "w-72",
       inputMode: "search",
-      onChange: _
-    }), /* @__PURE__ */ p(r, {
+      onChange: k
+    }), /* @__PURE__ */ p(n, {
       closeOnApply: j,
-      children: [k.map(N), x && /* @__PURE__ */ s(r.ResetButton, {
-        className: J("select-none", M),
-        disabled: !I,
-        onClick: P
+      children: [I.map(g), A && /* @__PURE__ */ s(n.ResetButton, {
+        className: H("select-none", M),
+        disabled: !P,
+        onClick: _
       })]
     })]
   });
 };
 export {
-  re as Filter
+  ue as Filter
 };

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

@@ -1,5 +1,5 @@
 import { t as r } from "../../../../utils-COaoD3PI.js";
-import { n as b } from "../../../../table.provider-BBlJgEJf.js";
+import { n as b } from "../../../../table.provider-BPlFpIAe.js";
 import { useTableContext as g } from "../../contexts/table.hook.js";
 import u from "../../assets/chevron-up.js";
 import k from "../../assets/chevron-down.js";

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

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

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

@@ -1,4 +1,4 @@
-import { t as o } from "../../../table.provider-BBlJgEJf.js";
+import { t as o } from "../../../table.provider-BPlFpIAe.js";
 export {
   o as TableProvider
 };

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

@@ -1,24 +1,27 @@
 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) => {
+  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;
+})({}), E = (t, e) => {
   document.dispatchEvent(new CustomEvent(n.EXPAND_ROW, { detail: {
     tableId: t,
     rowId: e
   } }));
-}, E = (t, e) => {
+}, o = (t, e) => {
   document.dispatchEvent(new CustomEvent(n.COLLAPSE_ROW, { detail: {
     tableId: t,
     rowId: e
   } }));
-}, O = (t, e) => {
+}, s = (t, e) => {
   document.dispatchEvent(new CustomEvent(n.TOGGLE_ROW, { detail: {
     tableId: t,
     rowId: e
   } }));
+}, R = (t) => {
+  document.dispatchEvent(new CustomEvent(n.RESET_FILTERS, { detail: { tableId: t } }));
 };
 export {
   n as VirtualizedTableEvent,
-  E as sendCollapseRowEvent,
-  o as sendExpandRowEvent,
-  O as sendToggleRowEvent
+  o as sendCollapseRowEvent,
+  E as sendExpandRowEvent,
+  R as sendResetFiltersEvent,
+  s as sendToggleRowEvent
 };