react-hook-toolkit 3.0.1 → 3.0.3
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/chunk1213/chunk158261.js +22 -22
- package/dist/chunk1415/chunk143.js +21 -25
- package/dist/chunk1516/chunk0021.d.ts +0 -1
- package/dist/chunk1516/chunk0021.js +263 -362
- package/dist/chunk1516/chunk0022.js +159 -277
- package/dist/chunk1516/chunk3312.d.ts +63 -0
- package/dist/chunk1516/chunk3312.js +462 -0
- package/dist/chunk1516/chunk726433.js +172 -206
- package/dist/chunk1516/chunk940514.js +284 -415
- package/dist/index.d.ts +2 -1
- package/dist/index.js +3 -2
- package/dist/utils.d.ts +0 -1
- package/dist/utils.js +42 -69
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -6,5 +6,6 @@ declare const useDrawer: () => import("./chunk1213/chunk158261").DrawerContextVa
|
|
|
6
6
|
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';
|
|
7
7
|
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';
|
|
8
8
|
import { DrawerProvider } from './chunk1213/chunk158261';
|
|
9
|
+
import { useVoice } from './chunk1516/chunk3312';
|
|
9
10
|
export default ReactHooksWrapper;
|
|
10
|
-
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, useMenuNavigation, useNavigationState, 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, useMenuNavigation, useNavigationState, 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, useVoice, useVisibilityChange, useWebSocket, useWindowSize, DrawerProvider, createOptimizedContext, };
|
package/dist/index.js
CHANGED
|
@@ -4,9 +4,10 @@ import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll,
|
|
|
4
4
|
import { useBrowser, useMenuNavigation, useNavigationState, useRouter } from './chunk1516/chunk0022';
|
|
5
5
|
import { useContext } from 'react';
|
|
6
6
|
import DrawerContext from './chunk1213/chunk158261';
|
|
7
|
-
|
|
7
|
+
const useDrawer = () => useContext(DrawerContext);
|
|
8
8
|
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
9
|
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
10
|
import { DrawerProvider } from './chunk1213/chunk158261';
|
|
11
|
+
import { useVoice } from './chunk1516/chunk3312';
|
|
11
12
|
export default ReactHooksWrapper;
|
|
12
|
-
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, useMenuNavigation, useNavigationState, 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, useMenuNavigation, useNavigationState, 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, useVoice, useVisibilityChange, useWebSocket, useWindowSize, DrawerProvider, createOptimizedContext, };
|
package/dist/utils.d.ts
CHANGED
|
@@ -2,7 +2,6 @@ export declare const promise: (time: number) => Promise<unknown>;
|
|
|
2
2
|
export declare function throttle<T extends (...args: any[]) => void>(func: T, limit: number): T;
|
|
3
3
|
export declare const debounceUtils: <T extends (...args: any[]) => void>(func: T, delay: number) => (...args: Parameters<T>) => void;
|
|
4
4
|
export declare const isBrowser: boolean;
|
|
5
|
-
export declare const isDev: boolean;
|
|
6
5
|
export declare const isObject: (value: unknown) => value is Record<any, any>;
|
|
7
6
|
export declare const isFunction: (value: unknown) => value is (...args: any) => any;
|
|
8
7
|
export declare const isString: (value: unknown) => value is string;
|
package/dist/utils.js
CHANGED
|
@@ -1,116 +1,90 @@
|
|
|
1
|
-
export
|
|
1
|
+
export const promise = (time) => new Promise((res) => setTimeout(res, time));
|
|
2
2
|
export function throttle(func, limit) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
return function () {
|
|
6
|
-
var _this = this;
|
|
7
|
-
var args = [];
|
|
8
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
9
|
-
args[_i] = arguments[_i];
|
|
10
|
-
}
|
|
3
|
+
let lastFunc;
|
|
4
|
+
let lastRan;
|
|
5
|
+
return function (...args) {
|
|
11
6
|
if (!lastRan) {
|
|
12
7
|
func.apply(this, args);
|
|
13
8
|
lastRan = Date.now();
|
|
14
9
|
}
|
|
15
10
|
else {
|
|
16
11
|
clearTimeout(lastFunc);
|
|
17
|
-
lastFunc = setTimeout(
|
|
12
|
+
lastFunc = setTimeout(() => {
|
|
18
13
|
if (Date.now() - lastRan >= limit) {
|
|
19
|
-
func.apply(
|
|
14
|
+
func.apply(this, args);
|
|
20
15
|
lastRan = Date.now();
|
|
21
16
|
}
|
|
22
17
|
}, limit - (Date.now() - lastRan));
|
|
23
18
|
}
|
|
24
19
|
};
|
|
25
20
|
}
|
|
26
|
-
export
|
|
27
|
-
|
|
28
|
-
return
|
|
29
|
-
var args = [];
|
|
30
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
31
|
-
args[_i] = arguments[_i];
|
|
32
|
-
}
|
|
21
|
+
export const debounceUtils = (func, delay) => {
|
|
22
|
+
let timeoutId;
|
|
23
|
+
return (...args) => {
|
|
33
24
|
clearTimeout(timeoutId);
|
|
34
|
-
timeoutId = setTimeout(
|
|
25
|
+
timeoutId = setTimeout(() => func(...args), delay);
|
|
35
26
|
};
|
|
36
27
|
};
|
|
37
|
-
export
|
|
28
|
+
export const isBrowser = !!(typeof window !== 'undefined' &&
|
|
38
29
|
window.document &&
|
|
39
30
|
window.document.createElement);
|
|
40
|
-
export
|
|
41
|
-
export
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
export
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
export
|
|
48
|
-
export
|
|
49
|
-
export var isNumber = function (value) { return typeof value === 'number'; };
|
|
50
|
-
export var isUndef = function (value) { return typeof value === 'undefined'; };
|
|
51
|
-
export var isAppleDevice = /(mac|iphone|ipod|ipad)/i.test(typeof navigator !== 'undefined' ? navigator === null || navigator === void 0 ? void 0 : navigator.platform : '');
|
|
52
|
-
export var isNavigator = typeof navigator !== 'undefined';
|
|
53
|
-
export var getScrollTop = function (el) {
|
|
31
|
+
export const isObject = (value) => value !== null && typeof value === 'object';
|
|
32
|
+
export const isFunction = (value) => typeof value === 'function';
|
|
33
|
+
export const isString = (value) => typeof value === 'string';
|
|
34
|
+
export const isBoolean = (value) => typeof value === 'boolean';
|
|
35
|
+
export const isNumber = (value) => typeof value === 'number';
|
|
36
|
+
export const isUndef = (value) => typeof value === 'undefined';
|
|
37
|
+
export const isAppleDevice = /(mac|iphone|ipod|ipad)/i.test(typeof navigator !== 'undefined' ? navigator === null || navigator === void 0 ? void 0 : navigator.platform : '');
|
|
38
|
+
export const isNavigator = typeof navigator !== 'undefined';
|
|
39
|
+
export const getScrollTop = (el) => {
|
|
54
40
|
if (el === document || el === document.documentElement || el === document.body) {
|
|
55
41
|
return Math.max(window.pageYOffset, document.documentElement.scrollTop, document.body.scrollTop);
|
|
56
42
|
}
|
|
57
43
|
return el.scrollTop;
|
|
58
44
|
};
|
|
59
|
-
export
|
|
45
|
+
export const getScrollHeight = (el) => {
|
|
60
46
|
return (el.scrollHeight ||
|
|
61
47
|
Math.max(document.documentElement.scrollHeight, document.body.scrollHeight));
|
|
62
48
|
};
|
|
63
|
-
export
|
|
49
|
+
export const getClientHeight = (el) => {
|
|
64
50
|
return (el.clientHeight ||
|
|
65
51
|
Math.max(document.documentElement.clientHeight, document.body.clientHeight));
|
|
66
52
|
};
|
|
67
53
|
export function sleep(time) {
|
|
68
|
-
return new Promise(
|
|
69
|
-
setTimeout(
|
|
54
|
+
return new Promise((resolve) => {
|
|
55
|
+
setTimeout(() => {
|
|
70
56
|
resolve();
|
|
71
57
|
}, time);
|
|
72
58
|
});
|
|
73
59
|
}
|
|
74
60
|
export function request(req) {
|
|
75
|
-
return new Promise(
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
}, 1000);
|
|
84
|
-
});
|
|
61
|
+
return new Promise((resolve, reject) => setTimeout(() => {
|
|
62
|
+
if (req === 0) {
|
|
63
|
+
reject(new Error('fail'));
|
|
64
|
+
}
|
|
65
|
+
else {
|
|
66
|
+
resolve('success');
|
|
67
|
+
}
|
|
68
|
+
}, 1000));
|
|
85
69
|
}
|
|
86
|
-
export
|
|
87
|
-
export function on(obj) {
|
|
88
|
-
var args = [];
|
|
89
|
-
for (var _i = 1; _i < arguments.length; _i++) {
|
|
90
|
-
args[_i - 1] = arguments[_i];
|
|
91
|
-
}
|
|
70
|
+
export const noop = () => { };
|
|
71
|
+
export function on(obj, ...args) {
|
|
92
72
|
if (obj && obj.addEventListener) {
|
|
93
|
-
obj.addEventListener
|
|
73
|
+
obj.addEventListener(...args);
|
|
94
74
|
}
|
|
95
75
|
}
|
|
96
|
-
export function off(obj) {
|
|
97
|
-
var args = [];
|
|
98
|
-
for (var _i = 1; _i < arguments.length; _i++) {
|
|
99
|
-
args[_i - 1] = arguments[_i];
|
|
100
|
-
}
|
|
76
|
+
export function off(obj, ...args) {
|
|
101
77
|
if (obj && obj.removeEventListener) {
|
|
102
|
-
obj.removeEventListener
|
|
78
|
+
obj.removeEventListener(...args);
|
|
103
79
|
}
|
|
104
80
|
}
|
|
105
|
-
export
|
|
106
|
-
if (key === void 0) { key = 'children'; }
|
|
81
|
+
export const flattenArrayByKey = (arr, key = 'children') => {
|
|
107
82
|
if (!arr)
|
|
108
83
|
return [];
|
|
109
|
-
|
|
110
|
-
for (
|
|
111
|
-
var item = arr_1[_i];
|
|
84
|
+
const result = [];
|
|
85
|
+
for (const item of arr) {
|
|
112
86
|
if (item && Array.isArray(item[key]) && item[key].length) {
|
|
113
|
-
result.push
|
|
87
|
+
result.push(...flattenArrayByKey(item[key], key));
|
|
114
88
|
}
|
|
115
89
|
else {
|
|
116
90
|
result.push(item);
|
|
@@ -118,8 +92,7 @@ export var flattenArrayByKey = function (arr, key) {
|
|
|
118
92
|
}
|
|
119
93
|
return result;
|
|
120
94
|
};
|
|
121
|
-
export function navigateTo(path, options) {
|
|
122
|
-
if (options === void 0) { options = {}; }
|
|
95
|
+
export function navigateTo(path, options = {}) {
|
|
123
96
|
if (!path)
|
|
124
97
|
return;
|
|
125
98
|
window.history.pushState(options.state || {}, '', path);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-hook-toolkit",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.3",
|
|
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",
|