@ventlio/tanstack-query 0.5.4 → 0.5.5
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/config/bootstrapQueryRequest.d.ts +4 -4
- package/dist/config/bootstrapQueryRequest.js +15 -15
- package/dist/config/config.interface.d.ts +4 -4
- package/dist/config/index.d.ts +6 -6
- package/dist/config/useEnvironmentVariables.d.ts +2 -2
- package/dist/config/useEnvironmentVariables.js +8 -8
- package/dist/config/useQueryConfig.d.ts +2 -2
- package/dist/config/useQueryConfig.js +5 -5
- package/dist/config/useQueryHeaders.d.ts +2 -2
- package/dist/config/useQueryHeaders.js +9 -9
- package/dist/config/useReactNativeEnv.d.ts +5 -5
- package/dist/config/useReactNativeEnv.js +6 -6
- package/dist/helpers/index.d.ts +2 -2
- package/dist/helpers/scrollToTop.d.ts +1 -1
- package/dist/helpers/scrollToTop.js +5 -5
- package/dist/helpers/timeFuncs.d.ts +1 -1
- package/dist/helpers/timeFuncs.js +7 -7
- package/dist/hooks/index.d.ts +1 -1
- package/dist/hooks/useUploadProgress.d.ts +5 -5
- package/dist/hooks/useUploadProgress.js +8 -8
- package/dist/index.d.ts +8 -8
- package/dist/index.mjs +907 -830
- package/dist/index.mjs.map +1 -1
- package/dist/model/index.d.ts +4 -4
- package/dist/model/model.interface.d.ts +11 -11
- package/dist/model/useKeyTrackerModel.d.ts +4 -4
- package/dist/model/useKeyTrackerModel.js +14 -14
- package/dist/model/useQueryModel.d.ts +2 -2
- package/dist/model/useQueryModel.js +115 -115
- package/dist/model/useRefetchQuery.d.ts +3 -3
- package/dist/model/useRefetchQuery.js +10 -10
- package/dist/queries/index.d.ts +6 -6
- package/dist/queries/queries.interface.d.ts +17 -17
- package/dist/queries/useDeleteRequest.d.ts +60 -60
- package/dist/queries/useDeleteRequest.js +86 -71
- package/dist/queries/useDeleteRequest.js.map +1 -1
- package/dist/queries/useGetInfiniteRequest.d.ts +108 -110
- package/dist/queries/useGetInfiniteRequest.js +117 -102
- package/dist/queries/useGetInfiniteRequest.js.map +1 -1
- package/dist/queries/useGetRequest.d.ts +73 -74
- package/dist/queries/useGetRequest.js +148 -133
- package/dist/queries/useGetRequest.js.map +1 -1
- package/dist/queries/usePatchRequest.d.ts +86 -86
- package/dist/queries/usePatchRequest.js +86 -70
- package/dist/queries/usePatchRequest.js.map +1 -1
- package/dist/queries/usePostRequest.d.ts +149 -157
- package/dist/queries/usePostRequest.js +94 -78
- package/dist/queries/usePostRequest.js.map +1 -1
- package/dist/queries/usePutRequest.d.ts +86 -86
- package/dist/request/axios-instance.d.ts +3 -3
- package/dist/request/axios-instance.js +6 -6
- package/dist/request/buildFormData.d.ts +1 -1
- package/dist/request/buildFormData.js +40 -40
- package/dist/request/index.d.ts +6 -6
- package/dist/request/make-request.d.ts +2 -2
- package/dist/request/make-request.js +80 -80
- package/dist/request/request.enum.d.ts +11 -11
- package/dist/request/request.enum.js +12 -12
- package/dist/request/request.interface.d.ts +48 -48
- package/dist/request/transformer.d.ts +7 -7
- package/dist/request/transformer.js +18 -18
- package/dist/stores/index.d.ts +2 -2
- package/dist/stores/useHeaderStore.d.ts +7 -7
- package/dist/stores/useHeaderStore.js +5 -5
- package/dist/stores/usePauseFutureRequests.d.ts +7 -7
- package/dist/stores/usePauseFutureRequests.js +13 -13
- package/dist/types/index.d.ts +34 -29
- package/package.json +2 -2
- package/src/queries/useDeleteRequest.ts +24 -5
- package/src/queries/useGetInfiniteRequest.ts +21 -2
- package/src/queries/useGetRequest.ts +26 -9
- package/src/queries/usePatchRequest.ts +21 -1
- package/src/queries/usePostRequest.ts +21 -1
- package/src/queries/usePutRequest.ts +21 -1
- package/src/request/make-request.ts +2 -2
- package/src/request/transformer.ts +1 -1
- package/src/types/index.ts +5 -1
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/model/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from './model.interface';
|
|
2
|
-
export * from './useKeyTrackerModel';
|
|
3
|
-
export * from './useQueryModel';
|
|
4
|
-
export * from './useRefetchQuery';
|
|
1
|
+
export * from './model.interface';
|
|
2
|
+
export * from './useKeyTrackerModel';
|
|
3
|
+
export * from './useQueryModel';
|
|
4
|
+
export * from './useRefetchQuery';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export interface QueryModelBuilder<T> {
|
|
2
|
-
add: (data: T, position?: QueryModelAddPosition, path?: string) => T | undefined;
|
|
3
|
-
findAll: (path?: string) => T[] | T | undefined;
|
|
4
|
-
findMany: (selector: (record: T) => boolean, path?: string) => T[];
|
|
5
|
-
find: (id: number | string, path?: string) => T | undefined;
|
|
6
|
-
update: (id: number | string, data: Partial<T>, path?: string) => T | undefined;
|
|
7
|
-
remove: (id: number, path?: string) => boolean;
|
|
8
|
-
get: (path?: string) => T | undefined;
|
|
9
|
-
set: <DataType>(data: Partial<DataType>, path?: string) => DataType | undefined;
|
|
10
|
-
}
|
|
11
|
-
export type QueryModelAddPosition = 'start' | 'end';
|
|
1
|
+
export interface QueryModelBuilder<T> {
|
|
2
|
+
add: (data: T, position?: QueryModelAddPosition, path?: string) => T | undefined;
|
|
3
|
+
findAll: (path?: string) => T[] | T | undefined;
|
|
4
|
+
findMany: (selector: (record: T) => boolean, path?: string) => T[];
|
|
5
|
+
find: (id: number | string, path?: string) => T | undefined;
|
|
6
|
+
update: (id: number | string, data: Partial<T>, path?: string) => T | undefined;
|
|
7
|
+
remove: (id: number, path?: string) => boolean;
|
|
8
|
+
get: (path?: string) => T | undefined;
|
|
9
|
+
set: <DataType>(data: Partial<DataType>, path?: string) => DataType | undefined;
|
|
10
|
+
}
|
|
11
|
+
export type QueryModelAddPosition = 'start' | 'end';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const useKeyTrackerModel: (keyTracker: string) => {
|
|
2
|
-
refetchQuery: (innerKeyTracker?: string) => Promise<void>;
|
|
3
|
-
getQueryKey: (innerKeyTracker?: string) => any[] | undefined;
|
|
4
|
-
};
|
|
1
|
+
export declare const useKeyTrackerModel: (keyTracker: string) => {
|
|
2
|
+
refetchQuery: (innerKeyTracker?: string) => Promise<void>;
|
|
3
|
+
getQueryKey: (innerKeyTracker?: string) => any[] | undefined;
|
|
4
|
+
};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { useQueryClient } from '@tanstack/react-query';
|
|
2
2
|
|
|
3
|
-
const useKeyTrackerModel = (keyTracker) => {
|
|
4
|
-
const queryClient = useQueryClient();
|
|
5
|
-
const getQueryKey = (innerKeyTracker) => {
|
|
6
|
-
const queryKey = queryClient.getQueryData([innerKeyTracker ?? keyTracker]);
|
|
7
|
-
return queryKey;
|
|
8
|
-
};
|
|
9
|
-
const refetchQuery = async (innerKeyTracker) => {
|
|
10
|
-
const queryKey = getQueryKey(innerKeyTracker ?? keyTracker);
|
|
11
|
-
await queryClient.refetchQueries({
|
|
12
|
-
queryKey,
|
|
13
|
-
exact: true,
|
|
14
|
-
});
|
|
15
|
-
};
|
|
16
|
-
return { refetchQuery, getQueryKey };
|
|
3
|
+
const useKeyTrackerModel = (keyTracker) => {
|
|
4
|
+
const queryClient = useQueryClient();
|
|
5
|
+
const getQueryKey = (innerKeyTracker) => {
|
|
6
|
+
const queryKey = queryClient.getQueryData([innerKeyTracker ?? keyTracker]);
|
|
7
|
+
return queryKey;
|
|
8
|
+
};
|
|
9
|
+
const refetchQuery = async (innerKeyTracker) => {
|
|
10
|
+
const queryKey = getQueryKey(innerKeyTracker ?? keyTracker);
|
|
11
|
+
await queryClient.refetchQueries({
|
|
12
|
+
queryKey,
|
|
13
|
+
exact: true,
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
return { refetchQuery, getQueryKey };
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
export { useKeyTrackerModel };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { QueryModelBuilder } from './model.interface';
|
|
2
|
-
export declare const useQueryModel: <T>(keyTracker: string) => QueryModelBuilder<T>;
|
|
1
|
+
import type { QueryModelBuilder } from './model.interface';
|
|
2
|
+
export declare const useQueryModel: <T>(keyTracker: string) => QueryModelBuilder<T>;
|
|
@@ -7,121 +7,121 @@ import '../stores/useHeaderStore.js';
|
|
|
7
7
|
import '../stores/usePauseFutureRequests.js';
|
|
8
8
|
import { useKeyTrackerModel } from './useKeyTrackerModel.js';
|
|
9
9
|
|
|
10
|
-
const useQueryModel = (keyTracker) => {
|
|
11
|
-
const queryClient = useQueryClient();
|
|
12
|
-
const { getQueryKey } = useKeyTrackerModel(keyTracker);
|
|
13
|
-
const queryKey = getQueryKey();
|
|
14
|
-
const config = useQueryConfig();
|
|
15
|
-
const add = (data, position, path) => {
|
|
16
|
-
let records = (findAll(path) ?? []);
|
|
17
|
-
if (!position || position === 'end') {
|
|
18
|
-
records = [...records, data];
|
|
19
|
-
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
20
|
-
}
|
|
21
|
-
else if (position === 'start') {
|
|
22
|
-
records = [data, ...records];
|
|
23
|
-
}
|
|
24
|
-
if (!path) {
|
|
25
|
-
queryClient.setQueryData(queryKey, records);
|
|
26
|
-
}
|
|
27
|
-
else {
|
|
28
|
-
const queryData = queryClient.getQueryData(queryKey) ?? {};
|
|
29
|
-
queryClient.setQueryData(queryKey, lodashSet(queryData, path, records));
|
|
30
|
-
}
|
|
31
|
-
return data;
|
|
32
|
-
};
|
|
33
|
-
const findAll = (path) => {
|
|
34
|
-
const data = queryClient.getQueryData(queryKey);
|
|
35
|
-
if (!data) {
|
|
36
|
-
return [];
|
|
37
|
-
}
|
|
38
|
-
if (!path) {
|
|
39
|
-
return Array.isArray(data) ? data : [data];
|
|
40
|
-
}
|
|
41
|
-
return result(data, path, []);
|
|
42
|
-
};
|
|
43
|
-
const findMany = (selector, path) => {
|
|
44
|
-
const data = (findAll(path) ?? []);
|
|
45
|
-
return data.filter(selector);
|
|
46
|
-
};
|
|
47
|
-
const find = (id, path) => {
|
|
48
|
-
const modelConfig = getModelConfig();
|
|
49
|
-
if (!modelConfig?.idColumn) {
|
|
50
|
-
return undefined;
|
|
51
|
-
}
|
|
52
|
-
const data = (findAll(path) ?? []);
|
|
53
|
-
return data.find((record) => record[modelConfig.idColumn] === id);
|
|
54
|
-
};
|
|
55
|
-
const get = (path) => {
|
|
56
|
-
let data = queryClient.getQueryData(queryKey);
|
|
57
|
-
if (path) {
|
|
58
|
-
data = result(data, path);
|
|
59
|
-
}
|
|
60
|
-
return data;
|
|
61
|
-
};
|
|
62
|
-
const set = (newData, path) => {
|
|
63
|
-
if (path) {
|
|
64
|
-
const data = get();
|
|
65
|
-
newData = lodashSet(data, path, newData);
|
|
66
|
-
}
|
|
67
|
-
return queryClient.setQueryData(queryKey, () => newData);
|
|
68
|
-
};
|
|
69
|
-
const getModelConfig = () => {
|
|
70
|
-
const { options } = config;
|
|
71
|
-
const { modelConfig } = options ?? {};
|
|
72
|
-
return modelConfig;
|
|
73
|
-
};
|
|
74
|
-
const update = (id, data, path) => {
|
|
75
|
-
const oldData = (findAll(path) ?? []);
|
|
76
|
-
const modelConfig = getModelConfig();
|
|
77
|
-
if (!modelConfig?.idColumn) {
|
|
78
|
-
return undefined;
|
|
79
|
-
}
|
|
80
|
-
const idColumn = modelConfig.idColumn;
|
|
81
|
-
let updatedRecord = undefined;
|
|
82
|
-
const newData = oldData.map((record) => {
|
|
83
|
-
let dataRecord = record;
|
|
84
|
-
if (dataRecord[idColumn] === id) {
|
|
85
|
-
dataRecord = { ...dataRecord, ...data };
|
|
86
|
-
updatedRecord = dataRecord;
|
|
87
|
-
}
|
|
88
|
-
return dataRecord;
|
|
89
|
-
});
|
|
90
|
-
if (!path) {
|
|
91
|
-
queryClient.setQueryData(queryKey, newData);
|
|
92
|
-
}
|
|
93
|
-
else {
|
|
94
|
-
const queryData = queryClient.getQueryData(queryKey) ?? {};
|
|
95
|
-
queryClient.setQueryData(queryKey, lodashSet(queryData, path, newData));
|
|
96
|
-
}
|
|
97
|
-
return updatedRecord;
|
|
98
|
-
};
|
|
99
|
-
const remove = (id, path) => {
|
|
100
|
-
const oldData = (findAll(path) ?? []);
|
|
101
|
-
const modelConfig = getModelConfig();
|
|
102
|
-
if (!modelConfig?.idColumn) {
|
|
103
|
-
return false;
|
|
104
|
-
}
|
|
105
|
-
const idColumn = modelConfig.idColumn;
|
|
106
|
-
let updated = false;
|
|
107
|
-
const newData = oldData.filter((record) => {
|
|
108
|
-
const dataRecord = record;
|
|
109
|
-
if (dataRecord[idColumn] === id) {
|
|
110
|
-
updated = true;
|
|
111
|
-
return false;
|
|
112
|
-
}
|
|
113
|
-
return true;
|
|
114
|
-
});
|
|
115
|
-
if (!path) {
|
|
116
|
-
queryClient.setQueryData(queryKey, newData);
|
|
117
|
-
}
|
|
118
|
-
else {
|
|
119
|
-
const queryData = queryClient.getQueryData(queryKey) ?? {};
|
|
120
|
-
queryClient.setQueryData(queryKey, lodashSet(queryData, path, newData));
|
|
121
|
-
}
|
|
122
|
-
return updated;
|
|
123
|
-
};
|
|
124
|
-
return { find, findAll, findMany, remove, update, add, get, set };
|
|
10
|
+
const useQueryModel = (keyTracker) => {
|
|
11
|
+
const queryClient = useQueryClient();
|
|
12
|
+
const { getQueryKey } = useKeyTrackerModel(keyTracker);
|
|
13
|
+
const queryKey = getQueryKey();
|
|
14
|
+
const config = useQueryConfig();
|
|
15
|
+
const add = (data, position, path) => {
|
|
16
|
+
let records = (findAll(path) ?? []);
|
|
17
|
+
if (!position || position === 'end') {
|
|
18
|
+
records = [...records, data];
|
|
19
|
+
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
20
|
+
}
|
|
21
|
+
else if (position === 'start') {
|
|
22
|
+
records = [data, ...records];
|
|
23
|
+
}
|
|
24
|
+
if (!path) {
|
|
25
|
+
queryClient.setQueryData(queryKey, records);
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
const queryData = queryClient.getQueryData(queryKey) ?? {};
|
|
29
|
+
queryClient.setQueryData(queryKey, lodashSet(queryData, path, records));
|
|
30
|
+
}
|
|
31
|
+
return data;
|
|
32
|
+
};
|
|
33
|
+
const findAll = (path) => {
|
|
34
|
+
const data = queryClient.getQueryData(queryKey);
|
|
35
|
+
if (!data) {
|
|
36
|
+
return [];
|
|
37
|
+
}
|
|
38
|
+
if (!path) {
|
|
39
|
+
return Array.isArray(data) ? data : [data];
|
|
40
|
+
}
|
|
41
|
+
return result(data, path, []);
|
|
42
|
+
};
|
|
43
|
+
const findMany = (selector, path) => {
|
|
44
|
+
const data = (findAll(path) ?? []);
|
|
45
|
+
return data.filter(selector);
|
|
46
|
+
};
|
|
47
|
+
const find = (id, path) => {
|
|
48
|
+
const modelConfig = getModelConfig();
|
|
49
|
+
if (!modelConfig?.idColumn) {
|
|
50
|
+
return undefined;
|
|
51
|
+
}
|
|
52
|
+
const data = (findAll(path) ?? []);
|
|
53
|
+
return data.find((record) => record[modelConfig.idColumn] === id);
|
|
54
|
+
};
|
|
55
|
+
const get = (path) => {
|
|
56
|
+
let data = queryClient.getQueryData(queryKey);
|
|
57
|
+
if (path) {
|
|
58
|
+
data = result(data, path);
|
|
59
|
+
}
|
|
60
|
+
return data;
|
|
61
|
+
};
|
|
62
|
+
const set = (newData, path) => {
|
|
63
|
+
if (path) {
|
|
64
|
+
const data = get();
|
|
65
|
+
newData = lodashSet(data, path, newData);
|
|
66
|
+
}
|
|
67
|
+
return queryClient.setQueryData(queryKey, () => newData);
|
|
68
|
+
};
|
|
69
|
+
const getModelConfig = () => {
|
|
70
|
+
const { options } = config;
|
|
71
|
+
const { modelConfig } = options ?? {};
|
|
72
|
+
return modelConfig;
|
|
73
|
+
};
|
|
74
|
+
const update = (id, data, path) => {
|
|
75
|
+
const oldData = (findAll(path) ?? []);
|
|
76
|
+
const modelConfig = getModelConfig();
|
|
77
|
+
if (!modelConfig?.idColumn) {
|
|
78
|
+
return undefined;
|
|
79
|
+
}
|
|
80
|
+
const idColumn = modelConfig.idColumn;
|
|
81
|
+
let updatedRecord = undefined;
|
|
82
|
+
const newData = oldData.map((record) => {
|
|
83
|
+
let dataRecord = record;
|
|
84
|
+
if (dataRecord[idColumn] === id) {
|
|
85
|
+
dataRecord = { ...dataRecord, ...data };
|
|
86
|
+
updatedRecord = dataRecord;
|
|
87
|
+
}
|
|
88
|
+
return dataRecord;
|
|
89
|
+
});
|
|
90
|
+
if (!path) {
|
|
91
|
+
queryClient.setQueryData(queryKey, newData);
|
|
92
|
+
}
|
|
93
|
+
else {
|
|
94
|
+
const queryData = queryClient.getQueryData(queryKey) ?? {};
|
|
95
|
+
queryClient.setQueryData(queryKey, lodashSet(queryData, path, newData));
|
|
96
|
+
}
|
|
97
|
+
return updatedRecord;
|
|
98
|
+
};
|
|
99
|
+
const remove = (id, path) => {
|
|
100
|
+
const oldData = (findAll(path) ?? []);
|
|
101
|
+
const modelConfig = getModelConfig();
|
|
102
|
+
if (!modelConfig?.idColumn) {
|
|
103
|
+
return false;
|
|
104
|
+
}
|
|
105
|
+
const idColumn = modelConfig.idColumn;
|
|
106
|
+
let updated = false;
|
|
107
|
+
const newData = oldData.filter((record) => {
|
|
108
|
+
const dataRecord = record;
|
|
109
|
+
if (dataRecord[idColumn] === id) {
|
|
110
|
+
updated = true;
|
|
111
|
+
return false;
|
|
112
|
+
}
|
|
113
|
+
return true;
|
|
114
|
+
});
|
|
115
|
+
if (!path) {
|
|
116
|
+
queryClient.setQueryData(queryKey, newData);
|
|
117
|
+
}
|
|
118
|
+
else {
|
|
119
|
+
const queryData = queryClient.getQueryData(queryKey) ?? {};
|
|
120
|
+
queryClient.setQueryData(queryKey, lodashSet(queryData, path, newData));
|
|
121
|
+
}
|
|
122
|
+
return updated;
|
|
123
|
+
};
|
|
124
|
+
return { find, findAll, findMany, remove, update, add, get, set };
|
|
125
125
|
};
|
|
126
126
|
|
|
127
127
|
export { useQueryModel };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const useRefetchQuery: (queryKey: any[]) => Promise<{
|
|
2
|
-
refetchQuery: <T>(innerQueryKey?: any[]) => Promise<[import("@tanstack/query
|
|
3
|
-
}>;
|
|
1
|
+
export declare const useRefetchQuery: (queryKey: any[]) => Promise<{
|
|
2
|
+
refetchQuery: <T>(innerQueryKey?: any[]) => Promise<[import("@tanstack/react-query").QueryKey, T | undefined][]>;
|
|
3
|
+
}>;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { useQueryClient } from '@tanstack/react-query';
|
|
2
2
|
|
|
3
|
-
const useRefetchQuery = async (queryKey) => {
|
|
4
|
-
const queryClient = useQueryClient();
|
|
5
|
-
const refetchQuery = async (innerQueryKey) => {
|
|
6
|
-
await queryClient.invalidateQueries({
|
|
7
|
-
queryKey: innerQueryKey ?? queryKey,
|
|
8
|
-
exact: true,
|
|
9
|
-
}, { throwOnError: true, cancelRefetch: true });
|
|
10
|
-
return queryClient.getQueriesData({ queryKey: innerQueryKey ?? queryKey });
|
|
11
|
-
};
|
|
12
|
-
return { refetchQuery };
|
|
3
|
+
const useRefetchQuery = async (queryKey) => {
|
|
4
|
+
const queryClient = useQueryClient();
|
|
5
|
+
const refetchQuery = async (innerQueryKey) => {
|
|
6
|
+
await queryClient.invalidateQueries({
|
|
7
|
+
queryKey: innerQueryKey ?? queryKey,
|
|
8
|
+
exact: true,
|
|
9
|
+
}, { throwOnError: true, cancelRefetch: true });
|
|
10
|
+
return queryClient.getQueriesData({ queryKey: innerQueryKey ?? queryKey });
|
|
11
|
+
};
|
|
12
|
+
return { refetchQuery };
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
export { useRefetchQuery };
|
package/dist/queries/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export * from './queries.interface';
|
|
2
|
-
export * from './useDeleteRequest';
|
|
3
|
-
export * from './useGetInfiniteRequest';
|
|
4
|
-
export * from './useGetRequest';
|
|
5
|
-
export * from './usePatchRequest';
|
|
6
|
-
export * from './usePostRequest';
|
|
1
|
+
export * from './queries.interface';
|
|
2
|
+
export * from './useDeleteRequest';
|
|
3
|
+
export * from './useGetInfiniteRequest';
|
|
4
|
+
export * from './useGetRequest';
|
|
5
|
+
export * from './usePatchRequest';
|
|
6
|
+
export * from './usePostRequest';
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import type { UseInfiniteQueryOptions, UseQueryOptions } from '@tanstack/react-query';
|
|
2
|
-
import type { RawAxiosRequestHeaders } from 'axios';
|
|
3
|
-
import type { IRequestError, IRequestSuccess } from '../request';
|
|
4
|
-
export interface IPagination {
|
|
5
|
-
current_page: number;
|
|
6
|
-
next_page: number;
|
|
7
|
-
page_count: number;
|
|
8
|
-
previous_page: number;
|
|
9
|
-
size: number;
|
|
10
|
-
total: number;
|
|
11
|
-
}
|
|
12
|
-
export type TanstackQueryOption<TResponse> = UseQueryOptions<IRequestSuccess<TResponse | undefined>, IRequestError, IRequestSuccess<TResponse | undefined>, Array<any>>;
|
|
13
|
-
export type TanstackInfiniteQueryOption<TResponse> = Partial<UseInfiniteQueryOptions<IRequestSuccess<TResponse | undefined>, IRequestError, IRequestSuccess<TResponse | undefined>, Array<any>>>;
|
|
14
|
-
export interface DefaultRequestOptions {
|
|
15
|
-
baseUrl?: string;
|
|
16
|
-
headers?: RawAxiosRequestHeaders;
|
|
17
|
-
}
|
|
1
|
+
import type { UseInfiniteQueryOptions, UseQueryOptions } from '@tanstack/react-query';
|
|
2
|
+
import type { RawAxiosRequestHeaders } from 'axios';
|
|
3
|
+
import type { IRequestError, IRequestSuccess } from '../request';
|
|
4
|
+
export interface IPagination {
|
|
5
|
+
current_page: number;
|
|
6
|
+
next_page: number;
|
|
7
|
+
page_count: number;
|
|
8
|
+
previous_page: number;
|
|
9
|
+
size: number;
|
|
10
|
+
total: number;
|
|
11
|
+
}
|
|
12
|
+
export type TanstackQueryOption<TResponse> = UseQueryOptions<IRequestSuccess<TResponse | undefined>, IRequestError, IRequestSuccess<TResponse | undefined>, Array<any>>;
|
|
13
|
+
export type TanstackInfiniteQueryOption<TResponse> = Partial<UseInfiniteQueryOptions<IRequestSuccess<TResponse | undefined>, IRequestError, IRequestSuccess<TResponse | undefined>, Array<any>>>;
|
|
14
|
+
export interface DefaultRequestOptions {
|
|
15
|
+
baseUrl?: string;
|
|
16
|
+
headers?: RawAxiosRequestHeaders;
|
|
17
|
+
}
|
|
@@ -1,60 +1,60 @@
|
|
|
1
|
-
import type { UseQueryOptions } from '@tanstack/react-query';
|
|
2
|
-
import type { IRequestError, IRequestSuccess } from '../request';
|
|
3
|
-
import type { DefaultRequestOptions } from './queries.interface';
|
|
4
|
-
export declare const useDeleteRequest: <TResponse>(deleteOptions?: DefaultRequestOptions) => {
|
|
5
|
-
isLoading: boolean;
|
|
6
|
-
data: IRequestSuccess<TResponse>;
|
|
7
|
-
error: any;
|
|
8
|
-
isError: true;
|
|
9
|
-
isPending: false;
|
|
10
|
-
isLoadingError: false;
|
|
11
|
-
isRefetchError: true;
|
|
12
|
-
isSuccess: false;
|
|
13
|
-
status: "error";
|
|
14
|
-
dataUpdatedAt: number;
|
|
15
|
-
errorUpdatedAt: number;
|
|
16
|
-
failureCount: number;
|
|
17
|
-
failureReason: any;
|
|
18
|
-
errorUpdateCount: number;
|
|
19
|
-
isFetched: boolean;
|
|
20
|
-
isFetchedAfterMount: boolean;
|
|
21
|
-
isFetching: boolean;
|
|
22
|
-
isInitialLoading: boolean;
|
|
23
|
-
isPaused: boolean;
|
|
24
|
-
isPlaceholderData: boolean;
|
|
25
|
-
isRefetching: boolean;
|
|
26
|
-
isStale: boolean;
|
|
27
|
-
refetch: (options?: import("@tanstack/query
|
|
28
|
-
fetchStatus: import("@tanstack/query
|
|
29
|
-
destroy: (link: string, internalDeleteOptions?:
|
|
30
|
-
cached?: boolean
|
|
31
|
-
})
|
|
32
|
-
} | {
|
|
33
|
-
isLoading: boolean;
|
|
34
|
-
data: IRequestSuccess<TResponse>;
|
|
35
|
-
error: null;
|
|
36
|
-
isError: false;
|
|
37
|
-
isPending: false;
|
|
38
|
-
isLoadingError: false;
|
|
39
|
-
isRefetchError: false;
|
|
40
|
-
isSuccess: true;
|
|
41
|
-
status: "success";
|
|
42
|
-
dataUpdatedAt: number;
|
|
43
|
-
errorUpdatedAt: number;
|
|
44
|
-
failureCount: number;
|
|
45
|
-
failureReason: any;
|
|
46
|
-
errorUpdateCount: number;
|
|
47
|
-
isFetched: boolean;
|
|
48
|
-
isFetchedAfterMount: boolean;
|
|
49
|
-
isFetching: boolean;
|
|
50
|
-
isInitialLoading: boolean;
|
|
51
|
-
isPaused: boolean;
|
|
52
|
-
isPlaceholderData: boolean;
|
|
53
|
-
isRefetching: boolean;
|
|
54
|
-
isStale: boolean;
|
|
55
|
-
refetch: (options?: import("@tanstack/query
|
|
56
|
-
fetchStatus: import("@tanstack/query
|
|
57
|
-
destroy: (link: string, internalDeleteOptions?:
|
|
58
|
-
cached?: boolean
|
|
59
|
-
})
|
|
60
|
-
};
|
|
1
|
+
import type { UseQueryOptions } from '@tanstack/react-query';
|
|
2
|
+
import type { IRequestError, IRequestSuccess } from '../request';
|
|
3
|
+
import type { DefaultRequestOptions } from './queries.interface';
|
|
4
|
+
export declare const useDeleteRequest: <TResponse>(deleteOptions?: DefaultRequestOptions) => {
|
|
5
|
+
isLoading: boolean;
|
|
6
|
+
data: IRequestSuccess<TResponse>;
|
|
7
|
+
error: any;
|
|
8
|
+
isError: true;
|
|
9
|
+
isPending: false;
|
|
10
|
+
isLoadingError: false;
|
|
11
|
+
isRefetchError: true;
|
|
12
|
+
isSuccess: false;
|
|
13
|
+
status: "error";
|
|
14
|
+
dataUpdatedAt: number;
|
|
15
|
+
errorUpdatedAt: number;
|
|
16
|
+
failureCount: number;
|
|
17
|
+
failureReason: any;
|
|
18
|
+
errorUpdateCount: number;
|
|
19
|
+
isFetched: boolean;
|
|
20
|
+
isFetchedAfterMount: boolean;
|
|
21
|
+
isFetching: boolean;
|
|
22
|
+
isInitialLoading: boolean;
|
|
23
|
+
isPaused: boolean;
|
|
24
|
+
isPlaceholderData: boolean;
|
|
25
|
+
isRefetching: boolean;
|
|
26
|
+
isStale: boolean;
|
|
27
|
+
refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<IRequestSuccess<TResponse>, any>>;
|
|
28
|
+
fetchStatus: import("@tanstack/react-query").FetchStatus;
|
|
29
|
+
destroy: (link: string, internalDeleteOptions?: UseQueryOptions<IRequestSuccess<TResponse | undefined>, IRequestError, IRequestSuccess<TResponse | undefined>, Array<any>> & {
|
|
30
|
+
cached?: boolean;
|
|
31
|
+
}) => Promise<IRequestSuccess<TResponse> | undefined>;
|
|
32
|
+
} | {
|
|
33
|
+
isLoading: boolean;
|
|
34
|
+
data: IRequestSuccess<TResponse>;
|
|
35
|
+
error: null;
|
|
36
|
+
isError: false;
|
|
37
|
+
isPending: false;
|
|
38
|
+
isLoadingError: false;
|
|
39
|
+
isRefetchError: false;
|
|
40
|
+
isSuccess: true;
|
|
41
|
+
status: "success";
|
|
42
|
+
dataUpdatedAt: number;
|
|
43
|
+
errorUpdatedAt: number;
|
|
44
|
+
failureCount: number;
|
|
45
|
+
failureReason: any;
|
|
46
|
+
errorUpdateCount: number;
|
|
47
|
+
isFetched: boolean;
|
|
48
|
+
isFetchedAfterMount: boolean;
|
|
49
|
+
isFetching: boolean;
|
|
50
|
+
isInitialLoading: boolean;
|
|
51
|
+
isPaused: boolean;
|
|
52
|
+
isPlaceholderData: boolean;
|
|
53
|
+
isRefetching: boolean;
|
|
54
|
+
isStale: boolean;
|
|
55
|
+
refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<IRequestSuccess<TResponse>, any>>;
|
|
56
|
+
fetchStatus: import("@tanstack/react-query").FetchStatus;
|
|
57
|
+
destroy: (link: string, internalDeleteOptions?: UseQueryOptions<IRequestSuccess<TResponse | undefined>, IRequestError, IRequestSuccess<TResponse | undefined>, Array<any>> & {
|
|
58
|
+
cached?: boolean;
|
|
59
|
+
}) => Promise<IRequestSuccess<TResponse> | undefined>;
|
|
60
|
+
};
|