@willbooster/shared-lib-react 3.2.15 → 3.2.16

package/dist/hooks/useInterval.cjs

@@ -1,2 +1,2 @@
-"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};
+"use strict";var e=require("react");exports.useInterval=function(r,t){const s=e.useRef(void 0),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\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"}
+{"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>(undefined);\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","undefined","callbackRef","current","clearInterval","useCallback","globalThis","useEffect","setInterval"],"mappings":"wDAoBO,SAAqBA,EAAsBC,GAChD,MAAMC,EAAUC,EAAMA,YAA0BC,GAC1CC,EAAcF,EAAMA,OAACH,GAC3BK,EAAYC,QAAUN,EAEtB,MAAMO,EAAgBC,EAAAA,aAAY,KAChCC,WAAWF,cAAcL,EAAQI,QAAQ,GACxC,IAUH,OARAI,EAAAA,WAAU,UACaN,IAAjBH,IACFC,EAAQI,QAAUG,WAAWE,aAAY,IAAMN,EAAYC,WAAWL,IAEjEM,IAEN,CAACN,IAEGM,CACT"}

package/dist/hooks/useInterval.js

@@ -1,2 +1,2 @@
-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};
+import{useRef as r,useCallback as t,useEffect as e}from"react";function n(n,o){const c=r(void 0),l=r(n);l.current=n;const a=t((()=>{globalThis.clearInterval(c.current)}),[]);return e((()=>(void 0!==o&&(c.current=globalThis.setInterval((()=>l.current()),o)),a)),[o]),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\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"}
+{"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>(undefined);\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","undefined","callbackRef","current","clearInterval","useCallback","globalThis","useEffect","setInterval"],"mappings":"+DAoBO,SAASA,EAAYC,EAAsBC,GAChD,MAAMC,EAAUC,OAAgCC,GAC1CC,EAAcF,EAAOH,GAC3BK,EAAYC,QAAUN,EAEtB,MAAMO,EAAgBC,GAAY,KAChCC,WAAWF,cAAcL,EAAQI,QAAQ,GACxC,IAUH,OARAI,GAAU,UACaN,IAAjBH,IACFC,EAAQI,QAAUG,WAAWE,aAAY,IAAMN,EAAYC,WAAWL,IAEjEM,IAEN,CAACN,IAEGM,CACT"}

package/dist/hooks/useNoHydrationError.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useNoHydrationError.cjs","sources":["../../src/hooks/useNoHydrationError.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nfunction emptyFunction(): void {}\nfunction emptySubscribe(): () => void {\n  return emptyFunction;\n}\n\n// cf. https://tkdodo.eu/blog/avoiding-hydration-mismatches-with-use-sync-external-store\nexport function useNoHydrationError<T>(clientValue: T, ssrValue: T): T {\n  return useSyncExternalStore(\n    emptySubscribe,\n    () => clientValue,\n    () => ssrValue\n  );\n}\n"],"names":["emptyFunction","emptySubscribe","clientValue","ssrValue","useSyncExternalStore"],"mappings":"oCAEA,SAASA,IAAuB,CAChC,SAASC,IACP,OAAOD,CACT,6BAGO,SAAgCE,EAAgBC,GACrD,OAAOC,EAAoBA,qBACzBH,GACA,IAAMC,IACN,IAAMC,GAEV"}
+{"version":3,"file":"useNoHydrationError.cjs","sources":["../../src/hooks/useNoHydrationError.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nfunction emptyFunction(): void {}\nfunction emptySubscribe(): () => void {\n  return emptyFunction;\n}\n\n// cf. https://tkdodo.eu/blog/avoiding-hydration-mismatches-with-use-sync-external-store\nexport function useNoHydrationError<T>(clientValue: T, ssrValue: T): T {\n  return useSyncExternalStore(\n    emptySubscribe,\n    () => clientValue,\n    () => ssrValue\n  );\n}\n"],"names":["emptyFunction","emptySubscribe","clientValue","ssrValue","useSyncExternalStore"],"mappings":"oCAEA,SAASA,IAAsB,CAC/B,SAASC,IACP,OAAOD,CACT,6BAGO,SAAgCE,EAAgBC,GACrD,OAAOC,EAAoBA,qBACzBH,GACA,IAAMC,IACN,IAAMC,GAEV"}

