@reactuses/core 2.2.5 → 2.2.6
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/index.cjs +19 -14
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +12 -8
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -8,6 +8,7 @@ var lodash = require('lodash');
|
|
|
8
8
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
9
|
|
|
10
10
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
|
+
var lodash__default = /*#__PURE__*/_interopDefaultLegacy(lodash);
|
|
11
12
|
|
|
12
13
|
function usePrevious(state) {
|
|
13
14
|
const ref = React.useRef();
|
|
@@ -45,7 +46,7 @@ const createUpdateEffect = (hook) => (effect, deps) => {
|
|
|
45
46
|
|
|
46
47
|
var useUpdateEffect = createUpdateEffect(React.useEffect);
|
|
47
48
|
|
|
48
|
-
var
|
|
49
|
+
var index$4 = createUpdateEffect(React.useLayoutEffect);
|
|
49
50
|
|
|
50
51
|
var _a;
|
|
51
52
|
const isFunction = (val) => typeof val === "function";
|
|
@@ -108,6 +109,7 @@ function useCustomCompareEffect(effect, deps, depsEqual) {
|
|
|
108
109
|
}
|
|
109
110
|
|
|
110
111
|
const isPrimitive = (val) => val !== Object(val);
|
|
112
|
+
const { isEqual } = lodash__default["default"];
|
|
111
113
|
function useDeepCompareEffect(effect, deps) {
|
|
112
114
|
if (process.env.NODE_ENV !== "production") {
|
|
113
115
|
if (!Array.isArray(deps) || !deps.length) {
|
|
@@ -121,7 +123,7 @@ function useDeepCompareEffect(effect, deps) {
|
|
|
121
123
|
);
|
|
122
124
|
}
|
|
123
125
|
}
|
|
124
|
-
useCustomCompareEffect(effect, deps,
|
|
126
|
+
useCustomCompareEffect(effect, deps, isEqual);
|
|
125
127
|
}
|
|
126
128
|
|
|
127
129
|
const StorageSerializers = {
|
|
@@ -376,6 +378,7 @@ function useUnmount(fn) {
|
|
|
376
378
|
);
|
|
377
379
|
}
|
|
378
380
|
|
|
381
|
+
const { throttle: throttle$1 } = lodash__default["default"];
|
|
379
382
|
function useThrottleFn(fn, wait, options) {
|
|
380
383
|
if (isDev) {
|
|
381
384
|
if (!isFunction(fn)) {
|
|
@@ -386,7 +389,7 @@ function useThrottleFn(fn, wait, options) {
|
|
|
386
389
|
}
|
|
387
390
|
const fnRef = useLatest(fn);
|
|
388
391
|
const throttled = React.useMemo(
|
|
389
|
-
() =>
|
|
392
|
+
() => throttle$1(
|
|
390
393
|
(...args) => {
|
|
391
394
|
return fnRef.current(...args);
|
|
392
395
|
},
|
|
@@ -421,6 +424,7 @@ function useThrottle(value, wait, options) {
|
|
|
421
424
|
return throttled;
|
|
422
425
|
}
|
|
423
426
|
|
|
427
|
+
const { debounce } = lodash__default["default"];
|
|
424
428
|
function useDebounceFn(fn, wait, options) {
|
|
425
429
|
if (isDev) {
|
|
426
430
|
if (!isFunction(fn)) {
|
|
@@ -431,7 +435,7 @@ function useDebounceFn(fn, wait, options) {
|
|
|
431
435
|
}
|
|
432
436
|
const fnRef = useLatest(fn);
|
|
433
437
|
const debounced = React.useMemo(
|
|
434
|
-
() =>
|
|
438
|
+
() => debounce(
|
|
435
439
|
(...args) => {
|
|
436
440
|
return fnRef.current(...args);
|
|
437
441
|
},
|
|
@@ -965,6 +969,7 @@ const defaultEvents$1 = [
|
|
|
965
969
|
"wheel"
|
|
966
970
|
];
|
|
967
971
|
const oneMinute = 6e4;
|
|
972
|
+
const { throttle } = lodash__default["default"];
|
|
968
973
|
function useIdle(ms = oneMinute, initialState = false, events = defaultEvents$1) {
|
|
969
974
|
const [state, setState] = React.useState(initialState);
|
|
970
975
|
React.useEffect(() => {
|
|
@@ -977,7 +982,7 @@ function useIdle(ms = oneMinute, initialState = false, events = defaultEvents$1)
|
|
|
977
982
|
setState(newState);
|
|
978
983
|
}
|
|
979
984
|
};
|
|
980
|
-
const onEvent =
|
|
985
|
+
const onEvent = throttle(() => {
|
|
981
986
|
if (localState) {
|
|
982
987
|
set(false);
|
|
983
988
|
}
|
|
@@ -1033,7 +1038,7 @@ function useMediaDevices() {
|
|
|
1033
1038
|
return state;
|
|
1034
1039
|
}
|
|
1035
1040
|
const useMediaDevicesMock = () => ({ devices: [] });
|
|
1036
|
-
var
|
|
1041
|
+
var index$3 = isNavigator && !!navigator.mediaDevices ? useMediaDevices : useMediaDevicesMock;
|
|
1037
1042
|
|
|
1038
1043
|
function useTextDirection(options = {}) {
|
|
1039
1044
|
const { selector = "html", initialValue = "ltr" } = options;
|
|
@@ -1131,7 +1136,7 @@ function useFps(options) {
|
|
|
1131
1136
|
return fps;
|
|
1132
1137
|
}
|
|
1133
1138
|
const useFpsMock = (options) => 0;
|
|
1134
|
-
var
|
|
1139
|
+
var index$2 = typeof performance === "undefined" ? useFpsMock : useFps;
|
|
1135
1140
|
|
|
1136
1141
|
const initCoord = {
|
|
1137
1142
|
accuracy: 0,
|
|
@@ -2509,9 +2514,9 @@ const createOnceEffect = (hook) => (effect, deps) => {
|
|
|
2509
2514
|
}, deps);
|
|
2510
2515
|
};
|
|
2511
2516
|
|
|
2512
|
-
var
|
|
2517
|
+
var index$1 = createOnceEffect(React.useEffect);
|
|
2513
2518
|
|
|
2514
|
-
var
|
|
2519
|
+
var index = createOnceEffect(React.useLayoutEffect);
|
|
2515
2520
|
|
|
2516
2521
|
function useReducedMotion(defaultState) {
|
|
2517
2522
|
return useMediaQuery("(prefers-reduced-motion: reduce)", defaultState);
|
|
@@ -2907,7 +2912,7 @@ exports.useFavicon = useFavicon;
|
|
|
2907
2912
|
exports.useFileDialog = useFileDialog;
|
|
2908
2913
|
exports.useFirstMountState = useFirstMountState;
|
|
2909
2914
|
exports.useFocus = useFocus;
|
|
2910
|
-
exports.useFps =
|
|
2915
|
+
exports.useFps = index$2;
|
|
2911
2916
|
exports.useFullscreen = useFullscreen;
|
|
2912
2917
|
exports.useGeolocation = useGeolocation;
|
|
2913
2918
|
exports.useIdle = useIdle;
|
|
@@ -2919,7 +2924,7 @@ exports.useKeyModifier = useKeyModifier;
|
|
|
2919
2924
|
exports.useLatest = useLatest;
|
|
2920
2925
|
exports.useLocalStorage = useLocalStorage;
|
|
2921
2926
|
exports.useLongPress = useLongPress;
|
|
2922
|
-
exports.useMediaDevices =
|
|
2927
|
+
exports.useMediaDevices = index$3;
|
|
2923
2928
|
exports.useMediaQuery = useMediaQuery;
|
|
2924
2929
|
exports.useMount = useMount;
|
|
2925
2930
|
exports.useMountedState = useMountedState;
|
|
@@ -2928,8 +2933,8 @@ exports.useMousePressed = useMousePressed;
|
|
|
2928
2933
|
exports.useMutationObserver = useMutationObserver;
|
|
2929
2934
|
exports.useNetwork = useNetwork;
|
|
2930
2935
|
exports.useObjectUrl = useObjectUrl;
|
|
2931
|
-
exports.useOnceEffect =
|
|
2932
|
-
exports.useOnceLayoutEffect =
|
|
2936
|
+
exports.useOnceEffect = index$1;
|
|
2937
|
+
exports.useOnceLayoutEffect = index;
|
|
2933
2938
|
exports.useOnline = useOnline;
|
|
2934
2939
|
exports.useOrientation = useOrientation;
|
|
2935
2940
|
exports.usePageLeave = usePageLeave;
|
|
@@ -2960,7 +2965,7 @@ exports.useToggle = useToggle;
|
|
|
2960
2965
|
exports.useUnmount = useUnmount;
|
|
2961
2966
|
exports.useUpdate = useUpdate;
|
|
2962
2967
|
exports.useUpdateEffect = useUpdateEffect;
|
|
2963
|
-
exports.useUpdateLayoutEffect =
|
|
2968
|
+
exports.useUpdateLayoutEffect = index$4;
|
|
2964
2969
|
exports.useVirtualList = useVirtualList;
|
|
2965
2970
|
exports.useWindowScroll = useWindowScroll;
|
|
2966
2971
|
exports.useWindowSize = useWindowSize;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import react__default, { MutableRefObject, useEffect, useLayoutEffect, Dispatch, SetStateAction, DependencyList, EffectCallback, RefObject, CSSProperties } from 'react';
|
|
3
|
-
import
|
|
3
|
+
import lodash from 'lodash';
|
|
4
4
|
|
|
5
5
|
declare function usePrevious<T>(state: T): T | undefined;
|
|
6
6
|
|
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useRef, useEffect, useLayoutEffect, useCallback, useMemo, useState, useReducer } from 'react';
|
|
2
|
-
import
|
|
2
|
+
import lodash from 'lodash';
|
|
3
3
|
|
|
4
4
|
function usePrevious(state) {
|
|
5
5
|
const ref = useRef();
|
|
@@ -37,7 +37,7 @@ const createUpdateEffect = (hook) => (effect, deps) => {
|
|
|
37
37
|
|
|
38
38
|
var useUpdateEffect = createUpdateEffect(useEffect);
|
|
39
39
|
|
|
40
|
-
var
|
|
40
|
+
var index$4 = createUpdateEffect(useLayoutEffect);
|
|
41
41
|
|
|
42
42
|
var _a;
|
|
43
43
|
const isFunction = (val) => typeof val === "function";
|
|
@@ -100,6 +100,7 @@ function useCustomCompareEffect(effect, deps, depsEqual) {
|
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
const isPrimitive = (val) => val !== Object(val);
|
|
103
|
+
const { isEqual } = lodash;
|
|
103
104
|
function useDeepCompareEffect(effect, deps) {
|
|
104
105
|
if (process.env.NODE_ENV !== "production") {
|
|
105
106
|
if (!Array.isArray(deps) || !deps.length) {
|
|
@@ -368,6 +369,7 @@ function useUnmount(fn) {
|
|
|
368
369
|
);
|
|
369
370
|
}
|
|
370
371
|
|
|
372
|
+
const { throttle: throttle$1 } = lodash;
|
|
371
373
|
function useThrottleFn(fn, wait, options) {
|
|
372
374
|
if (isDev) {
|
|
373
375
|
if (!isFunction(fn)) {
|
|
@@ -378,7 +380,7 @@ function useThrottleFn(fn, wait, options) {
|
|
|
378
380
|
}
|
|
379
381
|
const fnRef = useLatest(fn);
|
|
380
382
|
const throttled = useMemo(
|
|
381
|
-
() => throttle(
|
|
383
|
+
() => throttle$1(
|
|
382
384
|
(...args) => {
|
|
383
385
|
return fnRef.current(...args);
|
|
384
386
|
},
|
|
@@ -413,6 +415,7 @@ function useThrottle(value, wait, options) {
|
|
|
413
415
|
return throttled;
|
|
414
416
|
}
|
|
415
417
|
|
|
418
|
+
const { debounce } = lodash;
|
|
416
419
|
function useDebounceFn(fn, wait, options) {
|
|
417
420
|
if (isDev) {
|
|
418
421
|
if (!isFunction(fn)) {
|
|
@@ -957,6 +960,7 @@ const defaultEvents$1 = [
|
|
|
957
960
|
"wheel"
|
|
958
961
|
];
|
|
959
962
|
const oneMinute = 6e4;
|
|
963
|
+
const { throttle } = lodash;
|
|
960
964
|
function useIdle(ms = oneMinute, initialState = false, events = defaultEvents$1) {
|
|
961
965
|
const [state, setState] = useState(initialState);
|
|
962
966
|
useEffect(() => {
|
|
@@ -1025,7 +1029,7 @@ function useMediaDevices() {
|
|
|
1025
1029
|
return state;
|
|
1026
1030
|
}
|
|
1027
1031
|
const useMediaDevicesMock = () => ({ devices: [] });
|
|
1028
|
-
var
|
|
1032
|
+
var index$3 = isNavigator && !!navigator.mediaDevices ? useMediaDevices : useMediaDevicesMock;
|
|
1029
1033
|
|
|
1030
1034
|
function useTextDirection(options = {}) {
|
|
1031
1035
|
const { selector = "html", initialValue = "ltr" } = options;
|
|
@@ -1123,7 +1127,7 @@ function useFps(options) {
|
|
|
1123
1127
|
return fps;
|
|
1124
1128
|
}
|
|
1125
1129
|
const useFpsMock = (options) => 0;
|
|
1126
|
-
var
|
|
1130
|
+
var index$2 = typeof performance === "undefined" ? useFpsMock : useFps;
|
|
1127
1131
|
|
|
1128
1132
|
const initCoord = {
|
|
1129
1133
|
accuracy: 0,
|
|
@@ -2501,9 +2505,9 @@ const createOnceEffect = (hook) => (effect, deps) => {
|
|
|
2501
2505
|
}, deps);
|
|
2502
2506
|
};
|
|
2503
2507
|
|
|
2504
|
-
var
|
|
2508
|
+
var index$1 = createOnceEffect(useEffect);
|
|
2505
2509
|
|
|
2506
|
-
var
|
|
2510
|
+
var index = createOnceEffect(useLayoutEffect);
|
|
2507
2511
|
|
|
2508
2512
|
function useReducedMotion(defaultState) {
|
|
2509
2513
|
return useMediaQuery("(prefers-reduced-motion: reduce)", defaultState);
|
|
@@ -2871,4 +2875,4 @@ function useEyeDropper() {
|
|
|
2871
2875
|
return [isSupported, open];
|
|
2872
2876
|
}
|
|
2873
2877
|
|
|
2874
|
-
export { getHMSTime, useActiveElement, useAsyncEffect, useClickOutSide as useClickOutside, useClipBorad as useClipboard, useControlled, useCountDown, useCounter, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus,
|
|
2878
|
+
export { getHMSTime, useActiveElement, useAsyncEffect, useClickOutSide as useClickOutside, useClipBorad as useClipboard, useControlled, useCountDown, useCounter, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus, index$2 as useFps, useFullscreen, useGeolocation, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, index$3 as useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, index$1 as useOnceEffect, index as useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, useUpdateEffect, index$4 as useUpdateLayoutEffect, useVirtualList, useWindowScroll, useWindowSize, useWindowsFocus };
|