@suspensive/react-query-4 3.6.0 → 3.7.0

package/dist/{useSuspenseQuery-DSsDNDZJ.cjs → useSuspenseQuery-trCTkhXS.cjs}

@@ -21,4 +21,4 @@ Object.defineProperty(exports, 'useSuspenseQuery', {
     return useSuspenseQuery;
   }
 });
-//# sourceMappingURL=useSuspenseQuery-DSsDNDZJ.cjs.map
+//# sourceMappingURL=useSuspenseQuery-trCTkhXS.cjs.map

package/dist/{useSuspenseQuery-DSsDNDZJ.cjs.map → useSuspenseQuery-trCTkhXS.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useSuspenseQuery-DSsDNDZJ.cjs","names":["original_useSuspenseQuery"],"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":";;;;;;;;;;;;;;AAqCA,MAAa,mBAAmBA"}
+{"version":3,"file":"useSuspenseQuery-trCTkhXS.cjs","names":["original_useSuspenseQuery"],"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":";;;;;;;;;;;;;;AAqCA,MAAa,mBAAmBA"}

package/dist/useSuspenseQuery.cjs

@@ -1,4 +1,4 @@
 "use client"
-const require_useSuspenseQuery = require('./useSuspenseQuery-DSsDNDZJ.cjs');
+const require_useSuspenseQuery = require('./useSuspenseQuery-trCTkhXS.cjs');
 
 exports.useSuspenseQuery = require_useSuspenseQuery.useSuspenseQuery;

package/dist/useSuspenseQuery.d.cts

@@ -1,2 +1,2 @@
-import { UseSuspenseQueryOptions, UseSuspenseQueryResult, useSuspenseQuery } from "./useSuspenseQuery-6DgpoFHS.cjs";
+import { UseSuspenseQueryOptions, UseSuspenseQueryResult, useSuspenseQuery } from "./useSuspenseQuery-HgUxWHvv.cjs";
 export { UseSuspenseQueryOptions, UseSuspenseQueryResult, useSuspenseQuery };

package/dist/useSuspenseQuery.d.ts

@@ -1,2 +1,2 @@
-import { UseSuspenseQueryOptions, UseSuspenseQueryResult, useSuspenseQuery } from "./useSuspenseQuery-CGhgUxh-.js";
+import { UseSuspenseQueryOptions, UseSuspenseQueryResult, useSuspenseQuery } from "./useSuspenseQuery-CqU_lFc3.js";
 export { UseSuspenseQueryOptions, UseSuspenseQueryResult, useSuspenseQuery };

package/dist/useSuspenseQuery.js

@@ -1,4 +1,4 @@
 "use client"
-import { useSuspenseQuery } from "./useSuspenseQuery-DZMToUHL.js";
+import { useSuspenseQuery } from "./useSuspenseQuery-CHx6gtJR.js";
 
 export { useSuspenseQuery };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@suspensive/react-query-4",
-  "version": "3.6.0",
+  "version": "3.7.0",
   "description": "Suspensive interfaces for @tanstack/react-query@4",
   "keywords": [
     "suspensive",

package/src/IsFetching.test-d.tsx

@@ -0,0 +1,22 @@
+import { queryOptions } from '@tanstack/react-query'
+import type { ReactNode } from 'react'
+import { describe, expectTypeOf, it } from 'vitest'
+import { IsFetching } from './IsFetching'
+import { queryFn, queryKey } from './test-utils'
+
+describe('<IsFetching/>', () => {
+  it('type check', () => {
+    ;(() => <IsFetching>{(isFetching) => expectTypeOf(isFetching).toEqualTypeOf<number>()}</IsFetching>)()
+    ;(() => (
+      <IsFetching {...queryOptions({ queryKey, queryFn })}>
+        {(isFetching) => expectTypeOf(isFetching).toEqualTypeOf<number>()}
+      </IsFetching>
+    ))()
+    ;(() => (
+      <IsFetching queryKey={queryKey}>{(isFetching) => expectTypeOf(isFetching).toEqualTypeOf<number>()}</IsFetching>
+    ))()
+
+    expectTypeOf(<IsFetching>{() => <></>}</IsFetching>).toEqualTypeOf<React.JSX.Element>()
+    expectTypeOf(<IsFetching>{() => <></>}</IsFetching>).not.toEqualTypeOf<ReactNode>()
+  })
+})

package/src/IsFetching.tsx

@@ -0,0 +1,11 @@
+import { type QueryFilters, useIsFetching } from '@tanstack/react-query'
+import type { ReactNode } from 'react'
+
+/**
+ * @experimental This is an experimental feature.
+ */
+export const IsFetching = ({
+  children,
+}: QueryFilters & { children: (isFetching: ReturnType<typeof useIsFetching>) => ReactNode }) => (
+  <>{children(useIsFetching())}</>
+)

package/src/index.ts

@@ -1,21 +1,22 @@
-export { queryOptions } from './queryOptions'
-export type { SelectedQueryOptions, UnSelectedQueryOptions } from './queryOptions'
 export { infiniteQueryOptions } from './infiniteQueryOptions'
 export type { SelectedInfiniteOptions, UnSelectedInfiniteOptions } from './infiniteQueryOptions'
-export { useSuspenseQuery } from './useSuspenseQuery'
-export type { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery'
-export { useSuspenseQueries } from './useSuspenseQueries'
-export type { SuspenseQueriesOptions, SuspenseQueriesResults } from './useSuspenseQueries'
+export { queryOptions } from './queryOptions'
+export type { SelectedQueryOptions, UnSelectedQueryOptions } from './queryOptions'
+export { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'
+export { usePrefetchQuery } from './usePrefetchQuery'
 export { useSuspenseInfiniteQuery } from './useSuspenseInfiniteQuery'
 export type { UseSuspenseInfiniteQueryOptions, UseSuspenseInfiniteQueryResult } from './useSuspenseInfiniteQuery'
-export { usePrefetchQuery } from './usePrefetchQuery'
-export { usePrefetchInfiniteQuery } from './usePrefetchInfiniteQuery'
+export { useSuspenseQueries } from './useSuspenseQueries'
+export type { SuspenseQueriesOptions, SuspenseQueriesResults } from './useSuspenseQueries'
+export { useSuspenseQuery } from './useSuspenseQuery'
+export type { UseSuspenseQueryOptions, UseSuspenseQueryResult } from './useSuspenseQuery'
 
-export { SuspenseQuery } from './SuspenseQuery'
-export { SuspenseQueries } from './SuspenseQueries'
-export { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'
-export { PrefetchQuery } from './PrefetchQuery'
-export { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery'
+export { IsFetching } from './IsFetching'
 export { Mutation } from './Mutation'
 export { mutationOptions } from './mutationOptions'
+export { PrefetchInfiniteQuery } from './PrefetchInfiniteQuery'
+export { PrefetchQuery } from './PrefetchQuery'
 export { QueryClientConsumer } from './QueryClientConsumer'
+export { SuspenseInfiniteQuery } from './SuspenseInfiniteQuery'
+export { SuspenseQueries } from './SuspenseQueries'
+export { SuspenseQuery } from './SuspenseQuery'