@suspensive/react-query-4 3.2.2 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/SuspenseQueries.cjs +1 -33
  2. package/dist/SuspenseQueries.cjs.map +1 -1
  3. package/dist/SuspenseQueries.d.cts +1 -4
  4. package/dist/SuspenseQueries.d.ts +1 -4
  5. package/dist/SuspenseQueries.js +1 -2
  6. package/dist/SuspenseQuery.cjs +1 -28
  7. package/dist/SuspenseQuery.cjs.map +1 -1
  8. package/dist/SuspenseQuery.d.cts +1 -3
  9. package/dist/SuspenseQuery.d.ts +1 -3
  10. package/dist/SuspenseQuery.js +1 -2
  11. package/dist/{chunk-MMV3JWIQ.js → chunk-7AETAPCD.js} +2 -4
  12. package/dist/chunk-7AETAPCD.js.map +1 -0
  13. package/dist/{chunk-3OKEPIW3.js → chunk-CCIJG25S.js} +1 -1
  14. package/dist/chunk-CCIJG25S.js.map +1 -0
  15. package/dist/{chunk-D5FKB2PY.js → chunk-QYGYB5UC.js} +4 -4
  16. package/dist/chunk-QYGYB5UC.js.map +1 -0
  17. package/dist/chunk-WCKC4M3O.js +12 -0
  18. package/dist/chunk-WCKC4M3O.js.map +1 -0
  19. package/dist/chunk-YFVQ7O2B.js +12 -0
  20. package/dist/chunk-YFVQ7O2B.js.map +1 -0
  21. package/dist/chunk-Z4ML33QN.js +10 -0
  22. package/dist/chunk-Z4ML33QN.js.map +1 -0
  23. package/dist/index.cjs +20 -36
  24. package/dist/index.cjs.map +1 -1
  25. package/dist/index.js +10 -10
  26. package/dist/infiniteQueryOptions.cjs.map +1 -1
  27. package/dist/infiniteQueryOptions.d.cts +6 -0
  28. package/dist/infiniteQueryOptions.d.ts +6 -0
  29. package/dist/infiniteQueryOptions.js +1 -1
  30. package/dist/queryOptions.cjs +2 -3
  31. package/dist/queryOptions.cjs.map +1 -1
  32. package/dist/queryOptions.d.cts +15 -7
  33. package/dist/queryOptions.d.ts +15 -7
  34. package/dist/queryOptions.js +1 -1
  35. package/dist/useSuspenseQueries.cjs +1 -28
  36. package/dist/useSuspenseQueries.cjs.map +1 -1
  37. package/dist/useSuspenseQueries.d.cts +25 -46
  38. package/dist/useSuspenseQueries.d.ts +25 -46
  39. package/dist/useSuspenseQueries.js +1 -1
  40. package/dist/useSuspenseQuery.cjs +1 -25
  41. package/dist/useSuspenseQuery.cjs.map +1 -1
  42. package/dist/useSuspenseQuery.d.cts +29 -10
  43. package/dist/useSuspenseQuery.d.ts +29 -10
  44. package/dist/useSuspenseQuery.js +1 -1
  45. package/package.json +5 -5
  46. package/src/PrefetchQuery.test-d.tsx +1 -1
  47. package/src/SuspenseQueries.test-d.tsx +1 -3
  48. package/src/SuspenseQueries.tsx +1 -1
  49. package/src/SuspenseQuery.test-d.tsx +5 -6
  50. package/src/SuspenseQuery.tsx +6 -2
  51. package/src/infiniteQueryOptions.ts +6 -0
  52. package/src/queryOptions.test-d.tsx +25 -15
  53. package/src/queryOptions.ts +15 -26
  54. package/src/usePrefetchQuery.test-d.tsx +1 -1
  55. package/src/useSuspenseQueries.test-d.ts +4 -6
  56. package/src/useSuspenseQueries.ts +29 -114
  57. package/src/useSuspenseQuery.test-d.ts +5 -6
  58. package/src/useSuspenseQuery.ts +33 -32
  59. package/dist/chunk-3E4WCXHQ.js +0 -21
  60. package/dist/chunk-3E4WCXHQ.js.map +0 -1
  61. package/dist/chunk-3OKEPIW3.js.map +0 -1
  62. package/dist/chunk-D5FKB2PY.js.map +0 -1
  63. package/dist/chunk-MMV3JWIQ.js.map +0 -1
  64. package/dist/chunk-NIWB6JKL.js +0 -24
  65. package/dist/chunk-NIWB6JKL.js.map +0 -1
  66. package/dist/chunk-UVSCLLGR.js +0 -11
  67. package/dist/chunk-UVSCLLGR.js.map +0 -1
@@ -1,26 +1,9 @@
1
1
  "use client"
2
2
  "use strict";
3
3
  var __defProp = Object.defineProperty;
4
- var __defProps = Object.defineProperties;
5
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
7
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
6
  var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
- var __spreadValues = (a, b) => {
13
- for (var prop in b || (b = {}))
14
- if (__hasOwnProp.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- if (__getOwnPropSymbols)
17
- for (var prop of __getOwnPropSymbols(b)) {
18
- if (__propIsEnum.call(b, prop))
19
- __defNormalProp(a, prop, b[prop]);
20
- }
21
- return a;
22
- };
23
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
7
  var __export = (target, all) => {
25
8
  for (var name in all)
26
9
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -41,28 +24,13 @@ __export(SuspenseQueries_exports, {
41
24
  SuspenseQueries: () => SuspenseQueries
42
25
  });
43
26
  module.exports = __toCommonJS(SuspenseQueries_exports);
44
-
45
- // src/useSuspenseQueries.ts
46
27
  var import_react_query = require("@tanstack/react-query");
47
- function useSuspenseQueries({
48
- queries,
49
- context
50
- }) {
51
- return (0, import_react_query.useQueries)({
52
- queries: queries.map((query) => __spreadProps(__spreadValues({}, query), {
53
- suspense: true
54
- })),
55
- context
56
- });
57
- }
58
-
59
- // src/SuspenseQueries.tsx
60
28
  var import_jsx_runtime = require("react/jsx-runtime");
61
29
  function SuspenseQueries({
62
30
  children,
63
31
  queries
64
32
  }) {
65
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: children(useSuspenseQueries({ queries })) });
33
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: children((0, import_react_query.useSuspenseQueries)({ queries })) });
66
34
  }
67
35
  // Annotate the CommonJS export names for ESM import in node:
