react-hook-toolkit 3.0.2 → 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.js +263 -347
- 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.js +42 -68
- 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.js
CHANGED
|
@@ -1,115 +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
|
-
|
|
42
|
-
|
|
43
|
-
export
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
export
|
|
47
|
-
export
|
|
48
|
-
export
|
|
49
|
-
export var isUndef = function (value) { return typeof value === 'undefined'; };
|
|
50
|
-
export var isAppleDevice = /(mac|iphone|ipod|ipad)/i.test(typeof navigator !== 'undefined' ? navigator === null || navigator === void 0 ? void 0 : navigator.platform : '');
|
|
51
|
-
export var isNavigator = typeof navigator !== 'undefined';
|
|
52
|
-
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) => {
|
|
53
40
|
if (el === document || el === document.documentElement || el === document.body) {
|
|
54
41
|
return Math.max(window.pageYOffset, document.documentElement.scrollTop, document.body.scrollTop);
|
|
55
42
|
}
|
|
56
43
|
return el.scrollTop;
|
|
57
44
|
};
|
|
58
|
-
export
|
|
45
|
+
export const getScrollHeight = (el) => {
|
|
59
46
|
return (el.scrollHeight ||
|
|
60
47
|
Math.max(document.documentElement.scrollHeight, document.body.scrollHeight));
|
|
61
48
|
};
|
|
62
|
-
export
|
|
49
|
+
export const getClientHeight = (el) => {
|
|
63
50
|
return (el.clientHeight ||
|
|
64
51
|
Math.max(document.documentElement.clientHeight, document.body.clientHeight));
|
|
65
52
|
};
|
|
66
53
|
export function sleep(time) {
|
|
67
|
-
return new Promise(
|
|
68
|
-
setTimeout(
|
|
54
|
+
return new Promise((resolve) => {
|
|
55
|
+
setTimeout(() => {
|
|
69
56
|
resolve();
|
|
70
57
|
}, time);
|
|
71
58
|
});
|
|
72
59
|
}
|
|
73
60
|
export function request(req) {
|
|
74
|
-
return new Promise(
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}, 1000);
|
|
83
|
-
});
|
|
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));
|
|
84
69
|
}
|
|
85
|
-
export
|
|
86
|
-
export function on(obj) {
|
|
87
|
-
var args = [];
|
|
88
|
-
for (var _i = 1; _i < arguments.length; _i++) {
|
|
89
|
-
args[_i - 1] = arguments[_i];
|
|
90
|
-
}
|
|
70
|
+
export const noop = () => { };
|
|
71
|
+
export function on(obj, ...args) {
|
|
91
72
|
if (obj && obj.addEventListener) {
|
|
92
|
-
obj.addEventListener
|
|
73
|
+
obj.addEventListener(...args);
|
|
93
74
|
}
|
|
94
75
|
}
|
|
95
|
-
export function off(obj) {
|
|
96
|
-
var args = [];
|
|
97
|
-
for (var _i = 1; _i < arguments.length; _i++) {
|
|
98
|
-
args[_i - 1] = arguments[_i];
|
|
99
|
-
}
|
|
76
|
+
export function off(obj, ...args) {
|
|
100
77
|
if (obj && obj.removeEventListener) {
|
|
101
|
-
obj.removeEventListener
|
|
78
|
+
obj.removeEventListener(...args);
|
|
102
79
|
}
|
|
103
80
|
}
|
|
104
|
-
export
|
|
105
|
-
if (key === void 0) { key = 'children'; }
|
|
81
|
+
export const flattenArrayByKey = (arr, key = 'children') => {
|
|
106
82
|
if (!arr)
|
|
107
83
|
return [];
|
|
108
|
-
|
|
109
|
-
for (
|
|
110
|
-
var item = arr_1[_i];
|
|
84
|
+
const result = [];
|
|
85
|
+
for (const item of arr) {
|
|
111
86
|
if (item && Array.isArray(item[key]) && item[key].length) {
|
|
112
|
-
result.push
|
|
87
|
+
result.push(...flattenArrayByKey(item[key], key));
|
|
113
88
|
}
|
|
114
89
|
else {
|
|
115
90
|
result.push(item);
|
|
@@ -117,8 +92,7 @@ export var flattenArrayByKey = function (arr, key) {
|
|
|
117
92
|
}
|
|
118
93
|
return result;
|
|
119
94
|
};
|
|
120
|
-
export function navigateTo(path, options) {
|
|
121
|
-
if (options === void 0) { options = {}; }
|
|
95
|
+
export function navigateTo(path, options = {}) {
|
|
122
96
|
if (!path)
|
|
123
97
|
return;
|
|
124
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",
|