@snack-uikit/utils 3.8.0 → 3.8.1

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 3.8.1 (2025-03-17)
+
+
+### Bug Fixes
+
+* **VMWDEV-2271:** fix timerId ([14fa135](https://github.com/cloud-ru-tech/snack-uikit/commit/14fa1351d12b76912b696aeaa6fcc7ce8d62d1b1))
+
+
+
+
+
 # 3.8.0 (2025-03-04)
 
 

package/dist/cjs/hooks/useDebounce.js

@@ -15,13 +15,13 @@ const useEventHandler_1 = require("./useEventHandler");
 function useDebounce(callback) {
   let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   const timeStampRef = (0, react_1.useRef)(0);
-  let timerId = -1;
+  const timerIdRef = (0, react_1.useRef)(-1);
   return (0, useEventHandler_1.useEventHandler)(() => {
     (0, utils_1.isBrowser)() && requestAnimationFrame(timestamp => {
       if (timestamp < timeStampRef.current) {
-        clearTimeout(timerId);
+        clearTimeout(timerIdRef.current);
       }
-      timerId = setTimeout(callback, timeout);
+      timerIdRef.current = setTimeout(callback, timeout);
       timeStampRef.current = timestamp + timeout;
     });
   });

package/dist/esm/hooks/useDebounce.js

@@ -8,14 +8,14 @@ import { useEventHandler } from './useEventHandler';
  */
 export function useDebounce(callback, timeout = 0) {
     const timeStampRef = useRef(0);
-    let timerId = -1;
+    const timerIdRef = useRef(-1);
     return useEventHandler(() => {
         isBrowser() &&
             requestAnimationFrame(timestamp => {
                 if (timestamp < timeStampRef.current) {
-                    clearTimeout(timerId);
+                    clearTimeout(timerIdRef.current);
                 }
-                timerId = setTimeout(callback, timeout);
+                timerIdRef.current = setTimeout(callback, timeout);
                 timeStampRef.current = timestamp + timeout;
             });
     });

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Utils",
-  "version": "3.8.0",
+  "version": "3.8.1",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -39,5 +39,5 @@
     "react-swipeable": "7.0.2",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "ec4e54b1ea5c4455ca404632e1f205e22b881f98"
+  "gitHead": "d12776ae6b32233f12df33facc32de6a8758706a"
 }

package/src/hooks/useDebounce.ts

@@ -10,15 +10,15 @@ import { useEventHandler } from './useEventHandler';
  */
 export function useDebounce(callback: () => void, timeout = 0) {
   const timeStampRef = useRef<number>(0);
-  let timerId: NodeJS.Timeout | number = -1;
+  const timerIdRef = useRef<NodeJS.Timeout | number>(-1);
 
   return useEventHandler(() => {
     isBrowser() &&
       requestAnimationFrame(timestamp => {
         if (timestamp < timeStampRef.current) {
-          clearTimeout(timerId);
+          clearTimeout(timerIdRef.current);
         }
-        timerId = setTimeout(callback, timeout);
+        timerIdRef.current = setTimeout(callback, timeout);
         timeStampRef.current = timestamp + timeout;
       });
   });