@willbooster/shared-lib-react 3.2.10 → 3.2.11

package/dist/hooks/useInterval.cjs

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.useInterval=function(r,t){const s=e.useRef(),a=e.useCallback((()=>{globalThis.clearInterval(s.current)}),[]);return e.useEffect((()=>(void 0!==t&&(s.current=globalThis.setInterval(r,t)),a)),[t]),a};
+"use strict";var e=require("react");exports.useInterval=function(r,t){const s=e.useRef(),u=e.useRef(r);u.current=r;const c=e.useCallback((()=>{globalThis.clearInterval(s.current)}),[]);return e.useEffect((()=>(void 0!==t&&(s.current=globalThis.setInterval((()=>u.current()),t)),c)),[t]),c};
 //# sourceMappingURL=useInterval.cjs.map

package/dist/hooks/useInterval.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useInterval.cjs","sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nexport function useInterval(nonReactiveCallback: () => void, reactiveMilliseconds?: number): () => void {\n  const timerId = useRef<number | NodeJS.Timeout>();\n\n  const clearInterval = useCallback(() => {\n    globalThis.clearInterval(timerId.current);\n  }, []);\n\n  useEffect(() => {\n    if (reactiveMilliseconds !== undefined) {\n      timerId.current = globalThis.setInterval(nonReactiveCallback, reactiveMilliseconds);\n    }\n    return clearInterval;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [reactiveMilliseconds]);\n\n  return clearInterval;\n}\n"],"names":["nonReactiveCallback","reactiveMilliseconds","timerId","useRef","clearInterval","useCallback","globalThis","current","useEffect","undefined","setInterval"],"mappings":"wDAEO,SAAqBA,EAAiCC,GAC3D,MAAMC,EAAUC,EAAAA,SAEVC,EAAgBC,EAAAA,aAAY,KAChCC,WAAWF,cAAcF,EAAQK,QAAQ,GACxC,IAUH,OARAC,EAAAA,WAAU,UACqBC,IAAzBR,IACFC,EAAQK,QAAUD,WAAWI,YAAYV,EAAqBC,IAEzDG,IAEN,CAACH,IAEGG,CACT"}
+{"version":3,"file":"useInterval.cjs","sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\n/**\n * A custom React hook that sets up an interval and returns a function to clear it.\n *\n * This hook ensures that the latest callback is always used, even if it changes between renders.\n * The interval can be dynamically started, stopped, or adjusted by changing the `milliseconds` parameter.\n *\n * @param callback - The function to be called at each interval. It is guaranteed to be the most recent version.\n * @param milliseconds - The interval duration in milliseconds. If undefined, the interval is cleared.\n * @returns A function to manually clear the interval.\n *\n * @example\n * const clearInterval = useInterval(() => {\n *   console.log('This will run every 1000ms');\n * }, 1000);\n *\n * // To manually stop the interval:\n * clearInterval();\n */\nexport function useInterval(callback: () => void, milliseconds?: number): () => void {\n  const timerId = useRef<number | NodeJS.Timeout>();\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n\n  const clearInterval = useCallback(() => {\n    globalThis.clearInterval(timerId.current);\n  }, []);\n\n  useEffect(() => {\n    if (milliseconds !== undefined) {\n      timerId.current = globalThis.setInterval(() => callbackRef.current(), milliseconds);\n    }\n    return clearInterval;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [milliseconds]);\n\n  return clearInterval;\n}\n"],"names":["callback","milliseconds","timerId","useRef","callbackRef","current","clearInterval","useCallback","globalThis","useEffect","undefined","setInterval"],"mappings":"wDAoBO,SAAqBA,EAAsBC,GAChD,MAAMC,EAAUC,EAAAA,SACVC,EAAcD,SAAOH,GAC3BI,EAAYC,QAAUL,EAEtB,MAAMM,EAAgBC,EAAAA,aAAY,KAChCC,WAAWF,cAAcJ,EAAQG,QAAQ,GACxC,IAUH,OARAI,EAAAA,WAAU,UACaC,IAAjBT,IACFC,EAAQG,QAAUG,WAAWG,aAAY,IAAMP,EAAYC,WAAWJ,IAEjEK,IAEN,CAACL,IAEGK,CACT"}

