@ventlio/tanstack-query 0.3.9 → 0.4.1

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 (34) hide show
  1. package/dist/index.mjs +51 -40
  2. package/dist/index.mjs.map +1 -1
  3. package/dist/model/useKeyTrackerModel.d.ts +1 -1
  4. package/dist/model/useQueryModel.d.ts +1 -1
  5. package/dist/model/useQueryModel.js +6 -6
  6. package/dist/model/useRefetchQuery.d.ts +1 -1
  7. package/dist/model/useRefetchQuery.js +1 -1
  8. package/dist/queries/useDeleteRequest.d.ts +6 -66
  9. package/dist/queries/useDeleteRequest.js +7 -3
  10. package/dist/queries/useDeleteRequest.js.map +1 -1
  11. package/dist/queries/useGetInfiniteRequest.d.ts +25 -109
  12. package/dist/queries/useGetInfiniteRequest.js +3 -2
  13. package/dist/queries/useGetInfiniteRequest.js.map +1 -1
  14. package/dist/queries/useGetRequest.d.ts +6 -74
  15. package/dist/queries/useGetRequest.js +3 -2
  16. package/dist/queries/useGetRequest.js.map +1 -1
  17. package/dist/queries/usePatchRequest.d.ts +21 -13
  18. package/dist/queries/usePatchRequest.js +7 -4
  19. package/dist/queries/usePatchRequest.js.map +1 -1
  20. package/dist/queries/usePostRequest.d.ts +30 -25
  21. package/dist/queries/usePostRequest.js +3 -2
  22. package/dist/queries/usePostRequest.js.map +1 -1
  23. package/dist/request/make-request.js +21 -20
  24. package/dist/request/make-request.js.map +1 -1
  25. package/package.json +2 -2
  26. package/src/model/useKeyTrackerModel.ts +2 -2
  27. package/src/model/useQueryModel.ts +7 -7
  28. package/src/model/useRefetchQuery.ts +1 -1
  29. package/src/queries/useDeleteRequest.ts +7 -7
  30. package/src/queries/useGetInfiniteRequest.ts +14 -19
  31. package/src/queries/useGetRequest.ts +6 -9
  32. package/src/queries/usePatchRequest.ts +5 -5
  33. package/src/queries/usePostRequest.ts +4 -2
  34. package/src/request/make-request.ts +22 -18
