react-hook-toolkit 1.3.2 → 2.0.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.
- package/README.md +0 -10
- package/dist/chunk1516/chunk940514.d.ts +1 -2
- package/dist/chunk1516/chunk940514.js +3 -73
- package/dist/index.d.ts +2 -3
- package/dist/index.js +2 -3
- package/dist/type.d.ts +0 -14
- package/package.json +3 -5
package/README.md
CHANGED
|
@@ -49,16 +49,6 @@ const {
|
|
|
49
49
|
} = useBrowser();
|
|
50
50
|
```
|
|
51
51
|
|
|
52
|
-
📌 **useAxios**
|
|
53
|
-
A custom hook for making API requests using Axios. It manages request states (`loading`, `error`, `data`) and provides a function (`makeRequest`) to initiate a request.
|
|
54
|
-
```ts
|
|
55
|
-
const { data, loading, error, makeRequest, cancelRequest } = useAxios({ baseURL: '/api' });
|
|
56
|
-
|
|
57
|
-
useEffect(() => {
|
|
58
|
-
makeRequest('/users', 'GET');
|
|
59
|
-
}, []);
|
|
60
|
-
```
|
|
61
|
-
---
|
|
62
52
|
📌 **useRequest**
|
|
63
53
|
Provides an easy way to fetch data with hooks, managing loading, data, and error states.
|
|
64
54
|
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { RefObject } from 'react';
|
|
2
|
-
import { AsyncFunction, FetchState, MousePosition, ScrollPosition, UseAsyncReturn,
|
|
2
|
+
import { AsyncFunction, FetchState, MousePosition, ScrollPosition, UseAsyncReturn, WindowSize } from '../type';
|
|
3
3
|
export declare const isReady: () => boolean;
|
|
4
|
-
export declare const useAxios: <T>(config?: UseAxiosConfig) => UseAxiosResponse<T>;
|
|
5
4
|
export declare const useDrawer: () => import("../chunk1213/chunk158261").DrawerContextValue;
|
|
6
5
|
export declare const useGenericReducer: <State, Action extends {
|
|
7
6
|
type: string;
|
|
@@ -55,82 +55,12 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
55
55
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
56
56
|
};
|
|
57
57
|
import { useState, useEffect, useCallback, useRef, useContext } from 'react';
|
|
58
|
-
import axios, { AxiosError } from 'axios';
|
|
59
58
|
import DrawerContext from '../chunk1213/chunk158261';
|
|
60
59
|
export var isReady = function () {
|
|
61
60
|
return typeof window !== "undefined" && typeof window.document !== "undefined"
|
|
62
61
|
? true
|
|
63
62
|
: false;
|
|
64
63
|
};
|
|
65
|
-
export var useAxios = function (config) {
|
|
66
|
-
if (config === void 0) { config = {}; }
|
|
67
|
-
var _a = useState(null), data = _a[0], setData = _a[1];
|
|
68
|
-
var _b = useState(false), loading = _b[0], setLoading = _b[1];
|
|
69
|
-
var _c = useState(null), error = _c[0], setError = _c[1];
|
|
70
|
-
var _d = useState(false), cancelled = _d[0], setCancelled = _d[1];
|
|
71
|
-
var axiosInstance = axios.create({
|
|
72
|
-
baseURL: config.baseURL || '',
|
|
73
|
-
headers: config.headers || {},
|
|
74
|
-
});
|
|
75
|
-
var cancelRequest = function () { return setCancelled(true); };
|
|
76
|
-
var makeRequest = useCallback(function (url_1) {
|
|
77
|
-
var args_1 = [];
|
|
78
|
-
for (var _i = 1; _i < arguments.length; _i++) {
|
|
79
|
-
args_1[_i - 1] = arguments[_i];
|
|
80
|
-
}
|
|
81
|
-
return __awaiter(void 0, __spreadArray([url_1], args_1, true), void 0, function (url, method, requestData) {
|
|
82
|
-
var response, err_1;
|
|
83
|
-
if (method === void 0) { method = 'GET'; }
|
|
84
|
-
if (requestData === void 0) { requestData = {}; }
|
|
85
|
-
return __generator(this, function (_a) {
|
|
86
|
-
switch (_a.label) {
|
|
87
|
-
case 0:
|
|
88
|
-
if (cancelled)
|
|
89
|
-
return [2 /*return*/];
|
|
90
|
-
setLoading(true);
|
|
91
|
-
setError(null);
|
|
92
|
-
_a.label = 1;
|
|
93
|
-
case 1:
|
|
94
|
-
_a.trys.push([1, 3, 4, 5]);
|
|
95
|
-
return [4 /*yield*/, axiosInstance({
|
|
96
|
-
url: url,
|
|
97
|
-
method: method,
|
|
98
|
-
data: requestData,
|
|
99
|
-
params: method === 'GET' ? requestData : undefined,
|
|
100
|
-
})];
|
|
101
|
-
case 2:
|
|
102
|
-
response = _a.sent();
|
|
103
|
-
if (!cancelled) {
|
|
104
|
-
setData(response.data);
|
|
105
|
-
}
|
|
106
|
-
return [3 /*break*/, 5];
|
|
107
|
-
case 3:
|
|
108
|
-
err_1 = _a.sent();
|
|
109
|
-
if (!cancelled) {
|
|
110
|
-
setError(err_1 instanceof AxiosError ? err_1.message : 'An error occurred');
|
|
111
|
-
}
|
|
112
|
-
return [3 /*break*/, 5];
|
|
113
|
-
case 4:
|
|
114
|
-
if (!cancelled) {
|
|
115
|
-
setLoading(false);
|
|
116
|
-
}
|
|
117
|
-
return [7 /*endfinally*/];
|
|
118
|
-
case 5: return [2 /*return*/];
|
|
119
|
-
}
|
|
120
|
-
});
|
|
121
|
-
});
|
|
122
|
-
}, [cancelled, axiosInstance]);
|
|
123
|
-
useEffect(function () {
|
|
124
|
-
return function () { return cancelRequest(); };
|
|
125
|
-
}, []);
|
|
126
|
-
return {
|
|
127
|
-
data: data,
|
|
128
|
-
loading: loading,
|
|
129
|
-
error: error,
|
|
130
|
-
makeRequest: makeRequest,
|
|
131
|
-
cancelRequest: cancelRequest,
|
|
132
|
-
};
|
|
133
|
-
};
|
|
134
64
|
export var useDrawer = function () {
|
|
135
65
|
var context = useContext(DrawerContext);
|
|
136
66
|
if (context === undefined) {
|
|
@@ -713,7 +643,7 @@ export function useAsync(asyncFunction, immediate) {
|
|
|
713
643
|
var _b = useState(null), value = _b[0], setValue = _b[1];
|
|
714
644
|
var _c = useState(null), error = _c[0], setError = _c[1];
|
|
715
645
|
var execute = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
716
|
-
var response,
|
|
646
|
+
var response, err_1;
|
|
717
647
|
return __generator(this, function (_a) {
|
|
718
648
|
switch (_a.label) {
|
|
719
649
|
case 0:
|
|
@@ -730,8 +660,8 @@ export function useAsync(asyncFunction, immediate) {
|
|
|
730
660
|
setStatus('success');
|
|
731
661
|
return [3 /*break*/, 4];
|
|
732
662
|
case 3:
|
|
733
|
-
|
|
734
|
-
setError(
|
|
663
|
+
err_1 = _a.sent();
|
|
664
|
+
setError(err_1 instanceof Error ? err_1 : new Error('Unknown error'));
|
|
735
665
|
setStatus('error');
|
|
736
666
|
return [3 /*break*/, 4];
|
|
737
667
|
case 4: return [2 /*return*/];
|
package/dist/index.d.ts
CHANGED
|
@@ -3,10 +3,9 @@ import 'animate.css';
|
|
|
3
3
|
import { ReactHooksWrapper, getHook, setHook } from './chunk1415/chunk143';
|
|
4
4
|
import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch, useSpeech, usePermission, usePageLeave, useMotion, useHoverDirty, useBeforeUnload, useClickAway, useResponsive, useUnmountedRef } from './chunk1516/chunk726433';
|
|
5
5
|
import { useBrowser, useRouter } from './chunk1516/chunk0022';
|
|
6
|
-
import { privateAxios, publicAxios } from './chunk1213/chunk158862';
|
|
7
6
|
declare const useDrawer: () => import("./chunk1213/chunk158261").DrawerContextValue;
|
|
8
|
-
import { useGenericReducer, useArray, useAsync,
|
|
7
|
+
import { useGenericReducer, useArray, useAsync, useClipboard, useCookie, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useRequest, useRequestRetry, useForm, useImageLoader, useIndexedDB, useInterval, useKeyPress, useLocalStorage, useMediaQuery, useMousePosition, useOnlineStatus, usePersistedState, usePrevious, useReducedMotion, useResizeObserver, useScrollDirection, useScrollLock, useScrollPosition, useScript, useStepper, useThrottle, useTimeout, useToggle, useVisibilityChange, useWindowSize } from './chunk1516/chunk940514';
|
|
9
8
|
import { createOptimizedContext, useBattery, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDragReorder, useEventListener, useEventListeners, useFieldArray, useFormSubmit, useFormWizard, useGeoLocation, useHistory, useInfiniteScroll, useIsMounted, usePersistedForm, usePreferredLanguage, useSessionStorage, useSmartForm, useSound, useSpeak, useTimer, useTouch, useUndo, useUpdateEffect, useWebSocket } from './chunk1516/chunk0021';
|
|
10
9
|
import { DrawerProvider } from './chunk1213/chunk158261';
|
|
11
10
|
export default ReactHooksWrapper;
|
|
12
|
-
export { getHook, setHook,
|
|
11
|
+
export { getHook, setHook, useGenericReducer, useArray, useAsync, useBrowser, useBattery, useBeforeUnload, useClipboard, useCookie, useClickAway, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDrawer, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useDragReorder, useEventListener, useEventListeners, useRequest, useRequestRetry, useFieldArray, useForm, useFormSubmit, useFormWizard, useGeoLocation, useHoverDirty, useHistory, useHistoryState, useIdle, useImageLoader, useIndexedDB, useInfiniteScroll, useInterval, useIsFirstRender, useIsMounted, useKeyPress, useList, useLocalStorage, useLockBodyScroll, useLongPress, useMotion, useMediaQuery, useMousePosition, useOnlineStatus, usePersistedForm, usePersistedState, usePreferredLanguage, usePrevious, usePermission, usePageLeave, useRouter, useReducedMotion, useRecentSearch, useResponsive, useResizeObserver, useScript, useScrollDirection, useScrollLock, useScrollPosition, useSessionStorage, useSmartForm, useSound, useSpeech, useSpeak, useStepper, useThrottle, useTimeout, useTimer, useToggle, useTouch, useUnmountedRef, useUndo, useUpdateEffect, useVisibilityChange, useWebSocket, useWindowSize, DrawerProvider, createOptimizedContext, };
|
package/dist/index.js
CHANGED
|
@@ -5,10 +5,9 @@ import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll,
|
|
|
5
5
|
import { useBrowser, useRouter } from './chunk1516/chunk0022';
|
|
6
6
|
import { useContext } from 'react';
|
|
7
7
|
import DrawerContext from './chunk1213/chunk158261';
|
|
8
|
-
import { privateAxios, publicAxios } from './chunk1213/chunk158862';
|
|
9
8
|
var useDrawer = function () { return useContext(DrawerContext); };
|
|
10
|
-
import { useGenericReducer, useArray, useAsync,
|
|
9
|
+
import { useGenericReducer, useArray, useAsync, useClipboard, useCookie, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useRequest, useRequestRetry, useForm, useImageLoader, useIndexedDB, useInterval, useKeyPress, useLocalStorage, useMediaQuery, useMousePosition, useOnlineStatus, usePersistedState, usePrevious, useReducedMotion, useResizeObserver, useScrollDirection, useScrollLock, useScrollPosition, useScript, useStepper, useThrottle, useTimeout, useToggle, useVisibilityChange, useWindowSize, } from './chunk1516/chunk940514';
|
|
11
10
|
import { createOptimizedContext, useBattery, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDragReorder, useEventListener, useEventListeners, useFieldArray, useFormSubmit, useFormWizard, useGeoLocation, useHistory, useInfiniteScroll, useIsMounted, usePersistedForm, usePreferredLanguage, useSessionStorage, useSmartForm, useSound, useSpeak, useTimer, useTouch, useUndo, useUpdateEffect, useWebSocket } from './chunk1516/chunk0021';
|
|
12
11
|
import { DrawerProvider } from './chunk1213/chunk158261';
|
|
13
12
|
export default ReactHooksWrapper;
|
|
14
|
-
export { getHook, setHook,
|
|
13
|
+
export { getHook, setHook, useGenericReducer, useArray, useAsync, useBrowser, useBattery, useBeforeUnload, useClipboard, useCookie, useClickAway, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDrawer, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useDragReorder, useEventListener, useEventListeners, useRequest, useRequestRetry, useFieldArray, useForm, useFormSubmit, useFormWizard, useGeoLocation, useHoverDirty, useHistory, useHistoryState, useIdle, useImageLoader, useIndexedDB, useInfiniteScroll, useInterval, useIsFirstRender, useIsMounted, useKeyPress, useList, useLocalStorage, useLockBodyScroll, useLongPress, useMotion, useMediaQuery, useMousePosition, useOnlineStatus, usePersistedForm, usePersistedState, usePreferredLanguage, usePrevious, usePermission, usePageLeave, useRouter, useReducedMotion, useRecentSearch, useResponsive, useResizeObserver, useScript, useScrollDirection, useScrollLock, useScrollPosition, useSessionStorage, useSmartForm, useSound, useSpeech, useSpeak, useStepper, useThrottle, useTimeout, useTimer, useToggle, useTouch, useUnmountedRef, useUndo, useUpdateEffect, useVisibilityChange, useWebSocket, useWindowSize, DrawerProvider, createOptimizedContext, };
|
package/dist/type.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { AxiosRequestConfig } from 'axios';
|
|
2
1
|
import { ReactNode } from 'react';
|
|
3
2
|
export interface DrawerContextValue {
|
|
4
3
|
drawerOpen: boolean;
|
|
@@ -36,19 +35,6 @@ export type UseRecentSearchOptions = {
|
|
|
36
35
|
uniqueKey?: string;
|
|
37
36
|
excludeEmpty?: boolean;
|
|
38
37
|
};
|
|
39
|
-
export interface UseAxiosResponse<T> {
|
|
40
|
-
data: T | null;
|
|
41
|
-
loading: boolean;
|
|
42
|
-
error: string | null;
|
|
43
|
-
makeRequest: (url: string, method?: string, requestData?: any) => void;
|
|
44
|
-
cancelRequest: () => void;
|
|
45
|
-
}
|
|
46
|
-
export interface UseAxiosConfig extends AxiosRequestConfig {
|
|
47
|
-
baseURL?: string;
|
|
48
|
-
headers?: {
|
|
49
|
-
[key: string]: string;
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
38
|
export interface FetchState<T> {
|
|
53
39
|
data: T | null;
|
|
54
40
|
loading: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-hook-toolkit",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"description": "Ultimate package for React developers, offering a powerful collection of hooks and components to enhance their development experience.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -33,13 +33,11 @@
|
|
|
33
33
|
"license": "MIT",
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@types/node": "^22.13.10",
|
|
36
|
-
"@types/react": "^18.
|
|
36
|
+
"@types/react": "^18.3.24",
|
|
37
37
|
"tslib": "^2.6.3",
|
|
38
38
|
"typescript": "^5.2.2"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"
|
|
42
|
-
"axios": "^1.7.8",
|
|
43
|
-
"react": "^18.2.0"
|
|
41
|
+
"react": "^18.3.1"
|
|
44
42
|
}
|
|
45
43
|
}
|