package/dist/hooks/useInterval.d.ts

@@ -1 +1,19 @@
-export declare function useInterval(nonReactiveCallback: () => void, reactiveMilliseconds?: number): () => void;
+/**
+ * A custom React hook that sets up an interval and returns a function to clear it.
+ *
+ * This hook ensures that the latest callback is always used, even if it changes between renders.
+ * The interval can be dynamically started, stopped, or adjusted by changing the `milliseconds` parameter.
+ *
+ * @param callback - The function to be called at each interval. It is guaranteed to be the most recent version.
+ * @param milliseconds - The interval duration in milliseconds. If undefined, the interval is cleared.
+ * @returns A function to manually clear the interval.
+ *
+ * @example
+ * const clearInterval = useInterval(() => {
+ *   console.log('This will run every 1000ms');
+ * }, 1000);
+ *
+ * // To manually stop the interval:
+ * clearInterval();
+ */
+export declare function useInterval(callback: () => void, milliseconds?: number): () => void;

package/dist/hooks/useInterval.js

@@ -1,2 +1,2 @@
-import{useRef as r,useCallback as t,useEffect as e}from"react";function n(n,o){const l=r(),a=t((()=>{globalThis.clearInterval(l.current)}),[]);return e((()=>(void 0!==o&&(l.current=globalThis.setInterval(n,o)),a)),[o]),a}export{n as useInterval};
+import{useRef as r,useCallback as t,useEffect as e}from"react";function n(n,c){const o=r(),l=r(n);l.current=n;const a=t((()=>{globalThis.clearInterval(o.current)}),[]);return e((()=>(void 0!==c&&(o.current=globalThis.setInterval((()=>l.current()),c)),a)),[c]),a}export{n as useInterval};
 //# sourceMappingURL=useInterval.js.map