68
36
  0 && (module.exports = {
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/SuspenseQueries.tsx","../src/useSuspenseQueries.ts"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseQueries/>` serves to make `useSuspenseQueries` easier to use in jsx.\n * @see {@link https://suspensive.org/docs/react-query/SuspenseQueries Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseQueries } from '@suspensive/react-query'\n *\n * <SuspenseQueries queries={[firstQueryOptions(), secondQueryOptions()]}>\n * {([{ data: firstQueryData }, { data: secondQueryData }]) => {\n * return <></>\n * }}\n * </SuspenseQueries>\n * ```\n */\nexport function SuspenseQueries<T extends any[]>({\n children,\n queries,\n}: {\n queries: readonly [...SuspenseQueriesOptions<T>]\n children: (queries: SuspenseQueriesResults<T>) => ReactNode\n}) {\n return <>{children(useSuspenseQueries({ queries }))}</>\n}\n","import { type QueryFunction, type UseQueryOptions, useQueries } from '@tanstack/react-query'\nimport type { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery'\n\n// Avoid TS depth-limit error in case of large array literal\ntype MAXIMUM_DEPTH = 20\n\ntype GetSuspenseOptions<T> =\n // Part 1: responsible for applying explicit type parameter to function arguments, if object { queryFnData: TQueryFnData, error: TError, data: TData }\n T extends {\n queryFnData: infer TQueryFnData\n error?: infer TError\n data: infer TData\n }\n ? UseSuspenseQueryOptions<TQueryFnData, TError, TData>\n : T extends { queryFnData: infer TQueryFnData; error?: infer TError }\n ? UseSuspenseQueryOptions<TQueryFnData, TError>\n : T extends { data: infer TData; error?: infer TError }\n ? UseSuspenseQueryOptions<unknown, TError, TData>\n : // Part 2: responsible for applying explicit type parameter to function arguments, if tuple [TQueryFnData, TError, TData]\n T extends [infer TQueryFnData, infer TError, infer TData]\n ? UseSuspenseQueryOptions<TQueryFnData, TError, TData>\n : T extends [infer TQueryFnData, infer TError]\n ? UseSuspenseQueryOptions<TQueryFnData, TError>\n : T extends [infer TQueryFnData]\n ? UseSuspenseQueryOptions<TQueryFnData>\n : // Part 3: responsible for inferring and enforcing type if no explicit parameter was provided\n T extends {\n queryFn?: QueryFunction<infer TQueryFnData, infer TQueryKey>\n select?: (data: any) => infer TData\n }\n ? UseSuspenseQueryOptions<TQueryFnData, unknown, TData, TQueryKey>\n : T extends {\n queryFn?: QueryFunction<infer TQueryFnData, infer TQueryKey>\n }\n ? UseSuspenseQueryOptions<TQueryFnData, unknown, TQueryFnData, TQueryKey>\n : // Fallback\n UseSuspenseQueryOptions\n\ntype GetSuspenseResults<T> =\n // Part 1: responsible for mapping explicit type parameter to function result, if object\n T extends { queryFnData: any; error?: infer TError; data: infer TData }\n ? UseSuspenseQueryResult<TData, TError>\n : T extends { queryFnData: infer TQueryFnData; error?: infer TError }\n ? UseSuspenseQueryResult<TQueryFnData, TError>\n : T extends { data: infer TData; error?: infer TError }\n ? UseSuspenseQueryResult<TData, TError>\n : // Part 2: responsible for mapping explicit type parameter to function result, if tuple\n T extends [any, infer TError, infer TData]\n ? UseSuspenseQueryResult<TData, TError>\n : T extends [infer TQueryFnData, infer TError]\n ? UseSuspenseQueryResult<TQueryFnData, TError>\n : T extends [infer TQueryFnData]\n ? UseSuspenseQueryResult<TQueryFnData>\n : // Part 3: responsible for mapping inferred type to results, if no explicit parameter was provided\n T extends {\n queryFn?: QueryFunction<infer TQueryFnData, any>\n select?: (data: any) => infer TData\n }\n ? UseSuspenseQueryResult<unknown extends TData ? TQueryFnData : TData>\n : T extends {\n queryFn?: QueryFunction<infer TQueryFnData, any>\n }\n ? UseSuspenseQueryResult<TQueryFnData>\n : // Fallback\n UseSuspenseQueryResult\n\n/**\n * SuspenseQueriesOptions reducer recursively unwraps function arguments to infer/enforce type param\n */\nexport type SuspenseQueriesOptions<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = TDepth['length'] extends MAXIMUM_DEPTH\n ? Array<UseSuspenseQueryOptions>\n : T extends []\n ? []\n : T extends [infer Head]\n ? [...TResult, GetSuspenseOptions<Head>]\n : T extends [infer Head, ...infer Tail]\n ? SuspenseQueriesOptions<[...Tail], [...TResult, GetSuspenseOptions<Head>], [...TDepth, 1]>\n : Array<unknown> extends T\n ? T\n : // If T is *some* array but we couldn't assign unknown[] to it, then it must hold some known/homogenous type!\n // use this to infer the param types in the case of Array.map() argument\n T extends Array<UseSuspenseQueryOptions<infer TQueryFnData, infer TError, infer TData, infer TQueryKey>>\n ? Array<UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey>>\n : // Fallback\n Array<UseSuspenseQueryOptions>\n\n/**\n * SuspenseQueriesResults reducer recursively maps type param to results\n */\nexport type SuspenseQueriesResults<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = TDepth['length'] extends MAXIMUM_DEPTH\n ? Array<UseSuspenseQueryResult>\n : T extends []\n ? []\n : T extends [infer Head]\n ? [...TResult, GetSuspenseResults<Head>]\n : T extends [infer Head, ...infer Tail]\n ? SuspenseQueriesResults<[...Tail], [...TResult, GetSuspenseResults<Head>], [...TDepth, 1]>\n : T extends Array<UseSuspenseQueryOptions<infer TQueryFnData, infer TError, infer TData, any>>\n ? // Dynamic-size (homogenous) UseQueryOptions array: map directly to array of results\n Array<UseSuspenseQueryResult<unknown extends TData ? TQueryFnData : TData, TError>>\n : // Fallback\n Array<UseSuspenseQueryResult>\n\n/**\n * This hook is wrapping `useQueries` of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/docs/react-query/useSuspenseQueries Suspensive Docs}\n */\nexport function useSuspenseQueries<T extends any[]>({\n queries,\n context,\n}: {\n queries: readonly [...SuspenseQueriesOptions<T>]\n context?: UseQueryOptions['context']\n}): SuspenseQueriesResults<T> {\n return useQueries({\n queries: queries.map((query: typeof queries) => ({\n // eslint-disable-next-line @typescript-eslint/no-misused-spread\n ...query,\n suspense: true,\n })),\n context,\n }) as SuspenseQueriesResults<T>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,yBAAqE;AAmH9D,SAAS,mBAAoC;AAAA,EAClD;AAAA,EACA;AACF,GAG8B;AAC5B,aAAO,+BAAW;AAAA,IAChB,SAAS,QAAQ,IAAI,CAAC,UAA2B,iCAE5C,QAF4C;AAAA,MAG/C,UAAU;AAAA,IACZ,EAAE;AAAA,IACF;AAAA,EACF,CAAC;AACH;;;ADzGS;AAPF,SAAS,gBAAiC;AAAA,EAC/C;AAAA,EACA;AACF,GAGG;AACD,SAAO,2EAAG,mBAAS,mBAAmB,EAAE,QAAQ,CAAC,CAAC,GAAE;AACtD;","names":[]}
1
+ {"version":3,"sources":["../src/SuspenseQueries.tsx"],"sourcesContent":["import { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseQueries/>` serves to make `useSuspenseQueries` easier to use in jsx.\n * @see {@link https://suspensive.org/docs/react-query/SuspenseQueries Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseQueries } from '@suspensive/react-query'\n *\n * <SuspenseQueries queries={[firstQueryOptions(), secondQueryOptions()]}>\n * {([{ data: firstQueryData }, { data: secondQueryData }]) => {\n * return <></>\n * }}\n * </SuspenseQueries>\n * ```\n */\nexport function SuspenseQueries<T extends any[]>({\n children,\n queries,\n}: {\n queries: readonly [...SuspenseQueriesOptions<T>]\n children: (queries: SuspenseQueriesResults<T>) => ReactNode\n}) {\n return <>{children(useSuspenseQueries({ queries }))}</>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA6F;AAyBpF;AAPF,SAAS,gBAAiC;AAAA,EAC/C;AAAA,EACA;AACF,GAGG;AACD,SAAO,2EAAG,uBAAS,uCAAmB,EAAE,QAAQ,CAAC,CAAC,GAAE;AACtD;","names":[]}
@@ -1,9 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { SuspenseQueriesOptions, SuspenseQueriesResults } from '@tanstack/react-query';
2
3
  import { ReactNode } from 'react';
3
- import { SuspenseQueriesOptions, SuspenseQueriesResults } from './useSuspenseQueries.cjs';
4
- import '@tanstack/react-query';
5
- import './useSuspenseQuery.cjs';
6
- import './OmitKeyof-CFsZLI4k.cjs';
7
4
 
8
5
  /**
9
6
  * We provide these components to clearly express what causes suspense at the same depth.
@@ -1,9 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { SuspenseQueriesOptions, SuspenseQueriesResults } from '@tanstack/react-query';
2
3
  import { ReactNode } from 'react';
3
- import { SuspenseQueriesOptions, SuspenseQueriesResults } from './useSuspenseQueries.js';
4
- import '@tanstack/react-query';
5
- import './useSuspenseQuery.js';
6
- import './OmitKeyof-CFsZLI4k.js';
7
4
 
8
5
  /**
9
6
  * We provide these components to clearly express what causes suspense at the same depth.
@@ -1,8 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  SuspenseQueries
4
- } from "./chunk-MMV3JWIQ.js";
5
- import "./chunk-NIWB6JKL.js";
4
+ } from "./chunk-7AETAPCD.js";
6
5
  import "./chunk-QETBZSG5.js";
7
6
  export {
8
7
  SuspenseQueries
@@ -1,26 +1,11 @@
1
1
  "use client"
2
2
  "use strict";
3
3
  var __defProp = Object.defineProperty;
4
- var __defProps = Object.defineProperties;
5
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
7
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
8
6
  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
10
8
  var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
- var __spreadValues = (a, b) => {
13
- for (var prop in b || (b = {}))
14
- if (__hasOwnProp.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- if (__getOwnPropSymbols)
17
- for (var prop of __getOwnPropSymbols(b)) {
18
- if (__propIsEnum.call(b, prop))
19
- __defNormalProp(a, prop, b[prop]);
20
- }
21
- return a;
22
- };
23
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
9
  var __objRest = (source, exclude) => {
25
10
  var target = {};
26
11
  for (var prop in source)
@@ -53,19 +38,7 @@ __export(SuspenseQuery_exports, {
53
38
  SuspenseQuery: () => SuspenseQuery
54
39
  });
55
40
  module.exports = __toCommonJS(SuspenseQuery_exports);
56
-
57
- // src/useSuspenseQuery.ts
58
41
  var import_react_query = require("@tanstack/react-query");
59
- function useSuspenseQuery(options) {
60
- return (0, import_react_query.useQuery)(__spreadProps(__spreadValues({}, options), {
61
- enabled: true,
62
- useErrorBoundary: true,
63
- suspense: true,
64
- networkMode: "always"
65
- }));
66
- }
67
-
68
- // src/SuspenseQuery.tsx
69
42
  var import_jsx_runtime = require("react/jsx-runtime");
70
43
  var SuspenseQuery = (_a) => {
71
44
  var _b = _a, {
@@ -73,7 +46,7 @@ var SuspenseQuery = (_a) => {
73
46
  } = _b, options = __objRest(_b, [
74
47
  "children"
75
48
  ]);
76
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: children(useSuspenseQuery(options)) });
49
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: children((0, import_react_query.useSuspenseQuery)(options)) });
77
50
  };
78
51
  // Annotate the CommonJS export names for ESM import in node:
79
52
  0 && (module.exports = {
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/SuspenseQuery.tsx","../src/useSuspenseQuery.ts"],"sourcesContent":["import type { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { type UseSuspenseQueryOptions, type UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseQuery/>` serves to make `useSuspenseQuery` easier to use in jsx.\n * @see {@link https://suspensive.org/docs/react-query/SuspenseQuery Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseQuery } from '@suspensive/react-query'\n *\n * // You can use QueryOptions as props.\n * <SuspenseQuery {...queryOptions()}>\n * {({ data, isLoading }) => {\n * return <></>\n * }\n * </SuspenseQuery>\n * ```\n */\nexport const SuspenseQuery = <\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>({\n children,\n ...options\n}: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {\n children: (queryResult: UseSuspenseQueryResult<TData, TError>) => ReactNode\n}) => <>{children(useSuspenseQuery(options))}</>\n","import { type QueryKey, type UseQueryOptions, type UseQueryResult, useQuery } from '@tanstack/react-query'\nimport type { OmitKeyof } from './utility-types'\n\nexport interface UseSuspenseQueryResult<TData = unknown, TError = unknown>\n extends OmitKeyof<UseQueryResult<TData, TError>, keyof Pick<UseQueryResult, 'isPlaceholderData'>> {\n data: TData\n status: 'success'\n}\n\nexport type UseSuspenseQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n 'suspense' | 'useErrorBoundary' | 'enabled' | 'placeholderData' | 'networkMode'\n>\n\n/**\n * This hook is wrapping `useQuery` of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/docs/react-query/useSuspenseQuery Suspensive Docs}\n */\nexport function useSuspenseQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n return useQuery<TQueryFnData, TError, TData, TQueryKey>({\n ...options,\n enabled: true,\n useErrorBoundary: true,\n suspense: true,\n networkMode: 'always',\n }) as UseSuspenseQueryResult<TData, TError>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,yBAAmF;AAuB5E,SAAS,iBAKd,SAA0E;AAC1E,aAAO,6BAAiD,iCACnD,UADmD;AAAA,IAEtD,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,UAAU;AAAA,IACV,aAAa;AAAA,EACf,EAAC;AACH;;;ADNM;AAVC,IAAM,gBAAgB,CAK3B,OAKC;AALD,eACA;AAAA;AAAA,EA1BF,IAyBE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,oFAAG,mBAAS,iBAAiB,OAAO,CAAC,GAAE;AAAA;","names":[]}
1
+ {"version":3,"sources":["../src/SuspenseQuery.tsx"],"sourcesContent":["import {\n type QueryKey,\n type UseSuspenseQueryOptions,\n type UseSuspenseQueryResult,\n useSuspenseQuery,\n} from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseQuery/>` serves to make `useSuspenseQuery` easier to use in jsx.\n * @see {@link https://suspensive.org/docs/react-query/SuspenseQuery Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseQuery } from '@suspensive/react-query'\n *\n * // You can use QueryOptions as props.\n * <SuspenseQuery {...queryOptions()}>\n * {({ data, isLoading }) => {\n * return <></>\n * }\n * </SuspenseQuery>\n * ```\n */\nexport const SuspenseQuery = <\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>({\n children,\n ...options\n}: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {\n children: (queryResult: UseSuspenseQueryResult<TData, TError>) => ReactNode\n}) => <>{children(useSuspenseQuery(options))}</>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAKO;AA6BD;AAVC,IAAM,gBAAgB,CAK3B,OAKC;AALD,eACA;AAAA;AAAA,EA9BF,IA6BE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,oFAAG,uBAAS,qCAAiB,OAAO,CAAC,GAAE;AAAA;","names":[]}
@@ -1,8 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { QueryKey } from '@tanstack/react-query';
2
+ import { QueryKey, UseSuspenseQueryOptions, UseSuspenseQueryResult } from '@tanstack/react-query';
3
3
  import { ReactNode } from 'react';
4
- import { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery.cjs';
5
- import './OmitKeyof-CFsZLI4k.cjs';
6
4
 
7
5
  /**
8
6
  * We provide these components to clearly express what causes suspense at the same depth.
@@ -1,8 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { QueryKey } from '@tanstack/react-query';
2
+ import { QueryKey, UseSuspenseQueryOptions, UseSuspenseQueryResult } from '@tanstack/react-query';
3
3
  import { ReactNode } from 'react';
4
- import { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery.js';
5
- import './OmitKeyof-CFsZLI4k.js';
6
4
 
7
5
  /**
8
6
  * We provide these components to clearly express what causes suspense at the same depth.
@@ -1,8 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  SuspenseQuery
4
- } from "./chunk-D5FKB2PY.js";
5
- import "./chunk-3E4WCXHQ.js";
4
+ } from "./chunk-QYGYB5UC.js";
6
5
  import "./chunk-QETBZSG5.js";
7
6
  export {
8
7
  SuspenseQuery
@@ -1,9 +1,7 @@
1
1
  "use client"
2
- import {
3
- useSuspenseQueries
4
- } from "./chunk-NIWB6JKL.js";
5
2
 
6
3
  // src/SuspenseQueries.tsx
4
+ import { useSuspenseQueries } from "@tanstack/react-query";
7
5
  import { Fragment, jsx } from "react/jsx-runtime";
8
6
  function SuspenseQueries({
9
7
  children,
@@ -15,4 +13,4 @@ function SuspenseQueries({
15
13
  export {
16
14
  SuspenseQueries
17
15
  };
18
- //# sourceMappingURL=chunk-MMV3JWIQ.js.map
16
+ //# sourceMappingURL=chunk-7AETAPCD.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/SuspenseQueries.tsx"],"sourcesContent":["import { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseQueries/>` serves to make `useSuspenseQueries` easier to use in jsx.\n * @see {@link https://suspensive.org/docs/react-query/SuspenseQueries Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseQueries } from '@suspensive/react-query'\n *\n * <SuspenseQueries queries={[firstQueryOptions(), secondQueryOptions()]}>\n * {([{ data: firstQueryData }, { data: secondQueryData }]) => {\n * return <></>\n * }}\n * </SuspenseQueries>\n * ```\n */\nexport function SuspenseQueries<T extends any[]>({\n children,\n queries,\n}: {\n queries: readonly [...SuspenseQueriesOptions<T>]\n children: (queries: SuspenseQueriesResults<T>) => ReactNode\n}) {\n return <>{children(useSuspenseQueries({ queries }))}</>\n}\n"],"mappings":";;;AAAA,SAAmE,0BAA0B;AAyBpF;AAPF,SAAS,gBAAiC;AAAA,EAC/C;AAAA,EACA;AACF,GAGG;AACD,SAAO,gCAAG,mBAAS,mBAAmB,EAAE,QAAQ,CAAC,CAAC,GAAE;AACtD;","names":[]}
@@ -8,4 +8,4 @@ function infiniteQueryOptions(options) {
8
8
  export {
9
9
  infiniteQueryOptions
10
10
  };
11
- //# sourceMappingURL=chunk-3OKEPIW3.js.map
11
+ //# sourceMappingURL=chunk-CCIJG25S.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/infiniteQueryOptions.ts"],"sourcesContent":["import type { InfiniteData, QueryKey, UseInfiniteQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\n/**\n * @deprecated There is no `SelectedInfiniteOptions` in \\@tanstack/react-query@^4.40.0.\n */\nexport type SelectedInfiniteOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n | 'networkMode'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select: (data: InfiniteData<TQueryFnData>) => InfiniteData<TData>\n}\n\n/**\n * @deprecated There is no `UnSelectedInfiniteOptions` in \\@tanstack/react-query@^4.40.0.\n */\nexport type UnSelectedInfiniteOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n | 'networkMode'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select?: undefined\n}\n\nexport function infiniteQueryOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n): SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function infiniteQueryOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n): UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function infiniteQueryOptions(options: unknown) {\n return options\n}\n"],"mappings":";;;AA+EO,SAAS,qBAAqB,SAAkB;AACrD,SAAO;AACT;","names":[]}
@@ -1,12 +1,12 @@
1
1
  "use client"
2
- import {
3
- useSuspenseQuery
4
- } from "./chunk-3E4WCXHQ.js";
5
2
  import {
6
3
  __objRest
7
4
  } from "./chunk-QETBZSG5.js";
8
5
 
9
6
  // src/SuspenseQuery.tsx
7
+ import {
8
+ useSuspenseQuery
9
+ } from "@tanstack/react-query";
10
10
  import { Fragment, jsx } from "react/jsx-runtime";
11
11
  var SuspenseQuery = (_a) => {
12
12
  var _b = _a, {
@@ -20,4 +20,4 @@ var SuspenseQuery = (_a) => {
20
20
  export {
21
21
  SuspenseQuery
22
22
  };
23
- //# sourceMappingURL=chunk-D5FKB2PY.js.map
23
+ //# sourceMappingURL=chunk-QYGYB5UC.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/SuspenseQuery.tsx"],"sourcesContent":["import {\n type QueryKey,\n type UseSuspenseQueryOptions,\n type UseSuspenseQueryResult,\n useSuspenseQuery,\n} from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseQuery/>` serves to make `useSuspenseQuery` easier to use in jsx.\n * @see {@link https://suspensive.org/docs/react-query/SuspenseQuery Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseQuery } from '@suspensive/react-query'\n *\n * // You can use QueryOptions as props.\n * <SuspenseQuery {...queryOptions()}>\n * {({ data, isLoading }) => {\n * return <></>\n * }\n * </SuspenseQuery>\n * ```\n */\nexport const SuspenseQuery = <\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>({\n children,\n ...options\n}: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {\n children: (queryResult: UseSuspenseQueryResult<TData, TError>) => ReactNode\n}) => <>{children(useSuspenseQuery(options))}</>\n"],"mappings":";;;;;;AAAA;AAAA,EAIE;AAAA,OACK;AA6BD;AAVC,IAAM,gBAAgB,CAK3B,OAKC;AALD,eACA;AAAA;AAAA,EA9BF,IA6BE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,yCAAG,mBAAS,iBAAiB,OAAO,CAAC,GAAE;AAAA;","names":[]}
@@ -0,0 +1,12 @@
1
+ "use client"
2
+
3
+ // src/useSuspenseQueries.ts
4
+ import {
5
+ useSuspenseQueries as original_useSuspenseQueries
6
+ } from "@tanstack/react-query";
7
+ var useSuspenseQueries = original_useSuspenseQueries;
8
+
9
+ export {
10
+ useSuspenseQueries
11
+ };
12
+ //# sourceMappingURL=chunk-WCKC4M3O.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/useSuspenseQueries.ts"],"sourcesContent":["import {\n type SuspenseQueriesOptions as original_SuspenseQueriesOptions,\n type SuspenseQueriesResults as original_SuspenseQueriesResults,\n useSuspenseQueries as original_useSuspenseQueries,\n} from '@tanstack/react-query'\n\n/**\n * This feature is officially supported in \\@tanstack/react-query@^4.40.0, You can proceed with the migration.\n * @deprecated Use `SuspenseQueriesOptions` from \\@tanstack/react-query@^4.40.0\n * @example\n * ```diff\n * - import type { SuspenseQueriesOptions } from '@suspensive/react-query'\n * + import type { SuspenseQueriesOptions } from '@tanstack/react-query'\n * ```\n */\nexport type SuspenseQueriesOptions<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = original_SuspenseQueriesOptions<T, TResult, TDepth>\n\n/**\n * This feature is officially supported in \\@tanstack/react-query@^4.40.0, You can proceed with the migration.\n * @deprecated Use `SuspenseQueriesResults` from \\@tanstack/react-query@^4.40.0\n * @example\n * ```diff\n * - import type { SuspenseQueriesResults } from '@suspensive/react-query'\n * + import type { SuspenseQueriesResults } from '@tanstack/react-query'\n * ```\n */\nexport type SuspenseQueriesResults<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = original_SuspenseQueriesResults<T, TResult, TDepth>\n\n/**\n * This feature is officially supported in \\@tanstack/react-query@^4.40.0, You can proceed with the migration.\n * @deprecated Use `useSuspenseQueries` from \\@tanstack/react-query@^4.40.0\n * @example\n * ```diff\n * - import { useSuspenseQueries } from '@suspensive/react-query'\n * + import { useSuspenseQueries } from '@tanstack/react-query'\n * ```\n */\nexport const useSuspenseQueries = original_useSuspenseQueries\n"],"mappings":";;;AAAA;AAAA,EAGE,sBAAsB;AAAA,OACjB;AAyCA,IAAM,qBAAqB;","names":[]}
@@ -0,0 +1,12 @@
1
+ "use client"
2
+
3
+ // src/useSuspenseQuery.ts
4
+ import {
5
+ useSuspenseQuery as original_useSuspenseQuery
6
+ } from "@tanstack/react-query";
7
+ var useSuspenseQuery = original_useSuspenseQuery;
8
+
9
+ export {
10
+ useSuspenseQuery
11
+ };
12
+ //# sourceMappingURL=chunk-YFVQ7O2B.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/useSuspenseQuery.ts"],"sourcesContent":["import {\n type UseSuspenseQueryOptions as original_UseSuspenseQueryOptions,\n type UseSuspenseQueryResult as original_UseSuspenseQueryResult,\n useSuspenseQuery as original_useSuspenseQuery,\n} from '@tanstack/react-query'\n\n/**\n * This feature is officially supported in \\@tanstack/react-query@^4.40.0, You can proceed with the migration.\n * @deprecated Use `UseSuspenseQueryOptions` from \\@tanstack/react-query@^4.40.0\n * @example\n * ```diff\n * - import type { UseSuspenseQueryOptions } from '@suspensive/react-query'\n * + import type { UseSuspenseQueryOptions } from '@tanstack/react-query'\n * ```\n */\nexport type UseSuspenseQueryOptions = original_UseSuspenseQueryOptions\n\n/**\n * This feature is officially supported in \\@tanstack/react-query@^4.40.0, You can proceed with the migration.\n * @deprecated Use `UseSuspenseQueryResult` from \\@tanstack/react-query@^4.40.0\n * @example\n * ```diff\n * - import type { UseSuspenseQueryResult } from '@suspensive/react-query'\n * + import type { UseSuspenseQueryResult } from '@tanstack/react-query'\n * ```\n */\nexport type UseSuspenseQueryResult = original_UseSuspenseQueryResult\n\n/**\n * This feature is officially supported in \\@tanstack/react-query@^4.40.0, You can proceed with the migration.\n * @deprecated Use `useSuspenseQuery` from \\@tanstack/react-query@^4.40.0\n * @example\n * ```diff\n * - import { useSuspenseQuery } from '@suspensive/react-query'\n * + import { useSuspenseQuery } from '@tanstack/react-query'\n * ```\n */\nexport const useSuspenseQuery = original_useSuspenseQuery\n"],"mappings":";;;AAAA;AAAA,EAGE,oBAAoB;AAAA,OACf;AAiCA,IAAM,mBAAmB;","names":[]}
@@ -0,0 +1,10 @@
1
+ "use client"
2
+
3
+ // src/queryOptions.ts
4
+ import { queryOptions as original_queryOptions } from "@tanstack/react-query";
5
+ var queryOptions = original_queryOptions;
6
+
7
+ export {
8
+ queryOptions
9
+ };
10
+ //# sourceMappingURL=chunk-Z4ML33QN.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/queryOptions.ts"],"sourcesContent":["import { type QueryKey, type UseQueryOptions, queryOptions as original_queryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\n/**\n * @deprecated There is no `SelectedQueryOptions` in \\@tanstack/react-query@^4.40.0.\n */\nexport type SelectedQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n | 'getNextPageParam'\n | 'getPreviousPageParam'\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n | 'networkMode'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select: (data: TQueryFnData) => TData\n}\n\n/**\n * @deprecated There is no `UnSelectedQueryOptions` in \\@tanstack/react-query@^4.40.0.\n */\nexport type UnSelectedQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n | 'getNextPageParam'\n | 'getPreviousPageParam'\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n | 'networkMode'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select?: undefined\n}\n\n/**\n * This feature is officially supported in \\@tanstack/react-query@^4.40.0, You can proceed with the migration.\n * @deprecated Use `queryOptions` from \\@tanstack/react-query@^4.40.0\n * @example\n * ```diff\n * - import { queryOptions } from '@suspensive/react-query'\n * + import { queryOptions } from '@tanstack/react-query'\n * ```\n */\nexport const queryOptions = original_queryOptions\n"],"mappings":";;;AAAA,SAA8C,gBAAgB,6BAA6B;AA0EpF,IAAM,eAAe;","names":[]}
package/dist/index.cjs CHANGED
@@ -69,9 +69,8 @@ __export(index_exports, {
69
69
  module.exports = __toCommonJS(index_exports);
70
70
 
71
71
  // src/queryOptions.ts
72
- function queryOptions(options) {
73
- return options;
74
- }
72
+ var import_react_query = require("@tanstack/react-query");
73
+ var queryOptions = import_react_query.queryOptions;
75
74
 
76
75
  // src/infiniteQueryOptions.ts
77
76
  function infiniteQueryOptions(options) {
@@ -79,34 +78,17 @@ function infiniteQueryOptions(options) {
79
78
  }
80
79
 
81
80
  // src/useSuspenseQuery.ts
82
- var import_react_query = require("@tanstack/react-query");
83
- function useSuspenseQuery(options) {
84
- return (0, import_react_query.useQuery)(__spreadProps(__spreadValues({}, options), {
85
- enabled: true,
86
- useErrorBoundary: true,
87
- suspense: true,
88
- networkMode: "always"
89
- }));
90
- }
81
+ var import_react_query2 = require("@tanstack/react-query");
82
+ var useSuspenseQuery = import_react_query2.useSuspenseQuery;
91
83
 
92
84
  // src/useSuspenseQueries.ts
93
- var import_react_query2 = require("@tanstack/react-query");
94
- function useSuspenseQueries({
95
- queries,
96
- context
97
- }) {
98
- return (0, import_react_query2.useQueries)({
99
- queries: queries.map((query) => __spreadProps(__spreadValues({}, query), {
100
- suspense: true
101
- })),
102
- context
103
- });
104
- }
85
+ var import_react_query3 = require("@tanstack/react-query");
86
+ var useSuspenseQueries = import_react_query3.useSuspenseQueries;
105
87
 
106
88
  // src/useSuspenseInfiniteQuery.ts
107
- var import_react_query3 = require("@tanstack/react-query");
89
+ var import_react_query4 = require("@tanstack/react-query");
108
90
  function useSuspenseInfiniteQuery(options) {
109
- return (0, import_react_query3.useInfiniteQuery)(__spreadProps(__spreadValues({}, options), {
91
+ return (0, import_react_query4.useInfiniteQuery)(__spreadProps(__spreadValues({}, options), {
110
92
  enabled: true,
111
93
  suspense: true,
112
94
  useErrorBoundary: true,
@@ -115,24 +97,25 @@ function useSuspenseInfiniteQuery(options) {
115
97
  }
116
98
 
117
99
  // src/usePrefetchQuery.ts
118
- var import_react_query4 = require("@tanstack/react-query");
100
+ var import_react_query5 = require("@tanstack/react-query");
119
101
  function usePrefetchQuery(options) {
120
- const queryClient = (0, import_react_query4.useQueryClient)();
102
+ const queryClient = (0, import_react_query5.useQueryClient)();
121
103
  if (typeof options.queryKey !== "undefined" && !queryClient.getQueryState(options.queryKey)) {
122
104
  queryClient.prefetchQuery(options);
123
105
  }
124
106
  }
125
107
 
126
108
  // src/usePrefetchInfiniteQuery.ts
127
- var import_react_query5 = require("@tanstack/react-query");
109
+ var import_react_query6 = require("@tanstack/react-query");
128
110
  function usePrefetchInfiniteQuery(options) {
129
- const queryClient = (0, import_react_query5.useQueryClient)();
111
+ const queryClient = (0, import_react_query6.useQueryClient)();
130
112
  if (typeof options.queryKey !== "undefined" && !queryClient.getQueryState(options.queryKey)) {
131
113
  queryClient.prefetchInfiniteQuery(options);
132
114
  }
133
115
  }
134
116
 
135
117
  // src/SuspenseQuery.tsx
118
+ var import_react_query7 = require("@tanstack/react-query");
136
119
  var import_jsx_runtime = require("react/jsx-runtime");
137
120
  var SuspenseQuery = (_a) => {
138
121
  var _b = _a, {
@@ -140,16 +123,17 @@ var SuspenseQuery = (_a) => {
140
123
  } = _b, options = __objRest(_b, [
141
124
  "children"
142
125
  ]);
143
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: children(useSuspenseQuery(options)) });
126
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: children((0, import_react_query7.useSuspenseQuery)(options)) });
144
127
  };
145
128
 
146
129
  // src/SuspenseQueries.tsx
130
+ var import_react_query8 = require("@tanstack/react-query");
147
131
  var import_jsx_runtime2 = require("react/jsx-runtime");
148
132
  function SuspenseQueries({
149
133
  children,
150
134
  queries
151
135
  }) {
152
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: children(useSuspenseQueries({ queries })) });
136
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: children((0, import_react_query8.useSuspenseQueries)({ queries })) });
153
137
  }
154
138
 
155
139
  // src/SuspenseInfiniteQuery.tsx
@@ -178,7 +162,7 @@ function PrefetchInfiniteQuery(options) {
178
162
  }
179
163
 
180
164
  // src/Mutation.tsx
181
- var import_react_query6 = require("@tanstack/react-query");
165
+ var import_react_query9 = require("@tanstack/react-query");
182
166
  var import_jsx_runtime6 = require("react/jsx-runtime");
183
167
  function Mutation(_a) {
184
168
  var _b = _a, {
@@ -186,7 +170,7 @@ function Mutation(_a) {
186
170
  } = _b, options = __objRest(_b, [
187
171
  "children"
188
172
  ]);
189
- return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: children((0, import_react_query6.useMutation)(options)) });
173
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: children((0, import_react_query9.useMutation)(options)) });
190
174
  }
191
175
 
192
176
  // src/mutationOptions.tsx
@@ -195,13 +179,13 @@ function mutationOptions(options) {
195
179
  }
196
180
 
197
181
  // src/QueryClientConsumer.tsx
198
- var import_react_query7 = require("@tanstack/react-query");
182
+ var import_react_query10 = require("@tanstack/react-query");
199
183
  var import_jsx_runtime7 = require("react/jsx-runtime");
200
184
  function QueryClientConsumer({
201
185
  children,
202
186
  context
203
187
  }) {
204
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: children((0, import_react_query7.useQueryClient)({ context })) });
188
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: children((0, import_react_query10.useQueryClient)({ context })) });
205
189
  }
206
190
  // Annotate the CommonJS export names for ESM import in node:
207
191
  0 && (module.exports = {
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/queryOptions.ts","../src/infiniteQueryOptions.ts","../src/useSuspenseQuery.ts","../src/useSuspenseQueries.ts","../src/useSuspenseInfiniteQuery.ts","../src/usePrefetchQuery.ts","../src/usePrefetchInfiniteQuery.ts","../src/SuspenseQuery.tsx","../src/SuspenseQueries.tsx","../src/SuspenseInfiniteQuery.tsx","../src/PrefetchQuery.tsx","../src/PrefetchInfiniteQuery.tsx","../src/Mutation.tsx","../src/mutationOptions.tsx","../src/QueryClientConsumer.tsx"],"sourcesContent":["export { queryOptions } from './queryOptions'\nexport type { SelectedQueryOptions, UnSelectedQueryOptions } from './queryOptions'\nexport { infiniteQueryOptions } from './infiniteQueryOptions'\nexport type { SelectedInfiniteOptions, UnSelectedInfiniteOptions } from './infiniteQueryOptions'\nexport { useSuspenseQuery } from './useSuspenseQuery'\nexport type { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery'\nexport { useSuspenseQueries } from './useSuspenseQueries'\nexport type { SuspenseQueriesOptions, SuspenseQueriesResults } from './useSuspenseQueries'\nexport { useSuspenseInfiniteQuery } from './useSuspenseInfiniteQuery'\nexport type { UseSuspenseInfiniteQueryOptions, UseSuspenseInfiniteQueryResult } from './useSuspenseInfiniteQuery'\nexport { usePrefetchQuery } from './usePrefetchQuery'\nexport { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'\n\nexport { SuspenseQuery } from './SuspenseQuery'\nexport { SuspenseQueries } from './SuspenseQueries'\nexport { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'\nexport { PrefetchQuery } from './PrefetchQuery'\nexport { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery'\nexport { Mutation } from './Mutation'\nexport { mutationOptions } from './mutationOptions'\nexport { QueryClientConsumer } from './QueryClientConsumer'\n","import type { QueryKey, UseQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\nexport type SelectedQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n | 'getNextPageParam'\n | 'getPreviousPageParam'\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n | 'networkMode'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select: (data: TQueryFnData) => TData\n}\n\nexport type UnSelectedQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n | 'getNextPageParam'\n | 'getPreviousPageParam'\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n | 'networkMode'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select?: undefined\n}\n\n/**\n * Creates a reusable query options object that can be used across different query hooks.\n * Provides better type inference and easier query key management.\n *\n * @see {@link https://suspensive.org/docs/react-query/queryOptions Suspensive Docs}\n */\nexport function queryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function queryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function queryOptions(options: unknown) {\n return options\n}\n","import type { InfiniteData, QueryKey, UseInfiniteQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\nexport type SelectedInfiniteOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n | 'networkMode'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select: (data: InfiniteData<TQueryFnData>) => InfiniteData<TData>\n}\n\nexport type UnSelectedInfiniteOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n | 'networkMode'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select?: undefined\n}\n\nexport function infiniteQueryOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n): SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function infiniteQueryOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n): UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function infiniteQueryOptions(options: unknown) {\n return options\n}\n","import { type QueryKey, type UseQueryOptions, type UseQueryResult, useQuery } from '@tanstack/react-query'\nimport type { OmitKeyof } from './utility-types'\n\nexport interface UseSuspenseQueryResult<TData = unknown, TError = unknown>\n extends OmitKeyof<UseQueryResult<TData, TError>, keyof Pick<UseQueryResult, 'isPlaceholderData'>> {\n data: TData\n status: 'success'\n}\n\nexport type UseSuspenseQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n 'suspense' | 'useErrorBoundary' | 'enabled' | 'placeholderData' | 'networkMode'\n>\n\n/**\n * This hook is wrapping `useQuery` of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/docs/react-query/useSuspenseQuery Suspensive Docs}\n */\nexport function useSuspenseQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n return useQuery<TQueryFnData, TError, TData, TQueryKey>({\n ...options,\n enabled: true,\n useErrorBoundary: true,\n suspense: true,\n networkMode: 'always',\n }) as UseSuspenseQueryResult<TData, TError>\n}\n","import { type QueryFunction, type UseQueryOptions, useQueries } from '@tanstack/react-query'\nimport type { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery'\n\n// Avoid TS depth-limit error in case of large array literal\ntype MAXIMUM_DEPTH = 20\n\ntype GetSuspenseOptions<T> =\n // Part 1: responsible for applying explicit type parameter to function arguments, if object { queryFnData: TQueryFnData, error: TError, data: TData }\n T extends {\n queryFnData: infer TQueryFnData\n error?: infer TError\n data: infer TData\n }\n ? UseSuspenseQueryOptions<TQueryFnData, TError, TData>\n : T extends { queryFnData: infer TQueryFnData; error?: infer TError }\n ? UseSuspenseQueryOptions<TQueryFnData, TError>\n : T extends { data: infer TData; error?: infer TError }\n ? UseSuspenseQueryOptions<unknown, TError, TData>\n : // Part 2: responsible for applying explicit type parameter to function arguments, if tuple [TQueryFnData, TError, TData]\n T extends [infer TQueryFnData, infer TError, infer TData]\n ? UseSuspenseQueryOptions<TQueryFnData, TError, TData>\n : T extends [infer TQueryFnData, infer TError]\n ? UseSuspenseQueryOptions<TQueryFnData, TError>\n : T extends [infer TQueryFnData]\n ? UseSuspenseQueryOptions<TQueryFnData>\n : // Part 3: responsible for inferring and enforcing type if no explicit parameter was provided\n T extends {\n queryFn?: QueryFunction<infer TQueryFnData, infer TQueryKey>\n select?: (data: any) => infer TData\n }\n ? UseSuspenseQueryOptions<TQueryFnData, unknown, TData, TQueryKey>\n : T extends {\n queryFn?: QueryFunction<infer TQueryFnData, infer TQueryKey>\n }\n ? UseSuspenseQueryOptions<TQueryFnData, unknown, TQueryFnData, TQueryKey>\n : // Fallback\n UseSuspenseQueryOptions\n\ntype GetSuspenseResults<T> =\n // Part 1: responsible for mapping explicit type parameter to function result, if object\n T extends { queryFnData: any; error?: infer TError; data: infer TData }\n ? UseSuspenseQueryResult<TData, TError>\n : T extends { queryFnData: infer TQueryFnData; error?: infer TError }\n ? UseSuspenseQueryResult<TQueryFnData, TError>\n : T extends { data: infer TData; error?: infer TError }\n ? UseSuspenseQueryResult<TData, TError>\n : // Part 2: responsible for mapping explicit type parameter to function result, if tuple\n T extends [any, infer TError, infer TData]\n ? UseSuspenseQueryResult<TData, TError>\n : T extends [infer TQueryFnData, infer TError]\n ? UseSuspenseQueryResult<TQueryFnData, TError>\n : T extends [infer TQueryFnData]\n ? UseSuspenseQueryResult<TQueryFnData>\n : // Part 3: responsible for mapping inferred type to results, if no explicit parameter was provided\n T extends {\n queryFn?: QueryFunction<infer TQueryFnData, any>\n select?: (data: any) => infer TData\n }\n ? UseSuspenseQueryResult<unknown extends TData ? TQueryFnData : TData>\n : T extends {\n queryFn?: QueryFunction<infer TQueryFnData, any>\n }\n ? UseSuspenseQueryResult<TQueryFnData>\n : // Fallback\n UseSuspenseQueryResult\n\n/**\n * SuspenseQueriesOptions reducer recursively unwraps function arguments to infer/enforce type param\n */\nexport type SuspenseQueriesOptions<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = TDepth['length'] extends MAXIMUM_DEPTH\n ? Array<UseSuspenseQueryOptions>\n : T extends []\n ? []\n : T extends [infer Head]\n ? [...TResult, GetSuspenseOptions<Head>]\n : T extends [infer Head, ...infer Tail]\n ? SuspenseQueriesOptions<[...Tail], [...TResult, GetSuspenseOptions<Head>], [...TDepth, 1]>\n : Array<unknown> extends T\n ? T\n : // If T is *some* array but we couldn't assign unknown[] to it, then it must hold some known/homogenous type!\n // use this to infer the param types in the case of Array.map() argument\n T extends Array<UseSuspenseQueryOptions<infer TQueryFnData, infer TError, infer TData, infer TQueryKey>>\n ? Array<UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey>>\n : // Fallback\n Array<UseSuspenseQueryOptions>\n\n/**\n * SuspenseQueriesResults reducer recursively maps type param to results\n */\nexport type SuspenseQueriesResults<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = TDepth['length'] extends MAXIMUM_DEPTH\n ? Array<UseSuspenseQueryResult>\n : T extends []\n ? []\n : T extends [infer Head]\n ? [...TResult, GetSuspenseResults<Head>]\n : T extends [infer Head, ...infer Tail]\n ? SuspenseQueriesResults<[...Tail], [...TResult, GetSuspenseResults<Head>], [...TDepth, 1]>\n : T extends Array<UseSuspenseQueryOptions<infer TQueryFnData, infer TError, infer TData, any>>\n ? // Dynamic-size (homogenous) UseQueryOptions array: map directly to array of results\n Array<UseSuspenseQueryResult<unknown extends TData ? TQueryFnData : TData, TError>>\n : // Fallback\n Array<UseSuspenseQueryResult>\n\n/**\n * This hook is wrapping `useQueries` of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/docs/react-query/useSuspenseQueries Suspensive Docs}\n */\nexport function useSuspenseQueries<T extends any[]>({\n queries,\n context,\n}: {\n queries: readonly [...SuspenseQueriesOptions<T>]\n context?: UseQueryOptions['context']\n}): SuspenseQueriesResults<T> {\n return useQueries({\n queries: queries.map((query: typeof queries) => ({\n // eslint-disable-next-line @typescript-eslint/no-misused-spread\n ...query,\n suspense: true,\n })),\n context,\n }) as SuspenseQueriesResults<T>\n}\n","import {\n type InfiniteData,\n type QueryKey,\n type UseInfiniteQueryOptions,\n type UseInfiniteQueryResult,\n useInfiniteQuery,\n} from '@tanstack/react-query'\nimport type { OmitKeyof } from './utility-types'\n\nexport interface UseSuspenseInfiniteQueryResult<TData = unknown, TError = unknown>\n extends OmitKeyof<\n UseInfiniteQueryResult<TData, TError>,\n keyof Pick<UseInfiniteQueryResult<TData, TError>, 'isPlaceholderData'>\n > {\n data: InfiniteData<TData>\n status: 'success'\n}\n\nexport type UseSuspenseInfiniteQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n 'suspense' | 'useErrorBoundary' | 'enabled' | 'placeholderData' | 'networkMode'\n>\n\n/**\n * This hook is wrapping `useInfiniteQuery` of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/docs/react-query/useSuspenseInfiniteQuery Suspensive Docs}\n */\nexport function useSuspenseInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): UseSuspenseInfiniteQueryResult<TData, TError> {\n return useInfiniteQuery({\n ...options,\n enabled: true,\n suspense: true,\n useErrorBoundary: true,\n networkMode: 'always',\n }) as UseSuspenseInfiniteQueryResult<TData, TError>\n}\n","import { type FetchQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\n/**\n * The `usePrefetchQuery` does not return anything, it should be used just to fire a prefetch during render, before a suspense boundary that wraps a component that uses `useSuspenseQuery`.\n * @see {@link https://suspensive.org/docs/react-query/usePrefetchQuery Suspensive Docs}\n */\nexport function usePrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchQuery(options)\n }\n}\n","import { type FetchInfiniteQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\n/**\n * The `usePrefetchInfiniteQuery` does not return anything, it should be used just to fire a prefetch during render, before a suspense boundary that wraps a component that uses `useSuspenseInfiniteQuery`.\n * @see {@link https://suspensive.org/docs/react-query/usePrefetchInfiniteQuery Suspensive Docs}\n */\nexport function usePrefetchInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchInfiniteQuery(options)\n }\n}\n","import type { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { type UseSuspenseQueryOptions, type UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseQuery/>` serves to make `useSuspenseQuery` easier to use in jsx.\n * @see {@link https://suspensive.org/docs/react-query/SuspenseQuery Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseQuery } from '@suspensive/react-query'\n *\n * // You can use QueryOptions as props.\n * <SuspenseQuery {...queryOptions()}>\n * {({ data, isLoading }) => {\n * return <></>\n * }\n * </SuspenseQuery>\n * ```\n */\nexport const SuspenseQuery = <\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>({\n children,\n ...options\n}: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {\n children: (queryResult: UseSuspenseQueryResult<TData, TError>) => ReactNode\n}) => <>{children(useSuspenseQuery(options))}</>\n","import type { ReactNode } from 'react'\nimport { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseQueries/>` serves to make `useSuspenseQueries` easier to use in jsx.\n * @see {@link https://suspensive.org/docs/react-query/SuspenseQueries Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseQueries } from '@suspensive/react-query'\n *\n * <SuspenseQueries queries={[firstQueryOptions(), secondQueryOptions()]}>\n * {([{ data: firstQueryData }, { data: secondQueryData }]) => {\n * return <></>\n * }}\n * </SuspenseQueries>\n * ```\n */\nexport function SuspenseQueries<T extends any[]>({\n children,\n queries,\n}: {\n queries: readonly [...SuspenseQueriesOptions<T>]\n children: (queries: SuspenseQueriesResults<T>) => ReactNode\n}) {\n return <>{children(useSuspenseQueries({ queries }))}</>\n}\n","import type { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport {\n type UseSuspenseInfiniteQueryOptions,\n type UseSuspenseInfiniteQueryResult,\n useSuspenseInfiniteQuery,\n} from './useSuspenseInfiniteQuery'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseInfiniteQuery/>` serves to make `useSuspenseInfiniteQuery` easier to use in jsx.\n * @see {@link https://suspensive.org/docs/react-query/SuspenseInfiniteQuery Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseInfiniteQuery } from '@suspensive/react-query'\n *\n * // You can use infiniteQueryOptions as props.\n * <SuspenseInfiniteQuery {...infiniteQueryOptions()}>\n * {({ data, fetchNextPage }) => {\n * return <></>\n * }}\n * </SuspenseInfiniteQuery>\n * ```\n */\nexport const SuspenseInfiniteQuery = <\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>({\n children,\n ...options\n}: UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {\n children: (query: UseSuspenseInfiniteQueryResult<TData, TError>) => ReactNode\n}) => <>{children(useSuspenseInfiniteQuery(options))}</>\n","import { type FetchQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchQuery } from './usePrefetchQuery'\n\n/**\n * A component that allows you to use usePrefetchQuery in JSX, avoiding the limitations of React hooks.\n * @see {@link https://suspensive.org/docs/react-query/PrefetchQuery Suspensive Docs}\n * @example\n * ```tsx\n * <PrefetchQuery queryKey={['queryKey']} queryFn={queryFn} />\n * ```\n */\nexport function PrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n usePrefetchQuery(options)\n return <></>\n}\n","import { type FetchInfiniteQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'\n\n/**\n * A component that allows you to use `usePrefetchInfiniteQuery` in JSX, avoiding the limitations of React hooks.\n * @see {@link https://suspensive.org/docs/react-query/PrefetchInfiniteQuery Suspensive Docs}\n * @example\n * ```tsx\n * <PrefetchInfiniteQuery queryKey={['queryKey']} queryFn={queryFn} />\n * ```\n */\nexport function PrefetchInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n usePrefetchInfiniteQuery(options)\n return <></>\n}\n","import { type UseMutationOptions, type UseMutationResult, useMutation } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\n\nexport function Mutation<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>({\n children,\n ...options\n}: UseMutationOptions<TData, TError, TVariables, TContext> & {\n children: (mutationResult: UseMutationResult<TData, TError, TVariables, TContext>) => ReactNode\n}) {\n return <>{children(useMutation(options))}</>\n}\n","import type { UseMutationOptions } from '@tanstack/react-query'\n\n/**\n * @experimental This is experimental feature.\n */\nexport function mutationOptions<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>(\n options: UseMutationOptions<TData, TError, TVariables, TContext>\n): UseMutationOptions<TData, TError, TVariables, TContext> {\n return options\n}\n","import { type QueryClient, useQueryClient } from '@tanstack/react-query'\nimport type { Context, ReactNode } from 'react'\n\n/**\n * @experimental This is experimental feature.\n */\nexport function QueryClientConsumer({\n children,\n context,\n}: {\n children: (queryClient: QueryClient) => ReactNode\n context?: Context<QueryClient | undefined>\n}) {\n return <>{children(useQueryClient({ context: context as any }))}</>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACmFO,SAAS,aAAa,SAAkB;AAC7C,SAAO;AACT;;;ACZO,SAAS,qBAAqB,SAAkB;AACrD,SAAO;AACT;;;AC3EA,yBAAmF;AAuB5E,SAAS,iBAKd,SAA0E;AAC1E,aAAO,6BAAiD,iCACnD,UADmD;AAAA,IAEtD,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,UAAU;AAAA,IACV,aAAa;AAAA,EACf,EAAC;AACH;;;ACpCA,IAAAA,sBAAqE;AAmH9D,SAAS,mBAAoC;AAAA,EAClD;AAAA,EACA;AACF,GAG8B;AAC5B,aAAO,gCAAW;AAAA,IAChB,SAAS,QAAQ,IAAI,CAAC,UAA2B,iCAE5C,QAF4C;AAAA,MAG/C,UAAU;AAAA,IACZ,EAAE;AAAA,IACF;AAAA,EACF,CAAC;AACH;;;AClIA,IAAAC,sBAMO;AA0BA,SAAS,yBAMd,SAC+C;AAC/C,aAAO,sCAAiB,iCACnB,UADmB;AAAA,IAEtB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,aAAa;AAAA,EACf,EAAC;AACH;;;AC/CA,IAAAC,sBAAsE;AAM/D,SAAS,iBAKd,SAAoE;AACpE,QAAM,kBAAc,oCAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,cAAc,OAAO;AAAA,EACnC;AACF;;;ACjBA,IAAAC,sBAA8E;AAMvE,SAAS,yBAKd,SAA4E;AAC5E,QAAM,kBAAc,oCAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,sBAAsB,OAAO;AAAA,EAC3C;AACF;;;ACaM;AAVC,IAAM,gBAAgB,CAK3B,OAKC;AALD,eACA;AAAA;AAAA,EA1BF,IAyBE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,oFAAG,mBAAS,iBAAiB,OAAO,CAAC,GAAE;AAAA;;;ACLpC,IAAAC,sBAAA;AAPF,SAAS,gBAAiC;AAAA,EAC/C;AAAA,EACA;AACF,GAGG;AACD,SAAO,6EAAG,mBAAS,mBAAmB,EAAE,QAAQ,CAAC,CAAC,GAAE;AACtD;;;ACQM,IAAAC,sBAAA;AAVC,IAAM,wBAAwB,CAKnC,OAKC;AALD,eACA;AAAA;AAAA,EA9BF,IA6BE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,sFAAG,mBAAS,yBAAyB,OAAO,CAAC,GAAE;AAAA;;;AChB5C,IAAAC,sBAAA;AAPF,SAAS,cAKd,SAAoE;AACpE,mBAAiB,OAAO;AACxB,SAAO,6EAAE;AACX;;;ACDS,IAAAC,sBAAA;AAPF,SAAS,sBAKd,SAA4E;AAC5E,2BAAyB,OAAO;AAChC,SAAO,6EAAE;AACX;;;ACnBA,IAAAC,sBAA6E;AASpE,IAAAC,sBAAA;AANF,SAAS,SAAmF,IAKhG;AALgG,eACjG;AAAA;AAAA,EAJF,IAGmG,IAE9F,oBAF8F,IAE9F;AAAA,IADH;AAAA;AAKA,SAAO,6EAAG,uBAAS,iCAAY,OAAO,CAAC,GAAE;AAC3C;;;ACLO,SAAS,gBACd,SACyD;AACzD,SAAO;AACT;;;ACTA,IAAAC,sBAAiD;AAaxC,IAAAC,sBAAA;AAPF,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AACF,GAGG;AACD,SAAO,6EAAG,uBAAS,oCAAe,EAAE,QAAwB,CAAC,CAAC,GAAE;AAClE;","names":["import_react_query","import_react_query","import_react_query","import_react_query","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react_query","import_jsx_runtime","import_react_query","import_jsx_runtime"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/queryOptions.ts","../src/infiniteQueryOptions.ts","../src/useSuspenseQuery.ts","../src/useSuspenseQueries.ts","../src/useSuspenseInfiniteQuery.ts","../src/usePrefetchQuery.ts","../src/usePrefetchInfiniteQuery.ts","../src/SuspenseQuery.tsx","../src/SuspenseQueries.tsx","../src/SuspenseInfiniteQuery.tsx","../src/PrefetchQuery.tsx","../src/PrefetchInfiniteQuery.tsx","../src/Mutation.tsx","../src/mutationOptions.tsx","../src/QueryClientConsumer.tsx"],"sourcesContent":["export { queryOptions } from './queryOptions'\nexport type { SelectedQueryOptions, UnSelectedQueryOptions } from './queryOptions'\nexport { infiniteQueryOptions } from './infiniteQueryOptions'\nexport type { SelectedInfiniteOptions, UnSelectedInfiniteOptions } from './infiniteQueryOptions'\nexport { useSuspenseQuery } from './useSuspenseQuery'\nexport type { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery'\nexport { useSuspenseQueries } from './useSuspenseQueries'\nexport type { SuspenseQueriesOptions, SuspenseQueriesResults } from './useSuspenseQueries'\nexport { useSuspenseInfiniteQuery } from './useSuspenseInfiniteQuery'\nexport type { UseSuspenseInfiniteQueryOptions, UseSuspenseInfiniteQueryResult } from './useSuspenseInfiniteQuery'\nexport { usePrefetchQuery } from './usePrefetchQuery'\nexport { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'\n\nexport { SuspenseQuery } from './SuspenseQuery'\nexport { SuspenseQueries } from './SuspenseQueries'\nexport { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'\nexport { PrefetchQuery } from './PrefetchQuery'\nexport { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery'\nexport { Mutation } from './Mutation'\nexport { mutationOptions } from './mutationOptions'\nexport { QueryClientConsumer } from './QueryClientConsumer'\n","import { type QueryKey, type UseQueryOptions, queryOptions as original_queryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\n/**\n * @deprecated There is no `SelectedQueryOptions` in \\@tanstack/react-query@^4.40.0.\n */\nexport type SelectedQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n | 'getNextPageParam'\n | 'getPreviousPageParam'\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n | 'networkMode'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select: (data: TQueryFnData) => TData\n}\n\n/**\n * @deprecated There is no `UnSelectedQueryOptions` in \\@tanstack/react-query@^4.40.0.\n */\nexport type UnSelectedQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>,\n | 'getNextPageParam'\n | 'getPreviousPageParam'\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n | 'networkMode'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select?: undefined\n}\n\n/**\n * This feature is officially supported in \\@tanstack/react-query@^4.40.0, You can proceed with the migration.\n * @deprecated Use `queryOptions` from \\@tanstack/react-query@^4.40.0\n * @example\n * ```diff\n * - import { queryOptions } from '@suspensive/react-query'\n * + import { queryOptions } from '@tanstack/react-query'\n * ```\n */\nexport const queryOptions = original_queryOptions\n","import type { InfiniteData, QueryKey, UseInfiniteQueryOptions } from '@tanstack/react-query'\nimport type { OmitKeyof, RequiredKeyof } from './utility-types'\n\n/**\n * @deprecated There is no `SelectedInfiniteOptions` in \\@tanstack/react-query@^4.40.0.\n */\nexport type SelectedInfiniteOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n | 'networkMode'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select: (data: InfiniteData<TQueryFnData>) => InfiniteData<TData>\n}\n\n/**\n * @deprecated There is no `UnSelectedInfiniteOptions` in \\@tanstack/react-query@^4.40.0.\n */\nexport type UnSelectedInfiniteOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n> = RequiredKeyof<\n OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n | 'queryKeyHashFn'\n | '_defaulted'\n | 'behavior'\n | 'structuralSharing'\n | 'isDataEqual'\n | 'onSuccess'\n | 'onError'\n | 'onSettled'\n | 'enabled'\n | 'refetchInterval'\n | 'initialData'\n | 'networkMode'\n >,\n 'queryKey' | 'queryFn'\n> & {\n select?: undefined\n}\n\nexport function infiniteQueryOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n): SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function infiniteQueryOptions<\n TQueryFnData,\n TError = unknown,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n): UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>\n\nexport function infiniteQueryOptions(options: unknown) {\n return options\n}\n","import {\n type UseSuspenseQueryOptions as original_UseSuspenseQueryOptions,\n type UseSuspenseQueryResult as original_UseSuspenseQueryResult,\n useSuspenseQuery as original_useSuspenseQuery,\n} from '@tanstack/react-query'\n\n/**\n * This feature is officially supported in \\@tanstack/react-query@^4.40.0, You can proceed with the migration.\n * @deprecated Use `UseSuspenseQueryOptions` from \\@tanstack/react-query@^4.40.0\n * @example\n * ```diff\n * - import type { UseSuspenseQueryOptions } from '@suspensive/react-query'\n * + import type { UseSuspenseQueryOptions } from '@tanstack/react-query'\n * ```\n */\nexport type UseSuspenseQueryOptions = original_UseSuspenseQueryOptions\n\n/**\n * This feature is officially supported in \\@tanstack/react-query@^4.40.0, You can proceed with the migration.\n * @deprecated Use `UseSuspenseQueryResult` from \\@tanstack/react-query@^4.40.0\n * @example\n * ```diff\n * - import type { UseSuspenseQueryResult } from '@suspensive/react-query'\n * + import type { UseSuspenseQueryResult } from '@tanstack/react-query'\n * ```\n */\nexport type UseSuspenseQueryResult = original_UseSuspenseQueryResult\n\n/**\n * This feature is officially supported in \\@tanstack/react-query@^4.40.0, You can proceed with the migration.\n * @deprecated Use `useSuspenseQuery` from \\@tanstack/react-query@^4.40.0\n * @example\n * ```diff\n * - import { useSuspenseQuery } from '@suspensive/react-query'\n * + import { useSuspenseQuery } from '@tanstack/react-query'\n * ```\n */\nexport const useSuspenseQuery = original_useSuspenseQuery\n","import {\n type SuspenseQueriesOptions as original_SuspenseQueriesOptions,\n type SuspenseQueriesResults as original_SuspenseQueriesResults,\n useSuspenseQueries as original_useSuspenseQueries,\n} from '@tanstack/react-query'\n\n/**\n * This feature is officially supported in \\@tanstack/react-query@^4.40.0, You can proceed with the migration.\n * @deprecated Use `SuspenseQueriesOptions` from \\@tanstack/react-query@^4.40.0\n * @example\n * ```diff\n * - import type { SuspenseQueriesOptions } from '@suspensive/react-query'\n * + import type { SuspenseQueriesOptions } from '@tanstack/react-query'\n * ```\n */\nexport type SuspenseQueriesOptions<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = original_SuspenseQueriesOptions<T, TResult, TDepth>\n\n/**\n * This feature is officially supported in \\@tanstack/react-query@^4.40.0, You can proceed with the migration.\n * @deprecated Use `SuspenseQueriesResults` from \\@tanstack/react-query@^4.40.0\n * @example\n * ```diff\n * - import type { SuspenseQueriesResults } from '@suspensive/react-query'\n * + import type { SuspenseQueriesResults } from '@tanstack/react-query'\n * ```\n */\nexport type SuspenseQueriesResults<\n T extends Array<any>,\n TResult extends Array<any> = [],\n TDepth extends ReadonlyArray<number> = [],\n> = original_SuspenseQueriesResults<T, TResult, TDepth>\n\n/**\n * This feature is officially supported in \\@tanstack/react-query@^4.40.0, You can proceed with the migration.\n * @deprecated Use `useSuspenseQueries` from \\@tanstack/react-query@^4.40.0\n * @example\n * ```diff\n * - import { useSuspenseQueries } from '@suspensive/react-query'\n * + import { useSuspenseQueries } from '@tanstack/react-query'\n * ```\n */\nexport const useSuspenseQueries = original_useSuspenseQueries\n","import {\n type InfiniteData,\n type QueryKey,\n type UseInfiniteQueryOptions,\n type UseInfiniteQueryResult,\n useInfiniteQuery,\n} from '@tanstack/react-query'\nimport type { OmitKeyof } from './utility-types'\n\nexport interface UseSuspenseInfiniteQueryResult<TData = unknown, TError = unknown>\n extends OmitKeyof<\n UseInfiniteQueryResult<TData, TError>,\n keyof Pick<UseInfiniteQueryResult<TData, TError>, 'isPlaceholderData'>\n > {\n data: InfiniteData<TData>\n status: 'success'\n}\n\nexport type UseSuspenseInfiniteQueryOptions<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n> = OmitKeyof<\n UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>,\n 'suspense' | 'useErrorBoundary' | 'enabled' | 'placeholderData' | 'networkMode'\n>\n\n/**\n * This hook is wrapping `useInfiniteQuery` of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/docs/react-query/useSuspenseInfiniteQuery Suspensive Docs}\n */\nexport function useSuspenseInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(\n options: UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>\n): UseSuspenseInfiniteQueryResult<TData, TError> {\n return useInfiniteQuery({\n ...options,\n enabled: true,\n suspense: true,\n useErrorBoundary: true,\n networkMode: 'always',\n }) as UseSuspenseInfiniteQueryResult<TData, TError>\n}\n","import { type FetchQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\n/**\n * The `usePrefetchQuery` does not return anything, it should be used just to fire a prefetch during render, before a suspense boundary that wraps a component that uses `useSuspenseQuery`.\n * @see {@link https://suspensive.org/docs/react-query/usePrefetchQuery Suspensive Docs}\n */\nexport function usePrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchQuery(options)\n }\n}\n","import { type FetchInfiniteQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\n\n/**\n * The `usePrefetchInfiniteQuery` does not return anything, it should be used just to fire a prefetch during render, before a suspense boundary that wraps a component that uses `useSuspenseInfiniteQuery`.\n * @see {@link https://suspensive.org/docs/react-query/usePrefetchInfiniteQuery Suspensive Docs}\n */\nexport function usePrefetchInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n const queryClient = useQueryClient()\n\n if (typeof options.queryKey !== 'undefined' && !queryClient.getQueryState(options.queryKey)) {\n queryClient.prefetchInfiniteQuery(options)\n }\n}\n","import {\n type QueryKey,\n type UseSuspenseQueryOptions,\n type UseSuspenseQueryResult,\n useSuspenseQuery,\n} from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseQuery/>` serves to make `useSuspenseQuery` easier to use in jsx.\n * @see {@link https://suspensive.org/docs/react-query/SuspenseQuery Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseQuery } from '@suspensive/react-query'\n *\n * // You can use QueryOptions as props.\n * <SuspenseQuery {...queryOptions()}>\n * {({ data, isLoading }) => {\n * return <></>\n * }\n * </SuspenseQuery>\n * ```\n */\nexport const SuspenseQuery = <\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>({\n children,\n ...options\n}: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {\n children: (queryResult: UseSuspenseQueryResult<TData, TError>) => ReactNode\n}) => <>{children(useSuspenseQuery(options))}</>\n","import { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseQueries/>` serves to make `useSuspenseQueries` easier to use in jsx.\n * @see {@link https://suspensive.org/docs/react-query/SuspenseQueries Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseQueries } from '@suspensive/react-query'\n *\n * <SuspenseQueries queries={[firstQueryOptions(), secondQueryOptions()]}>\n * {([{ data: firstQueryData }, { data: secondQueryData }]) => {\n * return <></>\n * }}\n * </SuspenseQueries>\n * ```\n */\nexport function SuspenseQueries<T extends any[]>({\n children,\n queries,\n}: {\n queries: readonly [...SuspenseQueriesOptions<T>]\n children: (queries: SuspenseQueriesResults<T>) => ReactNode\n}) {\n return <>{children(useSuspenseQueries({ queries }))}</>\n}\n","import type { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport {\n type UseSuspenseInfiniteQueryOptions,\n type UseSuspenseInfiniteQueryResult,\n useSuspenseInfiniteQuery,\n} from './useSuspenseInfiniteQuery'\n\n/**\n * We provide these components to clearly express what causes suspense at the same depth.\n * `<SuspenseInfiniteQuery/>` serves to make `useSuspenseInfiniteQuery` easier to use in jsx.\n * @see {@link https://suspensive.org/docs/react-query/SuspenseInfiniteQuery Suspensive Docs}\n * @example\n * ```tsx\n * import { SuspenseInfiniteQuery } from '@suspensive/react-query'\n *\n * // You can use infiniteQueryOptions as props.\n * <SuspenseInfiniteQuery {...infiniteQueryOptions()}>\n * {({ data, fetchNextPage }) => {\n * return <></>\n * }}\n * </SuspenseInfiniteQuery>\n * ```\n */\nexport const SuspenseInfiniteQuery = <\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>({\n children,\n ...options\n}: UseSuspenseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {\n children: (query: UseSuspenseInfiniteQueryResult<TData, TError>) => ReactNode\n}) => <>{children(useSuspenseInfiniteQuery(options))}</>\n","import { type FetchQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchQuery } from './usePrefetchQuery'\n\n/**\n * A component that allows you to use usePrefetchQuery in JSX, avoiding the limitations of React hooks.\n * @see {@link https://suspensive.org/docs/react-query/PrefetchQuery Suspensive Docs}\n * @example\n * ```tsx\n * <PrefetchQuery queryKey={['queryKey']} queryFn={queryFn} />\n * ```\n */\nexport function PrefetchQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n usePrefetchQuery(options)\n return <></>\n}\n","import { type FetchInfiniteQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'\n\n/**\n * A component that allows you to use `usePrefetchInfiniteQuery` in JSX, avoiding the limitations of React hooks.\n * @see {@link https://suspensive.org/docs/react-query/PrefetchInfiniteQuery Suspensive Docs}\n * @example\n * ```tsx\n * <PrefetchInfiniteQuery queryKey={['queryKey']} queryFn={queryFn} />\n * ```\n */\nexport function PrefetchInfiniteQuery<\n TQueryFnData = unknown,\n TError = unknown,\n TData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n>(options: FetchInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>) {\n usePrefetchInfiniteQuery(options)\n return <></>\n}\n","import { type UseMutationOptions, type UseMutationResult, useMutation } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\n\nexport function Mutation<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>({\n children,\n ...options\n}: UseMutationOptions<TData, TError, TVariables, TContext> & {\n children: (mutationResult: UseMutationResult<TData, TError, TVariables, TContext>) => ReactNode\n}) {\n return <>{children(useMutation(options))}</>\n}\n","import type { UseMutationOptions } from '@tanstack/react-query'\n\n/**\n * @experimental This is experimental feature.\n */\nexport function mutationOptions<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>(\n options: UseMutationOptions<TData, TError, TVariables, TContext>\n): UseMutationOptions<TData, TError, TVariables, TContext> {\n return options\n}\n","import { type QueryClient, useQueryClient } from '@tanstack/react-query'\nimport type { Context, ReactNode } from 'react'\n\n/**\n * @experimental This is experimental feature.\n */\nexport function QueryClientConsumer({\n children,\n context,\n}: {\n children: (queryClient: QueryClient) => ReactNode\n context?: Context<QueryClient | undefined>\n}) {\n return <>{children(useQueryClient({ context: context as any }))}</>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,yBAA2F;AA0EpF,IAAM,eAAe,mBAAAA;;;ACKrB,SAAS,qBAAqB,SAAkB;AACrD,SAAO;AACT;;;ACjFA,IAAAC,sBAIO;AAiCA,IAAM,mBAAmB,oBAAAC;;;ACrChC,IAAAC,sBAIO;AAyCA,IAAM,qBAAqB,oBAAAC;;;AC7ClC,IAAAC,sBAMO;AA0BA,SAAS,yBAMd,SAC+C;AAC/C,aAAO,sCAAiB,iCACnB,UADmB;AAAA,IAEtB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,aAAa;AAAA,EACf,EAAC;AACH;;;AC/CA,IAAAC,sBAAsE;AAM/D,SAAS,iBAKd,SAAoE;AACpE,QAAM,kBAAc,oCAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,cAAc,OAAO;AAAA,EACnC;AACF;;;ACjBA,IAAAC,sBAA8E;AAMvE,SAAS,yBAKd,SAA4E;AAC5E,QAAM,kBAAc,oCAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,sBAAsB,OAAO;AAAA,EAC3C;AACF;;;ACjBA,IAAAC,sBAKO;AA6BD;AAVC,IAAM,gBAAgB,CAK3B,OAKC;AALD,eACA;AAAA;AAAA,EA9BF,IA6BE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,oFAAG,uBAAS,sCAAiB,OAAO,CAAC,GAAE;AAAA;;;AClC7C,IAAAC,sBAA6F;AAyBpF,IAAAC,sBAAA;AAPF,SAAS,gBAAiC;AAAA,EAC/C;AAAA,EACA;AACF,GAGG;AACD,SAAO,6EAAG,uBAAS,wCAAmB,EAAE,QAAQ,CAAC,CAAC,GAAE;AACtD;;;ACQM,IAAAC,sBAAA;AAVC,IAAM,wBAAwB,CAKnC,OAKC;AALD,eACA;AAAA;AAAA,EA9BF,IA6BE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,sFAAG,mBAAS,yBAAyB,OAAO,CAAC,GAAE;AAAA;;;AChB5C,IAAAC,sBAAA;AAPF,SAAS,cAKd,SAAoE;AACpE,mBAAiB,OAAO;AACxB,SAAO,6EAAE;AACX;;;ACDS,IAAAC,sBAAA;AAPF,SAAS,sBAKd,SAA4E;AAC5E,2BAAyB,OAAO;AAChC,SAAO,6EAAE;AACX;;;ACnBA,IAAAC,sBAA6E;AASpE,IAAAC,sBAAA;AANF,SAAS,SAAmF,IAKhG;AALgG,eACjG;AAAA;AAAA,EAJF,IAGmG,IAE9F,oBAF8F,IAE9F;AAAA,IADH;AAAA;AAKA,SAAO,6EAAG,uBAAS,iCAAY,OAAO,CAAC,GAAE;AAC3C;;;ACLO,SAAS,gBACd,SACyD;AACzD,SAAO;AACT;;;ACTA,IAAAC,uBAAiD;AAaxC,IAAAC,sBAAA;AAPF,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AACF,GAGG;AACD,SAAO,6EAAG,uBAAS,qCAAe,EAAE,QAAwB,CAAC,CAAC,GAAE;AAClE;","names":["original_queryOptions","import_react_query","original_useSuspenseQuery","import_react_query","original_useSuspenseQueries","import_react_query","import_react_query","import_react_query","import_react_query","import_react_query","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react_query","import_jsx_runtime","import_react_query","import_jsx_runtime"]}