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 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, UseAxiosConfig, UseAxiosResponse, WindowSize } from '../type';
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, err_2;
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
- err_2 = _a.sent();
734
- setError(err_2 instanceof Error ? err_2 : new Error('Unknown error'));
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, useAxios, 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';
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, privateAxios, publicAxios, useGenericReducer, useArray, useAsync, useAxios, 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, };
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, useAxios, 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
+ 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, privateAxios, publicAxios, useGenericReducer, useArray, useAsync, useAxios, 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, };
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": "1.3.2",
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.2.14",
36
+ "@types/react": "^18.3.24",
37
37
  "tslib": "^2.6.3",
38
38
  "typescript": "^5.2.2"
39
39
  },
40
40
  "dependencies": {
41
- "animate.css": "^4.1.1",
42
- "axios": "^1.7.8",
43
- "react": "^18.2.0"
41
+ "react": "^18.3.1"
44
42
  }
45
43
  }