package/dist/hooks/useInterval.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInterval.js","sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nexport function useInterval(nonReactiveCallback: () => void, reactiveMilliseconds?: number): () => void {\n  const timerId = useRef<number | NodeJS.Timeout>();\n\n  const clearInterval = useCallback(() => {\n    globalThis.clearInterval(timerId.current);\n  }, []);\n\n  useEffect(() => {\n    if (reactiveMilliseconds !== undefined) {\n      timerId.current = globalThis.setInterval(nonReactiveCallback, reactiveMilliseconds);\n    }\n    return clearInterval;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [reactiveMilliseconds]);\n\n  return clearInterval;\n}\n"],"names":["useInterval","nonReactiveCallback","reactiveMilliseconds","timerId","useRef","clearInterval","useCallback","globalThis","current","useEffect","undefined","setInterval"],"mappings":"+DAEO,SAASA,EAAYC,EAAiCC,GAC3D,MAAMC,EAAUC,IAEVC,EAAgBC,GAAY,KAChCC,WAAWF,cAAcF,EAAQK,QAAQ,GACxC,IAUH,OARAC,GAAU,UACqBC,IAAzBR,IACFC,EAAQK,QAAUD,WAAWI,YAAYV,EAAqBC,IAEzDG,IAEN,CAACH,IAEGG,CACT"}
+{"version":3,"file":"useInterval.js","sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\n/**\n * A custom React hook that sets up an interval and returns a function to clear it.\n *\n * This hook ensures that the latest callback is always used, even if it changes between renders.\n * The interval can be dynamically started, stopped, or adjusted by changing the `milliseconds` parameter.\n *\n * @param callback - The function to be called at each interval. It is guaranteed to be the most recent version.\n * @param milliseconds - The interval duration in milliseconds. If undefined, the interval is cleared.\n * @returns A function to manually clear the interval.\n *\n * @example\n * const clearInterval = useInterval(() => {\n *   console.log('This will run every 1000ms');\n * }, 1000);\n *\n * // To manually stop the interval:\n * clearInterval();\n */\nexport function useInterval(callback: () => void, milliseconds?: number): () => void {\n  const timerId = useRef<number | NodeJS.Timeout>();\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n\n  const clearInterval = useCallback(() => {\n    globalThis.clearInterval(timerId.current);\n  }, []);\n\n  useEffect(() => {\n    if (milliseconds !== undefined) {\n      timerId.current = globalThis.setInterval(() => callbackRef.current(), milliseconds);\n    }\n    return clearInterval;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [milliseconds]);\n\n  return clearInterval;\n}\n"],"names":["useInterval","callback","milliseconds","timerId","useRef","callbackRef","current","clearInterval","useCallback","globalThis","useEffect","undefined","setInterval"],"mappings":"+DAoBO,SAASA,EAAYC,EAAsBC,GAChD,MAAMC,EAAUC,IACVC,EAAcD,EAAOH,GAC3BI,EAAYC,QAAUL,EAEtB,MAAMM,EAAgBC,GAAY,KAChCC,WAAWF,cAAcJ,EAAQG,QAAQ,GACxC,IAUH,OARAI,GAAU,UACaC,IAAjBT,IACFC,EAAQG,QAAUG,WAAWG,aAAY,IAAMP,EAAYC,WAAWJ,IAEjEK,IAEN,CAACL,IAEGK,CACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@willbooster/shared-lib-react",
-  "version": "3.2.10",
+  "version": "3.2.11",
   "license": "Apache-2.0",
   "author": "WillBooster Inc.",
   "sideEffects": false,
@@ -33,36 +33,36 @@
   },
   "prettier": "@willbooster/prettier-config",
   "devDependencies": {
-    "@babel/core": "7.25.2",
+    "@babel/core": "7.25.8",
     "@mdx-js/react": "3.0.1",
-    "@storybook/addon-actions": "8.2.9",
-    "@storybook/addon-docs": "8.2.9",
-    "@storybook/addon-essentials": "8.2.9",
-    "@storybook/addon-interactions": "8.2.9",
-    "@storybook/addon-links": "8.2.9",
+    "@storybook/addon-actions": "8.3.5",
+    "@storybook/addon-docs": "8.3.5",
+    "@storybook/addon-essentials": "8.3.5",
+    "@storybook/addon-interactions": "8.3.5",
+    "@storybook/addon-links": "8.3.5",
     "@storybook/builder-webpack4": "6.5.16",
     "@storybook/manager-webpack4": "6.5.16",
-    "@storybook/react": "8.2.9",
+    "@storybook/react": "8.3.5",
     "@storybook/testing-library": "0.2.2",
     "@types/eslint": "8.56.10",
     "@types/micromatch": "4.0.9",
-    "@types/react": "18.3.5",
-    "@types/react-dom": "18.3.0",
-    "@typescript-eslint/eslint-plugin": "8.3.0",
-    "@typescript-eslint/parser": "8.3.0",
+    "@types/react": "18.3.11",
+    "@types/react-dom": "18.3.1",
+    "@typescript-eslint/eslint-plugin": "8.9.0",
+    "@typescript-eslint/parser": "8.9.0",
     "@willbooster/eslint-config-ts-react": "10.2.0",
     "@willbooster/prettier-config": "9.1.2",
-    "babel-loader": "9.1.3",
+    "babel-loader": "9.2.1",
     "build-ts": "13.1.8",
     "eslint": "8.57.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-import-resolver-typescript": "3.6.3",
-    "eslint-plugin-import": "2.29.1",
-    "eslint-plugin-react": "7.35.0",
+    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-react": "7.37.1",
     "eslint-plugin-react-hooks": "4.6.2",
     "eslint-plugin-sort-class-members": "1.20.0",
     "eslint-plugin-sort-destructure-keys": "2.0.0",
-    "eslint-plugin-storybook": "0.8.0",
+    "eslint-plugin-storybook": "0.9.0",
     "eslint-plugin-unicorn": "55.0.0",
     "lint-staged": "15.2.10",
     "micromatch": "4.0.8",
@@ -70,8 +70,8 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "sort-package-json": "2.10.1",
-    "typescript": "5.5.4",
-    "vitest": "2.0.5"
+    "typescript": "5.6.3",
+    "vitest": "2.1.3"
   },
   "peerDependencies": {
     "react": "~18.2.0 || ~18.3.0",