@konstructio/ui 0.1.2-alpha.3 → 0.1.2-alpha.5

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

@@ -0,0 +1,778 @@
+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
+}) => {
+  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({
+    queryKey: [
+      t,
+      a,
+      u,
+      c,
+      JSON.stringify(m)
+    ],
+    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
+    }));
+  }, []), d = _((p) => l(p), []), E = _(
+    (p) => O(p),
+    []
+  ), S = se({
+    data: I,
+    columns: i,
+    state: {
+      sorting: n
+    },
+    onSortingChange: o,
+    getCoreRowModel: ie(),
+    getSortedRowModel: re()
+  });
+  return /* @__PURE__ */ ee(
+    ne.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
+      },
+      children: e
+    }
+  );
+};
+export {
+  Be as TableProvider
+};