@siberiacancode/reactuse 0.0.31 → 0.0.33

package/dist/index.d.ts

@@ -164,10 +164,34 @@ type UseCounter = {
  */
 declare const useCounter: UseCounter;
 
-interface UseDebouncedValueOptions {
-    maxWait?: number;
-}
-declare const useDebouncedValue: <Value>(value: Value, delay: number, options?: UseDebouncedValueOptions) => readonly [Value, (value: Value) => void];
+/**
+ * @name useDebounceCallback
+ * @description - Hook that creates a debounced callback and returns a stable reference of it
+ *
+ * @template Params The type of the params
+ * @template Return The type of the return
+ * @param {(...args: Params) => Return} callback The callback function
+ * @param {number} delay The delay in milliseconds
+ * @returns {(...args: Params) => Return} The callback with debounce
+ *
+ * @example
+ * const debounced = useDebounceCallback(() => console.log('callback'), 500);
+ */
+declare const useDebounceCallback: <Params extends unknown[], Return>(callback: (...args: Params) => Return, delay: number) => (...args: Params) => void;
+
+/**
+ * @name useDebounceValue
+ * @description - Hook that creates a debounced value and returns a stable reference of it
+ *
+ * @template Value The type of the value
+ * @param {Value} value The value to be debounced
+ * @param {number} delay The delay in milliseconds
+ * @returns {Value} The debounced value
+ *
+ * @example
+ * const debouncedValue = useDebounceValue(value, 500);
+ */
+declare const useDebounceValue: <Value>(value: Value, delay: number) => Value;
 
 /**
  * @name useDefault
@@ -1609,4 +1633,4 @@ declare const getDate: (now?: Date) => {
     timestamp: number;
 };
 
-export { type ConnectionEffectiveType, type ConnectionType, type OperatingSystem, SCRIPT_STATUS_ATTRIBUTE_NAME, type UseClickOutside, type UseClickOutsideReturn, type UseCounter, type UseCounterOptions, type UseCounterParams, type UseCounterReturn, type UseDocumentTitleOptions, type UseDocumentTitleReturn, type UseEventListener, type UseEventListenerOptions, type UseEventListenerReturn, type UseEventListenerTarget, type UseEyeDropperReturn, type UseFaviconReturn, type UseFieldParams, type UseFieldRegisterParams, type UseFieldReturn, type UseFullScreen, type UseFullScreenOptions, type UseFullScreenReturn, type UseHotkeysHotkeys, type UseHotkeysKey, type UseHotkeysOptions, type UseHover, type UseHoverOptions, type UseHoverReturn, type UseHoverTarget, type UseIdleReturn, type UseIntersectionObserver, type UseIntersectionObserverOptions, type UseIntersectionObserverReturn, type UseIntersectionObserverTarget, type UseIntervalOptions, type UseIntervalReturn, type UseKeyPressEvent, type UseKeyPressEventKey, type UseKeyPressKey, type UseKeyPressOptions, type UseKeyboardParams, type UseListReturn, type UseLongPress, type UseLongPressReturn, type UseLongPressTarget, type UseMouse, type UseMouseReturn, type UseNetworkReturn, type UseOrientationReturn, type UsePaint, type UsePaintOptions, type UsePaintPencil, type UsePaintReturn, type UsePaintTarget, type UsePreferredColorSchemeReturn, type UseQueueReturn, type UseRenderInfoReturn, type UseScriptOptions, type UseScriptStatus, type UseStorageInitialValue, type UseStorageOptions, type UseStorageReturn, type UseTextSelectionReturn, type UseTimeReturn, type UseToggleReturn, type UseWebSocketOptions, type UseWebSocketReturn, type UseWebSocketStatus, type UseWebSocketUrl, type UseWindowSizeReturn, debounce, dispatchStorageEvent, getConnection, getDate, getOperatingSystem, getRangesSelection, getRetry, getTargetElement, isClient, isHotkeyMatch, legacyCopyToClipboard, throttle, useBattery, useBoolean, useBrowserLanguage, useClickOutside, useCopyToClipboard, useCounter, useDebouncedValue, useDefault, useDidUpdate, useDocumentEvent, useDocumentTitle, useDocumentVisibility, useEvent, useEventListener, useEyeDropper, useFavicon, useField, useFps, useFullscreen, useHash, useHotkeys, useHover, useIdle, useIntersectionObserver, useInterval, useIsFirstRender, useIsomorphicLayoutEffect, useKeyPress, useKeyPressEvent, useKeyboard, useKeysPressed, useList, useLocalStorage, useLogger, useLongPress, useMediaQuery, useMount, useMouse, useMutation, useNetwork, useOnline, useOperatingSystem, useOrientation, usePageLeave, usePaint, usePreferredColorScheme, usePreferredLanguages, usePrevious, useQRCode, useQuery, useQueue, useRenderCount, useRenderInfo, useRerender, useScript, useSessionStorage, useSet, useStep, useStorage, useTextSelection, useTime, useTimeout, useToggle, useUnmount, useWebSocket, useWindowEvent, useWindowSize };
+export { type ConnectionEffectiveType, type ConnectionType, type OperatingSystem, SCRIPT_STATUS_ATTRIBUTE_NAME, type UseClickOutside, type UseClickOutsideReturn, type UseCounter, type UseCounterOptions, type UseCounterParams, type UseCounterReturn, type UseDocumentTitleOptions, type UseDocumentTitleReturn, type UseEventListener, type UseEventListenerOptions, type UseEventListenerReturn, type UseEventListenerTarget, type UseEyeDropperReturn, type UseFaviconReturn, type UseFieldParams, type UseFieldRegisterParams, type UseFieldReturn, type UseFullScreen, type UseFullScreenOptions, type UseFullScreenReturn, type UseHotkeysHotkeys, type UseHotkeysKey, type UseHotkeysOptions, type UseHover, type UseHoverOptions, type UseHoverReturn, type UseHoverTarget, type UseIdleReturn, type UseIntersectionObserver, type UseIntersectionObserverOptions, type UseIntersectionObserverReturn, type UseIntersectionObserverTarget, type UseIntervalOptions, type UseIntervalReturn, type UseKeyPressEvent, type UseKeyPressEventKey, type UseKeyPressKey, type UseKeyPressOptions, type UseKeyboardParams, type UseListReturn, type UseLongPress, type UseLongPressReturn, type UseLongPressTarget, type UseMouse, type UseMouseReturn, type UseNetworkReturn, type UseOrientationReturn, type UsePaint, type UsePaintOptions, type UsePaintPencil, type UsePaintReturn, type UsePaintTarget, type UsePreferredColorSchemeReturn, type UseQueueReturn, type UseRenderInfoReturn, type UseScriptOptions, type UseScriptStatus, type UseStorageInitialValue, type UseStorageOptions, type UseStorageReturn, type UseTextSelectionReturn, type UseTimeReturn, type UseToggleReturn, type UseWebSocketOptions, type UseWebSocketReturn, type UseWebSocketStatus, type UseWebSocketUrl, type UseWindowSizeReturn, debounce, dispatchStorageEvent, getConnection, getDate, getOperatingSystem, getRangesSelection, getRetry, getTargetElement, isClient, isHotkeyMatch, legacyCopyToClipboard, throttle, useBattery, useBoolean, useBrowserLanguage, useClickOutside, useCopyToClipboard, useCounter, useDebounceCallback, useDebounceValue, useDefault, useDidUpdate, useDocumentEvent, useDocumentTitle, useDocumentVisibility, useEvent, useEventListener, useEyeDropper, useFavicon, useField, useFps, useFullscreen, useHash, useHotkeys, useHover, useIdle, useIntersectionObserver, useInterval, useIsFirstRender, useIsomorphicLayoutEffect, useKeyPress, useKeyPressEvent, useKeyboard, useKeysPressed, useList, useLocalStorage, useLogger, useLongPress, useMediaQuery, useMount, useMouse, useMutation, useNetwork, useOnline, useOperatingSystem, useOrientation, usePageLeave, usePaint, usePreferredColorScheme, usePreferredLanguages, usePrevious, useQRCode, useQuery, useQueue, useRenderCount, useRenderInfo, useRerender, useScript, useSessionStorage, useSet, useStep, useStorage, useTextSelection, useTime, useTimeout, useToggle, useUnmount, useWebSocket, useWindowEvent, useWindowSize };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siberiacancode/reactuse",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "description": "Ultimate tool",
   "license": "MIT",
   "author": {

package/dist/cjs/_rollupPluginBabelHelpers-XknWBRG7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_rollupPluginBabelHelpers-XknWBRG7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/cjs/hooks/useDebouncedValue/useDebouncedValue.js

@@ -1,3 +0,0 @@
-/* @license @siberiacancode/reactuse v0.0.31 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-XknWBRG7.js"),r=require("react"),u=require("../../utils/helpers/debounce.js");require("../../utils/helpers/isClient.js");exports.useDebouncedValue=function(n,s,t){console.log("@",t);var i=r.useRef(n),c=r.useState(n),l=e._slicedToArray(c,2),o=l[0],a=l[1],f=r.useMemo((function(){return u.debounce((function(e){return a(e)}),s)}),[s]);return r.useEffect((function(){i.current!==n&&(f(n),i.current=n)}),[n]),[o,f]};
-//# sourceMappingURL=useDebouncedValue.js.map

package/dist/cjs/hooks/useDebouncedValue/useDebouncedValue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDebouncedValue.js","sources":["../../../../src/hooks/useDebouncedValue/useDebouncedValue.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { debounce } from '@/utils/helpers';\n\n// делаем value и state\n// усложняем ли хуки value и state\n\ninterface UseDebouncedValueOptions {\n  maxWait?: number;\n}\n\nexport const useDebouncedValue = <Value>(\n  value: Value,\n  delay: number,\n  options?: UseDebouncedValueOptions\n) => {\n  console.log('@', options);\n  const previousValueRef = useRef(value);\n  const [state, setState] = useState(value);\n\n  const debouncedSetState = useMemo(\n    () => debounce((value: Value) => setState(value), delay),\n    [delay]\n  );\n\n  useEffect(() => {\n    if (previousValueRef.current === value) return;\n    debouncedSetState(value);\n    previousValueRef.current = value;\n  }, [value]);\n\n  return [state, debouncedSetState] as const;\n};\n"],"names":["value","delay","options","console","log","previousValueRef","useRef","_useState","useState","_useState2","_slicedToArray","state","setState","debouncedSetState","useMemo","debounce","useEffect","current"],"mappings":";+MAWiC,SAC/BA,EACAC,EACAC,GAEAC,QAAQC,IAAI,IAAKF,GACjB,IAAMG,EAAmBC,SAAON,GAChCO,EAA0BC,EAAQA,SAACR,GAAMS,EAAAC,EAAAA,eAAAH,EAAA,GAAlCI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAEhBI,EAAoBC,EAAAA,SACxB,WAAA,OAAMC,EAAAA,UAAS,SAACf,GAAY,OAAKY,EAASZ,EAAM,GAAEC,KAClD,CAACA,IASH,OANAe,EAAAA,WAAU,WACJX,EAAiBY,UAAYjB,IACjCa,EAAkBb,GAClBK,EAAiBY,QAAUjB,EAC7B,GAAG,CAACA,IAEG,CAACW,EAAOE,EACjB"}

package/dist/esm/_rollupPluginBabelHelpers-DmI4-Pc6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_rollupPluginBabelHelpers-DmI4-Pc6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/hooks/useDebouncedValue/useDebouncedValue.js

@@ -1,3 +0,0 @@
-/* @license @siberiacancode/reactuse v0.0.31 */
-import{_ as r}from"../../_rollupPluginBabelHelpers-DmI4-Pc6.js";import{useRef as e,useState as t,useMemo as n,useEffect as o}from"react";import{debounce as u}from"../../utils/helpers/debounce.js";import"../../utils/helpers/isClient.js";var i=function(i,l,s){console.log("@",s);var c=e(i),p=t(i),f=r(p,2),m=f[0],a=f[1],j=n((function(){return u((function(r){return a(r)}),l)}),[l]);return o((function(){c.current!==i&&(j(i),c.current=i)}),[i]),[m,j]};export{i as useDebouncedValue};
-//# sourceMappingURL=useDebouncedValue.js.map

package/dist/esm/hooks/useDebouncedValue/useDebouncedValue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDebouncedValue.js","sources":["../../../../src/hooks/useDebouncedValue/useDebouncedValue.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { debounce } from '@/utils/helpers';\n\n// делаем value и state\n// усложняем ли хуки value и state\n\ninterface UseDebouncedValueOptions {\n  maxWait?: number;\n}\n\nexport const useDebouncedValue = <Value>(\n  value: Value,\n  delay: number,\n  options?: UseDebouncedValueOptions\n) => {\n  console.log('@', options);\n  const previousValueRef = useRef(value);\n  const [state, setState] = useState(value);\n\n  const debouncedSetState = useMemo(\n    () => debounce((value: Value) => setState(value), delay),\n    [delay]\n  );\n\n  useEffect(() => {\n    if (previousValueRef.current === value) return;\n    debouncedSetState(value);\n    previousValueRef.current = value;\n  }, [value]);\n\n  return [state, debouncedSetState] as const;\n};\n"],"names":["useDebouncedValue","value","delay","options","console","log","previousValueRef","useRef","_useState","useState","_useState2","_slicedToArray","state","setState","debouncedSetState","useMemo","debounce","useEffect","current"],"mappings":";4OAWO,IAAMA,EAAoB,SAC/BC,EACAC,EACAC,GAEAC,QAAQC,IAAI,IAAKF,GACjB,IAAMG,EAAmBC,EAAON,GAChCO,EAA0BC,EAASR,GAAMS,EAAAC,EAAAH,EAAA,GAAlCI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAEhBI,EAAoBC,GACxB,WAAA,OAAMC,GAAS,SAACf,GAAY,OAAKY,EAASZ,EAAM,GAAEC,KAClD,CAACA,IASH,OANAe,GAAU,WACJX,EAAiBY,UAAYjB,IACjCa,EAAkBb,GAClBK,EAAiBY,QAAUjB,EAC7B,GAAG,CAACA,IAEG,CAACW,EAAOE,EACjB"}