package/dist/hooks/useNoHydrationError.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNoHydrationError.js","sources":["../../src/hooks/useNoHydrationError.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nfunction emptyFunction(): void {}\nfunction emptySubscribe(): () => void {\n  return emptyFunction;\n}\n\n// cf. https://tkdodo.eu/blog/avoiding-hydration-mismatches-with-use-sync-external-store\nexport function useNoHydrationError<T>(clientValue: T, ssrValue: T): T {\n  return useSyncExternalStore(\n    emptySubscribe,\n    () => clientValue,\n    () => ssrValue\n  );\n}\n"],"names":["emptyFunction","emptySubscribe","useNoHydrationError","clientValue","ssrValue","useSyncExternalStore"],"mappings":"6CAEA,SAASA,IAAuB,CAChC,SAASC,IACP,OAAOD,CACT,CAGO,SAASE,EAAuBC,EAAgBC,GACrD,OAAOC,EACLJ,GACA,IAAME,IACN,IAAMC,GAEV"}
+{"version":3,"file":"useNoHydrationError.js","sources":["../../src/hooks/useNoHydrationError.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nfunction emptyFunction(): void {}\nfunction emptySubscribe(): () => void {\n  return emptyFunction;\n}\n\n// cf. https://tkdodo.eu/blog/avoiding-hydration-mismatches-with-use-sync-external-store\nexport function useNoHydrationError<T>(clientValue: T, ssrValue: T): T {\n  return useSyncExternalStore(\n    emptySubscribe,\n    () => clientValue,\n    () => ssrValue\n  );\n}\n"],"names":["emptyFunction","emptySubscribe","useNoHydrationError","clientValue","ssrValue","useSyncExternalStore"],"mappings":"6CAEA,SAASA,IAAsB,CAC/B,SAASC,IACP,OAAOD,CACT,CAGO,SAASE,EAAuBC,EAAgBC,GACrD,OAAOC,EACLJ,GACA,IAAME,IACN,IAAMC,GAEV"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@willbooster/shared-lib-react",
-  "version": "3.2.15",
+  "version": "3.2.16",
   "license": "Apache-2.0",
   "author": "WillBooster Inc.",
   "sideEffects": false,
@@ -46,36 +46,36 @@
     "@storybook/testing-library": "0.2.2",
     "@types/eslint": "8.56.10",
     "@types/micromatch": "4.0.9",
-    "@types/react": "18.3.18",
-    "@types/react-dom": "18.3.5",
-    "@typescript-eslint/eslint-plugin": "8.18.1",
-    "@typescript-eslint/parser": "8.18.1",
+    "@types/react": "19.0.2",
+    "@types/react-dom": "19.0.2",
+    "@typescript-eslint/eslint-plugin": "8.19.0",
+    "@typescript-eslint/parser": "8.19.0",
     "@willbooster/eslint-config-ts-react": "10.2.1",
     "@willbooster/prettier-config": "9.1.3",
     "babel-loader": "9.2.1",
-    "build-ts": "13.1.8",
+    "build-ts": "13.1.9",
     "eslint": "8.57.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-import-resolver-typescript": "3.7.0",
     "eslint-plugin-import": "2.31.0",
-    "eslint-plugin-react": "7.37.2",
+    "eslint-plugin-react": "7.37.3",
     "eslint-plugin-react-hooks": "5.1.0",
     "eslint-plugin-sort-class-members": "1.21.0",
     "eslint-plugin-sort-destructure-keys": "2.0.0",
-    "eslint-plugin-storybook": "0.11.1",
+    "eslint-plugin-storybook": "0.11.2",
     "eslint-plugin-unicorn": "56.0.1",
-    "lint-staged": "15.2.11",
+    "lint-staged": "15.3.0",
     "micromatch": "4.0.8",
     "prettier": "3.4.2",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "sort-package-json": "2.12.0",
     "typescript": "5.7.2",
     "vitest": "2.1.8"
   },
   "peerDependencies": {
-    "react": "~18.2.0 || ~18.3.0",
-    "react-dom": "~18.2.0 || ~18.3.0"
+    "react": "~18.2.0 || ~18.3.0 || ~19.0.0",
+    "react-dom": "~18.2.0 || ~18.3.0 || ~19.0.0"
   },
   "publishConfig": {
     "access": "public"