@konstructio/ui 0.1.2-alpha.6 → 0.1.2-alpha.8

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

@@ -1,778 +1,82 @@
-import { jsx as ee } from "react/jsx-runtime";
-import * as b from "react";
-import { useState as w, useMemo as te, useCallback as _ } from "react";
-import { u as se, g as re, a as ie } from "../../../index-Dx2grAuN.js";
-import { TableContext as ne } from "./table.context.js";
-import { DEFAULT_PAGE_SIZE as oe } from "../constants/pagination.js";
-var k = class {
-  constructor() {
-    this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);
-  }
-  subscribe(e) {
-    return this.listeners.add(e), this.onSubscribe(), () => {
-      this.listeners.delete(e), this.onUnsubscribe();
-    };
-  }
-  hasListeners() {
-    return this.listeners.size > 0;
-  }
-  onSubscribe() {
-  }
-  onUnsubscribe() {
-  }
-}, ae = {
-  // We need the wrapper function syntax below instead of direct references to
-  // global setTimeout etc.
-  //
-  // BAD: `setTimeout: setTimeout`
-  // GOOD: `setTimeout: (cb, delay) => setTimeout(cb, delay)`
-  //
-  // If we use direct references here, then anything that wants to spy on or
-  // replace the global setTimeout (like tests) won't work since we'll already
-  // have a hard reference to the original implementation at the time when this
-  // file was imported.
-  setTimeout: (e, t) => setTimeout(e, t),
-  clearTimeout: (e) => clearTimeout(e),
-  setInterval: (e, t) => setInterval(e, t),
-  clearInterval: (e) => clearInterval(e)
-}, ce = class {
-  // We cannot have TimeoutManager<T> as we must instantiate it with a concrete
-  // type at app boot; and if we leave that type, then any new timer provider
-  // would need to support ReturnType<typeof setTimeout>, which is infeasible.
-  //
-  // We settle for type safety for the TimeoutProvider type, and accept that
-  // this class is unsafe internally to allow for extension.
-  #t = ae;
-  #e = !1;
-  setTimeoutProvider(e) {
-    process.env.NODE_ENV !== "production" && this.#e && e !== this.#t && console.error(
-      "[timeoutManager]: Switching provider after calls to previous provider might result in unexpected behavior.",
-      { previous: this.#t, provider: e }
-    ), this.#t = e, process.env.NODE_ENV !== "production" && (this.#e = !1);
-  }
-  setTimeout(e, t) {
-    return process.env.NODE_ENV !== "production" && (this.#e = !0), this.#t.setTimeout(e, t);
-  }
-  clearTimeout(e) {
-    this.#t.clearTimeout(e);
-  }
-  setInterval(e, t) {
-    return process.env.NODE_ENV !== "production" && (this.#e = !0), this.#t.setInterval(e, t);
-  }
-  clearInterval(e) {
-    this.#t.clearInterval(e);
-  }
-}, N = new ce();
-function ue(e) {
-  setTimeout(e, 0);
-}
-var F = typeof window > "u" || "Deno" in globalThis;
-function Q() {
-}
-function z(e) {
-  return typeof e == "number" && e >= 0 && e !== 1 / 0;
-}
-function he(e, t) {
-  return Math.max(e + (t || 0) - Date.now(), 0);
-}
-function T(e, t) {
-  return typeof e == "function" ? e(t) : e;
-}
-function g(e, t) {
-  return typeof e == "function" ? e(t) : e;
-}
-var le = Object.prototype.hasOwnProperty;
-function j(e, t) {
-  if (e === t)
-    return e;
-  const s = V(e) && V(t);
-  if (!s && !(B(e) && B(t))) return t;
-  const r = (s ? e : Object.keys(e)).length, h = s ? t : Object.keys(t), n = h.length, o = s ? new Array(n) : {};
-  let a = 0;
-  for (let l = 0; l < n; l++) {
-    const c = s ? l : h[l], f = e[c], u = t[c];
-    if (f === u) {
-      o[c] = f, (s ? l < r : le.call(e, c)) && a++;
-      continue;
-    }
-    if (f === null || u === null || typeof f != "object" || typeof u != "object") {
-      o[c] = u;
-      continue;
-    }
-    const O = j(f, u);
-    o[c] = O, O === f && a++;
-  }
-  return r === n && a === r ? e : o;
-}
-function D(e, t) {
-  if (!t || Object.keys(e).length !== Object.keys(t).length)
-    return !1;
-  for (const s in e)
-    if (e[s] !== t[s])
-      return !1;
-  return !0;
-}
-function V(e) {
-  return Array.isArray(e) && e.length === Object.keys(e).length;
-}
-function B(e) {
-  if (!H(e))
-    return !1;
-  const t = e.constructor;
-  if (t === void 0)
-    return !0;
-  const s = t.prototype;
-  return !(!H(s) || !s.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
-}
-function H(e) {
-  return Object.prototype.toString.call(e) === "[object Object]";
-}
-function W(e, t, s) {
-  if (typeof s.structuralSharing == "function")
-    return s.structuralSharing(e, t);
-  if (s.structuralSharing !== !1) {
-    if (process.env.NODE_ENV !== "production")
-      try {
-        return j(e, t);
-      } catch (i) {
-        throw console.error(
-          `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${s.queryHash}]: ${i}`
-        ), i;
-      }
-    return j(e, t);
-  }
-  return t;
-}
-function fe(e, t) {
-  return typeof e == "function" ? e(...t) : !!e;
-}
-var de = class extends k {
-  #t;
-  #e;
-  #r;
-  constructor() {
-    super(), this.#r = (e) => {
-      if (!F && window.addEventListener) {
-        const t = () => e();
-        return window.addEventListener("visibilitychange", t, !1), () => {
-          window.removeEventListener("visibilitychange", t);
-        };
-      }
-    };
-  }
-  onSubscribe() {
-    this.#e || this.setEventListener(this.#r);
-  }
-  onUnsubscribe() {
-    this.hasListeners() || (this.#e?.(), this.#e = void 0);
-  }
-  setEventListener(e) {
-    this.#r = e, this.#e?.(), this.#e = e((t) => {
-      typeof t == "boolean" ? this.setFocused(t) : this.onFocus();
-    });
-  }
-  setFocused(e) {
-    this.#t !== e && (this.#t = e, this.onFocus());
-  }
-  onFocus() {
-    const e = this.isFocused();
-    this.listeners.forEach((t) => {
-      t(e);
-    });
-  }
-  isFocused() {
-    return typeof this.#t == "boolean" ? this.#t : globalThis.document?.visibilityState !== "hidden";
-  }
-}, pe = new de();
-function J() {
-  let e, t;
-  const s = new Promise((r, h) => {
-    e = r, t = h;
-  });
-  s.status = "pending", s.catch(() => {
-  });
-  function i(r) {
-    Object.assign(s, r), delete s.resolve, delete s.reject;
-  }
-  return s.resolve = (r) => {
-    i({
-      status: "fulfilled",
-      value: r
-    }), e(r);
-  }, s.reject = (r) => {
-    i({
-      status: "rejected",
-      reason: r
-    }), t(r);
-  }, s;
-}
-var ye = ue;
-function ge() {
-  let e = [], t = 0, s = (o) => {
-    o();
-  }, i = (o) => {
-    o();
-  }, r = ye;
-  const h = (o) => {
-    t ? e.push(o) : r(() => {
-      s(o);
-    });
-  }, n = () => {
-    const o = e;
-    e = [], o.length && r(() => {
-      i(() => {
-        o.forEach((a) => {
-          s(a);
-        });
-      });
-    });
-  };
-  return {
-    batch: (o) => {
-      let a;
-      t++;
-      try {
-        a = o();
-      } finally {
-        t--, t || n();
-      }
-      return a;
-    },
-    /**
-     * All calls to the wrapped function will be batched.
-     */
-    batchCalls: (o) => (...a) => {
-      h(() => {
-        o(...a);
-      });
-    },
-    schedule: h,
-    /**
-     * Use this method to set a custom notify function.
-     * This can be used to for example wrap notifications with `React.act` while running tests.
-     */
-    setNotifyFunction: (o) => {
-      s = o;
-    },
-    /**
-     * Use this method to set a custom function to batch notifications together into a single tick.
-     * By default React Query will use the batch function provided by ReactDOM or React Native.
-     */
-    setBatchNotifyFunction: (o) => {
-      i = o;
-    },
-    setScheduler: (o) => {
-      r = o;
-    }
-  };
-}
-var G = ge(), be = class extends k {
-  #t = !0;
-  #e;
-  #r;
-  constructor() {
-    super(), this.#r = (e) => {
-      if (!F && window.addEventListener) {
-        const t = () => e(!0), s = () => e(!1);
-        return window.addEventListener("online", t, !1), window.addEventListener("offline", s, !1), () => {
-          window.removeEventListener("online", t), window.removeEventListener("offline", s);
-        };
-      }
-    };
-  }
-  onSubscribe() {
-    this.#e || this.setEventListener(this.#r);
-  }
-  onUnsubscribe() {
-    this.hasListeners() || (this.#e?.(), this.#e = void 0);
-  }
-  setEventListener(e) {
-    this.#r = e, this.#e?.(), this.#e = e(this.setOnline.bind(this));
-  }
-  setOnline(e) {
-    this.#t !== e && (this.#t = e, this.listeners.forEach((s) => {
-      s(e);
-    }));
-  }
-  isOnline() {
-    return this.#t;
-  }
-}, ve = new be();
-function me(e) {
-  return (e ?? "online") === "online" ? ve.isOnline() : !0;
-}
-function Se(e, t) {
-  return {
-    fetchFailureCount: 0,
-    fetchFailureReason: null,
-    fetchStatus: me(t.networkMode) ? "fetching" : "paused",
-    ...e === void 0 && {
-      error: null,
-      status: "pending"
-    }
-  };
-}
-var Oe = class extends k {
-  constructor(e, t) {
-    super(), this.options = t, this.#t = e, this.#n = null, this.#i = J(), this.bindMethods(), this.setOptions(t);
-  }
-  #t;
-  #e = void 0;
-  #r = void 0;
-  #s = void 0;
-  #a;
-  #l;
-  #i;
-  #n;
-  #y;
-  #f;
-  // This property keeps track of the last query with defined data.
-  // It will be used to pass the previous data and query to the placeholder function between renders.
-  #d;
-  #c;
-  #u;
-  #o;
-  #p = /* @__PURE__ */ new Set();
-  bindMethods() {
-    this.refetch = this.refetch.bind(this);
-  }
-  onSubscribe() {
-    this.listeners.size === 1 && (this.#e.addObserver(this), K(this.#e, this.options) ? this.#h() : this.updateResult(), this.#m());
-  }
-  onUnsubscribe() {
-    this.hasListeners() || this.destroy();
-  }
-  shouldFetchOnReconnect() {
-    return U(
-      this.#e,
-      this.options,
-      this.options.refetchOnReconnect
-    );
-  }
-  shouldFetchOnWindowFocus() {
-    return U(
-      this.#e,
-      this.options,
-      this.options.refetchOnWindowFocus
-    );
-  }
-  destroy() {
-    this.listeners = /* @__PURE__ */ new Set(), this.#S(), this.#O(), this.#e.removeObserver(this);
-  }
-  setOptions(e) {
-    const t = this.options, s = this.#e;
-    if (this.options = this.#t.defaultQueryOptions(e), this.options.enabled !== void 0 && typeof this.options.enabled != "boolean" && typeof this.options.enabled != "function" && typeof g(this.options.enabled, this.#e) != "boolean")
-      throw new Error(
-        "Expected enabled to be a boolean or a callback that returns a boolean"
-      );
-    this.#R(), this.#e.setOptions(this.options), t._defaulted && !D(this.options, t) && this.#t.getQueryCache().notify({
-      type: "observerOptionsUpdated",
-      query: this.#e,
-      observer: this
-    });
-    const i = this.hasListeners();
-    i && $(
-      this.#e,
-      s,
-      this.options,
-      t
-    ) && this.#h(), this.updateResult(), i && (this.#e !== s || g(this.options.enabled, this.#e) !== g(t.enabled, this.#e) || T(this.options.staleTime, this.#e) !== T(t.staleTime, this.#e)) && this.#g();
-    const r = this.#b();
-    i && (this.#e !== s || g(this.options.enabled, this.#e) !== g(t.enabled, this.#e) || r !== this.#o) && this.#v(r);
-  }
-  getOptimisticResult(e) {
-    const t = this.#t.getQueryCache().build(this.#t, e), s = this.createResult(t, e);
-    return Ee(this, s) && (this.#s = s, this.#l = this.options, this.#a = this.#e.state), s;
-  }
-  getCurrentResult() {
-    return this.#s;
-  }
-  trackResult(e, t) {
-    return new Proxy(e, {
-      get: (s, i) => (this.trackProp(i), t?.(i), i === "promise" && !this.options.experimental_prefetchInRender && this.#i.status === "pending" && this.#i.reject(
-        new Error(
-          "experimental_prefetchInRender feature flag is not enabled"
-        )
-      ), Reflect.get(s, i))
-    });
-  }
-  trackProp(e) {
-    this.#p.add(e);
-  }
-  getCurrentQuery() {
-    return this.#e;
-  }
-  refetch({ ...e } = {}) {
-    return this.fetch({
-      ...e
-    });
-  }
-  fetchOptimistic(e) {
-    const t = this.#t.defaultQueryOptions(e), s = this.#t.getQueryCache().build(this.#t, t);
-    return s.fetch().then(() => this.createResult(s, t));
-  }
-  fetch(e) {
-    return this.#h({
-      ...e,
-      cancelRefetch: e.cancelRefetch ?? !0
-    }).then(() => (this.updateResult(), this.#s));
-  }
-  #h(e) {
-    this.#R();
-    let t = this.#e.fetch(
-      this.options,
-      e
-    );
-    return e?.throwOnError || (t = t.catch(Q)), t;
-  }
-  #g() {
-    this.#S();
-    const e = T(
-      this.options.staleTime,
-      this.#e
-    );
-    if (F || this.#s.isStale || !z(e))
-      return;
-    const s = he(this.#s.dataUpdatedAt, e) + 1;
-    this.#c = N.setTimeout(() => {
-      this.#s.isStale || this.updateResult();
-    }, s);
-  }
-  #b() {
-    return (typeof this.options.refetchInterval == "function" ? this.options.refetchInterval(this.#e) : this.options.refetchInterval) ?? !1;
-  }
-  #v(e) {
-    this.#O(), this.#o = e, !(F || g(this.options.enabled, this.#e) === !1 || !z(this.#o) || this.#o === 0) && (this.#u = N.setInterval(() => {
-      (this.options.refetchIntervalInBackground || pe.isFocused()) && this.#h();
-    }, this.#o));
-  }
-  #m() {
-    this.#g(), this.#v(this.#b());
-  }
-  #S() {
-    this.#c && (N.clearTimeout(this.#c), this.#c = void 0);
-  }
-  #O() {
-    this.#u && (N.clearInterval(this.#u), this.#u = void 0);
-  }
-  createResult(e, t) {
-    const s = this.#e, i = this.options, r = this.#s, h = this.#a, n = this.#l, a = e !== s ? e.state : this.#r, { state: l } = e;
-    let c = { ...l }, f = !1, u;
-    if (t._optimisticResults) {
-      const d = this.hasListeners(), E = !d && K(e, t), S = d && $(e, s, t, i);
-      (E || S) && (c = {
-        ...c,
-        ...Se(l.data, e.options)
-      }), t._optimisticResults === "isRestoring" && (c.fetchStatus = "idle");
-    }
-    let { error: O, errorUpdatedAt: R, status: v } = c;
-    u = c.data;
-    let M = !1;
-    if (t.placeholderData !== void 0 && u === void 0 && v === "pending") {
-      let d;
-      r?.isPlaceholderData && t.placeholderData === n?.placeholderData ? (d = r.data, M = !0) : d = typeof t.placeholderData == "function" ? t.placeholderData(
-        this.#d?.state.data,
-        this.#d
-      ) : t.placeholderData, d !== void 0 && (v = "success", u = W(
-        r?.data,
-        d,
-        t
-      ), f = !0);
-    }
-    if (t.select && u !== void 0 && !M)
-      if (r && u === h?.data && t.select === this.#y)
-        u = this.#f;
-      else
-        try {
-          this.#y = t.select, u = t.select(u), u = W(r?.data, u, t), this.#f = u, this.#n = null;
-        } catch (d) {
-          this.#n = d;
-        }
-    this.#n && (O = this.#n, u = this.#f, R = Date.now(), v = "error");
-    const m = c.fetchStatus === "fetching", C = v === "pending", I = v === "error", P = C && m, x = u !== void 0, y = {
-      status: v,
-      fetchStatus: c.fetchStatus,
-      isPending: C,
-      isSuccess: v === "success",
-      isError: I,
-      isInitialLoading: P,
-      isLoading: P,
-      data: u,
-      dataUpdatedAt: c.dataUpdatedAt,
-      error: O,
-      errorUpdatedAt: R,
-      failureCount: c.fetchFailureCount,
-      failureReason: c.fetchFailureReason,
-      errorUpdateCount: c.errorUpdateCount,
-      isFetched: c.dataUpdateCount > 0 || c.errorUpdateCount > 0,
-      isFetchedAfterMount: c.dataUpdateCount > a.dataUpdateCount || c.errorUpdateCount > a.errorUpdateCount,
-      isFetching: m,
-      isRefetching: m && !C,
-      isLoadingError: I && !x,
-      isPaused: c.fetchStatus === "paused",
-      isPlaceholderData: f,
-      isRefetchError: I && x,
-      isStale: q(e, t),
-      refetch: this.refetch,
-      promise: this.#i,
-      isEnabled: g(t.enabled, e) !== !1
-    };
-    if (this.options.experimental_prefetchInRender) {
-      const d = (p) => {
-        y.status === "error" ? p.reject(y.error) : y.data !== void 0 && p.resolve(y.data);
-      }, E = () => {
-        const p = this.#i = y.promise = J();
-        d(p);
-      }, S = this.#i;
-      switch (S.status) {
-        case "pending":
-          e.queryHash === s.queryHash && d(S);
-          break;
-        case "fulfilled":
-          (y.status === "error" || y.data !== S.value) && E();
-          break;
-        case "rejected":
-          (y.status !== "error" || y.error !== S.reason) && E();
-          break;
-      }
-    }
-    return y;
-  }
-  updateResult() {
-    const e = this.#s, t = this.createResult(this.#e, this.options);
-    if (this.#a = this.#e.state, this.#l = this.options, this.#a.data !== void 0 && (this.#d = this.#e), D(t, e))
-      return;
-    this.#s = t;
-    const s = () => {
-      if (!e)
-        return !0;
-      const { notifyOnChangeProps: i } = this.options, r = typeof i == "function" ? i() : i;
-      if (r === "all" || !r && !this.#p.size)
-        return !0;
-      const h = new Set(
-        r ?? this.#p
-      );
-      return this.options.throwOnError && h.add("error"), Object.keys(this.#s).some((n) => {
-        const o = n;
-        return this.#s[o] !== e[o] && h.has(o);
-      });
-    };
-    this.#E({ listeners: s() });
-  }
-  #R() {
-    const e = this.#t.getQueryCache().build(this.#t, this.options);
-    if (e === this.#e)
-      return;
-    const t = this.#e;
-    this.#e = e, this.#r = e.state, this.hasListeners() && (t?.removeObserver(this), e.addObserver(this));
-  }
-  onQueryUpdate() {
-    this.updateResult(), this.hasListeners() && this.#m();
-  }
-  #E(e) {
-    G.batch(() => {
-      e.listeners && this.listeners.forEach((t) => {
-        t(this.#s);
-      }), this.#t.getQueryCache().notify({
-        query: this.#e,
-        type: "observerResultsUpdated"
-      });
-    });
-  }
-};
-function Re(e, t) {
-  return g(t.enabled, e) !== !1 && e.state.data === void 0 && !(e.state.status === "error" && t.retryOnMount === !1);
-}
-function K(e, t) {
-  return Re(e, t) || e.state.data !== void 0 && U(e, t, t.refetchOnMount);
-}
-function U(e, t, s) {
-  if (g(t.enabled, e) !== !1 && T(t.staleTime, e) !== "static") {
-    const i = typeof s == "function" ? s(e) : s;
-    return i === "always" || i !== !1 && q(e, t);
-  }
-  return !1;
-}
-function $(e, t, s, i) {
-  return (e !== t || g(i.enabled, e) === !1) && (!s.suspense || e.state.status !== "error") && q(e, s);
-}
-function q(e, t) {
-  return g(t.enabled, e) !== !1 && e.isStaleByTime(T(t.staleTime, e));
-}
-function Ee(e, t) {
-  return !D(e.getCurrentResult(), t);
-}
-var we = b.createContext(
-  void 0
-), Ce = (e) => {
-  const t = b.useContext(we);
-  if (!t)
-    throw new Error("No QueryClient set, use QueryClientProvider to set one");
-  return t;
-}, Ie = b.createContext(!1), Te = () => b.useContext(Ie);
-function Fe() {
-  let e = !1;
-  return {
-    clearReset: () => {
-      e = !1;
-    },
-    reset: () => {
-      e = !0;
-    },
-    isReset: () => e
-  };
-}
-var Me = b.createContext(Fe()), Pe = () => b.useContext(Me), xe = (e, t) => {
-  (e.suspense || e.throwOnError || e.experimental_prefetchInRender) && (t.isReset() || (e.retryOnMount = !1));
-}, _e = (e) => {
-  b.useEffect(() => {
-    e.clearReset();
-  }, [e]);
-}, Ne = ({
-  result: e,
-  errorResetBoundary: t,
-  throwOnError: s,
-  query: i,
-  suspense: r
-}) => e.isError && !t.isReset() && !e.isFetching && i && (r && e.data === void 0 || fe(s, [e.error, i])), Le = (e) => {
-  if (e.suspense) {
-    const s = (r) => r === "static" ? r : Math.max(r ?? 1e3, 1e3), i = e.staleTime;
-    e.staleTime = typeof i == "function" ? (...r) => s(i(...r)) : s(i), typeof e.gcTime == "number" && (e.gcTime = Math.max(
-      e.gcTime,
-      1e3
-    ));
-  }
-}, Qe = (e, t) => e.isLoading && e.isFetching && !t, je = (e, t) => e?.suspense && t.isPending, Z = (e, t, s) => t.fetchOptimistic(e).catch(() => {
-  s.clearReset();
-});
-function De(e, t, s) {
-  if (process.env.NODE_ENV !== "production" && (typeof e != "object" || Array.isArray(e)))
-    throw new Error(
-      'Bad argument type. Starting with v5, only the "Object" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object'
-    );
-  const i = Te(), r = Pe(), h = Ce(), n = h.defaultQueryOptions(e);
-  h.getDefaultOptions().queries?._experimental_beforeQuery?.(
-    n
-  ), process.env.NODE_ENV !== "production" && (n.queryFn || console.error(
-    `[${n.queryHash}]: No queryFn was passed as an option, and no default queryFn was found. The queryFn parameter is only optional when using a default queryFn. More info here: https://tanstack.com/query/latest/docs/framework/react/guides/default-query-function`
-  )), n._optimisticResults = i ? "isRestoring" : "optimistic", Le(n), xe(n, r), _e(r);
-  const o = !h.getQueryCache().get(n.queryHash), [a] = b.useState(
-    () => new t(
-      h,
-      n
-    )
-  ), l = a.getOptimisticResult(n), c = !i && e.subscribed !== !1;
-  if (b.useSyncExternalStore(
-    b.useCallback(
-      (f) => {
-        const u = c ? a.subscribe(G.batchCalls(f)) : Q;
-        return a.updateResult(), u;
-      },
-      [a, c]
-    ),
-    () => a.getCurrentResult(),
-    () => a.getCurrentResult()
-  ), b.useEffect(() => {
-    a.setOptions(n);
-  }, [n, a]), je(n, l))
-    throw Z(n, a, r);
-  if (Ne({
-    result: l,
-    errorResetBoundary: r,
-    throwOnError: n.throwOnError,
-    query: h.getQueryCache().get(n.queryHash),
-    suspense: n.suspense
-  }))
-    throw l.error;
-  return h.getDefaultOptions().queries?._experimental_afterQuery?.(
-    n,
-    l
-  ), n.experimental_prefetchInRender && !F && Qe(l, i) && (o ? (
-    // Fetch immediately on render in order to ensure `.promise` is resolved even if the component is unmounted
-    Z(n, a, r)
-  ) : (
-    // subscribe to the "cache promise" so that we can finalize the currentThenable once data comes in
-    h.getQueryCache().get(n.queryHash)?.promise
-  ))?.catch(Q).finally(() => {
-    a.updateResult();
-  }), n.notifyOnChangeProps ? l : a.trackResult(l);
-}
-function Ue(e, t) {
-  return De(e, Oe);
-}
-const Be = ({
-  children: e,
-  id: t,
-  data: s = [],
-  columns: i = [],
-  totalItems: r,
-  fetchData: h
+import { jsx as z } from "react/jsx-runtime";
+import { useQuery as E } from "@tanstack/react-query";
+import { u as _, g as j, a as k } from "../../../index-Dx2grAuN.js";
+import { useState as t, useMemo as q, useCallback as s } from "react";
+import { TableContext as A } from "./table.context.js";
+import { DEFAULT_PAGE_SIZE as K } from "../constants/pagination.js";
+const Z = ({
+  children: u,
+  id: d,
+  data: S = [],
+  columns: f = [],
+  totalItems: h,
+  fetchData: p
 }) => {
-  const [n, o] = w([]), [a, l] = w(0), [c, f] = w(), [u, O] = w(oe), [R, v] = w(r), M = te(
-    () => Math.ceil(R / u),
-    [R, u]
-  ), [m, C] = w({}), { data: I, isLoading: P, isFetching: x } = Ue({
+  const [i, g] = t([]), [n, m] = t(0), [r, C] = t(), [o, M] = t(K), [c, b] = t(h), P = q(
+    () => Math.ceil(c / o),
+    [c, o]
+  ), [a, w] = t({}), { data: y, isLoading: O, isFetching: T } = E({
     queryKey: [
-      t,
-      a,
-      u,
-      c,
-      JSON.stringify(m)
+      d,
+      n,
+      o,
+      r,
+      JSON.stringify(a)
     ],
     refetchOnMount: !1,
     refetchOnWindowFocus: !1,
-    initialData: s,
-    queryFn: () => h({
-      page: Math.max(a + 1, 1),
-      pageSize: u,
-      termOfSearch: c,
-      ...Object.keys(m).length > 0 ? m : {}
-    }).then(({ data: p, totalItemsCount: L }) => (v(L), p))
-  }), A = _((p) => {
-    f(p), l(0);
-  }, []), y = _((p, L) => {
-    const X = p.toLowerCase().replace(/\s+/g, "_");
-    C((Y) => ({
-      ...Y,
-      [X]: L
+    initialData: S,
+    queryFn: () => p({
+      page: Math.max(n + 1, 1),
+      pageSize: o,
+      termOfSearch: r,
+      ...Object.keys(a).length > 0 ? a : {}
+    }).then(({ data: e, totalItemsCount: l }) => (b(l), e))
+  }), F = s((e) => {
+    C(e), m(0);
+  }, []), I = s((e, l) => {
+    const L = e.toLowerCase().replace(/\s+/g, "_");
+    w((v) => ({
+      ...v,
+      [L]: l
     }));
-  }, []), d = _((p) => l(p), []), E = _(
-    (p) => O(p),
+  }, []), R = s((e) => m(e), []), x = s(
+    (e) => M(e),
     []
-  ), S = se({
-    data: I,
-    columns: i,
+  ), D = _({
+    data: y,
+    columns: f,
     state: {
-      sorting: n
+      sorting: i
     },
-    onSortingChange: o,
-    getCoreRowModel: ie(),
-    getSortedRowModel: re()
+    onSortingChange: g,
+    getCoreRowModel: k(),
+    getSortedRowModel: j()
   });
-  return /* @__PURE__ */ ee(
-    ne.Provider,
+  return /* @__PURE__ */ z(
+    A.Provider,
     {
       value: {
-        sortedData: n,
-        table: S,
-        tableFetching: x,
-        tableLoading: P,
-        totalItems: R,
-        termOfSearch: c,
-        page: a,
-        multiselectSelected: m,
-        pageSize: u,
-        totalPages: M,
-        handlePage: d,
-        onPageSize: E,
-        onChangeTermOfSearch: A,
-        onSorting: o,
-        onSelectMultiselect: y
+        sortedData: i,
+        table: D,
+        tableFetching: T,
+        tableLoading: O,
+        totalItems: c,
+        termOfSearch: r,
+        page: n,
+        multiselectSelected: a,
+        pageSize: o,
+        totalPages: P,
+        handlePage: R,
+        onPageSize: x,
+        onChangeTermOfSearch: F,
+        onSorting: g,
+        onSelectMultiselect: I
       },
-      children: e
+      children: u
     }
   );
 };
 export {
-  Be as TableProvider
+  Z as TableProvider
 };