@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 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 useUpdateLayoutEffect = createUpdateEffect(React.useLayoutEffect);
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, lodash.isEqual);
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
- () => lodash.throttle(
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
- () => lodash.debounce(
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 = lodash.throttle(() => {
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 useMediaDevices$1 = isNavigator && !!navigator.mediaDevices ? useMediaDevices : useMediaDevicesMock;
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 useFps$1 = typeof performance === "undefined" ? useFpsMock : useFps;
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 useOnceEffect = createOnceEffect(React.useEffect);
2517
+ var index$1 = createOnceEffect(React.useEffect);
2513
2518
 
2514
- var useOnceLayoutEffect = createOnceEffect(React.useLayoutEffect);
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 = useFps$1;
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 = useMediaDevices$1;
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 = useOnceEffect;
2932
- exports.useOnceLayoutEffect = 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 = 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 * as lodash from 'lodash';
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 { isEqual, throttle, debounce } from 'lodash';
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 useUpdateLayoutEffect = createUpdateEffect(useLayoutEffect);
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 useMediaDevices$1 = isNavigator && !!navigator.mediaDevices ? useMediaDevices : useMediaDevicesMock;
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 useFps$1 = typeof performance === "undefined" ? useFpsMock : useFps;
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 useOnceEffect = createOnceEffect(useEffect);
2508
+ var index$1 = createOnceEffect(useEffect);
2505
2509
 
2506
- var useOnceLayoutEffect = createOnceEffect(useLayoutEffect);
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, useFps$1 as useFps, useFullscreen, useGeolocation, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, useMediaDevices$1 as useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, useOnceEffect, 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, useUpdateLayoutEffect, useVirtualList, useWindowScroll, useWindowSize, useWindowsFocus };
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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reactuses/core",
3
- "version": "2.2.5",
3
+ "version": "2.2.6",
4
4
  "license": "Unlicense",
5
5
  "homepage": "https://www.reactuse.com/",
6
6
  "repository": {