fastapi-rtk 0.1.26 → 0.1.27

package/dist/.external/cjs/{@tanstack_react-query@5.80.2_react@18.3.1 → @tanstack_react-query@5.80.6_react@18.3.1}/@tanstack/react-query/build/modern/errorBoundaryUtils.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const utils = require("../../../../../@tanstack_query-core@5.80.2/@tanstack/query-core/build/modern/utils.cjs");
+const utils = require("../../../../../@tanstack_query-core@5.80.6/@tanstack/query-core/build/modern/utils.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/dist/.external/cjs/{@tanstack_react-query@5.80.2_react@18.3.1 → @tanstack_react-query@5.80.6_react@18.3.1}/@tanstack/react-query/build/modern/useBaseQuery.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const notifyManager = require("../../../../../@tanstack_query-core@5.80.2/@tanstack/query-core/build/modern/notifyManager.cjs");
-const utils = require("../../../../../@tanstack_query-core@5.80.2/@tanstack/query-core/build/modern/utils.cjs");
+const notifyManager = require("../../../../../@tanstack_query-core@5.80.6/@tanstack/query-core/build/modern/notifyManager.cjs");
+const utils = require("../../../../../@tanstack_query-core@5.80.6/@tanstack/query-core/build/modern/utils.cjs");
 const QueryClientProvider = require("./QueryClientProvider.cjs");
 const QueryErrorResetBoundary = require("./QueryErrorResetBoundary.cjs");
 const errorBoundaryUtils = require("./errorBoundaryUtils.cjs");

package/dist/.external/cjs/{@tanstack_react-query@5.80.2_react@18.3.1 → @tanstack_react-query@5.80.6_react@18.3.1}/@tanstack/react-query/build/modern/useQuery.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const queryObserver = require("../../../../../@tanstack_query-core@5.80.2/@tanstack/query-core/build/modern/queryObserver.cjs");
+const queryObserver = require("../../../../../@tanstack_query-core@5.80.6/@tanstack/query-core/build/modern/queryObserver.cjs");
 const useBaseQuery = require("./useBaseQuery.cjs");
 function useQuery(options, queryClient) {
   return useBaseQuery.useBaseQuery(options, queryObserver.QueryObserver);

package/dist/.external/cjs/lodash@4.17.21/lodash/lodash.cjs

@@ -1902,7 +1902,7 @@ function requireLodash() {
             return symbolToString ? symbolToString.call(value) : "";
           }
           var result2 = value + "";
-          return result2 == "0" && 1 / value == -Infinity ? "-0" : result2;
+          return result2 == "0" && 1 / value == -INFINITY ? "-0" : result2;
         }
         function baseUniq(array, iteratee2, comparator) {
           var index = -1, includes2 = arrayIncludes, length = array.length, isCommon = true, result2 = [], seen = result2;
@@ -3109,7 +3109,7 @@ function requireLodash() {
             return value;
           }
           var result2 = value + "";
-          return result2 == "0" && 1 / value == -Infinity ? "-0" : result2;
+          return result2 == "0" && 1 / value == -INFINITY ? "-0" : result2;
         }
         function toSource(func) {
           if (func != null) {
@@ -4173,7 +4173,7 @@ function requireLodash() {
         }
         var isRegExp = nodeIsRegExp ? baseUnary(nodeIsRegExp) : baseIsRegExp;
         function isSafeInteger(value) {
-          return isInteger(value) && value >= -9007199254740991 && value <= MAX_SAFE_INTEGER;
+          return isInteger(value) && value >= -MAX_SAFE_INTEGER && value <= MAX_SAFE_INTEGER;
         }
         var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
         function isString(value) {
@@ -4214,7 +4214,7 @@ function requireLodash() {
             return value === 0 ? value : 0;
           }
           value = toNumber(value);
-          if (value === INFINITY || value === -Infinity) {
+          if (value === INFINITY || value === -INFINITY) {
             var sign = value < 0 ? -1 : 1;
             return sign * MAX_INTEGER;
           }
@@ -4249,7 +4249,7 @@ function requireLodash() {
           return copyObject(value, keysIn(value));
         }
         function toSafeInteger(value) {
-          return value ? baseClamp(toInteger(value), -9007199254740991, MAX_SAFE_INTEGER) : value === 0 ? value : 0;
+          return value ? baseClamp(toInteger(value), -MAX_SAFE_INTEGER, MAX_SAFE_INTEGER) : value === 0 ? value : 0;
         }
         function toString(value) {
           return value == null ? "" : baseToString(value);

package/dist/.external/cjs/lodash@4.17.21/lodash/toFinite.cjs

@@ -13,7 +13,7 @@ function requireToFinite() {
       return value === 0 ? value : 0;
     }
     value = toNumber$1(value);
-    if (value === INFINITY || value === -Infinity) {
+    if (value === INFINITY || value === -INFINITY) {
       var sign = value < 0 ? -1 : 1;
       return sign * MAX_INTEGER;
     }

package/dist/.external/esm/{@tanstack_react-query@5.80.2_react@18.3.1 → @tanstack_react-query@5.80.6_react@18.3.1}/@tanstack/react-query/build/modern/errorBoundaryUtils.mjs

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { shouldThrowError } from "../../../../../@tanstack_query-core@5.80.2/@tanstack/query-core/build/modern/utils.mjs";
+import { shouldThrowError } from "../../../../../@tanstack_query-core@5.80.6/@tanstack/query-core/build/modern/utils.mjs";
 var ensurePreventErrorBoundaryRetry = (options, errorResetBoundary) => {
   if (options.suspense || options.throwOnError || options.experimental_prefetchInRender) {
     if (!errorResetBoundary.isReset()) {

package/dist/.external/esm/{@tanstack_react-query@5.80.2_react@18.3.1 → @tanstack_react-query@5.80.6_react@18.3.1}/@tanstack/react-query/build/modern/useBaseQuery.mjs

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { notifyManager } from "../../../../../@tanstack_query-core@5.80.2/@tanstack/query-core/build/modern/notifyManager.mjs";
-import { noop, isServer } from "../../../../../@tanstack_query-core@5.80.2/@tanstack/query-core/build/modern/utils.mjs";
+import { notifyManager } from "../../../../../@tanstack_query-core@5.80.6/@tanstack/query-core/build/modern/notifyManager.mjs";
+import { noop, isServer } from "../../../../../@tanstack_query-core@5.80.6/@tanstack/query-core/build/modern/utils.mjs";
 import { useQueryClient } from "./QueryClientProvider.mjs";
 import { useQueryErrorResetBoundary } from "./QueryErrorResetBoundary.mjs";
 import { ensurePreventErrorBoundaryRetry, useClearResetErrorBoundary, getHasError } from "./errorBoundaryUtils.mjs";

package/dist/.external/esm/{@tanstack_react-query@5.80.2_react@18.3.1 → @tanstack_react-query@5.80.6_react@18.3.1}/@tanstack/react-query/build/modern/useQuery.mjs

@@ -1,4 +1,4 @@
-import { QueryObserver } from "../../../../../@tanstack_query-core@5.80.2/@tanstack/query-core/build/modern/queryObserver.mjs";
+import { QueryObserver } from "../../../../../@tanstack_query-core@5.80.6/@tanstack/query-core/build/modern/queryObserver.mjs";
 import { useBaseQuery } from "./useBaseQuery.mjs";
 function useQuery(options, queryClient) {
   return useBaseQuery(options, QueryObserver);

package/dist/.external/esm/lodash@4.17.21/lodash/lodash.mjs

@@ -1900,7 +1900,7 @@ function requireLodash() {
             return symbolToString ? symbolToString.call(value) : "";
           }
           var result2 = value + "";
-          return result2 == "0" && 1 / value == -Infinity ? "-0" : result2;
+          return result2 == "0" && 1 / value == -INFINITY ? "-0" : result2;
         }
         function baseUniq(array, iteratee2, comparator) {
           var index = -1, includes2 = arrayIncludes, length = array.length, isCommon = true, result2 = [], seen = result2;
@@ -3107,7 +3107,7 @@ function requireLodash() {
             return value;
           }
           var result2 = value + "";
-          return result2 == "0" && 1 / value == -Infinity ? "-0" : result2;
+          return result2 == "0" && 1 / value == -INFINITY ? "-0" : result2;
         }
         function toSource(func) {
           if (func != null) {
@@ -4171,7 +4171,7 @@ function requireLodash() {
         }
         var isRegExp = nodeIsRegExp ? baseUnary(nodeIsRegExp) : baseIsRegExp;
         function isSafeInteger(value) {
-          return isInteger(value) && value >= -9007199254740991 && value <= MAX_SAFE_INTEGER;
+          return isInteger(value) && value >= -MAX_SAFE_INTEGER && value <= MAX_SAFE_INTEGER;
         }
         var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
         function isString(value) {
@@ -4212,7 +4212,7 @@ function requireLodash() {
             return value === 0 ? value : 0;
           }
           value = toNumber(value);
-          if (value === INFINITY || value === -Infinity) {
+          if (value === INFINITY || value === -INFINITY) {
             var sign = value < 0 ? -1 : 1;
             return sign * MAX_INTEGER;
           }
@@ -4247,7 +4247,7 @@ function requireLodash() {
           return copyObject(value, keysIn(value));
         }
         function toSafeInteger(value) {
-          return value ? baseClamp(toInteger(value), -9007199254740991, MAX_SAFE_INTEGER) : value === 0 ? value : 0;
+          return value ? baseClamp(toInteger(value), -MAX_SAFE_INTEGER, MAX_SAFE_INTEGER) : value === 0 ? value : 0;
         }
         function toString(value) {
           return value == null ? "" : baseToString(value);

package/dist/.external/esm/lodash@4.17.21/lodash/toFinite.mjs

@@ -11,7 +11,7 @@ function requireToFinite() {
       return value === 0 ? value : 0;
     }
     value = toNumber(value);
-    if (value === INFINITY || value === -Infinity) {
+    if (value === INFINITY || value === -INFINITY) {
       var sign = value < 0 ? -1 : 1;
       return sign * MAX_INTEGER;
     }

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilterInput/ColumnHeaderFilterInput.cjs

@@ -54,22 +54,9 @@ function ColumnHeaderFilterInput({
   const field = form.useField({ mode: "controlled" });
   hooks$1.useSyncValues(
     [
-      {
-        value: field.getValue(),
-        onChange: field.getInputProps().onChange,
-        log: (value) => console.log(`Field value changed to: ${value}`)
-      },
-      ...filterState ? [
-        {
-          ...filterState,
-          log: (value) => console.log(`filterState value changed to: ${value}`)
-        }
-      ] : [],
-      {
-        value: column.getFilterValue(),
-        onChange: column.setFilterValue,
-        log: (value) => console.log(`Column filter value changed to: ${value}`)
-      },
+      { value: field.getValue(), onChange: field.getInputProps().onChange },
+      { value: column.getFilterValue(), onChange: column.setFilterValue },
+      ...filterState ? [filterState] : [],
       ...updateQueryParams ? [
         {
           value: (_b = (_a = queryParams == null ? void 0 : queryParams.filters) == null ? void 0 : _a.find((qpFilter) => qpFilter.id === column.id)) == null ? void 0 : _b.value,
@@ -93,8 +80,7 @@ function ColumnHeaderFilterInput({
               }
               return { ...prev, filters: newFilters };
             });
-          },
-          log: (value) => console.log(`Query Params filter value changed to: ${value}`)
+          }
         }
       ] : []
     ],

package/dist/core/cjs/Wrappers/ApiProvider/Contexts/ApiContext.cjs

@@ -4,7 +4,7 @@ const React = require("react");
 const ApiContext = React.createContext({
   path: "",
   /**
-   * @type {{count: number, description_columns: Record<string, string>, ids: number[] | string[], label_columns: Record<string, string>, list_columns: string[], list_title: string, order_columns: string[], result: Record<string, any>[], path: string} | null}
+   * @type {{count: number, description_columns: Record<string, string>, ids: number[] | string[], label_columns: Record<string, string>, list_columns: string[], list_title: string, order_columns: string[], result: Record<string, any>[], path: string, queryParams: Record<string, any>} | null}
    */
   data: null,
   /**

package/dist/core/cjs/Wrappers/ApiProvider/hooks/useProvideApi.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const utils = require("fastapi-rtk/utils");
 const hooks = require("@mantine/hooks");
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
 const createItem = require("../utils/api/createItem.cjs");
 const deleteItem = require("../utils/api/deleteItem.cjs");
 const downloadItems = require("../utils/api/downloadItems.cjs");
@@ -15,7 +15,7 @@ const uploadItems = require("../utils/api/uploadItems.cjs");
 const convertId = require("../utils/convertId.cjs");
 const convertInfo = require("../utils/convertInfo.cjs");
 const createQueryParams = require("../utils/createQueryParams.cjs");
-const utils$1 = require("../../../../../.external/cjs/@tanstack_query-core@5.80.2/@tanstack/query-core/build/modern/utils.cjs");
+const utils$1 = require("../../../../../.external/cjs/@tanstack_query-core@5.80.6/@tanstack/query-core/build/modern/utils.cjs");
 function useProvideApi({
   path,
   initialQueryParams,
@@ -112,7 +112,8 @@ function useProvideApi({
     queryFn: ({ signal }) => memoizedQueryParams ? getItems.getItems(utils.urlJoin(memoizedQueryParamsPathRef.current, "/"), memoizedQueryParams, signal).then((data2) => ({
       ...data2,
       result: data2.result.map((item, index) => ({ ...item, id: data2.ids[index] })),
-      path: memoizedQueryParamsPathRef.current
+      path: memoizedQueryParamsPathRef.current,
+      queryParams: memoizedQueryParams
     })) : null,
     placeholderData: clearDataOnRefetch ? null : utils$1.keepPreviousData,
     retry: false,
@@ -232,16 +233,8 @@ function useProvideApi({
   const [streaming, setStreaming] = hooks.useSetState({
     data: {},
     isEnd: false,
-    fetch: () => null
+    fetch: streamingMode ? () => setQueryParamsCallback({ page: 0, streaming: true }) : () => null
   });
-  React.useEffect(() => {
-    if (!streamingMode) {
-      return;
-    }
-    setStreaming({
-      fetch: () => setQueryParamsCallback({ page: 0, streaming: true })
-    });
-  }, [setQueryParamsCallback, setStreaming, streamingMode]);
   React.useEffect(() => {
     if (!streamingMode) {
       return;
@@ -250,19 +243,21 @@ function useProvideApi({
       return;
     }
     setStreaming((prev) => {
-      let latestPage = Object.keys(prev.data).length;
+      var _a;
       const newStreaming = { isEnd: false };
-      if (memoizedQueryParams.page < latestPage) {
-        latestPage = memoizedQueryParams.page;
-        newStreaming.data = { [memoizedQueryParams.page]: data.result };
+      const currentPage = Object.keys(prev.data).length;
+      const nextPage = ((_a = data.queryParams) == null ? void 0 : _a.page) ?? 0;
+      if (nextPage < currentPage) {
+        newStreaming.data = {};
       } else {
-        newStreaming.data = { ...prev.data, [memoizedQueryParams.page]: data.result };
+        newStreaming.data = { ...prev.data };
       }
-      if (data.result.length < memoizedQueryParams.page_size) {
+      newStreaming.data[nextPage] = data.result;
+      if (data.result.length < data.queryParams.page_size) {
         newStreaming.isEnd = true;
         newStreaming.fetch = () => null;
       } else {
-        newStreaming.fetch = () => setQueryParamsCallback({ page: latestPage + 1, streaming: true });
+        newStreaming.fetch = () => setQueryParamsCallback({ page: nextPage + 1, streaming: true });
       }
       return newStreaming;
     });

package/dist/core/cjs/Wrappers/InfiniteScroll/InfiniteScroll.cjs

@@ -1,32 +1,33 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const utils = require("fastapi-rtk/utils");
 const core = require("@mantine/core");
 const hooks = require("@mantine/hooks");
 const React = require("react");
 const useApi = require("../../hooks/api/useApi.cjs");
-function InfiniteScroll({
+const InfiniteScroll = ({
   children,
   fetch = true,
-  loading: Loading = /* @__PURE__ */ jsxRuntime.jsx(core.Center, { children: /* @__PURE__ */ jsxRuntime.jsx(core.Loader, {}) }),
-  end: End = /* @__PURE__ */ jsxRuntime.jsx(core.Center, { children: "End of data" }),
-  fetchWrapper: FetchWrapper = core.Center,
+  components: {
+    Loading = /* @__PURE__ */ jsxRuntime.jsx(core.Center, { children: /* @__PURE__ */ jsxRuntime.jsx(core.Loader, {}) }),
+    End = /* @__PURE__ */ jsxRuntime.jsx(core.Center, { children: "End of data" }),
+    FetchWrapper = core.Center
+  } = {},
   fetchWrapperProps
-}) {
+}) => {
   const { streaming, loading } = useApi.useApi();
   const { ref, inViewport } = hooks.useInViewport();
   const items = React.useMemo(() => Object.values(streaming.data).flat(), [streaming.data]);
-  const Children = React.useMemo(() => typeof children === "function" ? children(items) : children, [children, items]);
   React.useEffect(() => {
     if (inViewport && fetch) {
       streaming.fetch();
     }
-  }, [inViewport]);
+  }, [fetch, inViewport]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    Children,
-    loading && Loading,
+    utils.parseFromValuesOrFunc(children, { items, loading }),
     streaming.isEnd && End,
-    /* @__PURE__ */ jsxRuntime.jsx(FetchWrapper, { ref, id: "IS-load-trigger", mih: "1%", ...fetchWrapperProps })
+    loading ? Loading : /* @__PURE__ */ jsxRuntime.jsx(FetchWrapper, { ref, id: "IS-load-trigger", mih: "1%", ...fetchWrapperProps })
   ] });
-}
+};
 exports.InfiniteScroll = InfiniteScroll;

package/dist/core/cjs/Wrappers/Provider/Provider.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const zustand = require("fastapi-rtk/zustand");
-const queryClient = require("../../../../.external/cjs/@tanstack_query-core@5.80.2/@tanstack/query-core/build/modern/queryClient.cjs");
-const QueryClientProvider = require("../../../../.external/cjs/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
+const queryClient = require("../../../../.external/cjs/@tanstack_query-core@5.80.6/@tanstack/query-core/build/modern/queryClient.cjs");
+const QueryClientProvider = require("../../../../.external/cjs/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
 const React = require("react");
 const useProvideAuth = require("../../fab-react-toolkit-patch/auth/hooks/useProvideAuth.cjs");
 const useProvideInfo = require("../../fab-react-toolkit-patch/auth/hooks/useProvideInfo.cjs");
@@ -33,7 +33,7 @@ function InnerProvider(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(AuthContext.AuthContext.Provider, { value: authProxy, children: /* @__PURE__ */ jsxRuntime.jsx(InfoContext.InfoContext.Provider, { value: infoProxy, children }) });
 }
 const Provider = (props) => {
-  const [queryClient$1] = React.useState(() => new queryClient.QueryClient());
+  const [queryClient$1] = React.useState(() => new queryClient.QueryClient(props.queryClientProps));
   return /* @__PURE__ */ jsxRuntime.jsx(QueryClientProvider.QueryClientProvider, { client: queryClient$1, children: /* @__PURE__ */ jsxRuntime.jsx(InnerProvider, { ...props }) });
 };
 exports.Provider = Provider;

package/dist/core/cjs/Wrappers/Provider/hooks/useProvideAuth.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
-const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
 const React = require("react");
 const authFetch = require("../utils/authFetch.cjs");
 const userCRUD = require("../utils/userCRUD.cjs");

package/dist/core/cjs/Wrappers/Provider/hooks/useProvideInfo.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
 const React = require("react");
 const authFetch = require("../utils/authFetch.cjs");
 function useProvideInfo(baseUrl, auth) {

package/dist/core/cjs/fab-react-toolkit-patch/api/hooks/useProvideApi.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const utils = require("fastapi-rtk/utils");
 const hooks = require("@mantine/hooks");
-const utils$1 = require("../../../../../.external/cjs/@tanstack_query-core@5.80.2/@tanstack/query-core/build/modern/utils.cjs");
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const utils$1 = require("../../../../../.external/cjs/@tanstack_query-core@5.80.6/@tanstack/query-core/build/modern/utils.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
 const createItem = require("../utils/api/createItem.cjs");
 const deleteItem = require("../utils/api/deleteItem.cjs");
 const downloadItems = require("../utils/api/downloadItems.cjs");
@@ -112,7 +112,8 @@ function useFabProvideApi({
     queryFn: ({ signal }) => memoizedQueryParams ? getItems.getItems(utils.urlJoin(memoizedQueryParamsPathRef.current, "/"), memoizedQueryParams, signal).then((data2) => ({
       ...data2,
       result: data2.result.map((item, index) => ({ ...item, id: data2.ids[index] })),
-      path: memoizedQueryParamsPathRef.current
+      path: memoizedQueryParamsPathRef.current,
+      queryParams: memoizedQueryParams
     })) : null,
     placeholderData: clearDataOnRefetch ? null : utils$1.keepPreviousData,
     retry: false,
@@ -232,16 +233,8 @@ function useFabProvideApi({
   const [streaming, setStreaming] = hooks.useSetState({
     data: {},
     isEnd: false,
-    fetch: () => null
+    fetch: streamingMode ? () => setQueryParamsCallback({ page: 0, streaming: true }) : () => null
   });
-  React.useEffect(() => {
-    if (!streamingMode) {
-      return;
-    }
-    setStreaming({
-      fetch: () => setQueryParamsCallback({ page: 0, streaming: true })
-    });
-  }, [setQueryParamsCallback, setStreaming, streamingMode]);
   React.useEffect(() => {
     if (!streamingMode) {
       return;
@@ -250,19 +243,21 @@ function useFabProvideApi({
       return;
     }
     setStreaming((prev) => {
-      let latestPage = Object.keys(prev.data).length;
+      var _a;
       const newStreaming = { isEnd: false };
-      if (memoizedQueryParams.page < latestPage) {
-        latestPage = memoizedQueryParams.page;
-        newStreaming.data = { [memoizedQueryParams.page]: data.result };
+      const currentPage = Object.keys(prev.data).length;
+      const nextPage = ((_a = data.queryParams) == null ? void 0 : _a.page) ?? 0;
+      if (nextPage < currentPage) {
+        newStreaming.data = {};
       } else {
-        newStreaming.data = { ...prev.data, [memoizedQueryParams.page]: data.result };
+        newStreaming.data = { ...prev.data };
       }
-      if (data.result.length < memoizedQueryParams.page_size) {
+      newStreaming.data[nextPage] = data.result;
+      if (data.result.length < data.queryParams.page_size) {
         newStreaming.isEnd = true;
         newStreaming.fetch = () => null;
       } else {
-        newStreaming.fetch = () => setQueryParamsCallback({ page: latestPage + 1, streaming: true });
+        newStreaming.fetch = () => setQueryParamsCallback({ page: nextPage + 1, streaming: true });
       }
       return newStreaming;
     });

package/dist/core/cjs/fab-react-toolkit-patch/auth/hooks/useProvideAuth.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
-const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const QueryClientProvider = require("../../../../../.external/cjs/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.cjs");
 const React = require("react");
 const authFetch = require("../utils/authFetch.cjs");
 const userCRUD = require("../utils/userCRUD.cjs");

package/dist/core/cjs/fab-react-toolkit-patch/auth/hooks/useProvideInfo.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
+const useQuery = require("../../../../../.external/cjs/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/useQuery.cjs");
 const React = require("react");
 const authFetch = require("../utils/authFetch.cjs");
 function useFabProvideInfo(baseUrl, auth) {

package/dist/core/esm/Tables/NextGenDataGrid/hooks/useColumns/ColumnHeaderFilterInput/ColumnHeaderFilterInput.mjs

@@ -52,22 +52,9 @@ function ColumnHeaderFilterInput({
   const field = useField({ mode: "controlled" });
   useSyncValues(
     [
-      {
-        value: field.getValue(),
-        onChange: field.getInputProps().onChange,
-        log: (value) => console.log(`Field value changed to: ${value}`)
-      },
-      ...filterState ? [
-        {
-          ...filterState,
-          log: (value) => console.log(`filterState value changed to: ${value}`)
-        }
-      ] : [],
-      {
-        value: column.getFilterValue(),
-        onChange: column.setFilterValue,
-        log: (value) => console.log(`Column filter value changed to: ${value}`)
-      },
+      { value: field.getValue(), onChange: field.getInputProps().onChange },
+      { value: column.getFilterValue(), onChange: column.setFilterValue },
+      ...filterState ? [filterState] : [],
       ...updateQueryParams ? [
         {
           value: (_b = (_a = queryParams == null ? void 0 : queryParams.filters) == null ? void 0 : _a.find((qpFilter) => qpFilter.id === column.id)) == null ? void 0 : _b.value,
@@ -91,8 +78,7 @@ function ColumnHeaderFilterInput({
               }
               return { ...prev, filters: newFilters };
             });
-          },
-          log: (value) => console.log(`Query Params filter value changed to: ${value}`)
+          }
         }
       ] : []
     ],

package/dist/core/esm/Wrappers/ApiProvider/Contexts/ApiContext.mjs

@@ -2,7 +2,7 @@ import { createContext } from "react";
 const ApiContext = createContext({
   path: "",
   /**
-   * @type {{count: number, description_columns: Record<string, string>, ids: number[] | string[], label_columns: Record<string, string>, list_columns: string[], list_title: string, order_columns: string[], result: Record<string, any>[], path: string} | null}
+   * @type {{count: number, description_columns: Record<string, string>, ids: number[] | string[], label_columns: Record<string, string>, list_columns: string[], list_title: string, order_columns: string[], result: Record<string, any>[], path: string, queryParams: Record<string, any>} | null}
    */
   data: null,
   /**

package/dist/core/esm/Wrappers/ApiProvider/hooks/useProvideApi.mjs

@@ -1,7 +1,7 @@
 import { useState, useRef, useEffect, useMemo, useCallback } from "react";
 import { getItemId, urlJoin } from "fastapi-rtk/utils";
 import { useDidUpdate, useSetState } from "@mantine/hooks";
-import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
+import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
 import { createItem } from "../utils/api/createItem.mjs";
 import { deleteItem } from "../utils/api/deleteItem.mjs";
 import { downloadItems } from "../utils/api/downloadItems.mjs";
@@ -13,7 +13,7 @@ import { uploadItems } from "../utils/api/uploadItems.mjs";
 import { convertId } from "../utils/convertId.mjs";
 import { convertInfo } from "../utils/convertInfo.mjs";
 import { createQueryParams } from "../utils/createQueryParams.mjs";
-import { keepPreviousData } from "../../../../../.external/esm/@tanstack_query-core@5.80.2/@tanstack/query-core/build/modern/utils.mjs";
+import { keepPreviousData } from "../../../../../.external/esm/@tanstack_query-core@5.80.6/@tanstack/query-core/build/modern/utils.mjs";
 function useProvideApi({
   path,
   initialQueryParams,
@@ -110,7 +110,8 @@ function useProvideApi({
     queryFn: ({ signal }) => memoizedQueryParams ? getItems(urlJoin(memoizedQueryParamsPathRef.current, "/"), memoizedQueryParams, signal).then((data2) => ({
       ...data2,
       result: data2.result.map((item, index) => ({ ...item, id: data2.ids[index] })),
-      path: memoizedQueryParamsPathRef.current
+      path: memoizedQueryParamsPathRef.current,
+      queryParams: memoizedQueryParams
     })) : null,
     placeholderData: clearDataOnRefetch ? null : keepPreviousData,
     retry: false,
@@ -230,16 +231,8 @@ function useProvideApi({
   const [streaming, setStreaming] = useSetState({
     data: {},
     isEnd: false,
-    fetch: () => null
+    fetch: streamingMode ? () => setQueryParamsCallback({ page: 0, streaming: true }) : () => null
   });
-  useEffect(() => {
-    if (!streamingMode) {
-      return;
-    }
-    setStreaming({
-      fetch: () => setQueryParamsCallback({ page: 0, streaming: true })
-    });
-  }, [setQueryParamsCallback, setStreaming, streamingMode]);
   useEffect(() => {
     if (!streamingMode) {
       return;
@@ -248,19 +241,21 @@ function useProvideApi({
       return;
     }
     setStreaming((prev) => {
-      let latestPage = Object.keys(prev.data).length;
+      var _a;
       const newStreaming = { isEnd: false };
-      if (memoizedQueryParams.page < latestPage) {
-        latestPage = memoizedQueryParams.page;
-        newStreaming.data = { [memoizedQueryParams.page]: data.result };
+      const currentPage = Object.keys(prev.data).length;
+      const nextPage = ((_a = data.queryParams) == null ? void 0 : _a.page) ?? 0;
+      if (nextPage < currentPage) {
+        newStreaming.data = {};
       } else {
-        newStreaming.data = { ...prev.data, [memoizedQueryParams.page]: data.result };
+        newStreaming.data = { ...prev.data };
       }
-      if (data.result.length < memoizedQueryParams.page_size) {
+      newStreaming.data[nextPage] = data.result;
+      if (data.result.length < data.queryParams.page_size) {
         newStreaming.isEnd = true;
         newStreaming.fetch = () => null;
       } else {
-        newStreaming.fetch = () => setQueryParamsCallback({ page: latestPage + 1, streaming: true });
+        newStreaming.fetch = () => setQueryParamsCallback({ page: nextPage + 1, streaming: true });
       }
       return newStreaming;
     });

package/dist/core/esm/Wrappers/InfiniteScroll/InfiniteScroll.mjs

@@ -1,32 +1,33 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { parseFromValuesOrFunc } from "fastapi-rtk/utils";
 import { Center, Loader } from "@mantine/core";
 import { useInViewport } from "@mantine/hooks";
 import { useMemo, useEffect } from "react";
 import { useApi } from "../../hooks/api/useApi.mjs";
-function InfiniteScroll({
+const InfiniteScroll = ({
   children,
   fetch = true,
-  loading: Loading = /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(Loader, {}) }),
-  end: End = /* @__PURE__ */ jsx(Center, { children: "End of data" }),
-  fetchWrapper: FetchWrapper = Center,
+  components: {
+    Loading = /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(Loader, {}) }),
+    End = /* @__PURE__ */ jsx(Center, { children: "End of data" }),
+    FetchWrapper = Center
+  } = {},
   fetchWrapperProps
-}) {
+}) => {
   const { streaming, loading } = useApi();
   const { ref, inViewport } = useInViewport();
   const items = useMemo(() => Object.values(streaming.data).flat(), [streaming.data]);
-  const Children = useMemo(() => typeof children === "function" ? children(items) : children, [children, items]);
   useEffect(() => {
     if (inViewport && fetch) {
       streaming.fetch();
     }
-  }, [inViewport]);
+  }, [fetch, inViewport]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    Children,
-    loading && Loading,
+    parseFromValuesOrFunc(children, { items, loading }),
     streaming.isEnd && End,
-    /* @__PURE__ */ jsx(FetchWrapper, { ref, id: "IS-load-trigger", mih: "1%", ...fetchWrapperProps })
+    loading ? Loading : /* @__PURE__ */ jsx(FetchWrapper, { ref, id: "IS-load-trigger", mih: "1%", ...fetchWrapperProps })
   ] });
-}
+};
 export {
   InfiniteScroll
 };

package/dist/core/esm/Wrappers/Provider/Provider.mjs

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useProxy } from "fastapi-rtk/zustand";
-import { QueryClient } from "../../../../.external/esm/@tanstack_query-core@5.80.2/@tanstack/query-core/build/modern/queryClient.mjs";
-import { QueryClientProvider } from "../../../../.external/esm/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.mjs";
+import { QueryClient } from "../../../../.external/esm/@tanstack_query-core@5.80.6/@tanstack/query-core/build/modern/queryClient.mjs";
+import { QueryClientProvider } from "../../../../.external/esm/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.mjs";
 import { useState } from "react";
 import { useFabProvideAuth } from "../../fab-react-toolkit-patch/auth/hooks/useProvideAuth.mjs";
 import { useFabProvideInfo } from "../../fab-react-toolkit-patch/auth/hooks/useProvideInfo.mjs";
@@ -31,7 +31,7 @@ function InnerProvider(props) {
   return /* @__PURE__ */ jsx(AuthContext.Provider, { value: authProxy, children: /* @__PURE__ */ jsx(InfoContext.Provider, { value: infoProxy, children }) });
 }
 const Provider = (props) => {
-  const [queryClient] = useState(() => new QueryClient());
+  const [queryClient] = useState(() => new QueryClient(props.queryClientProps));
   return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(InnerProvider, { ...props }) });
 };
 export {

package/dist/core/esm/Wrappers/Provider/hooks/useProvideAuth.mjs

@@ -1,5 +1,5 @@
-import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
-import { useQueryClient } from "../../../../../.external/esm/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.mjs";
+import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
+import { useQueryClient } from "../../../../../.external/esm/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.mjs";
 import { useState, useCallback } from "react";
 import { authSignin, authSignout, authResetPassword, authOAuthSignin } from "../utils/authFetch.mjs";
 import { getUser, updateUser } from "../utils/userCRUD.mjs";

package/dist/core/esm/Wrappers/Provider/hooks/useProvideInfo.mjs

@@ -1,4 +1,4 @@
-import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
+import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
 import { useEffect } from "react";
 import { authInfo } from "../utils/authFetch.mjs";
 function useProvideInfo(baseUrl, auth) {

package/dist/core/esm/fab-react-toolkit-patch/api/hooks/useProvideApi.mjs

@@ -1,8 +1,8 @@
 import { useState, useRef, useEffect, useMemo, useCallback } from "react";
 import { getItemId, urlJoin } from "fastapi-rtk/utils";
 import { useDidUpdate, useSetState } from "@mantine/hooks";
-import { keepPreviousData } from "../../../../../.external/esm/@tanstack_query-core@5.80.2/@tanstack/query-core/build/modern/utils.mjs";
-import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
+import { keepPreviousData } from "../../../../../.external/esm/@tanstack_query-core@5.80.6/@tanstack/query-core/build/modern/utils.mjs";
+import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
 import { createItem } from "../utils/api/createItem.mjs";
 import { deleteItem } from "../utils/api/deleteItem.mjs";
 import { downloadItems } from "../utils/api/downloadItems.mjs";
@@ -110,7 +110,8 @@ function useFabProvideApi({
     queryFn: ({ signal }) => memoizedQueryParams ? getItems(urlJoin(memoizedQueryParamsPathRef.current, "/"), memoizedQueryParams, signal).then((data2) => ({
       ...data2,
       result: data2.result.map((item, index) => ({ ...item, id: data2.ids[index] })),
-      path: memoizedQueryParamsPathRef.current
+      path: memoizedQueryParamsPathRef.current,
+      queryParams: memoizedQueryParams
     })) : null,
     placeholderData: clearDataOnRefetch ? null : keepPreviousData,
     retry: false,
@@ -230,16 +231,8 @@ function useFabProvideApi({
   const [streaming, setStreaming] = useSetState({
     data: {},
     isEnd: false,
-    fetch: () => null
+    fetch: streamingMode ? () => setQueryParamsCallback({ page: 0, streaming: true }) : () => null
   });
-  useEffect(() => {
-    if (!streamingMode) {
-      return;
-    }
-    setStreaming({
-      fetch: () => setQueryParamsCallback({ page: 0, streaming: true })
-    });
-  }, [setQueryParamsCallback, setStreaming, streamingMode]);
   useEffect(() => {
     if (!streamingMode) {
       return;
@@ -248,19 +241,21 @@ function useFabProvideApi({
       return;
     }
     setStreaming((prev) => {
-      let latestPage = Object.keys(prev.data).length;
+      var _a;
       const newStreaming = { isEnd: false };
-      if (memoizedQueryParams.page < latestPage) {
-        latestPage = memoizedQueryParams.page;
-        newStreaming.data = { [memoizedQueryParams.page]: data.result };
+      const currentPage = Object.keys(prev.data).length;
+      const nextPage = ((_a = data.queryParams) == null ? void 0 : _a.page) ?? 0;
+      if (nextPage < currentPage) {
+        newStreaming.data = {};
       } else {
-        newStreaming.data = { ...prev.data, [memoizedQueryParams.page]: data.result };
+        newStreaming.data = { ...prev.data };
       }
-      if (data.result.length < memoizedQueryParams.page_size) {
+      newStreaming.data[nextPage] = data.result;
+      if (data.result.length < data.queryParams.page_size) {
         newStreaming.isEnd = true;
         newStreaming.fetch = () => null;
       } else {
-        newStreaming.fetch = () => setQueryParamsCallback({ page: latestPage + 1, streaming: true });
+        newStreaming.fetch = () => setQueryParamsCallback({ page: nextPage + 1, streaming: true });
       }
       return newStreaming;
     });

package/dist/core/esm/fab-react-toolkit-patch/auth/hooks/useProvideAuth.mjs

@@ -1,5 +1,5 @@
-import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
-import { useQueryClient } from "../../../../../.external/esm/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.mjs";
+import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
+import { useQueryClient } from "../../../../../.external/esm/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/QueryClientProvider.mjs";
 import { useState, useCallback } from "react";
 import { authSignin, authSignout, authResetPassword, authOAuthSignin } from "../utils/authFetch.mjs";
 import { getUser, updateUser } from "../utils/userCRUD.mjs";

package/dist/core/esm/fab-react-toolkit-patch/auth/hooks/useProvideInfo.mjs

@@ -1,4 +1,4 @@
-import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.80.2_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
+import { useQuery } from "../../../../../.external/esm/@tanstack_react-query@5.80.6_react@18.3.1/@tanstack/react-query/build/modern/useQuery.mjs";
 import { useEffect } from "react";
 import { authInfo } from "../utils/authFetch.mjs";
 function useFabProvideInfo(baseUrl, auth) {

package/dist/core/lib/Tables/NextGenDataGrid/NextGenDataGrid.d.ts

@@ -10,11 +10,11 @@ export type NextGenDataGridChildrenProps = {
 };
 export type NextGenDataGridFilterStateProps = {
     /**
-     * - Filter value
+     * - Filter value. When provided, the value will be synchronized with the inner filter state.
      */
-    value: any;
+    value?: any;
     /**
-     * - Callback when the filter value changes
+     * - Callback when the inner filter value changes.
      */
     onChange: (value: any) => void;
     /**

package/dist/core/lib/Wrappers/ApiProvider/ApiProvider.d.ts

@@ -1,14 +1,56 @@
-export function ApiProvider({ resource_name, initialQueryParams, relation, fetchInfo, clearInfoOnRefetch, clearDataOnRefetch, resetQueryParamsOnPathChange, infoQueryProps, dataQueryProps, throwOnError, streaming, children, }: {
+/**
+ * ApiProvider component that wraps the application and provides the API context, bulk actions context, and form contexts.
+ * @param {ApiProviderProps} props
+ * @returns {JSX.Element}
+ */
+export function ApiProvider({ resource_name, initialQueryParams, relation, fetchInfo, clearInfoOnRefetch, clearDataOnRefetch, resetQueryParamsOnPathChange, infoQueryProps, dataQueryProps, throwOnError, streaming, children, }: ApiProviderProps): JSX.Element;
+export type ApiProviderProps = {
+    /**
+     * - The name of the resource to be used in the API path
+     */
     resource_name?: string;
-    initialQueryParams: any;
-    relation: any;
-    fetchInfo: any;
-    clearInfoOnRefetch: any;
-    clearDataOnRefetch: any;
-    resetQueryParamsOnPathChange: any;
-    infoQueryProps: any;
-    dataQueryProps: any;
-    throwOnError: any;
-    streaming: any;
-    children: any;
-}): import("react").JSX.Element;
+    /**
+     * - The initial query parameters to be used in the API requests
+     */
+    initialQueryParams?: Record<string, any>;
+    /**
+     * - The relation to be used in the API requests
+     */
+    relation?: string;
+    /**
+     * - Whether to fetch the `info` for the API requests when the component mounts
+     */
+    fetchInfo?: boolean;
+    /**
+     * - Whether to clear the `info` on refetch
+     */
+    clearInfoOnRefetch?: boolean;
+    /**
+     * - Whether to clear the `data` on refetch
+     */
+    clearDataOnRefetch?: boolean;
+    /**
+     * - Whether to reset the `queryParams` on path change
+     */
+    resetQueryParamsOnPathChange?: boolean;
+    /**
+     * - The react-query props for the info query
+     */
+    infoQueryProps?: Record<string, any>;
+    /**
+     * - The react-query props for the data query
+     */
+    dataQueryProps?: Record<string, any>;
+    /**
+     * - Whether to throw an error on API request failure
+     */
+    throwOnError?: boolean;
+    /**
+     * - Whether to enable streaming for the API requests
+     */
+    streaming?: boolean;
+    /**
+     * - The children to be rendered inside the provider
+     */
+    children: ReactNode;
+};

package/dist/core/lib/Wrappers/ApiProvider/Contexts/ApiContext.d.ts

@@ -26,7 +26,7 @@
 export const ApiContext: import('react').Context<{
     path: string;
     /**
-     * @type {{count: number, description_columns: Record<string, string>, ids: number[] | string[], label_columns: Record<string, string>, list_columns: string[], list_title: string, order_columns: string[], result: Record<string, any>[], path: string} | null}
+     * @type {{count: number, description_columns: Record<string, string>, ids: number[] | string[], label_columns: Record<string, string>, list_columns: string[], list_title: string, order_columns: string[], result: Record<string, any>[], path: string, queryParams: Record<string, any>} | null}
      */
     data: {
         count: number;
@@ -38,6 +38,7 @@ export const ApiContext: import('react').Context<{
         order_columns: string[];
         result: Record<string, any>[];
         path: string;
+        queryParams: Record<string, any>;
     } | null;
     /**
      * @type {{add_columns: Record<string, ColumnInfo>[], add_title: string, add_schema: Record<string, any>, add_uischema: Record<string, any>, edit_columns: Record<string, ColumnInfo>[], edit_title: string, edit_schema: Record<string, any>, edit_uischema: Record<string, any>, filter_options: Record<string, any>, filters: Record<string, Filter>, permissions: string[], relations: string[] | null, path: string} | null}

package/dist/core/lib/Wrappers/ApiProvider/hooks/useProvideApi.d.ts

@@ -22,7 +22,7 @@ export function useProvideApi({ path, initialQueryParams, relation, fetchInfo, c
     streaming: {
         data: {};
         isEnd: boolean;
-        fetch: () => any;
+        fetch: () => void;
     };
     specialKey: {
         all: string;

package/dist/core/lib/Wrappers/InfiniteScroll/InfiniteScroll.d.ts

@@ -0,0 +1,29 @@
+export function InfiniteScroll({ children, fetch, components: { Loading, End, FetchWrapper, }, fetchWrapperProps, }: {
+    children: React.ReactNode | ((props: InfiniteScrollChildrenProps) => React.ReactNode);
+    components: InfiniteScrollComponentsProps;
+    fetchWrapperProps: any;
+}): import("react").JSX.Element;
+export type InfiniteScrollComponentsProps = {
+    /**
+     * - Component to render while loading more items.
+     */
+    Loading?: React.ReactNode;
+    /**
+     * - Component to render when all items have been loaded.
+     */
+    End?: React.ReactNode;
+    /**
+     * - Component to use as a wrapper for the fetch trigger.
+     */
+    FetchWrapper?: React.ReactNode;
+};
+export type InfiniteScrollChildrenProps = {
+    /**
+     * - The items fetched from the API.
+     */
+    items: Record<string, any>[];
+    /**
+     * - Indicates whether the data is currently being loaded.
+     */
+    loading: boolean;
+};

package/dist/core/lib/Wrappers/Provider/Provider.d.ts

@@ -4,6 +4,10 @@ export type ProviderProps = {
      * - The base URL for the API
      */
     baseUrl: string;
+    /**
+     * - The props for the QueryClient. See here `https://tanstack.com/query/latest/docs/reference/QueryClient`
+     */
+    queryClientProps?: Record<string, any>;
     /**
      * - The react-query props for the auth. See here `https://tanstack.com/query/latest/docs/framework/react/reference/useQuery`
      */

package/dist/core/lib/fab-react-toolkit-patch/api/hooks/useProvideApi.d.ts

@@ -22,7 +22,7 @@ export function useFabProvideApi({ path, initialQueryParams, relation, fetchInfo
     streaming: {
         data: {};
         isEnd: boolean;
-        fetch: () => any;
+        fetch: () => void;
     };
     specialKey: {
         all: string;

package/dist/core/lib/hooks/api/useApi.d.ts

@@ -10,6 +10,7 @@ export function useApi(): {
         order_columns: string[];
         result: Record<string, any>[];
         path: string;
+        queryParams: Record<string, any>;
     } | null;
     info: {
         add_columns: Record<string, import('../../Wrappers/ApiProvider/Contexts/ApiContext').ColumnInfo>[];

package/dist/hooks/cjs/useSyncValues/useSyncValues.cjs

@@ -7,18 +7,15 @@ const useSyncValues = (states, { equals = (a, b) => a === b, delay = constants.D
   const timeoutRef = react.useRef(null);
   react.useEffect(
     () => {
-      const changed = states.find((state) => !equals(state.value, lastValueRef.current));
-      if (!changed) {
+      const changedIndex = states.findIndex((state) => "value" in state && !equals(state.value, lastValueRef.current));
+      if (changedIndex === -1) {
         return;
       }
       clearTimeout(timeoutRef.current);
       timeoutRef.current = setTimeout(() => {
-        lastValueRef.current = changed.value;
-        states.forEach((state) => {
-          if (!equals(state.value, lastValueRef.current)) {
-            state.onChange(lastValueRef.current);
-          }
-        });
+        const newValue = states[changedIndex].value;
+        lastValueRef.current = newValue;
+        states.filter((state, index) => index !== changedIndex && !equals(state.value, newValue)).forEach((state) => state.onChange(newValue));
       }, delay);
       return () => clearTimeout(timeoutRef.current);
     },

package/dist/hooks/esm/useSyncValues/useSyncValues.mjs

@@ -5,18 +5,15 @@ const useSyncValues = (states, { equals = (a, b) => a === b, delay = DEBOUNCE_DE
   const timeoutRef = useRef(null);
   useEffect(
     () => {
-      const changed = states.find((state) => !equals(state.value, lastValueRef.current));
-      if (!changed) {
+      const changedIndex = states.findIndex((state) => "value" in state && !equals(state.value, lastValueRef.current));
+      if (changedIndex === -1) {
         return;
       }
       clearTimeout(timeoutRef.current);
       timeoutRef.current = setTimeout(() => {
-        lastValueRef.current = changed.value;
-        states.forEach((state) => {
-          if (!equals(state.value, lastValueRef.current)) {
-            state.onChange(lastValueRef.current);
-          }
-        });
+        const newValue = states[changedIndex].value;
+        lastValueRef.current = newValue;
+        states.filter((state, index) => index !== changedIndex && !equals(state.value, newValue)).forEach((state) => state.onChange(newValue));
       }, delay);
       return () => clearTimeout(timeoutRef.current);
     },

package/dist/hooks/lib/useSyncValues/useSyncValues.d.ts

@@ -1,5 +1,5 @@
 export function useSyncValues(states: {
-    value: any;
+    value?: any;
     onChange: (value: any) => void;
 }[], { equals, delay }?: {
     equals: (a: any, b: any) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fastapi-rtk",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "private": false,
   "description": "A React component library for FastAPI in combination with FastAPI React Toolkit backend, built with Mantine, JsonForms, and Zustand.",
   "license": "MIT",