@siberiacancode/reactuse 0.0.15 → 0.0.17
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/cjs/{_rollupPluginBabelHelpers-DnejGdMl.js → _rollupPluginBabelHelpers-Cq4UMJ5e.js} +2 -2
- package/dist/cjs/_rollupPluginBabelHelpers-Cq4UMJ5e.js.map +1 -0
- package/dist/cjs/hooks/index.js +2 -2
- package/dist/cjs/hooks/useBattery/useBattery.js +2 -2
- package/dist/cjs/hooks/useBoolean/useBoolean.js +2 -2
- package/dist/cjs/hooks/useClickOutside/useClickOutside.js +1 -1
- package/dist/cjs/hooks/useClickOutside/useClickOutside.js.map +1 -1
- package/dist/cjs/hooks/useCopyToClipboard/useCopyToClipboard.js +2 -2
- package/dist/cjs/hooks/useCounter/useCounter.js +2 -2
- package/dist/cjs/hooks/useCounter/useCounter.js.map +1 -1
- package/dist/cjs/hooks/useDebouncedValue/useDebouncedValue.js +2 -2
- package/dist/cjs/hooks/useDefault/useDefault.js +2 -2
- package/dist/cjs/hooks/useDidUpdate/useDidUpdate.js +1 -1
- package/dist/cjs/hooks/useDocumentTitle/useDocumentTitle.js +2 -2
- package/dist/cjs/hooks/useDocumentVisibility/useDocumentVisibility.js +1 -1
- package/dist/cjs/hooks/useEvent/useEvent.js +1 -1
- package/dist/cjs/hooks/useEventListener/useEventListener.js +1 -1
- package/dist/cjs/hooks/useFavicon/useFavicon.js +2 -2
- package/dist/cjs/hooks/useFullscreen/useFullscreen.js +3 -0
- package/dist/cjs/hooks/useFullscreen/useFullscreen.js.map +1 -0
- package/dist/cjs/hooks/useHash/useHash.js +2 -2
- package/dist/cjs/hooks/useHotkeys/useHotkeys.js +2 -2
- package/dist/cjs/hooks/useHover/useHover.js +2 -2
- package/dist/cjs/hooks/useHover/useHover.js.map +1 -1
- package/dist/cjs/hooks/useIdle/useIdle.js +2 -2
- package/dist/cjs/hooks/useIdle/useIdle.js.map +1 -1
- package/dist/cjs/hooks/useIntersectionObserver/useIntersectionObserver.js +2 -2
- package/dist/cjs/hooks/useIsFirstRender/useIsFirstRender.js +1 -1
- package/dist/cjs/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js +1 -1
- package/dist/cjs/hooks/useKeyPress/useKeyPress.js +2 -2
- package/dist/cjs/hooks/useKeyPressEvent/useKeyPressEvent.js +1 -1
- package/dist/cjs/hooks/useKeysPressed/useKeysPressed.js +2 -2
- package/dist/cjs/hooks/useLocalStorage/useLocalStorage.js +2 -2
- package/dist/cjs/hooks/useLogger/useLogger.js +2 -2
- package/dist/cjs/hooks/useMediaQuery/useMediaQuery.js +1 -1
- package/dist/cjs/hooks/useMount/useMount.js +1 -1
- package/dist/cjs/hooks/useMutationObserver.js +1 -1
- package/dist/cjs/hooks/useNetwork/useNetwork.js +1 -1
- package/dist/cjs/hooks/useOnline/useOnline.js +1 -1
- package/dist/cjs/hooks/useOperatingSystem/useOperatingSystem.js +1 -1
- package/dist/cjs/hooks/useOrientation/useOrientation.js +2 -2
- package/dist/cjs/hooks/usePageLeave/usePageLeave.js +2 -2
- package/dist/cjs/hooks/usePreferredLanguages/usePreferredLanguages.js +1 -1
- package/dist/cjs/hooks/usePrevious/usePrevious.js +1 -1
- package/dist/cjs/hooks/useQueue/useQueue.js +2 -2
- package/dist/cjs/hooks/useRenderCount/useRenderCount.js +1 -1
- package/dist/cjs/hooks/useRerender/useRerender.js +2 -2
- package/dist/cjs/hooks/useScript/useScript.js +2 -2
- package/dist/cjs/hooks/useSessionStorage/useSessionStorage.js +2 -2
- package/dist/cjs/hooks/useSet/useSet.js +2 -2
- package/dist/cjs/hooks/useStep/useStep.js +2 -2
- package/dist/cjs/hooks/useStep/useStep.js.map +1 -1
- package/dist/cjs/hooks/useStorage/useStorage.js +2 -2
- package/dist/cjs/hooks/useTimeout/useTimeout.js +2 -2
- package/dist/cjs/hooks/useToggle/useToggle.js +2 -2
- package/dist/cjs/hooks/useUnmount/useUnmount.js +1 -1
- package/dist/cjs/hooks/useWindowEvent/useWindowEvent.js +1 -1
- package/dist/cjs/hooks/useWindowSize/useWindowSize.js +2 -2
- package/dist/cjs/{index-C76tRsA0.js → index-CcLcscf2.js} +2 -2
- package/dist/cjs/{index-C76tRsA0.js.map → index-CcLcscf2.js.map} +1 -1
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/utils/helpers/debounce.js +1 -1
- package/dist/cjs/utils/helpers/index.js +1 -1
- package/dist/cjs/utils/helpers/isClient.js +1 -1
- package/dist/cjs/utils/helpers/isShallowEqual.js +1 -1
- package/dist/cjs/utils/helpers/throttle.js +1 -1
- package/dist/esm/{_rollupPluginBabelHelpers-CGXK2lQo.js → _rollupPluginBabelHelpers-BzIoFaF6.js} +2 -2
- package/dist/esm/_rollupPluginBabelHelpers-BzIoFaF6.js.map +1 -0
- package/dist/esm/hooks/index.js +2 -2
- package/dist/esm/hooks/useBattery/useBattery.js +2 -2
- package/dist/esm/hooks/useBoolean/useBoolean.js +2 -2
- package/dist/esm/hooks/useClickOutside/useClickOutside.js +1 -1
- package/dist/esm/hooks/useClickOutside/useClickOutside.js.map +1 -1
- package/dist/esm/hooks/useCopyToClipboard/useCopyToClipboard.js +2 -2
- package/dist/esm/hooks/useCounter/useCounter.js +2 -2
- package/dist/esm/hooks/useCounter/useCounter.js.map +1 -1
- package/dist/esm/hooks/useDebouncedValue/useDebouncedValue.js +2 -2
- package/dist/esm/hooks/useDefault/useDefault.js +2 -2
- package/dist/esm/hooks/useDidUpdate/useDidUpdate.js +1 -1
- package/dist/esm/hooks/useDocumentTitle/useDocumentTitle.js +2 -2
- package/dist/esm/hooks/useDocumentVisibility/useDocumentVisibility.js +1 -1
- package/dist/esm/hooks/useEvent/useEvent.js +1 -1
- package/dist/esm/hooks/useEventListener/useEventListener.js +1 -1
- package/dist/esm/hooks/useFavicon/useFavicon.js +2 -2
- package/dist/esm/hooks/useFullscreen/useFullscreen.js +3 -0
- package/dist/esm/hooks/useFullscreen/useFullscreen.js.map +1 -0
- package/dist/esm/hooks/useHash/useHash.js +2 -2
- package/dist/esm/hooks/useHotkeys/useHotkeys.js +2 -2
- package/dist/esm/hooks/useHover/useHover.js +2 -2
- package/dist/esm/hooks/useHover/useHover.js.map +1 -1
- package/dist/esm/hooks/useIdle/useIdle.js +2 -2
- package/dist/esm/hooks/useIdle/useIdle.js.map +1 -1
- package/dist/esm/hooks/useIntersectionObserver/useIntersectionObserver.js +2 -2
- package/dist/esm/hooks/useIsFirstRender/useIsFirstRender.js +1 -1
- package/dist/esm/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js +1 -1
- package/dist/esm/hooks/useKeyPress/useKeyPress.js +2 -2
- package/dist/esm/hooks/useKeyPressEvent/useKeyPressEvent.js +1 -1
- package/dist/esm/hooks/useKeysPressed/useKeysPressed.js +2 -2
- package/dist/esm/hooks/useLocalStorage/useLocalStorage.js +2 -2
- package/dist/esm/hooks/useLogger/useLogger.js +2 -2
- package/dist/esm/hooks/useMediaQuery/useMediaQuery.js +1 -1
- package/dist/esm/hooks/useMount/useMount.js +1 -1
- package/dist/esm/hooks/useMutationObserver.js +1 -1
- package/dist/esm/hooks/useNetwork/useNetwork.js +1 -1
- package/dist/esm/hooks/useOnline/useOnline.js +1 -1
- package/dist/esm/hooks/useOperatingSystem/useOperatingSystem.js +1 -1
- package/dist/esm/hooks/useOrientation/useOrientation.js +2 -2
- package/dist/esm/hooks/usePageLeave/usePageLeave.js +2 -2
- package/dist/esm/hooks/usePreferredLanguages/usePreferredLanguages.js +1 -1
- package/dist/esm/hooks/usePrevious/usePrevious.js +1 -1
- package/dist/esm/hooks/useQueue/useQueue.js +2 -2
- package/dist/esm/hooks/useRenderCount/useRenderCount.js +1 -1
- package/dist/esm/hooks/useRerender/useRerender.js +2 -2
- package/dist/esm/hooks/useScript/useScript.js +2 -2
- package/dist/esm/hooks/useSessionStorage/useSessionStorage.js +2 -2
- package/dist/esm/hooks/useSet/useSet.js +2 -2
- package/dist/esm/hooks/useStep/useStep.js +2 -2
- package/dist/esm/hooks/useStep/useStep.js.map +1 -1
- package/dist/esm/hooks/useStorage/useStorage.js +2 -2
- package/dist/esm/hooks/useTimeout/useTimeout.js +2 -2
- package/dist/esm/hooks/useToggle/useToggle.js +2 -2
- package/dist/esm/hooks/useUnmount/useUnmount.js +1 -1
- package/dist/esm/hooks/useWindowEvent/useWindowEvent.js +1 -1
- package/dist/esm/hooks/useWindowSize/useWindowSize.js +2 -2
- package/dist/esm/{index-BXm8JW5o.js → index-DCpdzFtI.js} +2 -2
- package/dist/esm/{index-BXm8JW5o.js.map → index-DCpdzFtI.js.map} +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/utils/helpers/debounce.js +1 -1
- package/dist/esm/utils/helpers/index.js +1 -1
- package/dist/esm/utils/helpers/isClient.js +1 -1
- package/dist/esm/utils/helpers/isShallowEqual.js +1 -1
- package/dist/esm/utils/helpers/throttle.js +1 -1
- package/dist/index.d.ts +43 -17
- package/package.json +5 -2
- package/dist/cjs/_rollupPluginBabelHelpers-DnejGdMl.js.map +0 -1
- package/dist/esm/_rollupPluginBabelHelpers-CGXK2lQo.js.map +0 -1
package/dist/esm/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
2
|
-
export{useBattery}from"./hooks/useBattery/useBattery.js";export{useBoolean}from"./hooks/useBoolean/useBoolean.js";export{useClickOutside}from"./hooks/useClickOutside/useClickOutside.js";export{legacyCopyToClipboard,useCopyToClipboard}from"./hooks/useCopyToClipboard/useCopyToClipboard.js";export{useCounter}from"./hooks/useCounter/useCounter.js";export{useDebouncedValue}from"./hooks/useDebouncedValue/useDebouncedValue.js";export{useDefault}from"./hooks/useDefault/useDefault.js";export{useDidUpdate}from"./hooks/useDidUpdate/useDidUpdate.js";export{useDocumentTitle}from"./hooks/useDocumentTitle/useDocumentTitle.js";export{useDocumentVisibility}from"./hooks/useDocumentVisibility/useDocumentVisibility.js";export{useEvent}from"./hooks/useEvent/useEvent.js";export{useEventListener}from"./hooks/useEventListener/useEventListener.js";export{useFavicon}from"./hooks/useFavicon/useFavicon.js";export{useHash}from"./hooks/useHash/useHash.js";export{isHotkeyMatch,useHotkeys}from"./hooks/useHotkeys/useHotkeys.js";export{useHover}from"./hooks/useHover/useHover.js";export{useIdle}from"./hooks/useIdle/useIdle.js";export{useIntersectionObserver}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";export{useIsFirstRender}from"./hooks/useIsFirstRender/useIsFirstRender.js";export{useIsomorphicLayoutEffect}from"./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";export{useKeyPress}from"./hooks/useKeyPress/useKeyPress.js";export{useKeyPressEvent}from"./hooks/useKeyPressEvent/useKeyPressEvent.js";export{useKeysPressed}from"./hooks/useKeysPressed/useKeysPressed.js";export{useLocalStorage}from"./hooks/useLocalStorage/useLocalStorage.js";export{useLogger}from"./hooks/useLogger/useLogger.js";export{useMediaQuery}from"./hooks/useMediaQuery/useMediaQuery.js";export{useMount}from"./hooks/useMount/useMount.js";export{getConnection,useNetwork}from"./hooks/useNetwork/useNetwork.js";export{useOnline}from"./hooks/useOnline/useOnline.js";export{getOperatingSystem,useOperatingSystem}from"./hooks/useOperatingSystem/useOperatingSystem.js";export{useOrientation}from"./hooks/useOrientation/useOrientation.js";export{usePageLeave}from"./hooks/usePageLeave/usePageLeave.js";export{usePreferredLanguages}from"./hooks/usePreferredLanguages/usePreferredLanguages.js";export{usePrevious}from"./hooks/usePrevious/usePrevious.js";export{useQueue}from"./hooks/useQueue/useQueue.js";export{useRenderCount}from"./hooks/useRenderCount/useRenderCount.js";export{useRerender}from"./hooks/useRerender/useRerender.js";export{SCRIPT_STATUS_ATTRIBUTE_NAME,useScript}from"./hooks/useScript/useScript.js";export{useSessionStorage}from"./hooks/useSessionStorage/useSessionStorage.js";export{useSet}from"./hooks/useSet/useSet.js";export{useStep}from"./hooks/useStep/useStep.js";export{dispatchStorageEvent,useStorage}from"./hooks/useStorage/useStorage.js";export{useTimeout}from"./hooks/useTimeout/useTimeout.js";export{useToggle}from"./hooks/useToggle/useToggle.js";export{useUnmount}from"./hooks/useUnmount/useUnmount.js";export{useWindowEvent}from"./hooks/useWindowEvent/useWindowEvent.js";export{useWindowSize}from"./hooks/useWindowSize/useWindowSize.js";import"./_rollupPluginBabelHelpers-
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.17 */
|
|
2
|
+
export{useBattery}from"./hooks/useBattery/useBattery.js";export{useBoolean}from"./hooks/useBoolean/useBoolean.js";export{useClickOutside}from"./hooks/useClickOutside/useClickOutside.js";export{legacyCopyToClipboard,useCopyToClipboard}from"./hooks/useCopyToClipboard/useCopyToClipboard.js";export{useCounter}from"./hooks/useCounter/useCounter.js";export{useDebouncedValue}from"./hooks/useDebouncedValue/useDebouncedValue.js";export{useDefault}from"./hooks/useDefault/useDefault.js";export{useDidUpdate}from"./hooks/useDidUpdate/useDidUpdate.js";export{useDocumentTitle}from"./hooks/useDocumentTitle/useDocumentTitle.js";export{useDocumentVisibility}from"./hooks/useDocumentVisibility/useDocumentVisibility.js";export{useEvent}from"./hooks/useEvent/useEvent.js";export{useEventListener}from"./hooks/useEventListener/useEventListener.js";export{useFavicon}from"./hooks/useFavicon/useFavicon.js";export{useHash}from"./hooks/useHash/useHash.js";export{isHotkeyMatch,useHotkeys}from"./hooks/useHotkeys/useHotkeys.js";export{useHover}from"./hooks/useHover/useHover.js";export{useIdle}from"./hooks/useIdle/useIdle.js";export{useIntersectionObserver}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";export{useIsFirstRender}from"./hooks/useIsFirstRender/useIsFirstRender.js";export{useIsomorphicLayoutEffect}from"./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";export{useKeyPress}from"./hooks/useKeyPress/useKeyPress.js";export{useKeyPressEvent}from"./hooks/useKeyPressEvent/useKeyPressEvent.js";export{useKeysPressed}from"./hooks/useKeysPressed/useKeysPressed.js";export{useLocalStorage}from"./hooks/useLocalStorage/useLocalStorage.js";export{useLogger}from"./hooks/useLogger/useLogger.js";export{useMediaQuery}from"./hooks/useMediaQuery/useMediaQuery.js";export{useMount}from"./hooks/useMount/useMount.js";export{getConnection,useNetwork}from"./hooks/useNetwork/useNetwork.js";export{useOnline}from"./hooks/useOnline/useOnline.js";export{getOperatingSystem,useOperatingSystem}from"./hooks/useOperatingSystem/useOperatingSystem.js";export{useOrientation}from"./hooks/useOrientation/useOrientation.js";export{usePageLeave}from"./hooks/usePageLeave/usePageLeave.js";export{usePreferredLanguages}from"./hooks/usePreferredLanguages/usePreferredLanguages.js";export{usePrevious}from"./hooks/usePrevious/usePrevious.js";export{useQueue}from"./hooks/useQueue/useQueue.js";export{useRenderCount}from"./hooks/useRenderCount/useRenderCount.js";export{useRerender}from"./hooks/useRerender/useRerender.js";export{SCRIPT_STATUS_ATTRIBUTE_NAME,useScript}from"./hooks/useScript/useScript.js";export{useSessionStorage}from"./hooks/useSessionStorage/useSessionStorage.js";export{useSet}from"./hooks/useSet/useSet.js";export{useStep}from"./hooks/useStep/useStep.js";export{dispatchStorageEvent,useStorage}from"./hooks/useStorage/useStorage.js";export{useTimeout}from"./hooks/useTimeout/useTimeout.js";export{useToggle}from"./hooks/useToggle/useToggle.js";export{useUnmount}from"./hooks/useUnmount/useUnmount.js";export{useWindowEvent}from"./hooks/useWindowEvent/useWindowEvent.js";export{useWindowSize}from"./hooks/useWindowSize/useWindowSize.js";import"./_rollupPluginBabelHelpers-BzIoFaF6.js";import"react";import"./utils/helpers/debounce.js";import"./utils/helpers/isClient.js";import"./hooks/useMutationObserver.js";import"./utils/helpers/throttle.js";import"./utils/helpers/isShallowEqual.js";import"./index-DCpdzFtI.js";
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.17 */
|
|
2
2
|
var r=function(r,n){var t;return function(){for(var e=arguments.length,o=new Array(e),u=0;u<e;u++)o[u]=arguments[u];clearTimeout(t),t=setTimeout((function(){return r.apply(void 0,o)}),n)}};export{r as debounce};
|
|
3
3
|
//# sourceMappingURL=debounce.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.17 */
|
|
2
2
|
export{debounce}from"./debounce.js";export{isClient}from"./isClient.js";export{isShallowEqual}from"./isShallowEqual.js";export{throttle}from"./throttle.js";
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.17 */
|
|
2
2
|
var n,d,e=!("undefined"==typeof window||null===(n=window)||void 0===n||!n.document||null===(d=window)||void 0===d||null===(d=d.document)||void 0===d||!d.createElement);export{e as isClient};
|
|
3
3
|
//# sourceMappingURL=isClient.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.17 */
|
|
2
2
|
var r=function(r,e){var t=Object.keys(r),n=Object.keys(e);if(t.length!==n.length)return!1;for(var a=0,f=t;a<f.length;a++){var u=f[a];if(r[u]!==e[u])return!1}return!0};export{r as isShallowEqual};
|
|
3
3
|
//# sourceMappingURL=isShallowEqual.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/* @license @siberiacancode/reactuse v0.0.
|
|
1
|
+
/* @license @siberiacancode/reactuse v0.0.17 */
|
|
2
2
|
var n=function(n,t){var o=!1;return function(){o||(n.apply(void 0,arguments),o=!0,setTimeout((function(){o=!1}),t))}};export{n as throttle};
|
|
3
3
|
//# sourceMappingURL=throttle.js.map
|
package/dist/index.d.ts
CHANGED
|
@@ -58,21 +58,22 @@ type UseClickOutside = {
|
|
|
58
58
|
* @description - Hook to handle click events outside the specified target element(s)
|
|
59
59
|
*
|
|
60
60
|
* @overload
|
|
61
|
-
* @template Target The target element(s)
|
|
61
|
+
* @template Target The target element(s)
|
|
62
62
|
* @param {Target} target The target element(s) to detect outside clicks for
|
|
63
63
|
* @param {(event: Event) => void} callback The callback to execute when a click outside the target is detected
|
|
64
64
|
* @returns {void}
|
|
65
65
|
*
|
|
66
|
+
* @example
|
|
67
|
+
* useClickOutside(ref, () => console.log('click outside'));
|
|
68
|
+
*
|
|
66
69
|
* @overload
|
|
67
|
-
* @template Target The target element(s)
|
|
70
|
+
* @template Target The target element(s)
|
|
68
71
|
* @param {(event: Event) => void} callback The callback to execute when a click outside the target is detected
|
|
69
72
|
* @returns {UseClickOutsideReturn<Target>} A React ref to attach to the target element
|
|
70
73
|
*
|
|
71
74
|
* @example
|
|
72
75
|
* const ref = useClickOutside<HMLDiTvElement>(() => console.log('click outside'));
|
|
73
76
|
*
|
|
74
|
-
* @example
|
|
75
|
-
* useClickOutside(ref, () => console.log('click outside'));
|
|
76
77
|
*/
|
|
77
78
|
declare const useClickOutside: UseClickOutside;
|
|
78
79
|
|
|
@@ -136,15 +137,16 @@ type UseCounter = {
|
|
|
136
137
|
* @param {number} [options.min=Number.NEGATIVE_INFINITY] The min of count value
|
|
137
138
|
* @param {number} [options.max=Number.POSITIVE_INFINITY] The max of count value
|
|
138
139
|
* @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter
|
|
139
|
-
|
|
140
|
+
*
|
|
141
|
+
* @example
|
|
142
|
+
* const { count, dec, inc, reset, set } = useCounter(5);
|
|
143
|
+
*
|
|
140
144
|
* @overload
|
|
141
145
|
* @param {number} [params.initialValue=0] The initial number value
|
|
142
146
|
* @param {number} [params.min=Number.NEGATIVE_INFINITY] The min of count value
|
|
143
147
|
* @param {number} [params.max=Number.POSITIVE_INFINITY] The max of count value
|
|
144
148
|
* @returns {UseCounterReturn} An object containing the current count and functions to interact with the counter
|
|
145
149
|
*
|
|
146
|
-
* @example
|
|
147
|
-
* const { count, dec, inc, reset, set } = useCounter(5);
|
|
148
150
|
*
|
|
149
151
|
* @example
|
|
150
152
|
* const { count, dec, inc, reset, set } = useCounter({ initialValue: 5, min: 0, max: 10 });
|
|
@@ -333,20 +335,44 @@ type UseHover = {
|
|
|
333
335
|
* @name useHover
|
|
334
336
|
* @description - Hook that defines the logic when hovering an element
|
|
335
337
|
*
|
|
338
|
+
* @overload
|
|
339
|
+
* @template Target The target element
|
|
340
|
+
* @param {Target} target The target element to be hovered
|
|
341
|
+
* @param {() => void} [callback] The callback function to be invoked on mouse enter
|
|
342
|
+
* @returns {boolean} The state of the hover
|
|
343
|
+
*
|
|
336
344
|
* @example
|
|
337
345
|
* const hovering = useHover(ref, () => console.log('callback'));
|
|
338
346
|
*
|
|
339
|
-
* @
|
|
340
|
-
*
|
|
347
|
+
* @overload
|
|
348
|
+
* @template Target The target element
|
|
349
|
+
* @param {Target} target The target element to be hovered
|
|
350
|
+
* @param {() => void} [options.onEntry] The callback function to be invoked on mouse enter
|
|
351
|
+
* @param {() => void} [options.onLeave] The callback function to be invoked on mouse leave
|
|
352
|
+
* @returns {boolean} The state of the hover
|
|
341
353
|
*
|
|
342
354
|
* @example
|
|
343
|
-
* const
|
|
355
|
+
* const hovering = useHover(ref, {
|
|
344
356
|
* onEntry: () => console.log('onEntry'),
|
|
345
357
|
* onLeave: () => console.log('onLeave'),
|
|
346
358
|
* });
|
|
347
359
|
*
|
|
360
|
+
* @overload
|
|
361
|
+
* @template Target The target element
|
|
362
|
+
* @param {() => void} [callback] The callback function to be invoked on mouse enter
|
|
363
|
+
* @returns {UseHoverReturn<Target>} The state of the hover
|
|
364
|
+
*
|
|
348
365
|
* @example
|
|
349
|
-
* const hovering = useHover(
|
|
366
|
+
* const [ref, hovering] = useHover(() => console.log('callback'));
|
|
367
|
+
*
|
|
368
|
+
* @overload
|
|
369
|
+
* @template Target The target element
|
|
370
|
+
* @param {() => void} [options.onEntry] The callback function to be invoked on mouse enter
|
|
371
|
+
* @param {() => void} [options.onLeave] The callback function to be invoked on mouse leave
|
|
372
|
+
* @returns {UseHoverReturn<Target>} The state of the hover
|
|
373
|
+
*
|
|
374
|
+
* @example
|
|
375
|
+
* const [ref, hovering] = useHover({
|
|
350
376
|
* onEntry: () => console.log('onEntry'),
|
|
351
377
|
* onLeave: () => console.log('onLeave'),
|
|
352
378
|
* });
|
|
@@ -354,8 +380,8 @@ type UseHover = {
|
|
|
354
380
|
declare const useHover: UseHover;
|
|
355
381
|
|
|
356
382
|
interface UseIdleOptions {
|
|
357
|
-
|
|
358
|
-
events?: Array<keyof
|
|
383
|
+
initialValue?: boolean;
|
|
384
|
+
events?: Array<keyof DocumentEventMap>;
|
|
359
385
|
}
|
|
360
386
|
interface UseIdleReturn {
|
|
361
387
|
idle: boolean;
|
|
@@ -373,7 +399,7 @@ interface UseIdleReturn {
|
|
|
373
399
|
* @example
|
|
374
400
|
* const { idle, lastActive } = useIdle();
|
|
375
401
|
*/
|
|
376
|
-
declare const useIdle: (milliseconds?: number, {
|
|
402
|
+
declare const useIdle: (milliseconds?: number, { initialValue, events }?: UseIdleOptions) => UseIdleReturn;
|
|
377
403
|
|
|
378
404
|
type UseIntersectionObserverTarget = React.RefObject<Element | null> | (() => Element) | Element;
|
|
379
405
|
interface UseIntersectionObserverOptions extends Omit<IntersectionObserverInit, 'root'> {
|
|
@@ -780,15 +806,15 @@ interface UseStepReturn {
|
|
|
780
806
|
* @param {number} max Maximum number of steps
|
|
781
807
|
* @returns {UseStepReturn} An object contains variables and functions to change the step
|
|
782
808
|
*
|
|
809
|
+
* @example
|
|
810
|
+
* const step = useStep(5);
|
|
811
|
+
*
|
|
783
812
|
* @overload
|
|
784
813
|
* @param {number} params.max Maximum number of steps
|
|
785
814
|
* @param {number} params.initial Initial value for step
|
|
786
815
|
* @returns {UseStepReturn} An object contains variables and functions to change the step
|
|
787
816
|
*
|
|
788
817
|
* @example
|
|
789
|
-
* const step = useStep(5);
|
|
790
|
-
*
|
|
791
|
-
* @example
|
|
792
818
|
* const stepper = useStep({ initial: 2, max: 5 });
|
|
793
819
|
*/
|
|
794
820
|
declare const useStep: (params: number | UseStepParams) => UseStepReturn;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@siberiacancode/reactuse",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.17",
|
|
4
4
|
"description": "Ultimate tool",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": {
|
|
@@ -90,5 +90,8 @@
|
|
|
90
90
|
"react use",
|
|
91
91
|
"use",
|
|
92
92
|
"hooks"
|
|
93
|
-
]
|
|
93
|
+
],
|
|
94
|
+
"dependencies": {
|
|
95
|
+
"screenfull": "^6.0.2"
|
|
96
|
+
}
|
|
94
97
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_rollupPluginBabelHelpers-DnejGdMl.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_rollupPluginBabelHelpers-CGXK2lQo.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|