@suspensive/react-query-4 2.17.2 → 2.17.4
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.
- package/dist/PrefetchInfiniteQuery.cjs.map +1 -1
- package/dist/PrefetchInfiniteQuery.d.cts +8 -0
- package/dist/PrefetchInfiniteQuery.d.ts +8 -0
- package/dist/PrefetchInfiniteQuery.js +2 -2
- package/dist/PrefetchQuery.cjs.map +1 -1
- package/dist/PrefetchQuery.d.cts +8 -0
- package/dist/PrefetchQuery.d.ts +8 -0
- package/dist/PrefetchQuery.js +2 -2
- package/dist/QueryClientConsumer.cjs.map +1 -1
- package/dist/QueryClientConsumer.d.cts +2 -2
- package/dist/QueryClientConsumer.d.ts +2 -2
- package/dist/QueryClientConsumer.js +1 -1
- package/dist/QueryErrorBoundary.cjs.map +1 -1
- package/dist/QueryErrorBoundary.d.cts +9 -1
- package/dist/QueryErrorBoundary.d.ts +9 -1
- package/dist/QueryErrorBoundary.js +1 -1
- package/dist/SuspenseInfiniteQuery.cjs.map +1 -1
- package/dist/SuspenseInfiniteQuery.d.cts +16 -0
- package/dist/SuspenseInfiniteQuery.d.ts +16 -0
- package/dist/SuspenseInfiniteQuery.js +2 -2
- package/dist/SuspenseQueries.cjs.map +1 -1
- package/dist/SuspenseQueries.d.cts +15 -0
- package/dist/SuspenseQueries.d.ts +15 -0
- package/dist/SuspenseQueries.js +2 -2
- package/dist/SuspenseQuery.cjs.map +1 -1
- package/dist/SuspenseQuery.d.cts +16 -0
- package/dist/SuspenseQuery.d.ts +16 -0
- package/dist/SuspenseQuery.js +2 -2
- package/dist/{chunk-3LTCP5MM.js → chunk-23KTCH3O.js} +2 -2
- package/dist/chunk-23KTCH3O.js.map +1 -0
- package/dist/{chunk-7W5RLGLW.js → chunk-62TKMVPG.js} +1 -1
- package/dist/{chunk-7W5RLGLW.js.map → chunk-62TKMVPG.js.map} +1 -1
- package/dist/{chunk-P5MROV72.js → chunk-AT3YTYWU.js} +1 -1
- package/dist/chunk-AT3YTYWU.js.map +1 -0
- package/dist/{chunk-QZMJUP74.js → chunk-BATIZYKY.js} +2 -2
- package/dist/chunk-BATIZYKY.js.map +1 -0
- package/dist/{chunk-S7L2LUVS.js → chunk-CSHUY632.js} +1 -1
- package/dist/{chunk-S7L2LUVS.js.map → chunk-CSHUY632.js.map} +1 -1
- package/dist/{chunk-XZJPNI2I.js → chunk-DG465QGB.js} +1 -1
- package/dist/{chunk-XZJPNI2I.js.map → chunk-DG465QGB.js.map} +1 -1
- package/dist/{chunk-6XT2ZR45.js → chunk-KL6C7FJW.js} +1 -1
- package/dist/{chunk-6XT2ZR45.js.map → chunk-KL6C7FJW.js.map} +1 -1
- package/dist/{chunk-UX5DVBYP.js → chunk-M3WE7YQL.js} +2 -2
- package/dist/chunk-M3WE7YQL.js.map +1 -0
- package/dist/{chunk-IJZNOFTF.js → chunk-PO5CGH3E.js} +1 -1
- package/dist/{chunk-IJZNOFTF.js.map → chunk-PO5CGH3E.js.map} +1 -1
- package/dist/{chunk-KUEXE4AF.js → chunk-QAYUXNHC.js} +1 -1
- package/dist/chunk-QAYUXNHC.js.map +1 -0
- package/dist/{chunk-HJAGY6R3.js → chunk-RH37KNQI.js} +2 -2
- package/dist/chunk-RH37KNQI.js.map +1 -0
- package/dist/{chunk-E6ZR4G6A.js → chunk-SKFNGOLA.js} +1 -1
- package/dist/chunk-SKFNGOLA.js.map +1 -0
- package/dist/{chunk-A3224DN2.js → chunk-SVNRMWGF.js} +2 -2
- package/dist/chunk-SVNRMWGF.js.map +1 -0
- package/dist/{chunk-JSOYNYMT.js → chunk-YVDW7PFY.js} +1 -1
- package/dist/chunk-YVDW7PFY.js.map +1 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +14 -14
- package/dist/infiniteQueryOptions.cjs.map +1 -1
- package/dist/infiniteQueryOptions.js +1 -1
- package/dist/queryOptions.cjs.map +1 -1
- package/dist/queryOptions.js +1 -1
- package/dist/usePrefetchInfiniteQuery.cjs.map +1 -1
- package/dist/usePrefetchInfiniteQuery.d.cts +4 -0
- package/dist/usePrefetchInfiniteQuery.d.ts +4 -0
- package/dist/usePrefetchInfiniteQuery.js +1 -1
- package/dist/usePrefetchQuery.cjs.map +1 -1
- package/dist/usePrefetchQuery.d.cts +4 -0
- package/dist/usePrefetchQuery.d.ts +4 -0
- package/dist/usePrefetchQuery.js +1 -1
- package/dist/useSuspenseInfiniteQuery.cjs.map +1 -1
- package/dist/useSuspenseInfiniteQuery.d.cts +1 -1
- package/dist/useSuspenseInfiniteQuery.d.ts +1 -1
- package/dist/useSuspenseInfiniteQuery.js +1 -1
- package/dist/useSuspenseQueries.cjs.map +1 -1
- package/dist/useSuspenseQueries.d.cts +1 -1
- package/dist/useSuspenseQueries.d.ts +1 -1
- package/dist/useSuspenseQueries.js +1 -1
- package/dist/useSuspenseQuery.cjs.map +1 -1
- package/dist/useSuspenseQuery.d.cts +1 -1
- package/dist/useSuspenseQuery.d.ts +1 -1
- package/dist/useSuspenseQuery.js +1 -1
- package/package.json +4 -4
- package/src/PrefetchInfiniteQuery.tsx +8 -0
- package/src/PrefetchQuery.tsx +8 -0
- package/src/QueryClientConsumer.tsx +2 -2
- package/src/QueryErrorBoundary.tsx +9 -1
- package/src/SuspenseInfiniteQuery.tsx +16 -0
- package/src/SuspenseQueries.tsx +15 -0
- package/src/SuspenseQuery.tsx +16 -0
- package/src/infiniteQueryOptions.ts +2 -0
- package/src/queryOptions.ts +3 -10
- package/src/usePrefetchInfiniteQuery.ts +4 -0
- package/src/usePrefetchQuery.ts +4 -0
- package/src/useSuspenseInfiniteQuery.ts +1 -1
- package/src/useSuspenseQueries.ts +1 -1
- package/src/useSuspenseQuery.ts +1 -1
- package/dist/chunk-3LTCP5MM.js.map +0 -1
- package/dist/chunk-A3224DN2.js.map +0 -1
- package/dist/chunk-E6ZR4G6A.js.map +0 -1
- package/dist/chunk-HJAGY6R3.js.map +0 -1
- package/dist/chunk-JSOYNYMT.js.map +0 -1
- package/dist/chunk-KUEXE4AF.js.map +0 -1
- package/dist/chunk-P5MROV72.js.map +0 -1
- package/dist/chunk-QZMJUP74.js.map +0 -1
- package/dist/chunk-UX5DVBYP.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/useSuspenseQuery.ts"],"sourcesContent":["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'\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}\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 }) as UseSuspenseQueryResult<TData, TError>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAmF;AAuB5E,SAAS,iBAKd,SAA0E;AAC1E,aAAO,6BAAiD,iCACnD,UADmD;AAAA,IAEtD,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,UAAU;AAAA,EACZ,EAAC;AACH;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/useSuspenseQuery.ts"],"sourcesContent":["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'\n>\n\n/**\n * This hook is wrapping useQuery of `@tanstack/react-query` v4 with default suspense option.\n * @see {@link https://suspensive.org/en/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 }) as UseSuspenseQueryResult<TData, TError>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAmF;AAuB5E,SAAS,iBAKd,SAA0E;AAC1E,aAAO,6BAAiD,iCACnD,UADmD;AAAA,IAEtD,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,UAAU;AAAA,EACZ,EAAC;AACH;","names":[]}
|
|
@@ -8,7 +8,7 @@ interface UseSuspenseQueryResult<TData = unknown, TError = unknown> extends Omit
|
|
|
8
8
|
type UseSuspenseQueryOptions<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey> = OmitKeyof<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'suspense' | 'useErrorBoundary' | 'enabled' | 'placeholderData'>;
|
|
9
9
|
/**
|
|
10
10
|
* This hook is wrapping useQuery of `@tanstack/react-query` v4 with default suspense option.
|
|
11
|
-
* @see {@link https://suspensive.org/docs/react-query/useSuspenseQuery}
|
|
11
|
+
* @see {@link https://suspensive.org/en/docs/react-query/useSuspenseQuery Suspensive Docs}
|
|
12
12
|
*/
|
|
13
13
|
declare function useSuspenseQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey>): UseSuspenseQueryResult<TData, TError>;
|
|
14
14
|
|
|
@@ -8,7 +8,7 @@ interface UseSuspenseQueryResult<TData = unknown, TError = unknown> extends Omit
|
|
|
8
8
|
type UseSuspenseQueryOptions<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey> = OmitKeyof<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'suspense' | 'useErrorBoundary' | 'enabled' | 'placeholderData'>;
|
|
9
9
|
/**
|
|
10
10
|
* This hook is wrapping useQuery of `@tanstack/react-query` v4 with default suspense option.
|
|
11
|
-
* @see {@link https://suspensive.org/docs/react-query/useSuspenseQuery}
|
|
11
|
+
* @see {@link https://suspensive.org/en/docs/react-query/useSuspenseQuery Suspensive Docs}
|
|
12
12
|
*/
|
|
13
13
|
declare function useSuspenseQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey>): UseSuspenseQueryResult<TData, TError>;
|
|
14
14
|
|
package/dist/useSuspenseQuery.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@suspensive/react-query-4",
|
|
3
|
-
"version": "2.17.
|
|
3
|
+
"version": "2.17.4",
|
|
4
4
|
"description": "Suspensive interfaces for @tanstack/react-query@4",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"suspensive",
|
|
@@ -40,15 +40,15 @@
|
|
|
40
40
|
],
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@tanstack/react-query": "^4.36.1",
|
|
43
|
-
"@types/react": "^18.3.
|
|
43
|
+
"@types/react": "^18.3.11",
|
|
44
44
|
"react": "^18.3.1",
|
|
45
45
|
"@suspensive/eslint-config": "0.0.0",
|
|
46
|
-
"@suspensive/react": "2.17.
|
|
46
|
+
"@suspensive/react": "2.17.4",
|
|
47
47
|
"@suspensive/tsconfig": "0.0.0-development",
|
|
48
48
|
"@suspensive/tsup": "0.0.0"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
|
-
"@suspensive/react": "^2.17.
|
|
51
|
+
"@suspensive/react": "^2.17.4",
|
|
52
52
|
"@tanstack/react-query": "^4",
|
|
53
53
|
"react": "^18"
|
|
54
54
|
},
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import { type FetchInfiniteQueryOptions, type QueryKey } from '@tanstack/react-query'
|
|
2
2
|
import { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'
|
|
3
3
|
|
|
4
|
+
/**
|
|
5
|
+
* A component that allows you to use usePrefetchInfiniteQuery in JSX, avoiding the limitations of React hooks.
|
|
6
|
+
* @see {@link https://suspensive.org/en/docs/react-query/PrefetchInfiniteQuery Suspensive Docs}
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <PrefetchInfiniteQuery queryKey={['queryKey']} queryFn={queryFn} />
|
|
10
|
+
* ```
|
|
11
|
+
*/
|
|
4
12
|
export function PrefetchInfiniteQuery<
|
|
5
13
|
TQueryFnData = unknown,
|
|
6
14
|
TError = unknown,
|
package/src/PrefetchQuery.tsx
CHANGED
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import { type FetchQueryOptions, type QueryKey } from '@tanstack/react-query'
|
|
2
2
|
import { usePrefetchQuery } from './usePrefetchQuery'
|
|
3
3
|
|
|
4
|
+
/**
|
|
5
|
+
* A component that allows you to use usePrefetchQuery in JSX, avoiding the limitations of React hooks.
|
|
6
|
+
* @see {@link https://suspensive.org/en/docs/react-query/PrefetchQuery Suspensive Docs}
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <PrefetchQuery queryKey={['queryKey']} queryFn={queryFn} />
|
|
10
|
+
* ```
|
|
11
|
+
*/
|
|
4
12
|
export function PrefetchQuery<
|
|
5
13
|
TQueryFnData = unknown,
|
|
6
14
|
TError = unknown,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type QueryClient, useQueryClient } from '@tanstack/react-query'
|
|
2
|
-
import type { ReactNode } from 'react'
|
|
2
|
+
import type { Context, ReactNode } from 'react'
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* @experimental This is experimental feature.
|
|
@@ -9,7 +9,7 @@ export function QueryClientConsumer({
|
|
|
9
9
|
context,
|
|
10
10
|
}: {
|
|
11
11
|
children: (queryClient: QueryClient) => ReactNode
|
|
12
|
-
context?:
|
|
12
|
+
context?: Context<QueryClient | undefined>
|
|
13
13
|
}) {
|
|
14
14
|
return <>{children(useQueryClient({ context }))}</>
|
|
15
15
|
}
|
|
@@ -4,7 +4,15 @@ import { type ComponentPropsWithoutRef, type ComponentRef, forwardRef } from 're
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* This component wrapping QueryErrorResetBoundary of `@tanstack/react-query` with `@suspensive/react`'s ErrorBoundary. So you must install `@suspensive/react` first, then use it. with this component, You don't have to make unnecessary repetitive implementation to combine ErrorBoundary with QueryErrorResetBoundary
|
|
7
|
-
* @see {@link https://suspensive.org/docs/react-query/QueryErrorBoundary}
|
|
7
|
+
* @see {@link https://suspensive.org/en/docs/react-query/QueryErrorBoundary Suspensive Docs}
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <QueryErrorBoundary
|
|
11
|
+
* fallback={({ reset, error }) => <></>)}
|
|
12
|
+
* >
|
|
13
|
+
* <ChildrenComponent />
|
|
14
|
+
* </QueryErrorBoundary>
|
|
15
|
+
* ```
|
|
8
16
|
*/
|
|
9
17
|
export const QueryErrorBoundary = forwardRef<
|
|
10
18
|
ComponentRef<typeof ErrorBoundary>,
|
|
@@ -6,6 +6,22 @@ import {
|
|
|
6
6
|
useSuspenseInfiniteQuery,
|
|
7
7
|
} from './useSuspenseInfiniteQuery'
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* We provide these components to clearly express what causes suspense at the same depth.
|
|
11
|
+
* `<SuspenseInfiniteQuery/>` serves to make `useSuspenseInfiniteQuery` easier to use in jsx.
|
|
12
|
+
* @see {@link https://suspensive.org/en/docs/react-query/SuspenseInfiniteQuery Suspensive Docs}
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* import { SuspenseInfiniteQuery } from '@suspensive/react-query'
|
|
16
|
+
*
|
|
17
|
+
* // You can use infiniteQueryOptions as props.
|
|
18
|
+
* <SuspenseInfiniteQuery {...infiniteQueryOptions()}>
|
|
19
|
+
* {({ data, fetchNextPage }) => {
|
|
20
|
+
* return <></>
|
|
21
|
+
* }}
|
|
22
|
+
* </SuspenseInfiniteQuery>
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
9
25
|
export const SuspenseInfiniteQuery = <
|
|
10
26
|
TQueryFnData = unknown,
|
|
11
27
|
TError = unknown,
|
package/src/SuspenseQueries.tsx
CHANGED
|
@@ -1,6 +1,21 @@
|
|
|
1
1
|
import type { ReactNode } from 'react'
|
|
2
2
|
import { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries'
|
|
3
3
|
|
|
4
|
+
/**
|
|
5
|
+
* We provide these components to clearly express what causes suspense at the same depth.
|
|
6
|
+
* `<SuspenseQueries/>` serves to make `useSuspenseQueries` easier to use in jsx.
|
|
7
|
+
* @see {@link https://suspensive.org/en/docs/react-query/SuspenseQueries Suspensive Docs}
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* import { SuspenseQueries } from '@suspensive/react-query'
|
|
11
|
+
*
|
|
12
|
+
* <SuspenseQueries queries={[firstQueryOptions(), secondQueryOptions()]}>
|
|
13
|
+
* {([{ data: firstQueryData }, { data: secondQueryData }]) => {
|
|
14
|
+
* return <></>
|
|
15
|
+
* }}
|
|
16
|
+
* </SuspenseQueries>
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
4
19
|
export function SuspenseQueries<T extends any[]>({
|
|
5
20
|
children,
|
|
6
21
|
queries,
|
package/src/SuspenseQuery.tsx
CHANGED
|
@@ -2,6 +2,22 @@ import type { QueryKey } from '@tanstack/react-query'
|
|
|
2
2
|
import type { ReactNode } from 'react'
|
|
3
3
|
import { type UseSuspenseQueryOptions, type UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery'
|
|
4
4
|
|
|
5
|
+
/**
|
|
6
|
+
* We provide these components to clearly express what causes suspense at the same depth.
|
|
7
|
+
* `<SuspenseQuery/>` serves to make `useSuspenseQuery` easier to use in jsx.
|
|
8
|
+
* @see {@link https://suspensive.org/en/docs/react-query/SuspenseQuery Suspensive Docs}
|
|
9
|
+
* @example
|
|
10
|
+
* ```tsx
|
|
11
|
+
* import { SuspenseQuery } from '@suspensive/react-query'
|
|
12
|
+
*
|
|
13
|
+
* // You can use QueryOptions as props.
|
|
14
|
+
* <SuspenseQuery {...queryOptions()}>
|
|
15
|
+
* {({ data, isLoading }) => {
|
|
16
|
+
* return <></>
|
|
17
|
+
* }
|
|
18
|
+
* </SuspenseQuery>
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
5
21
|
export const SuspenseQuery = <
|
|
6
22
|
TQueryFnData = unknown,
|
|
7
23
|
TError = unknown,
|
|
@@ -59,6 +59,7 @@ export function infiniteQueryOptions<
|
|
|
59
59
|
>(
|
|
60
60
|
options: SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>
|
|
61
61
|
): SelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>
|
|
62
|
+
|
|
62
63
|
export function infiniteQueryOptions<
|
|
63
64
|
TQueryFnData,
|
|
64
65
|
TError = unknown,
|
|
@@ -67,6 +68,7 @@ export function infiniteQueryOptions<
|
|
|
67
68
|
>(
|
|
68
69
|
options: UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>
|
|
69
70
|
): UnSelectedInfiniteOptions<TQueryFnData, TError, TData, TQueryKey>
|
|
71
|
+
|
|
70
72
|
export function infiniteQueryOptions(options: unknown) {
|
|
71
73
|
return options
|
|
72
74
|
}
|
package/src/queryOptions.ts
CHANGED
|
@@ -63,6 +63,7 @@ export function queryOptions<
|
|
|
63
63
|
>(
|
|
64
64
|
options: SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>
|
|
65
65
|
): SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>
|
|
66
|
+
|
|
66
67
|
export function queryOptions<
|
|
67
68
|
TQueryFnData = unknown,
|
|
68
69
|
TError = unknown,
|
|
@@ -71,15 +72,7 @@ export function queryOptions<
|
|
|
71
72
|
>(
|
|
72
73
|
options: UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>
|
|
73
74
|
): UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
TError = unknown,
|
|
77
|
-
TData = TQueryFnData,
|
|
78
|
-
TQueryKey extends QueryKey = QueryKey,
|
|
79
|
-
>(
|
|
80
|
-
options:
|
|
81
|
-
| SelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>
|
|
82
|
-
| UnSelectedQueryOptions<TQueryFnData, TError, TData, TQueryKey>
|
|
83
|
-
) {
|
|
75
|
+
|
|
76
|
+
export function queryOptions(options: unknown) {
|
|
84
77
|
return options
|
|
85
78
|
}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { type FetchInfiniteQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'
|
|
2
2
|
|
|
3
|
+
/**
|
|
4
|
+
* 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.
|
|
5
|
+
* @see {@link https://suspensive.org/en/docs/react-query/usePrefetchInfiniteQuery Suspensive Docs}
|
|
6
|
+
*/
|
|
3
7
|
export function usePrefetchInfiniteQuery<
|
|
4
8
|
TQueryFnData = unknown,
|
|
5
9
|
TError = unknown,
|
package/src/usePrefetchQuery.ts
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { type FetchQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'
|
|
2
2
|
|
|
3
|
+
/**
|
|
4
|
+
* 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.
|
|
5
|
+
* @see {@link https://suspensive.org/en/docs/react-query/usePrefetchQuery Suspensive Docs}
|
|
6
|
+
*/
|
|
3
7
|
export function usePrefetchQuery<
|
|
4
8
|
TQueryFnData = unknown,
|
|
5
9
|
TError = unknown,
|
|
@@ -28,7 +28,7 @@ export type UseSuspenseInfiniteQueryOptions<
|
|
|
28
28
|
|
|
29
29
|
/**
|
|
30
30
|
* This hook is wrapping useInfiniteQuery of `@tanstack/react-query` v4 with default suspense option.
|
|
31
|
-
* @see {@link https://suspensive.org/docs/react-query/useSuspenseInfiniteQuery}
|
|
31
|
+
* @see {@link https://suspensive.org/en/docs/react-query/useSuspenseInfiniteQuery Suspensive Docs}
|
|
32
32
|
*/
|
|
33
33
|
export function useSuspenseInfiniteQuery<
|
|
34
34
|
TQueryFnData = unknown,
|
|
@@ -111,7 +111,7 @@ export type SuspenseQueriesResults<
|
|
|
111
111
|
|
|
112
112
|
/**
|
|
113
113
|
* This hook is wrapping useQueries of `@tanstack/react-query` v4 with default suspense option.
|
|
114
|
-
* @see {@link https://suspensive.org/docs/react-query/useSuspenseQueries}
|
|
114
|
+
* @see {@link https://suspensive.org/en/docs/react-query/useSuspenseQueries Suspensive Docs}
|
|
115
115
|
*/
|
|
116
116
|
export function useSuspenseQueries<T extends any[]>({
|
|
117
117
|
queries,
|
package/src/useSuspenseQuery.ts
CHANGED
|
@@ -19,7 +19,7 @@ export type UseSuspenseQueryOptions<
|
|
|
19
19
|
|
|
20
20
|
/**
|
|
21
21
|
* This hook is wrapping useQuery of `@tanstack/react-query` v4 with default suspense option.
|
|
22
|
-
* @see {@link https://suspensive.org/docs/react-query/useSuspenseQuery}
|
|
22
|
+
* @see {@link https://suspensive.org/en/docs/react-query/useSuspenseQuery Suspensive Docs}
|
|
23
23
|
*/
|
|
24
24
|
export function useSuspenseQuery<
|
|
25
25
|
TQueryFnData = unknown,
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/PrefetchInfiniteQuery.tsx"],"sourcesContent":["import { type FetchInfiniteQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'\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"],"mappings":";;;;;;AAUS;AAPF,SAAS,sBAKd,SAA4E;AAC5E,2BAAyB,OAAO;AAChC,SAAO,gCAAE;AACX;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/PrefetchQuery.tsx"],"sourcesContent":["import { type FetchQueryOptions, type QueryKey } from '@tanstack/react-query'\nimport { usePrefetchQuery } from './usePrefetchQuery'\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"],"mappings":";;;;;;AAUS;AAPF,SAAS,cAKd,SAAoE;AACpE,mBAAiB,OAAO;AACxB,SAAO,gCAAE;AACX;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/usePrefetchQuery.ts"],"sourcesContent":["import { type FetchQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\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"],"mappings":";;;AAAA,SAAgD,sBAAsB;AAE/D,SAAS,iBAKd,SAAoE;AACpE,QAAM,cAAc,eAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,cAAc,OAAO;AAAA,EACnC;AACF;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/SuspenseQueries.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { type SuspenseQueriesOptions, type SuspenseQueriesResults, useSuspenseQueries } from './useSuspenseQueries'\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":";;;;;;AAUS;AAPF,SAAS,gBAAiC;AAAA,EAC/C;AAAA,EACA;AACF,GAGG;AACD,SAAO,gCAAG,mBAAS,mBAAmB,EAAE,QAAQ,CAAC,CAAC,GAAE;AACtD;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/usePrefetchInfiniteQuery.ts"],"sourcesContent":["import { type FetchInfiniteQueryOptions, type QueryKey, useQueryClient } from '@tanstack/react-query'\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"],"mappings":";;;AAAA,SAAwD,sBAAsB;AAEvE,SAAS,yBAKd,SAA4E;AAC5E,QAAM,cAAc,eAAe;AAEnC,MAAI,OAAO,QAAQ,aAAa,eAAe,CAAC,YAAY,cAAc,QAAQ,QAAQ,GAAG;AAC3F,gBAAY,sBAAsB,OAAO;AAAA,EAC3C;AACF;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/QueryClientConsumer.tsx"],"sourcesContent":["import { type QueryClient, useQueryClient } from '@tanstack/react-query'\nimport type { 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?: React.Context<QueryClient | undefined>\n}) {\n return <>{children(useQueryClient({ context }))}</>\n}\n"],"mappings":";;;AAAA,SAA2B,sBAAsB;AAaxC;AAPF,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AACF,GAGG;AACD,SAAO,gCAAG,mBAAS,eAAe,EAAE,QAAQ,CAAC,CAAC,GAAE;AAClD;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/QueryErrorBoundary.tsx"],"sourcesContent":["import { ErrorBoundary } from '@suspensive/react'\nimport { useQueryErrorResetBoundary } from '@tanstack/react-query'\nimport { type ComponentPropsWithoutRef, type ComponentRef, forwardRef } from 'react'\n\n/**\n * This component wrapping QueryErrorResetBoundary of `@tanstack/react-query` with `@suspensive/react`'s ErrorBoundary. So you must install `@suspensive/react` first, then use it. with this component, You don't have to make unnecessary repetitive implementation to combine ErrorBoundary with QueryErrorResetBoundary\n * @see {@link https://suspensive.org/docs/react-query/QueryErrorBoundary}\n */\nexport const QueryErrorBoundary = forwardRef<\n ComponentRef<typeof ErrorBoundary>,\n ComponentPropsWithoutRef<typeof ErrorBoundary>\n>(({ onReset, ...props }, resetRef) => {\n const { reset } = useQueryErrorResetBoundary()\n return (\n <ErrorBoundary\n {...props}\n onReset={() => {\n onReset?.()\n reset()\n }}\n ref={resetRef}\n />\n )\n})\nif (process.env.NODE_ENV === 'development') {\n QueryErrorBoundary.displayName = 'QueryErrorBoundary'\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,qBAAqB;AAC9B,SAAS,kCAAkC;AAC3C,SAA2D,kBAAkB;AAYzE;AANG,IAAM,qBAAqB,WAGhC,CAAC,IAAuB,aAAa;AAApC,eAAE,UAXL,IAWG,IAAc,kBAAd,IAAc,CAAZ;AACH,QAAM,EAAE,MAAM,IAAI,2BAA2B;AAC7C,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,SAAS,MAAM;AACb;AACA,cAAM;AAAA,MACR;AAAA,MACA,KAAK;AAAA;AAAA,EACP;AAEJ,CAAC;AACD,IAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,qBAAmB,cAAc;AACnC;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/SuspenseInfiniteQuery.tsx"],"sourcesContent":["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\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"],"mappings":";;;;;;;;;AAkBM;AAVC,IAAM,wBAAwB,CAKnC,OAKC;AALD,eACA;AAAA;AAAA,EAdF,IAaE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,yCAAG,mBAAS,yBAAyB,OAAO,CAAC,GAAE;AAAA;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/SuspenseQuery.tsx"],"sourcesContent":["import type { QueryKey } from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { type UseSuspenseQueryOptions, type UseSuspenseQueryResult, useSuspenseQuery } from './useSuspenseQuery'\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":";;;;;;;;;AAcM;AAVC,IAAM,gBAAgB,CAK3B,OAKC;AALD,eACA;AAAA;AAAA,EAVF,IASE,IAEG,oBAFH,IAEG;AAAA,IADH;AAAA;AAII,yCAAG,mBAAS,iBAAiB,OAAO,CAAC,GAAE;AAAA;","names":[]}
|