@@ -1 +1 @@
1
- {"version":3,"file":"useGetInfiniteRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"useGetInfiniteRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -19,6 +19,7 @@ export declare const useGetRequest: <TResponse extends Record<string, any>>({ pa
19
19
  data: IRequestSuccess<TResponse>;
20
20
  error: any;
21
21
  isError: true;
22
+ isPending: false;
22
23
  isLoadingError: false;
23
24
  isRefetchError: true;
24
25
  isSuccess: false;
@@ -34,12 +35,10 @@ export declare const useGetRequest: <TResponse extends Record<string, any>>({ pa
34
35
  isInitialLoading: boolean;
35
36
  isPaused: boolean;
36
37
  isPlaceholderData: boolean;
37
- isPreviousData: boolean;
38
38
  isRefetching: boolean;
39
39
  isStale: boolean;
40
- refetch: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<IRequestSuccess<TResponse>, any>>;
41
- remove: () => void;
42
- fetchStatus: import("@tanstack/react-query").FetchStatus;
40
+ refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-K0zFyarY").a4 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-K0zFyarY").ak<IRequestSuccess<TResponse>, any>>;
41
+ fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-K0zFyarY").ac;
43
42
  } | {
44
43
  isLoading: boolean;
45
44
  setRequestPath: import("react").Dispatch<import("react").SetStateAction<string>>;
@@ -52,6 +51,7 @@ export declare const useGetRequest: <TResponse extends Record<string, any>>({ pa
52
51
  data: IRequestSuccess<TResponse>;
53
52
  error: null;
54
53
  isError: false;
54
+ isPending: false;
55
55
  isLoadingError: false;
56
56
  isRefetchError: false;
57
57
  isSuccess: true;
@@ -67,76 +67,8 @@ export declare const useGetRequest: <TResponse extends Record<string, any>>({ pa
67
67
  isInitialLoading: boolean;
68
68
  isPaused: boolean;
69
69
  isPlaceholderData: boolean;
70
- isPreviousData: boolean;
71
70
  isRefetching: boolean;
72
71
  isStale: boolean;
73
- refetch: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<IRequestSuccess<TResponse>, any>>;
74
- remove: () => void;
75
- fetchStatus: import("@tanstack/react-query").FetchStatus;
76
- } | {
77
- isLoading: boolean;
78
- setRequestPath: import("react").Dispatch<import("react").SetStateAction<string>>;
79
- nextPage: () => void;
80
- prevPage: () => void;
81
- get: (link: string, fetchOptions?: UseQueryOptions<IRequestSuccess<TResponse | undefined>, IRequestError, IRequestSuccess<TResponse | undefined>, any[]> | undefined) => Promise<IRequestSuccess<TResponse> | undefined>;
82
- gotoPage: (pageNumber: number) => void;
83
- page: number;
84
- queryKey: {}[];
85
- data: undefined;
86
- error: any;
87
- isError: true;
88
- isLoadingError: true;
89
- isRefetchError: false;
90
- isSuccess: false;
91
- status: "error";
92
- dataUpdatedAt: number;
93
- errorUpdatedAt: number;
94
- failureCount: number;
95
- failureReason: any;
96
- errorUpdateCount: number;
97
- isFetched: boolean;
98
- isFetchedAfterMount: boolean;
99
- isFetching: boolean;
100
- isInitialLoading: boolean;
101
- isPaused: boolean;
102
- isPlaceholderData: boolean;
103
- isPreviousData: boolean;
104
- isRefetching: boolean;
105
- isStale: boolean;
106
- refetch: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<IRequestSuccess<TResponse>, any>>;
107
- remove: () => void;
108
- fetchStatus: import("@tanstack/react-query").FetchStatus;
109
- } | {
110
- isLoading: boolean;
111
- setRequestPath: import("react").Dispatch<import("react").SetStateAction<string>>;
112
- nextPage: () => void;
113
- prevPage: () => void;
114
- get: (link: string, fetchOptions?: UseQueryOptions<IRequestSuccess<TResponse | undefined>, IRequestError, IRequestSuccess<TResponse | undefined>, any[]> | undefined) => Promise<IRequestSuccess<TResponse> | undefined>;
115
- gotoPage: (pageNumber: number) => void;
116
- page: number;
117
- queryKey: {}[];
118
- data: undefined;
119
- error: null;
120
- isError: false;
121
- isLoadingError: false;
122
- isRefetchError: false;
123
- isSuccess: false;
124
- status: "loading";
125
- dataUpdatedAt: number;
126
- errorUpdatedAt: number;
127
- failureCount: number;
128
- failureReason: any;
129
- errorUpdateCount: number;
130
- isFetched: boolean;
131
- isFetchedAfterMount: boolean;
132
- isFetching: boolean;
133
- isInitialLoading: boolean;
134
- isPaused: boolean;
135
- isPlaceholderData: boolean;
136
- isPreviousData: boolean;
137
- isRefetching: boolean;
138
- isStale: boolean;
139
- refetch: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<IRequestSuccess<TResponse>, any>>;
140
- remove: () => void;
141
- fetchStatus: import("@tanstack/react-query").FetchStatus;
72
+ refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-K0zFyarY").a4 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-K0zFyarY").ak<IRequestSuccess<TResponse>, any>>;
73
+ fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-K0zFyarY").ac;
142
74
  };
@@ -52,7 +52,9 @@ const useGetRequest = ({ path, load = false, queryOptions, keyTracker, baseUrl,
52
52
  res(null);
53
53
  }
54
54
  };
55
- const query = useQuery([requestPath, {}], ({ queryKey }) => new Promise((res, rej) => sendRequest(res, rej, queryKey)), {
55
+ const query = useQuery({
56
+ queryKey: [requestPath, {}],
57
+ queryFn: ({ queryKey }) => new Promise((res, rej) => sendRequest(res, rej, queryKey)),
56
58
  enabled: load && !isFutureQueriesPaused,
57
59
  ...options,
58
60
  });
@@ -65,7 +67,6 @@ const useGetRequest = ({ path, load = false, queryOptions, keyTracker, baseUrl,
65
67
  if (keyTracker) {
66
68
  // set expiration time for the tracker
67
69
  queryClient.setQueryDefaults([keyTracker], {
68
- cacheTime: Infinity,
69
70
  staleTime: Infinity,
70
71
  });
71
72
  queryClient.setQueryData([keyTracker], [requestPath, {}]);
@@ -1 +1 @@
1
- {"version":3,"file":"useGetRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"useGetRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -6,73 +6,81 @@ export declare const usePatchRequest: <TResponse>({ path, baseUrl, headers }: {
6
6
  } & DefaultRequestOptions) => {
7
7
  isLoading: boolean;
8
8
  data: undefined;
9
+ variables: undefined;
9
10
  error: null;
10
11
  isError: false;
11
12
  isIdle: true;
13
+ isPending: false;
12
14
  isSuccess: false;
13
15
  status: "idle";
14
- mutate: import("@tanstack/react-query").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
16
+ mutate: import("@tanstack/react-query/build/legacy/types").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
15
17
  reset: () => void;
16
18
  context: unknown;
17
19
  failureCount: number;
18
20
  failureReason: IRequestError | null;
19
21
  isPaused: boolean;
20
- variables: void | undefined;
21
- mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
22
+ submittedAt: number;
23
+ mutateAsync: import("@tanstack/react-query/build/legacy/types").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
22
24
  patch: (data: any, options?: MutateOptions<IRequestSuccess<TResponse>, IRequestError, void, unknown> | undefined) => Promise<IRequestSuccess<TResponse> | undefined>;
23
25
  uploadProgressPercent: number;
24
26
  } | {
25
27
  isLoading: boolean;
26
28
  data: undefined;
29
+ variables: void;
27
30
  error: null;
28
31
  isError: false;
29
32
  isIdle: false;
33
+ isPending: true;
30
34
  isSuccess: false;
31
- status: "loading";
32
- mutate: import("@tanstack/react-query").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
35
+ status: "pending";
36
+ mutate: import("@tanstack/react-query/build/legacy/types").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
33
37
  reset: () => void;
34
38
  context: unknown;
35
39
  failureCount: number;
36
40
  failureReason: IRequestError | null;
37
41
  isPaused: boolean;
38
- variables: void | undefined;
39
- mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
42
+ submittedAt: number;
43
+ mutateAsync: import("@tanstack/react-query/build/legacy/types").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
40
44
  patch: (data: any, options?: MutateOptions<IRequestSuccess<TResponse>, IRequestError, void, unknown> | undefined) => Promise<IRequestSuccess<TResponse> | undefined>;
41
45
  uploadProgressPercent: number;
42
46
  } | {
43
47
  isLoading: boolean;
44
48
  data: undefined;
45
49
  error: IRequestError;
50
+ variables: void;
46
51
  isError: true;
47
52
  isIdle: false;
53
+ isPending: false;
48
54
  isSuccess: false;
49
55
  status: "error";
50
- mutate: import("@tanstack/react-query").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
56
+ mutate: import("@tanstack/react-query/build/legacy/types").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
51
57
  reset: () => void;
52
58
  context: unknown;
53
59
  failureCount: number;
54
60
  failureReason: IRequestError | null;
55
61
  isPaused: boolean;
56
- variables: void | undefined;
57
- mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
62
+ submittedAt: number;
63
+ mutateAsync: import("@tanstack/react-query/build/legacy/types").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
58
64
  patch: (data: any, options?: MutateOptions<IRequestSuccess<TResponse>, IRequestError, void, unknown> | undefined) => Promise<IRequestSuccess<TResponse> | undefined>;
59
65
  uploadProgressPercent: number;
60
66
  } | {
61
67
  isLoading: boolean;
62
68
  data: IRequestSuccess<TResponse>;
63
69
  error: null;
70
+ variables: void;
64
71
  isError: false;
65
72
  isIdle: false;
73
+ isPending: false;
66
74
  isSuccess: true;
67
75
  status: "success";
68
- mutate: import("@tanstack/react-query").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
76
+ mutate: import("@tanstack/react-query/build/legacy/types").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
69
77
  reset: () => void;
70
78
  context: unknown;
71
79
  failureCount: number;
72
80
  failureReason: IRequestError | null;
73
81
  isPaused: boolean;
74
- variables: void | undefined;
75
- mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
82
+ submittedAt: number;
83
+ mutateAsync: import("@tanstack/react-query/build/legacy/types").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, void, unknown>;
76
84
  patch: (data: any, options?: MutateOptions<IRequestSuccess<TResponse>, IRequestError, void, unknown> | undefined) => Promise<IRequestSuccess<TResponse> | undefined>;
77
85
  uploadProgressPercent: number;
78
86
  };
@@ -58,9 +58,12 @@ const usePatchRequest = ({ path, baseUrl, headers }) => {
58
58
  }
59
59
  };
60
60
  // register post mutation
61
- const mutation = useMutation((dataData) => new Promise((res, rej) => {
62
- return sendRequest(res, rej, dataData);
63
- }), { mutationKey: [path, { type: 'mutation' }] });
61
+ const mutation = useMutation({
62
+ mutationFn: (dataData) => new Promise((res, rej) => {
63
+ return sendRequest(res, rej, dataData);
64
+ }),
65
+ mutationKey: [path, { type: 'mutation' }],
66
+ });
64
67
  const patch = async (data, options) => {
65
68
  if (!isFutureMutationsPaused) {
66
69
  return mutation.mutateAsync(data, options);
@@ -77,7 +80,7 @@ const usePatchRequest = ({ path, baseUrl, headers }) => {
77
80
  }
78
81
  // eslint-disable-next-line react-hooks/exhaustive-deps
79
82
  }, [isFutureMutationsPaused]);
80
- return { patch, uploadProgressPercent, ...mutation, isLoading: mutation.isLoading || isFutureMutationsPaused };
83
+ return { patch, uploadProgressPercent, ...mutation, isLoading: mutation.isPending || isFutureMutationsPaused };
81
84
  };
82
85
 
83
86
  export { usePatchRequest };
@@ -1 +1 @@
1
- {"version":3,"file":"usePatchRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"usePatchRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -8,12 +8,14 @@ export declare const usePostRequest: <TResponse>({ path, isFormData, baseUrl, he
8
8
  } & DefaultRequestOptions) => {
9
9
  isLoading: boolean;
10
10
  data: undefined;
11
+ variables: undefined;
11
12
  error: null;
12
13
  isError: false;
13
14
  isIdle: true;
15
+ isPending: false;
14
16
  isSuccess: false;
15
17
  status: "idle";
16
- mutate: import("@tanstack/react-query").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
18
+ mutate: import("@tanstack/react-query/build/legacy/types").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
17
19
  data: any;
18
20
  requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
19
21
  }, unknown>;
@@ -22,11 +24,8 @@ export declare const usePostRequest: <TResponse>({ path, isFormData, baseUrl, he
22
24
  failureCount: number;
23
25
  failureReason: IRequestError | null;
24
26
  isPaused: boolean;
25
- variables: {
26
- data: any;
27
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
28
- } | undefined;
29
- mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
27
+ submittedAt: number;
28
+ mutateAsync: import("@tanstack/react-query/build/legacy/types").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
30
29
  data: any;
31
30
  requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
32
31
  }, unknown>;
@@ -44,12 +43,17 @@ export declare const usePostRequest: <TResponse>({ path, isFormData, baseUrl, he
44
43
  } | {
45
44
  isLoading: boolean;
46
45
  data: undefined;
46
+ variables: {
47
+ data: any;
48
+ requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
49
+ };
47
50
  error: null;
48
51
  isError: false;
49
52
  isIdle: false;
53
+ isPending: true;
50
54
  isSuccess: false;
51
- status: "loading";
52
- mutate: import("@tanstack/react-query").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
55
+ status: "pending";
56
+ mutate: import("@tanstack/react-query/build/legacy/types").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
53
57
  data: any;
54
58
  requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
55
59
  }, unknown>;
@@ -58,11 +62,8 @@ export declare const usePostRequest: <TResponse>({ path, isFormData, baseUrl, he
58
62
  failureCount: number;
59
63
  failureReason: IRequestError | null;
60
64
  isPaused: boolean;
61
- variables: {
62
- data: any;
63
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
64
- } | undefined;
65
- mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
65
+ submittedAt: number;
66
+ mutateAsync: import("@tanstack/react-query/build/legacy/types").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
66
67
  data: any;
67
68
  requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
68
69
  }, unknown>;
@@ -81,11 +82,16 @@ export declare const usePostRequest: <TResponse>({ path, isFormData, baseUrl, he
81
82
  isLoading: boolean;
82
83
  data: undefined;
83
84
  error: IRequestError;
85
+ variables: {
86
+ data: any;
87
+ requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
88
+ };
84
89
  isError: true;
85
90
  isIdle: false;
91
+ isPending: false;
86
92
  isSuccess: false;
87
93
  status: "error";
88
- mutate: import("@tanstack/react-query").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
94
+ mutate: import("@tanstack/react-query/build/legacy/types").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
89
95
  data: any;
90
96
  requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
91
97
  }, unknown>;
@@ -94,11 +100,8 @@ export declare const usePostRequest: <TResponse>({ path, isFormData, baseUrl, he
94
100
  failureCount: number;
95
101
  failureReason: IRequestError | null;
96
102
  isPaused: boolean;
97
- variables: {
98
- data: any;
99
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
100
- } | undefined;
101
- mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
103
+ submittedAt: number;
104
+ mutateAsync: import("@tanstack/react-query/build/legacy/types").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
102
105
  data: any;
103
106
  requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
104
107
  }, unknown>;
@@ -117,11 +120,16 @@ export declare const usePostRequest: <TResponse>({ path, isFormData, baseUrl, he
117
120
  isLoading: boolean;
118
121
  data: IRequestSuccess<TResponse>;
119
122
  error: null;
123
+ variables: {
124
+ data: any;
125
+ requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
126
+ };
120
127
  isError: false;
121
128
  isIdle: false;
129
+ isPending: false;
122
130
  isSuccess: true;
123
131
  status: "success";
124
- mutate: import("@tanstack/react-query").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
132
+ mutate: import("@tanstack/react-query/build/legacy/types").UseMutateFunction<IRequestSuccess<TResponse>, IRequestError, {
125
133
  data: any;
126
134
  requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
127
135
  }, unknown>;
@@ -130,11 +138,8 @@ export declare const usePostRequest: <TResponse>({ path, isFormData, baseUrl, he
130
138
  failureCount: number;
131
139
  failureReason: IRequestError | null;
132
140
  isPaused: boolean;
133
- variables: {
134
- data: any;
135
- requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
136
- } | undefined;
137
- mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
141
+ submittedAt: number;
142
+ mutateAsync: import("@tanstack/react-query/build/legacy/types").UseMutateAsyncFunction<IRequestSuccess<TResponse>, IRequestError, {
138
143
  data: any;
139
144
  requestConfig?: Partial<Omit<IMakeRequest, "body">> | undefined;
140
145
  }, unknown>;
@@ -68,7 +68,8 @@ const usePostRequest = ({ path, isFormData = false, baseUrl, headers, fileSelect
68
68
  }
69
69
  };
70
70
  // register post mutation
71
- const mutation = useMutation(async (postData) => new Promise((res, rej) => sendRequest(res, rej, postData)), {
71
+ const mutation = useMutation({
72
+ mutationFn: async (postData) => new Promise((res, rej) => sendRequest(res, rej, postData)),
72
73
  mutationKey: [path, { type: 'mutation' }],
73
74
  });
74
75
  const post = async (data, options) => {
@@ -88,7 +89,7 @@ const usePostRequest = ({ path, isFormData = false, baseUrl, headers, fileSelect
88
89
  }
89
90
  // eslint-disable-next-line react-hooks/exhaustive-deps
90
91
  }, [isFutureMutationsPaused]);
91
- return { post, uploadProgressPercent, ...mutation, isLoading: mutation.isLoading || isFutureMutationsPaused };
92
+ return { post, uploadProgressPercent, ...mutation, isLoading: mutation.isPending || isFutureMutationsPaused };
92
93
  };
93
94
 
94
95
  export { usePostRequest };
@@ -1 +1 @@
1
- {"version":3,"file":"usePostRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"usePostRequest.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -14,35 +14,36 @@ async function makeRequest({ body = {}, method = HttpMethod.GET, path, isFormDat
14
14
  if (!isFormData) {
15
15
  headers['Content-Type'] = ContentType.APPLICATION_JSON;
16
16
  }
17
- else {
18
- if (isApp) {
19
- headers['Content-Type'] = ContentType.MULTIPART_FORM_DATA;
20
- // add the app files
21
- for (const fileKey in appFiles) {
22
- const currentFile = appFiles[fileKey];
23
- if (Array.isArray(currentFile)) {
24
- for (const innerFile of currentFile) {
25
- body.append(fileKey, innerFile);
26
- }
27
- }
28
- else {
29
- body.append(fileKey, currentFile);
17
+ else if (isApp) {
18
+ headers['Content-Type'] = ContentType.MULTIPART_FORM_DATA;
19
+ // add the app files
20
+ for (const fileKey in appFiles) {
21
+ const currentFile = appFiles[fileKey];
22
+ if (Array.isArray(currentFile)) {
23
+ for (const innerFile of currentFile) {
24
+ body.append(fileKey, innerFile);
30
25
  }
31
26
  }
27
+ else {
28
+ body.append(fileKey, currentFile);
29
+ }
32
30
  }
33
- else {
34
- delete headers['Content-Type'];
35
- }
31
+ }
32
+ else {
33
+ delete headers['Content-Type'];
36
34
  }
37
35
  try {
38
36
  const axiosRequest = axiosInstance({ baseURL, headers, timeout });
39
- // send request
40
- const resp = await axiosRequest({
37
+ const axiosRequestConfig = {
41
38
  url: path,
42
39
  method,
43
- data: body,
44
40
  onUploadProgress,
45
- });
41
+ };
42
+ if (Object.keys(body).length > 0) {
43
+ axiosRequestConfig.data = body;
44
+ }
45
+ // send request
46
+ const resp = await axiosRequest(axiosRequestConfig);
46
47
  // get response json
47
48
  const jsonResp = await resp.data;
48
49
  // get response code
@@ -1 +1 @@
1
- {"version":3,"file":"make-request.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"make-request.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ventlio/tanstack-query",
3
- "version": "0.3.9",
3
+ "version": "0.4.1",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "contributors": [
@@ -47,7 +47,7 @@
47
47
  "@rollup/plugin-json": "^6.0.0",
48
48
  "@rollup/plugin-node-resolve": "^15.0.1",
49
49
  "@rollup/plugin-typescript": "^11.0.0",
50
- "@tanstack/react-query": "^4.26.1",
50
+ "@tanstack/react-query": "^5.29.2",
51
51
  "@testing-library/react": "^13.1",
52
52
  "@testing-library/react-hooks": "^8.0.1",
53
53
  "@types/axios": "^0.14.0",
@@ -1,6 +1,6 @@
1
1
  import { useQueryClient } from '@tanstack/react-query';
2
2
 
3
- export const useKeyTrackerModel = <T>(keyTracker: string) => {
3
+ export const useKeyTrackerModel = (keyTracker: string) => {
4
4
  const queryClient = useQueryClient();
5
5
 
6
6
  const getQueryKey = (innerKeyTracker?: string) => {
@@ -12,7 +12,7 @@ export const useKeyTrackerModel = <T>(keyTracker: string) => {
12
12
  const refetchQuery = async (innerKeyTracker?: string) => {
13
13
  const queryKey: any = getQueryKey(innerKeyTracker ?? keyTracker);
14
14
 
15
- await queryClient.refetchQueries<T>({
15
+ await queryClient.refetchQueries({
16
16
  queryKey,
17
17
  exact: true,
18
18
  });
@@ -5,7 +5,7 @@ import { useQueryConfig } from '../config';
5
5
  import type { QueryModelAddPosition, QueryModelBuilder } from './model.interface';
6
6
  import { useKeyTrackerModel } from './useKeyTrackerModel';
7
7
 
8
- export const useQueryModel = <T>(keyTracker: string, exact: boolean = true): QueryModelBuilder<T> => {
8
+ export const useQueryModel = <T>(keyTracker: string): QueryModelBuilder<T> => {
9
9
  const queryClient = useQueryClient();
10
10
  const { getQueryKey } = useKeyTrackerModel(keyTracker);
11
11
  const queryKey = getQueryKey() as any[];
@@ -24,7 +24,7 @@ export const useQueryModel = <T>(keyTracker: string, exact: boolean = true): Que
24
24
  if (!path) {
25
25
  queryClient.setQueryData(queryKey, records);
26
26
  } else {
27
- const queryData = queryClient.getQueryData(queryKey, { exact }) ?? {};
27
+ const queryData = queryClient.getQueryData(queryKey) ?? {};
28
28
  queryClient.setQueryData(queryKey, lodashSet(queryData, path, records));
29
29
  }
30
30
 
@@ -32,7 +32,7 @@ export const useQueryModel = <T>(keyTracker: string, exact: boolean = true): Que
32
32
  };
33
33
 
34
34
  const findAll = (path?: string): T[] | T | undefined => {
35
- const data = queryClient.getQueryData(queryKey, { exact });
35
+ const data = queryClient.getQueryData(queryKey);
36
36
 
37
37
  if (!data) {
38
38
  return [];
@@ -62,7 +62,7 @@ export const useQueryModel = <T>(keyTracker: string, exact: boolean = true): Que
62
62
  };
63
63
 
64
64
  const get = (path?: string): T | undefined => {
65
- let data = queryClient.getQueryData(queryKey, { exact });
65
+ let data = queryClient.getQueryData(queryKey);
66
66
  if (path) {
67
67
  data = result<T>(data, path);
68
68
  }
@@ -75,7 +75,7 @@ export const useQueryModel = <T>(keyTracker: string, exact: boolean = true): Que
75
75
  newData = lodashSet(data, path, newData);
76
76
  }
77
77
 
78
- return queryClient.setQueryData(queryKey, newData) as DataType;
78
+ return queryClient.setQueryData(queryKey, newData as DataType) as DataType;
79
79
  };
80
80
 
81
81
  const getModelConfig = () => {
@@ -108,7 +108,7 @@ export const useQueryModel = <T>(keyTracker: string, exact: boolean = true): Que
108
108
  if (!path) {
109
109
  queryClient.setQueryData(queryKey, newData);
110
110
  } else {
111
- const queryData = queryClient.getQueryData(queryKey, { exact }) ?? {};
111
+ const queryData = queryClient.getQueryData(queryKey) ?? {};
112
112
  queryClient.setQueryData(queryKey, lodashSet(queryData, path, newData));
113
113
  }
114
114
  return updatedRecord;
@@ -135,7 +135,7 @@ export const useQueryModel = <T>(keyTracker: string, exact: boolean = true): Que
135
135
  if (!path) {
136
136
  queryClient.setQueryData(queryKey, newData);
137
137
  } else {
138
- const queryData = queryClient.getQueryData(queryKey, { exact }) ?? {};
138
+ const queryData = queryClient.getQueryData(queryKey) ?? {};
139
139
  queryClient.setQueryData(queryKey, lodashSet(queryData, path, newData));
140
140
  }
141
141
  return updated;
@@ -12,7 +12,7 @@ export const useRefetchQuery = async (queryKey: any[]) => {
12
12
  { throwOnError: true, cancelRefetch: true }
13
13
  );
14
14
 
15
- return queryClient.getQueriesData<T>(innerQueryKey ?? queryKey);
15
+ return queryClient.getQueriesData<T>({ queryKey: innerQueryKey ?? queryKey });
16
16
  };
17
17
 
18
18
  return { refetchQuery };
@@ -52,12 +52,13 @@ export const useDeleteRequest = <TResponse>(deleteOptions?: DefaultRequestOption
52
52
  }
53
53
  };
54
54
 
55
- const query = useQuery<any, any, IRequestSuccess<TResponse>>(
56
- [requestPath, {}],
57
- ({ queryKey }) =>
55
+ const query = useQuery<any, any, IRequestSuccess<TResponse>>({
56
+ queryKey: [requestPath, {}],
57
+ queryFn: ({ queryKey }) =>
58
58
  new Promise<IRequestSuccess<TResponse> | IRequestError>((res, rej) => sendRequest(res, rej, queryKey)),
59
- { enabled: false, ...options }
60
- );
59
+ enabled: false,
60
+ ...options,
61
+ });
61
62
 
62
63
  const updatedPathAsync = async (link: string) => {
63
64
  return setRequestPath(link);
@@ -78,8 +79,7 @@ export const useDeleteRequest = <TResponse>(deleteOptions?: DefaultRequestOption
78
79
  ): Promise<IRequestSuccess<TResponse> | undefined> => {
79
80
  if (!isFutureQueriesPaused) {
80
81
  // set enabled to be true for every delete
81
- internalDeleteOptions = internalDeleteOptions ?? {};
82
- internalDeleteOptions.enabled = true;
82
+ internalDeleteOptions = internalDeleteOptions ?? { queryKey: [] };
83
83
 
84
84
  await setOptionsAsync(internalDeleteOptions);
85
85
  await updatedPathAsync(link);