@siberiacancode/reactuse 0.2.12 → 0.2.13

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.
Files changed (412) hide show
  1. package/dist/cjs/helpers/createContext/createContext.cjs.map +1 -1
  2. package/dist/cjs/helpers/createReactiveContext/createReactiveContext.cjs.map +1 -1
  3. package/dist/cjs/helpers/createStore/createStore.cjs.map +1 -1
  4. package/dist/cjs/hooks/useActiveElement/useActiveElement.cjs +1 -1
  5. package/dist/cjs/hooks/useActiveElement/useActiveElement.cjs.map +1 -1
  6. package/dist/cjs/hooks/useAsync/useAsync.cjs.map +1 -1
  7. package/dist/cjs/hooks/useBattery/useBattery.cjs +1 -1
  8. package/dist/cjs/hooks/useBattery/useBattery.cjs.map +1 -1
  9. package/dist/cjs/hooks/useBluetooth/useBluetooth.cjs +1 -1
  10. package/dist/cjs/hooks/useBluetooth/useBluetooth.cjs.map +1 -1
  11. package/dist/cjs/hooks/useBoolean/useBoolean.cjs.map +1 -1
  12. package/dist/cjs/hooks/useBreakpoints/useBreakpoints.cjs.map +1 -1
  13. package/dist/cjs/hooks/useBrowserLanguage/useBrowserLanguage.cjs.map +1 -1
  14. package/dist/cjs/hooks/useClickOutside/useClickOutside.cjs.map +1 -1
  15. package/dist/cjs/hooks/useClipboard/useClipboard.cjs +1 -1
  16. package/dist/cjs/hooks/useClipboard/useClipboard.cjs.map +1 -1
  17. package/dist/cjs/hooks/useCookie/useCookie.cjs +1 -1
  18. package/dist/cjs/hooks/useCookie/useCookie.cjs.map +1 -1
  19. package/dist/cjs/hooks/useCookies/useCookies.cjs +1 -1
  20. package/dist/cjs/hooks/useCookies/useCookies.cjs.map +1 -1
  21. package/dist/cjs/hooks/useCopy/useCopy.cjs.map +1 -1
  22. package/dist/cjs/hooks/useCounter/useCounter.cjs +1 -1
  23. package/dist/cjs/hooks/useCounter/useCounter.cjs.map +1 -1
  24. package/dist/cjs/hooks/useCssVar/useCssVar.cjs +1 -1
  25. package/dist/cjs/hooks/useCssVar/useCssVar.cjs.map +1 -1
  26. package/dist/cjs/hooks/useDebounceCallback/useDebounceCallback.cjs.map +1 -1
  27. package/dist/cjs/hooks/useDebounceValue/useDebounceValue.cjs.map +1 -1
  28. package/dist/cjs/hooks/useDeviceMotion/useDeviceMotion.cjs +1 -1
  29. package/dist/cjs/hooks/useDeviceMotion/useDeviceMotion.cjs.map +1 -1
  30. package/dist/cjs/hooks/useDeviceOrientation/useDeviceOrientation.cjs.map +1 -1
  31. package/dist/cjs/hooks/useDevicePixelRatio/useDevicePixelRatio.cjs.map +1 -1
  32. package/dist/cjs/hooks/useDidUpdate/useDidUpdate.cjs.map +1 -1
  33. package/dist/cjs/hooks/useDisclosure/useDisclosure.cjs +1 -1
  34. package/dist/cjs/hooks/useDisclosure/useDisclosure.cjs.map +1 -1
  35. package/dist/cjs/hooks/useDisplayMedia/useDisplayMedia.cjs +1 -1
  36. package/dist/cjs/hooks/useDisplayMedia/useDisplayMedia.cjs.map +1 -1
  37. package/dist/cjs/hooks/useDocumentEvent/useDocumentEvent.cjs.map +1 -1
  38. package/dist/cjs/hooks/useDocumentTitle/useDocumentTitle.cjs +1 -1
  39. package/dist/cjs/hooks/useDocumentTitle/useDocumentTitle.cjs.map +1 -1
  40. package/dist/cjs/hooks/useDocumentVisibility/useDocumentVisibility.cjs.map +1 -1
  41. package/dist/cjs/hooks/useDoubleClick/useDoubleClick.cjs +1 -1
  42. package/dist/cjs/hooks/useDoubleClick/useDoubleClick.cjs.map +1 -1
  43. package/dist/cjs/hooks/useDropZone/useDropZone.cjs +1 -1
  44. package/dist/cjs/hooks/useDropZone/useDropZone.cjs.map +1 -1
  45. package/dist/cjs/hooks/useElementSize/useElementSize.cjs.map +1 -1
  46. package/dist/cjs/hooks/useEvent/useEvent.cjs.map +1 -1
  47. package/dist/cjs/hooks/useEventListener/useEventListener.cjs.map +1 -1
  48. package/dist/cjs/hooks/useEventSource/useEventSource.cjs +1 -1
  49. package/dist/cjs/hooks/useEventSource/useEventSource.cjs.map +1 -1
  50. package/dist/cjs/hooks/useEyeDropper/useEyeDropper.cjs.map +1 -1
  51. package/dist/cjs/hooks/useFavicon/useFavicon.cjs +1 -1
  52. package/dist/cjs/hooks/useFavicon/useFavicon.cjs.map +1 -1
  53. package/dist/cjs/hooks/useField/useField.cjs +1 -1
  54. package/dist/cjs/hooks/useField/useField.cjs.map +1 -1
  55. package/dist/cjs/hooks/useFileDialog/useFileDialog.cjs +1 -1
  56. package/dist/cjs/hooks/useFileDialog/useFileDialog.cjs.map +1 -1
  57. package/dist/cjs/hooks/useFocus/useFocus.cjs +1 -1
  58. package/dist/cjs/hooks/useFocus/useFocus.cjs.map +1 -1
  59. package/dist/cjs/hooks/useFps/useFps.cjs.map +1 -1
  60. package/dist/cjs/hooks/useFul/useFul.cjs.map +1 -1
  61. package/dist/cjs/hooks/useFullscreen/useFullscreen.cjs +1 -1
  62. package/dist/cjs/hooks/useFullscreen/useFullscreen.cjs.map +1 -1
  63. package/dist/cjs/hooks/useGamepad/useGamepad.cjs.map +1 -1
  64. package/dist/cjs/hooks/useGeolocation/useGeolocation.cjs +1 -1
  65. package/dist/cjs/hooks/useGeolocation/useGeolocation.cjs.map +1 -1
  66. package/dist/cjs/hooks/useHash/useHash.cjs.map +1 -1
  67. package/dist/cjs/hooks/useHotkeys/useHotkeys.cjs +1 -1
  68. package/dist/cjs/hooks/useHotkeys/useHotkeys.cjs.map +1 -1
  69. package/dist/cjs/hooks/useHover/useHover.cjs +1 -1
  70. package/dist/cjs/hooks/useHover/useHover.cjs.map +1 -1
  71. package/dist/cjs/hooks/useIdle/useIdle.cjs.map +1 -1
  72. package/dist/cjs/hooks/useImage/useImage.cjs.map +1 -1
  73. package/dist/cjs/hooks/useInfiniteScroll/useInfiniteScroll.cjs +1 -1
  74. package/dist/cjs/hooks/useInfiniteScroll/useInfiniteScroll.cjs.map +1 -1
  75. package/dist/cjs/hooks/useIntersectionObserver/useIntersectionObserver.cjs +1 -1
  76. package/dist/cjs/hooks/useIntersectionObserver/useIntersectionObserver.cjs.map +1 -1
  77. package/dist/cjs/hooks/useInterval/useInterval.cjs +1 -1
  78. package/dist/cjs/hooks/useInterval/useInterval.cjs.map +1 -1
  79. package/dist/cjs/hooks/useIsFirstRender/useIsFirstRender.cjs.map +1 -1
  80. package/dist/cjs/hooks/useKeyPress/useKeyPress.cjs +1 -1
  81. package/dist/cjs/hooks/useKeyPress/useKeyPress.cjs.map +1 -1
  82. package/dist/cjs/hooks/useKeyPressEvent/useKeyPressEvent.cjs +1 -1
  83. package/dist/cjs/hooks/useKeyPressEvent/useKeyPressEvent.cjs.map +1 -1
  84. package/dist/cjs/hooks/useKeyboard/useKeyboard.cjs +1 -1
  85. package/dist/cjs/hooks/useKeyboard/useKeyboard.cjs.map +1 -1
  86. package/dist/cjs/hooks/useKeysPressed/useKeysPressed.cjs +1 -1
  87. package/dist/cjs/hooks/useKeysPressed/useKeysPressed.cjs.map +1 -1
  88. package/dist/cjs/hooks/useLastChanged/useLastChanged.cjs +1 -1
  89. package/dist/cjs/hooks/useLastChanged/useLastChanged.cjs.map +1 -1
  90. package/dist/cjs/hooks/useLatest/useLatest.cjs +1 -1
  91. package/dist/cjs/hooks/useLatest/useLatest.cjs.map +1 -1
  92. package/dist/cjs/hooks/useLess/useLess.cjs.map +1 -1
  93. package/dist/cjs/hooks/useList/useList.cjs.map +1 -1
  94. package/dist/cjs/hooks/useLockCallback/useLockCallback.cjs.map +1 -1
  95. package/dist/cjs/hooks/useLogger/useLogger.cjs.map +1 -1
  96. package/dist/cjs/hooks/useLongPress/useLongPress.cjs +1 -1
  97. package/dist/cjs/hooks/useLongPress/useLongPress.cjs.map +1 -1
  98. package/dist/cjs/hooks/useMap/useMap.cjs.map +1 -1
  99. package/dist/cjs/hooks/useMeasure/useMeasure.cjs.map +1 -1
  100. package/dist/cjs/hooks/useMediaQuery/useMediaQuery.cjs.map +1 -1
  101. package/dist/cjs/hooks/useMemory/useMemory.cjs +1 -1
  102. package/dist/cjs/hooks/useMemory/useMemory.cjs.map +1 -1
  103. package/dist/cjs/hooks/useMount/useMount.cjs.map +1 -1
  104. package/dist/cjs/hooks/useMouse/useMouse.cjs.map +1 -1
  105. package/dist/cjs/hooks/useMutation/useMutation.cjs +1 -1
  106. package/dist/cjs/hooks/useMutation/useMutation.cjs.map +1 -1
  107. package/dist/cjs/hooks/useMutationObserver/useMutationObserver.cjs +1 -1
  108. package/dist/cjs/hooks/useMutationObserver/useMutationObserver.cjs.map +1 -1
  109. package/dist/cjs/hooks/useNetwork/useNetwork.cjs +1 -1
  110. package/dist/cjs/hooks/useNetwork/useNetwork.cjs.map +1 -1
  111. package/dist/cjs/hooks/useOffsetPagination/useOffsetPagination.cjs.map +1 -1
  112. package/dist/cjs/hooks/useOnce/useOnce.cjs.map +1 -1
  113. package/dist/cjs/hooks/useOnline/useOnline.cjs.map +1 -1
  114. package/dist/cjs/hooks/useOperatingSystem/useOperatingSystem.cjs.map +1 -1
  115. package/dist/cjs/hooks/useOptimistic/useOptimistic.cjs.map +1 -1
  116. package/dist/cjs/hooks/useOrientation/useOrientation.cjs.map +1 -1
  117. package/dist/cjs/hooks/useOtpCredential/useOtpCredential.cjs +1 -1
  118. package/dist/cjs/hooks/useOtpCredential/useOtpCredential.cjs.map +1 -1
  119. package/dist/cjs/hooks/usePageLeave/usePageLeave.cjs +1 -1
  120. package/dist/cjs/hooks/usePageLeave/usePageLeave.cjs.map +1 -1
  121. package/dist/cjs/hooks/usePaint/usePaint.cjs +1 -1
  122. package/dist/cjs/hooks/usePaint/usePaint.cjs.map +1 -1
  123. package/dist/cjs/hooks/useParallax/useParallax.cjs.map +1 -1
  124. package/dist/cjs/hooks/usePerformanceObserver/usePerformanceObserver.cjs +1 -1
  125. package/dist/cjs/hooks/usePerformanceObserver/usePerformanceObserver.cjs.map +1 -1
  126. package/dist/cjs/hooks/usePermission/usePermission.cjs +1 -1
  127. package/dist/cjs/hooks/usePermission/usePermission.cjs.map +1 -1
  128. package/dist/cjs/hooks/usePointerLock/usePointerLock.cjs.map +1 -1
  129. package/dist/cjs/hooks/usePostMessage/usePostMessage.cjs.map +1 -1
  130. package/dist/cjs/hooks/usePreferredColorScheme/usePreferredColorScheme.cjs.map +1 -1
  131. package/dist/cjs/hooks/usePreferredContrast/usePreferredContrast.cjs.map +1 -1
  132. package/dist/cjs/hooks/usePreferredLanguages/usePreferredLanguages.cjs.map +1 -1
  133. package/dist/cjs/hooks/usePreferredReducedMotion/usePreferredReducedMotion.cjs.map +1 -1
  134. package/dist/cjs/hooks/usePrevious/usePrevious.cjs +1 -1
  135. package/dist/cjs/hooks/usePrevious/usePrevious.cjs.map +1 -1
  136. package/dist/cjs/hooks/useQuery/useQuery.cjs +1 -1
  137. package/dist/cjs/hooks/useQuery/useQuery.cjs.map +1 -1
  138. package/dist/cjs/hooks/useQueue/useQueue.cjs.map +1 -1
  139. package/dist/cjs/hooks/useRaf/useRaf.cjs +1 -1
  140. package/dist/cjs/hooks/useRaf/useRaf.cjs.map +1 -1
  141. package/dist/cjs/hooks/useRafValue/useRafValue.cjs.map +1 -1
  142. package/dist/cjs/hooks/useRefState/useRefState.cjs.map +1 -1
  143. package/dist/cjs/hooks/useRenderCount/useRenderCount.cjs.map +1 -1
  144. package/dist/cjs/hooks/useRenderInfo/useRenderInfo.cjs.map +1 -1
  145. package/dist/cjs/hooks/useRerender/useRerender.cjs.map +1 -1
  146. package/dist/cjs/hooks/useResizeObserver/useResizeObserver.cjs +1 -1
  147. package/dist/cjs/hooks/useResizeObserver/useResizeObserver.cjs.map +1 -1
  148. package/dist/cjs/hooks/useScreenOrientation/useScreenOrientation.cjs +1 -1
  149. package/dist/cjs/hooks/useScreenOrientation/useScreenOrientation.cjs.map +1 -1
  150. package/dist/cjs/hooks/useScript/useScript.cjs +1 -1
  151. package/dist/cjs/hooks/useScript/useScript.cjs.map +1 -1
  152. package/dist/cjs/hooks/useScroll/useScroll.cjs +1 -1
  153. package/dist/cjs/hooks/useScroll/useScroll.cjs.map +1 -1
  154. package/dist/cjs/hooks/useScrollIntoView/useScrollIntoView.cjs.map +1 -1
  155. package/dist/cjs/hooks/useScrollTo/useScrollTo.cjs.map +1 -1
  156. package/dist/cjs/hooks/useSet/useSet.cjs.map +1 -1
  157. package/dist/cjs/hooks/useShare/useShare.cjs.map +1 -1
  158. package/dist/cjs/hooks/useSpeechRecognition/useSpeechRecognition.cjs +1 -1
  159. package/dist/cjs/hooks/useSpeechRecognition/useSpeechRecognition.cjs.map +1 -1
  160. package/dist/cjs/hooks/useSpeechSynthesis/useSpeechSynthesis.cjs +1 -1
  161. package/dist/cjs/hooks/useSpeechSynthesis/useSpeechSynthesis.cjs.map +1 -1
  162. package/dist/cjs/hooks/useStateHistory/useStateHistory.cjs.map +1 -1
  163. package/dist/cjs/hooks/useStep/useStep.cjs.map +1 -1
  164. package/dist/cjs/hooks/useSticky/useSticky.cjs +1 -1
  165. package/dist/cjs/hooks/useSticky/useSticky.cjs.map +1 -1
  166. package/dist/cjs/hooks/useStopwatch/useStopwatch.cjs +1 -1
  167. package/dist/cjs/hooks/useStopwatch/useStopwatch.cjs.map +1 -1
  168. package/dist/cjs/hooks/useStorage/useStorage.cjs +1 -1
  169. package/dist/cjs/hooks/useStorage/useStorage.cjs.map +1 -1
  170. package/dist/cjs/hooks/useTextDirection/useTextDirection.cjs +1 -1
  171. package/dist/cjs/hooks/useTextDirection/useTextDirection.cjs.map +1 -1
  172. package/dist/cjs/hooks/useTextSelection/useTextSelection.cjs +1 -1
  173. package/dist/cjs/hooks/useTextSelection/useTextSelection.cjs.map +1 -1
  174. package/dist/cjs/hooks/useThrottleCallback/useThrottleCallback.cjs.map +1 -1
  175. package/dist/cjs/hooks/useThrottleValue/useThrottleValue.cjs.map +1 -1
  176. package/dist/cjs/hooks/useTime/useTime.cjs.map +1 -1
  177. package/dist/cjs/hooks/useTimeout/useTimeout.cjs.map +1 -1
  178. package/dist/cjs/hooks/useTimer/useTimer.cjs +1 -1
  179. package/dist/cjs/hooks/useTimer/useTimer.cjs.map +1 -1
  180. package/dist/cjs/hooks/useToggle/useToggle.cjs.map +1 -1
  181. package/dist/cjs/hooks/useUnmount/useUnmount.cjs.map +1 -1
  182. package/dist/cjs/hooks/useUrlSearchParam/useUrlSearchParam.cjs +1 -1
  183. package/dist/cjs/hooks/useUrlSearchParam/useUrlSearchParam.cjs.map +1 -1
  184. package/dist/cjs/hooks/useUrlSearchParams/useUrlSearchParams.cjs +1 -1
  185. package/dist/cjs/hooks/useUrlSearchParams/useUrlSearchParams.cjs.map +1 -1
  186. package/dist/cjs/hooks/useVibrate/useVibrate.cjs.map +1 -1
  187. package/dist/cjs/hooks/useWakeLock/useWakeLock.cjs +1 -1
  188. package/dist/cjs/hooks/useWakeLock/useWakeLock.cjs.map +1 -1
  189. package/dist/cjs/hooks/useWebSocket/useWebSocket.cjs +1 -1
  190. package/dist/cjs/hooks/useWebSocket/useWebSocket.cjs.map +1 -1
  191. package/dist/cjs/hooks/useWindowEvent/useWindowEvent.cjs.map +1 -1
  192. package/dist/cjs/hooks/useWindowFocus/useWindowFocus.cjs.map +1 -1
  193. package/dist/cjs/hooks/useWindowScroll/useWindowScroll.cjs.map +1 -1
  194. package/dist/cjs/hooks/useWindowSize/useWindowSize.cjs +1 -1
  195. package/dist/cjs/hooks/useWindowSize/useWindowSize.cjs.map +1 -1
  196. package/dist/cjs/hooks/useWizard/useWizard.cjs +1 -1
  197. package/dist/cjs/hooks/useWizard/useWizard.cjs.map +1 -1
  198. package/dist/cjs/utils/helpers/copy.cjs.map +1 -1
  199. package/dist/cjs/utils/helpers/debounce.cjs.map +1 -1
  200. package/dist/cjs/utils/helpers/getDate.cjs.map +1 -1
  201. package/dist/cjs/utils/helpers/getElement.cjs.map +1 -1
  202. package/dist/cjs/utils/helpers/getRetry.cjs.map +1 -1
  203. package/dist/cjs/utils/helpers/isTarget.cjs.map +1 -1
  204. package/dist/cjs/utils/helpers/throttle.cjs.map +1 -1
  205. package/dist/esm/helpers/createContext/createContext.mjs.map +1 -1
  206. package/dist/esm/helpers/createReactiveContext/createReactiveContext.mjs.map +1 -1
  207. package/dist/esm/helpers/createStore/createStore.mjs.map +1 -1
  208. package/dist/esm/hooks/useActiveElement/useActiveElement.mjs +1 -1
  209. package/dist/esm/hooks/useActiveElement/useActiveElement.mjs.map +1 -1
  210. package/dist/esm/hooks/useAsync/useAsync.mjs.map +1 -1
  211. package/dist/esm/hooks/useBattery/useBattery.mjs +10 -10
  212. package/dist/esm/hooks/useBattery/useBattery.mjs.map +1 -1
  213. package/dist/esm/hooks/useBluetooth/useBluetooth.mjs +14 -15
  214. package/dist/esm/hooks/useBluetooth/useBluetooth.mjs.map +1 -1
  215. package/dist/esm/hooks/useBoolean/useBoolean.mjs.map +1 -1
  216. package/dist/esm/hooks/useBreakpoints/useBreakpoints.mjs.map +1 -1
  217. package/dist/esm/hooks/useBrowserLanguage/useBrowserLanguage.mjs.map +1 -1
  218. package/dist/esm/hooks/useClickOutside/useClickOutside.mjs.map +1 -1
  219. package/dist/esm/hooks/useClipboard/useClipboard.mjs +13 -14
  220. package/dist/esm/hooks/useClipboard/useClipboard.mjs.map +1 -1
  221. package/dist/esm/hooks/useConst/useConst.mjs.map +1 -1
  222. package/dist/esm/hooks/useCookie/useCookie.mjs +27 -27
  223. package/dist/esm/hooks/useCookie/useCookie.mjs.map +1 -1
  224. package/dist/esm/hooks/useCookies/useCookies.mjs +19 -19
  225. package/dist/esm/hooks/useCookies/useCookies.mjs.map +1 -1
  226. package/dist/esm/hooks/useCopy/useCopy.mjs.map +1 -1
  227. package/dist/esm/hooks/useCounter/useCounter.mjs +5 -6
  228. package/dist/esm/hooks/useCounter/useCounter.mjs.map +1 -1
  229. package/dist/esm/hooks/useCssVar/useCssVar.mjs +13 -14
  230. package/dist/esm/hooks/useCssVar/useCssVar.mjs.map +1 -1
  231. package/dist/esm/hooks/useDebounceCallback/useDebounceCallback.mjs.map +1 -1
  232. package/dist/esm/hooks/useDebounceValue/useDebounceValue.mjs.map +1 -1
  233. package/dist/esm/hooks/useDefault/useDefault.mjs.map +1 -1
  234. package/dist/esm/hooks/useDeviceMotion/useDeviceMotion.mjs +18 -19
  235. package/dist/esm/hooks/useDeviceMotion/useDeviceMotion.mjs.map +1 -1
  236. package/dist/esm/hooks/useDeviceOrientation/useDeviceOrientation.mjs.map +1 -1
  237. package/dist/esm/hooks/useDevicePixelRatio/useDevicePixelRatio.mjs.map +1 -1
  238. package/dist/esm/hooks/useDidUpdate/useDidUpdate.mjs.map +1 -1
  239. package/dist/esm/hooks/useDisclosure/useDisclosure.mjs +5 -11
  240. package/dist/esm/hooks/useDisclosure/useDisclosure.mjs.map +1 -1
  241. package/dist/esm/hooks/useDisplayMedia/useDisplayMedia.mjs +28 -28
  242. package/dist/esm/hooks/useDisplayMedia/useDisplayMedia.mjs.map +1 -1
  243. package/dist/esm/hooks/useDocumentEvent/useDocumentEvent.mjs.map +1 -1
  244. package/dist/esm/hooks/useDocumentTitle/useDocumentTitle.mjs +15 -15
  245. package/dist/esm/hooks/useDocumentTitle/useDocumentTitle.mjs.map +1 -1
  246. package/dist/esm/hooks/useDocumentVisibility/useDocumentVisibility.mjs.map +1 -1
  247. package/dist/esm/hooks/useDoubleClick/useDoubleClick.mjs +11 -13
  248. package/dist/esm/hooks/useDoubleClick/useDoubleClick.mjs.map +1 -1
  249. package/dist/esm/hooks/useDropZone/useDropZone.mjs +27 -28
  250. package/dist/esm/hooks/useDropZone/useDropZone.mjs.map +1 -1
  251. package/dist/esm/hooks/useElementSize/useElementSize.mjs.map +1 -1
  252. package/dist/esm/hooks/useEvent/useEvent.mjs.map +1 -1
  253. package/dist/esm/hooks/useEventListener/useEventListener.mjs.map +1 -1
  254. package/dist/esm/hooks/useEventSource/useEventSource.mjs +37 -40
  255. package/dist/esm/hooks/useEventSource/useEventSource.mjs.map +1 -1
  256. package/dist/esm/hooks/useEyeDropper/useEyeDropper.mjs.map +1 -1
  257. package/dist/esm/hooks/useFavicon/useFavicon.mjs +11 -12
  258. package/dist/esm/hooks/useFavicon/useFavicon.mjs.map +1 -1
  259. package/dist/esm/hooks/useField/useField.mjs +45 -49
  260. package/dist/esm/hooks/useField/useField.mjs.map +1 -1
  261. package/dist/esm/hooks/useFileDialog/useFileDialog.mjs +22 -25
  262. package/dist/esm/hooks/useFileDialog/useFileDialog.mjs.map +1 -1
  263. package/dist/esm/hooks/useFocus/useFocus.mjs +24 -32
  264. package/dist/esm/hooks/useFocus/useFocus.mjs.map +1 -1
  265. package/dist/esm/hooks/useFps/useFps.mjs.map +1 -1
  266. package/dist/esm/hooks/useFul/useFul.mjs.map +1 -1
  267. package/dist/esm/hooks/useFullscreen/useFullscreen.mjs +23 -24
  268. package/dist/esm/hooks/useFullscreen/useFullscreen.mjs.map +1 -1
  269. package/dist/esm/hooks/useGamepad/useGamepad.mjs.map +1 -1
  270. package/dist/esm/hooks/useGeolocation/useGeolocation.mjs +24 -24
  271. package/dist/esm/hooks/useGeolocation/useGeolocation.mjs.map +1 -1
  272. package/dist/esm/hooks/useHash/useHash.mjs.map +1 -1
  273. package/dist/esm/hooks/useHotkeys/useHotkeys.mjs +24 -25
  274. package/dist/esm/hooks/useHotkeys/useHotkeys.mjs.map +1 -1
  275. package/dist/esm/hooks/useHover/useHover.mjs +20 -22
  276. package/dist/esm/hooks/useHover/useHover.mjs.map +1 -1
  277. package/dist/esm/hooks/useIdle/useIdle.mjs.map +1 -1
  278. package/dist/esm/hooks/useImage/useImage.mjs.map +1 -1
  279. package/dist/esm/hooks/useInfiniteScroll/useInfiniteScroll.mjs +14 -14
  280. package/dist/esm/hooks/useInfiniteScroll/useInfiniteScroll.mjs.map +1 -1
  281. package/dist/esm/hooks/useIntersectionObserver/useIntersectionObserver.mjs +19 -20
  282. package/dist/esm/hooks/useIntersectionObserver/useIntersectionObserver.mjs.map +1 -1
  283. package/dist/esm/hooks/useInterval/useInterval.mjs +8 -8
  284. package/dist/esm/hooks/useInterval/useInterval.mjs.map +1 -1
  285. package/dist/esm/hooks/useIsFirstRender/useIsFirstRender.mjs.map +1 -1
  286. package/dist/esm/hooks/useKeyPress/useKeyPress.mjs +22 -24
  287. package/dist/esm/hooks/useKeyPress/useKeyPress.mjs.map +1 -1
  288. package/dist/esm/hooks/useKeyPressEvent/useKeyPressEvent.mjs +23 -23
  289. package/dist/esm/hooks/useKeyPressEvent/useKeyPressEvent.mjs.map +1 -1
  290. package/dist/esm/hooks/useKeyboard/useKeyboard.mjs +16 -22
  291. package/dist/esm/hooks/useKeyboard/useKeyboard.mjs.map +1 -1
  292. package/dist/esm/hooks/useKeysPressed/useKeysPressed.mjs +20 -20
  293. package/dist/esm/hooks/useKeysPressed/useKeysPressed.mjs.map +1 -1
  294. package/dist/esm/hooks/useLastChanged/useLastChanged.mjs +6 -6
  295. package/dist/esm/hooks/useLastChanged/useLastChanged.mjs.map +1 -1
  296. package/dist/esm/hooks/useLatest/useLatest.mjs +12 -4
  297. package/dist/esm/hooks/useLatest/useLatest.mjs.map +1 -1
  298. package/dist/esm/hooks/useLess/useLess.mjs.map +1 -1
  299. package/dist/esm/hooks/useList/useList.mjs.map +1 -1
  300. package/dist/esm/hooks/useLockCallback/useLockCallback.mjs.map +1 -1
  301. package/dist/esm/hooks/useLogger/useLogger.mjs.map +1 -1
  302. package/dist/esm/hooks/useLongPress/useLongPress.mjs +23 -27
  303. package/dist/esm/hooks/useLongPress/useLongPress.mjs.map +1 -1
  304. package/dist/esm/hooks/useMap/useMap.mjs.map +1 -1
  305. package/dist/esm/hooks/useMeasure/useMeasure.mjs.map +1 -1
  306. package/dist/esm/hooks/useMediaQuery/useMediaQuery.mjs.map +1 -1
  307. package/dist/esm/hooks/useMemory/useMemory.mjs +1 -1
  308. package/dist/esm/hooks/useMemory/useMemory.mjs.map +1 -1
  309. package/dist/esm/hooks/useMount/useMount.mjs.map +1 -1
  310. package/dist/esm/hooks/useMouse/useMouse.mjs.map +1 -1
  311. package/dist/esm/hooks/useMutation/useMutation.mjs +38 -42
  312. package/dist/esm/hooks/useMutation/useMutation.mjs.map +1 -1
  313. package/dist/esm/hooks/useMutationObserver/useMutationObserver.mjs +12 -12
  314. package/dist/esm/hooks/useMutationObserver/useMutationObserver.mjs.map +1 -1
  315. package/dist/esm/hooks/useNetwork/useNetwork.mjs +28 -28
  316. package/dist/esm/hooks/useNetwork/useNetwork.mjs.map +1 -1
  317. package/dist/esm/hooks/useOffsetPagination/useOffsetPagination.mjs.map +1 -1
  318. package/dist/esm/hooks/useOnce/useOnce.mjs.map +1 -1
  319. package/dist/esm/hooks/useOnline/useOnline.mjs.map +1 -1
  320. package/dist/esm/hooks/useOperatingSystem/useOperatingSystem.mjs.map +1 -1
  321. package/dist/esm/hooks/useOptimistic/useOptimistic.mjs.map +1 -1
  322. package/dist/esm/hooks/useOrientation/useOrientation.mjs.map +1 -1
  323. package/dist/esm/hooks/useOtpCredential/useOtpCredential.mjs +12 -13
  324. package/dist/esm/hooks/useOtpCredential/useOtpCredential.mjs.map +1 -1
  325. package/dist/esm/hooks/usePageLeave/usePageLeave.mjs +6 -6
  326. package/dist/esm/hooks/usePageLeave/usePageLeave.mjs.map +1 -1
  327. package/dist/esm/hooks/usePaint/usePaint.mjs +87 -93
  328. package/dist/esm/hooks/usePaint/usePaint.mjs.map +1 -1
  329. package/dist/esm/hooks/useParallax/useParallax.mjs.map +1 -1
  330. package/dist/esm/hooks/usePerformanceObserver/usePerformanceObserver.mjs +17 -19
  331. package/dist/esm/hooks/usePerformanceObserver/usePerformanceObserver.mjs.map +1 -1
  332. package/dist/esm/hooks/usePermission/usePermission.mjs +13 -13
  333. package/dist/esm/hooks/usePermission/usePermission.mjs.map +1 -1
  334. package/dist/esm/hooks/usePointerLock/usePointerLock.mjs.map +1 -1
  335. package/dist/esm/hooks/usePostMessage/usePostMessage.mjs.map +1 -1
  336. package/dist/esm/hooks/usePreferredColorScheme/usePreferredColorScheme.mjs.map +1 -1
  337. package/dist/esm/hooks/usePreferredContrast/usePreferredContrast.mjs.map +1 -1
  338. package/dist/esm/hooks/usePreferredDark/usePreferredDark.mjs.map +1 -1
  339. package/dist/esm/hooks/usePreferredLanguages/usePreferredLanguages.mjs.map +1 -1
  340. package/dist/esm/hooks/usePrevious/usePrevious.mjs +4 -4
  341. package/dist/esm/hooks/usePrevious/usePrevious.mjs.map +1 -1
  342. package/dist/esm/hooks/useQuery/useQuery.mjs +39 -41
  343. package/dist/esm/hooks/useQuery/useQuery.mjs.map +1 -1
  344. package/dist/esm/hooks/useQueue/useQueue.mjs.map +1 -1
  345. package/dist/esm/hooks/useRaf/useRaf.mjs +21 -21
  346. package/dist/esm/hooks/useRaf/useRaf.mjs.map +1 -1
  347. package/dist/esm/hooks/useRafValue/useRafValue.mjs.map +1 -1
  348. package/dist/esm/hooks/useRefState/useRefState.mjs.map +1 -1
  349. package/dist/esm/hooks/useRenderCount/useRenderCount.mjs.map +1 -1
  350. package/dist/esm/hooks/useRenderInfo/useRenderInfo.mjs.map +1 -1
  351. package/dist/esm/hooks/useRerender/useRerender.mjs.map +1 -1
  352. package/dist/esm/hooks/useResizeObserver/useResizeObserver.mjs +16 -17
  353. package/dist/esm/hooks/useResizeObserver/useResizeObserver.mjs.map +1 -1
  354. package/dist/esm/hooks/useScreenOrientation/useScreenOrientation.mjs +11 -11
  355. package/dist/esm/hooks/useScreenOrientation/useScreenOrientation.mjs.map +1 -1
  356. package/dist/esm/hooks/useScript/useScript.mjs +16 -16
  357. package/dist/esm/hooks/useScript/useScript.mjs.map +1 -1
  358. package/dist/esm/hooks/useScroll/useScroll.mjs +37 -39
  359. package/dist/esm/hooks/useScroll/useScroll.mjs.map +1 -1
  360. package/dist/esm/hooks/useScrollIntoView/useScrollIntoView.mjs.map +1 -1
  361. package/dist/esm/hooks/useScrollTo/useScrollTo.mjs.map +1 -1
  362. package/dist/esm/hooks/useSet/useSet.mjs.map +1 -1
  363. package/dist/esm/hooks/useShare/useShare.mjs.map +1 -1
  364. package/dist/esm/hooks/useSpeechRecognition/useSpeechRecognition.mjs +35 -35
  365. package/dist/esm/hooks/useSpeechRecognition/useSpeechRecognition.mjs.map +1 -1
  366. package/dist/esm/hooks/useSpeechSynthesis/useSpeechSynthesis.mjs +36 -42
  367. package/dist/esm/hooks/useSpeechSynthesis/useSpeechSynthesis.mjs.map +1 -1
  368. package/dist/esm/hooks/useStateHistory/useStateHistory.mjs.map +1 -1
  369. package/dist/esm/hooks/useStep/useStep.mjs.map +1 -1
  370. package/dist/esm/hooks/useSticky/useSticky.mjs +12 -12
  371. package/dist/esm/hooks/useSticky/useSticky.mjs.map +1 -1
  372. package/dist/esm/hooks/useStopwatch/useStopwatch.mjs +10 -11
  373. package/dist/esm/hooks/useStopwatch/useStopwatch.mjs.map +1 -1
  374. package/dist/esm/hooks/useStorage/useStorage.mjs +27 -27
  375. package/dist/esm/hooks/useStorage/useStorage.mjs.map +1 -1
  376. package/dist/esm/hooks/useTextDirection/useTextDirection.mjs +21 -24
  377. package/dist/esm/hooks/useTextDirection/useTextDirection.mjs.map +1 -1
  378. package/dist/esm/hooks/useTextSelection/useTextSelection.mjs +7 -7
  379. package/dist/esm/hooks/useTextSelection/useTextSelection.mjs.map +1 -1
  380. package/dist/esm/hooks/useThrottleCallback/useThrottleCallback.mjs.map +1 -1
  381. package/dist/esm/hooks/useThrottleValue/useThrottleValue.mjs.map +1 -1
  382. package/dist/esm/hooks/useTime/useTime.mjs.map +1 -1
  383. package/dist/esm/hooks/useTimeout/useTimeout.mjs.map +1 -1
  384. package/dist/esm/hooks/useTimer/useTimer.mjs +51 -54
  385. package/dist/esm/hooks/useTimer/useTimer.mjs.map +1 -1
  386. package/dist/esm/hooks/useToggle/useToggle.mjs.map +1 -1
  387. package/dist/esm/hooks/useUnmount/useUnmount.mjs.map +1 -1
  388. package/dist/esm/hooks/useUrlSearchParam/useUrlSearchParam.mjs +38 -38
  389. package/dist/esm/hooks/useUrlSearchParam/useUrlSearchParam.mjs.map +1 -1
  390. package/dist/esm/hooks/useUrlSearchParams/useUrlSearchParams.mjs +29 -29
  391. package/dist/esm/hooks/useUrlSearchParams/useUrlSearchParams.mjs.map +1 -1
  392. package/dist/esm/hooks/useVibrate/useVibrate.mjs.map +1 -1
  393. package/dist/esm/hooks/useWakeLock/useWakeLock.mjs +16 -16
  394. package/dist/esm/hooks/useWakeLock/useWakeLock.mjs.map +1 -1
  395. package/dist/esm/hooks/useWebSocket/useWebSocket.mjs +28 -38
  396. package/dist/esm/hooks/useWebSocket/useWebSocket.mjs.map +1 -1
  397. package/dist/esm/hooks/useWindowEvent/useWindowEvent.mjs.map +1 -1
  398. package/dist/esm/hooks/useWindowFocus/useWindowFocus.mjs.map +1 -1
  399. package/dist/esm/hooks/useWindowScroll/useWindowScroll.mjs.map +1 -1
  400. package/dist/esm/hooks/useWindowSize/useWindowSize.mjs +9 -9
  401. package/dist/esm/hooks/useWindowSize/useWindowSize.mjs.map +1 -1
  402. package/dist/esm/hooks/useWizard/useWizard.mjs +9 -11
  403. package/dist/esm/hooks/useWizard/useWizard.mjs.map +1 -1
  404. package/dist/esm/utils/helpers/copy.mjs.map +1 -1
  405. package/dist/esm/utils/helpers/debounce.mjs.map +1 -1
  406. package/dist/esm/utils/helpers/getDate.mjs.map +1 -1
  407. package/dist/esm/utils/helpers/getElement.mjs.map +1 -1
  408. package/dist/esm/utils/helpers/getRetry.mjs.map +1 -1
  409. package/dist/esm/utils/helpers/isTarget.mjs.map +1 -1
  410. package/dist/esm/utils/helpers/throttle.mjs.map +1 -1
  411. package/dist/types/hooks/useLatest/useLatest.d.ts +7 -2
  412. package/package.json +5 -5
@@ -1 +1 @@
1
- {"version":3,"file":"useSticky.cjs","sources":["../../../../src/hooks/useSticky/useSticky.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use sticky return type */\nexport interface UseStickyReturn {\n stuck: boolean;\n}\n\n/** The use sticky axis type */\nexport type UseStickyAxis = 'horizontal' | 'vertical';\n\n/** The use sticky options type */\nexport interface UseStickyOptions {\n axis?: UseStickyAxis;\n root?: HookTarget;\n}\n\nexport interface UseSticky {\n (target: HookTarget, options?: UseStickyOptions): boolean;\n\n <Target extends Element>(\n options?: UseStickyOptions,\n target?: never\n ): { ref: StateRef<Target> } & UseStickyReturn;\n}\n\n/**\n * @name UseSticky\n * @description - Hook that allows you to detect that your sticky component is stuck\n * @category Browser\n *\n * @overload\n * @param {HookTarget} target The target sticky element\n * @param {UseStickyAxis} [options.axis='vertical'] The axis of motion of the sticky component\n * @param {UseStickyRoot} [options.root=document] The element that contains your sticky component\n * @returns {UseStickyReturn} The state of the sticky\n *\n * @example\n * const stuck = useSticky(ref);\n *\n * @overload\n * @param {UseStickyAxis} [options.axis='vertical'] The axis of motion of the sticky component\n * @param {UseStickyRoot} [options.root=document] The element that contains your sticky component\n * @returns {{ stickyRef: StateRef<Target> } & UseStickyReturn} The state of the sticky\n *\n * @example\n * const { stuck, ref } = useSticky();\n */\nexport const useSticky = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n const options = (target ? params[1] : params[0]) as UseStickyOptions;\n const axis = options?.axis ?? 'vertical';\n\n const internalRef = useRefState<Element>();\n const [stuck, setStuck] = useState(false);\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element = (target ? getElement(target) : internalRef.current) as Element;\n\n if (!element) return;\n\n const root = (options?.root ? getElement(options.root) : document) as Element;\n const elementOffsetTop =\n element.getBoundingClientRect().top + root.scrollTop - root.getBoundingClientRect().top;\n const elementOffsetLeft =\n element.getBoundingClientRect().left + root.scrollLeft - root.getBoundingClientRect().left;\n\n const onSticky = () => {\n if (axis === 'vertical') {\n const scrollTop = root.scrollTop;\n setStuck(scrollTop >= elementOffsetTop);\n }\n\n if (axis === 'horizontal') {\n const scrollLeft = root.scrollLeft;\n setStuck(scrollLeft >= elementOffsetLeft);\n }\n };\n\n root.addEventListener('scroll', onSticky);\n window.addEventListener('resize', onSticky);\n window.addEventListener('orientationchange', onSticky);\n\n onSticky();\n\n return () => {\n root.removeEventListener('scroll', onSticky);\n window.removeEventListener('resize', onSticky);\n window.removeEventListener('orientationchange', onSticky);\n };\n }, [target, internalRef.state, axis, options?.root]);\n\n if (target) return stuck;\n return {\n stuck,\n ref: internalRef\n };\n}) as UseSticky;\n"],"names":["useSticky","params","target","isTarget","options","axis","internalRef","useRefState","stuck","setStuck","useState","useEffect","element","getElement","root","elementOffsetTop","elementOffsetLeft","onSticky","scrollTop","scrollLeft"],"mappings":"mPAuDaA,EAAa,IAAIC,IAAkB,CACxC,MAAAC,EAAUC,WAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,EAAWF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EACxCI,GAAOD,GAAA,YAAAA,EAAS,OAAQ,WAExBE,EAAcC,EAAAA,YAAqB,EACnC,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAwCxC,OAtCAC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACT,GAAU,CAACI,EAAY,MAAO,OAEnC,MAAMM,EAAWV,EAASW,EAAAA,WAAWX,CAAM,EAAII,EAAY,QAE3D,GAAI,CAACM,EAAS,OAEd,MAAME,EAAQV,GAAA,MAAAA,EAAS,KAAOS,EAAW,WAAAT,EAAQ,IAAI,EAAI,SACnDW,EACJH,EAAQ,wBAAwB,IAAME,EAAK,UAAYA,EAAK,sBAAA,EAAwB,IAChFE,EACJJ,EAAQ,wBAAwB,KAAOE,EAAK,WAAaA,EAAK,sBAAA,EAAwB,KAElFG,EAAW,IAAM,CACrB,GAAIZ,IAAS,WAAY,CACvB,MAAMa,EAAYJ,EAAK,UACvBL,EAASS,GAAaH,CAAgB,CAAA,CAGxC,GAAIV,IAAS,aAAc,CACzB,MAAMc,EAAaL,EAAK,WACxBL,EAASU,GAAcH,CAAiB,CAAA,CAE5C,EAEK,OAAAF,EAAA,iBAAiB,SAAUG,CAAQ,EACjC,OAAA,iBAAiB,SAAUA,CAAQ,EACnC,OAAA,iBAAiB,oBAAqBA,CAAQ,EAE5CA,EAAA,EAEF,IAAM,CACNH,EAAA,oBAAoB,SAAUG,CAAQ,EACpC,OAAA,oBAAoB,SAAUA,CAAQ,EACtC,OAAA,oBAAoB,oBAAqBA,CAAQ,CAC1D,CAAA,EACC,CAACf,EAAQI,EAAY,MAAOD,EAAMD,GAAA,YAAAA,EAAS,IAAI,CAAC,EAE/CF,EAAeM,EACZ,CACL,MAAAA,EACA,IAAKF,CACP,CACF"}
1
+ {"version":3,"file":"useSticky.cjs","sources":["../../../../src/hooks/useSticky/useSticky.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use sticky return type */\nexport interface UseStickyReturn {\n stuck: boolean;\n}\n\n/** The use sticky axis type */\nexport type UseStickyAxis = 'horizontal' | 'vertical';\n\n/** The use sticky options type */\nexport interface UseStickyOptions {\n axis?: UseStickyAxis;\n root?: HookTarget;\n}\n\nexport interface UseSticky {\n (target: HookTarget, options?: UseStickyOptions): boolean;\n\n <Target extends Element>(\n options?: UseStickyOptions,\n target?: never\n ): { ref: StateRef<Target> } & UseStickyReturn;\n}\n\n/**\n * @name UseSticky\n * @description - Hook that allows you to detect that your sticky component is stuck\n * @category Browser\n *\n * @overload\n * @param {HookTarget} target The target sticky element\n * @param {UseStickyAxis} [options.axis='vertical'] The axis of motion of the sticky component\n * @param {UseStickyRoot} [options.root=document] The element that contains your sticky component\n * @returns {UseStickyReturn} The state of the sticky\n *\n * @example\n * const stuck = useSticky(ref);\n *\n * @overload\n * @param {UseStickyAxis} [options.axis='vertical'] The axis of motion of the sticky component\n * @param {UseStickyRoot} [options.root=document] The element that contains your sticky component\n * @returns {{ stickyRef: StateRef<Target> } & UseStickyReturn} The state of the sticky\n *\n * @example\n * const { stuck, ref } = useSticky();\n */\nexport const useSticky = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n const options = (target ? params[1] : params[0]) as UseStickyOptions;\n const axis = options?.axis ?? 'vertical';\n\n const internalRef = useRefState<Element>();\n const [stuck, setStuck] = useState(false);\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element = (target ? getElement(target) : internalRef.current) as Element;\n\n if (!element) return;\n\n const root = (options?.root ? getElement(options.root) : document) as Element;\n const elementOffsetTop =\n element.getBoundingClientRect().top + root.scrollTop - root.getBoundingClientRect().top;\n const elementOffsetLeft =\n element.getBoundingClientRect().left + root.scrollLeft - root.getBoundingClientRect().left;\n\n const onSticky = () => {\n if (axis === 'vertical') {\n const scrollTop = root.scrollTop;\n setStuck(scrollTop >= elementOffsetTop);\n }\n\n if (axis === 'horizontal') {\n const scrollLeft = root.scrollLeft;\n setStuck(scrollLeft >= elementOffsetLeft);\n }\n };\n\n root.addEventListener('scroll', onSticky);\n window.addEventListener('resize', onSticky);\n window.addEventListener('orientationchange', onSticky);\n\n onSticky();\n\n return () => {\n root.removeEventListener('scroll', onSticky);\n window.removeEventListener('resize', onSticky);\n window.removeEventListener('orientationchange', onSticky);\n };\n }, [target, internalRef.state, axis, options?.root]);\n\n if (target) return stuck;\n return {\n stuck,\n ref: internalRef\n };\n}) as UseSticky;\n"],"names":["useSticky","params","target","isTarget","options","axis","internalRef","useRefState","stuck","setStuck","useState","useEffect","element","getElement","root","elementOffsetTop","elementOffsetLeft","onSticky","scrollTop","scrollLeft"],"mappings":"mPAuDaA,EAAa,IAAIC,IAAkB,CAC9C,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,EAAWF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,EACxCI,EAAOD,GAAS,MAAQ,WAExBE,EAAcC,EAAAA,YAAA,EACd,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAwCxC,OAtCAC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACT,GAAU,CAACI,EAAY,MAAO,OAEnC,MAAMM,EAAWV,EAASW,EAAAA,WAAWX,CAAM,EAAII,EAAY,QAE3D,GAAI,CAACM,EAAS,OAEd,MAAME,EAAQV,GAAS,KAAOS,EAAAA,WAAWT,EAAQ,IAAI,EAAI,SACnDW,EACJH,EAAQ,wBAAwB,IAAME,EAAK,UAAYA,EAAK,sBAAA,EAAwB,IAChFE,EACJJ,EAAQ,wBAAwB,KAAOE,EAAK,WAAaA,EAAK,sBAAA,EAAwB,KAElFG,EAAW,IAAM,CACrB,GAAIZ,IAAS,WAAY,CACvB,MAAMa,EAAYJ,EAAK,UACvBL,EAASS,GAAaH,CAAgB,CAAA,CAGxC,GAAIV,IAAS,aAAc,CACzB,MAAMc,EAAaL,EAAK,WACxBL,EAASU,GAAcH,CAAiB,CAAA,CAC1C,EAGF,OAAAF,EAAK,iBAAiB,SAAUG,CAAQ,EACxC,OAAO,iBAAiB,SAAUA,CAAQ,EAC1C,OAAO,iBAAiB,oBAAqBA,CAAQ,EAErDA,EAAA,EAEO,IAAM,CACXH,EAAK,oBAAoB,SAAUG,CAAQ,EAC3C,OAAO,oBAAoB,SAAUA,CAAQ,EAC7C,OAAO,oBAAoB,oBAAqBA,CAAQ,CAAA,CAC1D,EACC,CAACf,EAAQI,EAAY,MAAOD,EAAMD,GAAS,IAAI,CAAC,EAE/CF,EAAeM,EACZ,CACL,MAAAA,EACA,IAAKF,CAAA,CAET"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),i=t=>{if(!t)return{days:0,hours:0,minutes:0,seconds:0,count:0};const e=Math.floor(t/86400),o=Math.floor(t%86400/3600),c=Math.floor(t%3600/60),u=Math.floor(t%60);return{days:e,hours:o,minutes:c,seconds:u,count:t}},y=(...t)=>{var f;const e=(typeof t[0]=="number"?t[0]:(f=t[0])==null?void 0:f.initialTime)??0,o=typeof t[0]=="number"?t[1]:t[0],[c,u]=l.useState(i(e)),[r,a]=l.useState(!(o!=null&&o.enabled));return l.useEffect(()=>{if(r)return;const d=()=>{u(n=>{const s=n.count+1;return s%60===0?{...n,minutes:n.minutes+1,seconds:0,count:s}:s%(60*60)===0?{...n,hours:n.hours+1,minutes:0,seconds:0,count:s}:s%(60*60*24)===0?{...n,days:n.days+1,hours:0,minutes:0,seconds:0,count:s}:{...n,seconds:n.seconds+1,count:s}})},h=setInterval(()=>d(),1e3);return()=>clearInterval(h)},[r]),{...c,paused:r,pause:()=>a(!0),start:()=>a(!1),reset:()=>u(i(e)),toggle:()=>a(d=>!d)}};exports.useStopwatch=y;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),f=t=>{if(!t)return{days:0,hours:0,minutes:0,seconds:0,count:0};const s=Math.floor(t/86400),u=Math.floor(t%86400/3600),c=Math.floor(t%3600/60),e=Math.floor(t%60);return{days:s,hours:u,minutes:c,seconds:e,count:t}},h=(...t)=>{const s=(typeof t[0]=="number"?t[0]:t[0]?.initialTime)??0,u=typeof t[0]=="number"?t[1]:t[0],[c,e]=l.useState(f(s)),[r,a]=l.useState(!u?.enabled);return l.useEffect(()=>{if(r)return;const d=()=>{e(n=>{const o=n.count+1;return o%60===0?{...n,minutes:n.minutes+1,seconds:0,count:o}:o%(60*60)===0?{...n,hours:n.hours+1,minutes:0,seconds:0,count:o}:o%(60*60*24)===0?{...n,days:n.days+1,hours:0,minutes:0,seconds:0,count:o}:{...n,seconds:n.seconds+1,count:o}})},i=setInterval(()=>d(),1e3);return()=>clearInterval(i)},[r]),{...c,paused:r,pause:()=>a(!0),start:()=>a(!1),reset:()=>e(f(s)),toggle:()=>a(d=>!d)}};exports.useStopwatch=h;
2
2
  //# sourceMappingURL=useStopwatch.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useStopwatch.cjs","sources":["../../../../src/hooks/useStopwatch/useStopwatch.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst getStopwatchTime = (time: number) => {\n if (!time)\n return {\n days: 0,\n hours: 0,\n minutes: 0,\n seconds: 0,\n count: 0\n };\n\n const days = Math.floor(time / 86400);\n const hours = Math.floor((time % 86400) / 3600);\n const minutes = Math.floor((time % 3600) / 60);\n const seconds = Math.floor(time % 60);\n\n return { days, hours, minutes, seconds, count: time };\n};\n\n/** The use stopwatch return type */\nexport interface UseStopwatchReturn {\n /** The total count of the stopwatch */\n count: number;\n /** The day count of the stopwatch */\n days: number;\n /** The hour count of the stopwatch */\n hours: number;\n /** The minute count of the stopwatch */\n minutes: number;\n /** The over state of the stopwatch */\n over: boolean;\n /** The paused state of the stopwatch */\n paused: boolean;\n /** The second count of the stopwatch */\n seconds: number;\n /** The function to pause the stopwatch */\n pause: () => void;\n /** The function to reset the stopwatch */\n reset: () => void;\n /** The function to start the stopwatch */\n start: () => void;\n /** The function to toggle the stopwatch */\n toggle: () => void;\n}\n\n/** The use stopwatch options */\nexport interface UseStopwatchOptions {\n /** The enabled state of the timer */\n enabled?: boolean;\n}\n\ninterface UseStopwatch {\n (initialTime?: number, options?: UseStopwatchOptions): UseStopwatchReturn;\n (options?: UseStopwatchOptions & { initialTime?: number }): UseStopwatchReturn;\n}\n/**\n * @name useStopwatch\n * @description - Hook that creates a stopwatch functionality\n * @category Time\n *\n * @overload\n * @param {number} [initialTime=0] The initial time of the timer\n * @param {boolean} [options.enabled=true] The enabled state of the timer\n * @returns {UseStopwatchReturn} An object containing the current time and functions to interact with the timer\n *\n * @example\n * const { seconds, minutes, start, pause, reset } = useStopwatch(1000, { enabled: false });\n *\n * @overload\n * @param {number} [options.initialTime=0] -The initial time of the timer\n * @param {boolean} [options.enabled=true] The enabled state of the timer\n * @returns {UseStopwatchReturn} An object containing the current time and functions to interact with the timer\n *\n * @example\n * const { seconds, minutes, start, pause, reset } = useStopwatch({ initialTime: 1000, enabled: false });\n */\nexport const useStopwatch = ((...params: any[]) => {\n const initialTime =\n (typeof params[0] === 'number'\n ? (params[0] as number | undefined)\n : (params[0] as UseStopwatchOptions & { initialTime?: number })?.initialTime) ?? 0;\n\n const options =\n typeof params[0] === 'number'\n ? (params[1] as UseStopwatchOptions | undefined)\n : (params[0] as (UseStopwatchOptions & { initialTime?: number }) | undefined);\n\n const [time, setTime] = useState(getStopwatchTime(initialTime));\n const [paused, setPaused] = useState(!options?.enabled);\n\n useEffect(() => {\n if (paused) return;\n const onInterval = () => {\n setTime((prevTime) => {\n const updatedCount = prevTime.count + 1;\n\n if (updatedCount % 60 === 0) {\n return {\n ...prevTime,\n minutes: prevTime.minutes + 1,\n seconds: 0,\n count: updatedCount\n };\n }\n\n if (updatedCount % (60 * 60) === 0) {\n return {\n ...prevTime,\n hours: prevTime.hours + 1,\n minutes: 0,\n seconds: 0,\n count: updatedCount\n };\n }\n\n if (updatedCount % (60 * 60 * 24) === 0) {\n return {\n ...prevTime,\n days: prevTime.days + 1,\n hours: 0,\n minutes: 0,\n seconds: 0,\n count: updatedCount\n };\n }\n\n return {\n ...prevTime,\n seconds: prevTime.seconds + 1,\n count: updatedCount\n };\n });\n };\n\n const interval = setInterval(() => onInterval(), 1000);\n return () => clearInterval(interval);\n }, [paused]);\n\n return {\n ...time,\n paused,\n pause: () => setPaused(true),\n start: () => setPaused(false),\n reset: () => setTime(getStopwatchTime(initialTime)),\n toggle: () => setPaused((prevPause) => !prevPause)\n };\n}) as UseStopwatch;\n"],"names":["getStopwatchTime","time","days","hours","minutes","seconds","useStopwatch","params","initialTime","_a","options","setTime","useState","paused","setPaused","useEffect","onInterval","prevTime","updatedCount","interval","prevPause"],"mappings":"yGAEMA,EAAoBC,GAAiB,CACzC,GAAI,CAACA,EACI,MAAA,CACL,KAAM,EACN,MAAO,EACP,QAAS,EACT,QAAS,EACT,MAAO,CACT,EAEF,MAAMC,EAAO,KAAK,MAAMD,EAAO,KAAK,EAC9BE,EAAQ,KAAK,MAAOF,EAAO,MAAS,IAAI,EACxCG,EAAU,KAAK,MAAOH,EAAO,KAAQ,EAAE,EACvCI,EAAU,KAAK,MAAMJ,EAAO,EAAE,EAEpC,MAAO,CAAE,KAAAC,EAAM,MAAAC,EAAO,QAAAC,EAAS,QAAAC,EAAS,MAAOJ,CAAK,CACtD,EA2DaK,EAAgB,IAAIC,IAAkB,OACjD,MAAMC,GACH,OAAOD,EAAO,CAAC,GAAM,SACjBA,EAAO,CAAC,GACRE,EAAAF,EAAO,CAAC,IAAR,YAAAE,EAA8D,cAAgB,EAE/EC,EACJ,OAAOH,EAAO,CAAC,GAAM,SAChBA,EAAO,CAAC,EACRA,EAAO,CAAC,EAET,CAACN,EAAMU,CAAO,EAAIC,EAAAA,SAASZ,EAAiBQ,CAAW,CAAC,EACxD,CAACK,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAACF,GAAA,MAAAA,EAAS,QAAO,EAEtDK,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAQ,OACZ,MAAMG,EAAa,IAAM,CACvBL,EAASM,GAAa,CACd,MAAAC,EAAeD,EAAS,MAAQ,EAElC,OAAAC,EAAe,KAAO,EACjB,CACL,GAAGD,EACH,QAASA,EAAS,QAAU,EAC5B,QAAS,EACT,MAAOC,CACT,EAGEA,GAAgB,GAAK,MAAQ,EACxB,CACL,GAAGD,EACH,MAAOA,EAAS,MAAQ,EACxB,QAAS,EACT,QAAS,EACT,MAAOC,CACT,EAGEA,GAAgB,GAAK,GAAK,MAAQ,EAC7B,CACL,GAAGD,EACH,KAAMA,EAAS,KAAO,EACtB,MAAO,EACP,QAAS,EACT,QAAS,EACT,MAAOC,CACT,EAGK,CACL,GAAGD,EACH,QAASA,EAAS,QAAU,EAC5B,MAAOC,CACT,CAAA,CACD,CACH,EAEMC,EAAW,YAAY,IAAMH,EAAA,EAAc,GAAI,EAC9C,MAAA,IAAM,cAAcG,CAAQ,CAAA,EAClC,CAACN,CAAM,CAAC,EAEJ,CACL,GAAGZ,EACH,OAAAY,EACA,MAAO,IAAMC,EAAU,EAAI,EAC3B,MAAO,IAAMA,EAAU,EAAK,EAC5B,MAAO,IAAMH,EAAQX,EAAiBQ,CAAW,CAAC,EAClD,OAAQ,IAAMM,EAAWM,GAAc,CAACA,CAAS,CACnD,CACF"}
1
+ {"version":3,"file":"useStopwatch.cjs","sources":["../../../../src/hooks/useStopwatch/useStopwatch.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst getStopwatchTime = (time: number) => {\n if (!time)\n return {\n days: 0,\n hours: 0,\n minutes: 0,\n seconds: 0,\n count: 0\n };\n\n const days = Math.floor(time / 86400);\n const hours = Math.floor((time % 86400) / 3600);\n const minutes = Math.floor((time % 3600) / 60);\n const seconds = Math.floor(time % 60);\n\n return { days, hours, minutes, seconds, count: time };\n};\n\n/** The use stopwatch return type */\nexport interface UseStopwatchReturn {\n /** The total count of the stopwatch */\n count: number;\n /** The day count of the stopwatch */\n days: number;\n /** The hour count of the stopwatch */\n hours: number;\n /** The minute count of the stopwatch */\n minutes: number;\n /** The over state of the stopwatch */\n over: boolean;\n /** The paused state of the stopwatch */\n paused: boolean;\n /** The second count of the stopwatch */\n seconds: number;\n /** The function to pause the stopwatch */\n pause: () => void;\n /** The function to reset the stopwatch */\n reset: () => void;\n /** The function to start the stopwatch */\n start: () => void;\n /** The function to toggle the stopwatch */\n toggle: () => void;\n}\n\n/** The use stopwatch options */\nexport interface UseStopwatchOptions {\n /** The enabled state of the timer */\n enabled?: boolean;\n}\n\ninterface UseStopwatch {\n (initialTime?: number, options?: UseStopwatchOptions): UseStopwatchReturn;\n (options?: UseStopwatchOptions & { initialTime?: number }): UseStopwatchReturn;\n}\n/**\n * @name useStopwatch\n * @description - Hook that creates a stopwatch functionality\n * @category Time\n *\n * @overload\n * @param {number} [initialTime=0] The initial time of the timer\n * @param {boolean} [options.enabled=true] The enabled state of the timer\n * @returns {UseStopwatchReturn} An object containing the current time and functions to interact with the timer\n *\n * @example\n * const { seconds, minutes, start, pause, reset } = useStopwatch(1000, { enabled: false });\n *\n * @overload\n * @param {number} [options.initialTime=0] -The initial time of the timer\n * @param {boolean} [options.enabled=true] The enabled state of the timer\n * @returns {UseStopwatchReturn} An object containing the current time and functions to interact with the timer\n *\n * @example\n * const { seconds, minutes, start, pause, reset } = useStopwatch({ initialTime: 1000, enabled: false });\n */\nexport const useStopwatch = ((...params: any[]) => {\n const initialTime =\n (typeof params[0] === 'number'\n ? (params[0] as number | undefined)\n : (params[0] as UseStopwatchOptions & { initialTime?: number })?.initialTime) ?? 0;\n\n const options =\n typeof params[0] === 'number'\n ? (params[1] as UseStopwatchOptions | undefined)\n : (params[0] as (UseStopwatchOptions & { initialTime?: number }) | undefined);\n\n const [time, setTime] = useState(getStopwatchTime(initialTime));\n const [paused, setPaused] = useState(!options?.enabled);\n\n useEffect(() => {\n if (paused) return;\n const onInterval = () => {\n setTime((prevTime) => {\n const updatedCount = prevTime.count + 1;\n\n if (updatedCount % 60 === 0) {\n return {\n ...prevTime,\n minutes: prevTime.minutes + 1,\n seconds: 0,\n count: updatedCount\n };\n }\n\n if (updatedCount % (60 * 60) === 0) {\n return {\n ...prevTime,\n hours: prevTime.hours + 1,\n minutes: 0,\n seconds: 0,\n count: updatedCount\n };\n }\n\n if (updatedCount % (60 * 60 * 24) === 0) {\n return {\n ...prevTime,\n days: prevTime.days + 1,\n hours: 0,\n minutes: 0,\n seconds: 0,\n count: updatedCount\n };\n }\n\n return {\n ...prevTime,\n seconds: prevTime.seconds + 1,\n count: updatedCount\n };\n });\n };\n\n const interval = setInterval(() => onInterval(), 1000);\n return () => clearInterval(interval);\n }, [paused]);\n\n return {\n ...time,\n paused,\n pause: () => setPaused(true),\n start: () => setPaused(false),\n reset: () => setTime(getStopwatchTime(initialTime)),\n toggle: () => setPaused((prevPause) => !prevPause)\n };\n}) as UseStopwatch;\n"],"names":["getStopwatchTime","time","days","hours","minutes","seconds","useStopwatch","params","initialTime","options","setTime","useState","paused","setPaused","useEffect","onInterval","prevTime","updatedCount","interval","prevPause"],"mappings":"yGAEMA,EAAoBC,GAAiB,CACzC,GAAI,CAACA,EACH,MAAO,CACL,KAAM,EACN,MAAO,EACP,QAAS,EACT,QAAS,EACT,MAAO,CAAA,EAGX,MAAMC,EAAO,KAAK,MAAMD,EAAO,KAAK,EAC9BE,EAAQ,KAAK,MAAOF,EAAO,MAAS,IAAI,EACxCG,EAAU,KAAK,MAAOH,EAAO,KAAQ,EAAE,EACvCI,EAAU,KAAK,MAAMJ,EAAO,EAAE,EAEpC,MAAO,CAAE,KAAAC,EAAM,MAAAC,EAAO,QAAAC,EAAS,QAAAC,EAAS,MAAOJ,CAAA,CACjD,EA2DaK,EAAgB,IAAIC,IAAkB,CACjD,MAAMC,GACH,OAAOD,EAAO,CAAC,GAAM,SACjBA,EAAO,CAAC,EACRA,EAAO,CAAC,GAAsD,cAAgB,EAE/EE,EACJ,OAAOF,EAAO,CAAC,GAAM,SAChBA,EAAO,CAAC,EACRA,EAAO,CAAC,EAET,CAACN,EAAMS,CAAO,EAAIC,EAAAA,SAASX,EAAiBQ,CAAW,CAAC,EACxD,CAACI,EAAQC,CAAS,EAAIF,EAAAA,SAAS,CAACF,GAAS,OAAO,EAEtDK,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAQ,OACZ,MAAMG,EAAa,IAAM,CACvBL,EAASM,GAAa,CACpB,MAAMC,EAAeD,EAAS,MAAQ,EAEtC,OAAIC,EAAe,KAAO,EACjB,CACL,GAAGD,EACH,QAASA,EAAS,QAAU,EAC5B,QAAS,EACT,MAAOC,CAAA,EAIPA,GAAgB,GAAK,MAAQ,EACxB,CACL,GAAGD,EACH,MAAOA,EAAS,MAAQ,EACxB,QAAS,EACT,QAAS,EACT,MAAOC,CAAA,EAIPA,GAAgB,GAAK,GAAK,MAAQ,EAC7B,CACL,GAAGD,EACH,KAAMA,EAAS,KAAO,EACtB,MAAO,EACP,QAAS,EACT,QAAS,EACT,MAAOC,CAAA,EAIJ,CACL,GAAGD,EACH,QAASA,EAAS,QAAU,EAC5B,MAAOC,CAAA,CACT,CACD,CAAA,EAGGC,EAAW,YAAY,IAAMH,EAAA,EAAc,GAAI,EACrD,MAAO,IAAM,cAAcG,CAAQ,CAAA,EAClC,CAACN,CAAM,CAAC,EAEJ,CACL,GAAGX,EACH,OAAAW,EACA,MAAO,IAAMC,EAAU,EAAI,EAC3B,MAAO,IAAMA,EAAU,EAAK,EAC5B,MAAO,IAAMH,EAAQV,EAAiBQ,CAAW,CAAC,EAClD,OAAQ,IAAMK,EAAWM,GAAc,CAACA,CAAS,CAAA,CAErD"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),c="reactuse-storage",u=r=>window.dispatchEvent(new StorageEvent(c,r)),g=(r,n,e)=>{const i=r.getItem(n);r.setItem(n,e),u({key:n,oldValue:i,newValue:e,storageArea:r})},V=(r,n)=>{const e=r.getItem(n);r.removeItem(n),u({key:n,oldValue:e,newValue:null,storageArea:r})},f=(r,n)=>{const e=r.getItem(n);if(e)return e},z=(r,n)=>{const e=typeof n=="object"&&n&&("serializer"in n||"deserializer"in n||"initialValue"in n||"storage"in n)?n:void 0,i=e?e==null?void 0:e.initialValue:n;if(typeof window>"u")return{value:typeof i=="function"?i():i,set:()=>{},remove:()=>{}};const a=t=>e!=null&&e.serializer?e.serializer(t):typeof t=="string"?t:JSON.stringify(t),o=(e==null?void 0:e.storage)??(window==null?void 0:window.localStorage),v=t=>g(o,r,a(t)),S=()=>V(o,r),d=t=>{if(e!=null&&e.deserializer)return e.deserializer(t);if(t!=="undefined")try{return JSON.parse(t)}catch{return t}},[w,E]=l.useState(()=>{const t=f(o,r);if(t===void 0&&i!==void 0){const s=typeof i=="function"?i():i;return g(o,r,a(s)),s}return t?d(t):void 0});return l.useEffect(()=>{const t=()=>{const s=f(o,r);E(s?d(s):void 0)};return window.addEventListener(c,t),()=>window.removeEventListener(c,t)},[r]),{value:w,set:v,remove:S}};exports.STORAGE_EVENT=c;exports.dispatchStorageEvent=u;exports.useStorage=z;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),c="reactuse-storage",u=t=>window.dispatchEvent(new StorageEvent(c,t)),g=(t,n,o)=>{const r=t.getItem(n);t.setItem(n,o),u({key:n,oldValue:r,newValue:o,storageArea:t})},V=(t,n)=>{const o=t.getItem(n);t.removeItem(n),u({key:n,oldValue:o,newValue:null,storageArea:t})},f=(t,n)=>{const o=t.getItem(n);if(o)return o},z=(t,n)=>{const o=typeof n=="object"&&n&&("serializer"in n||"deserializer"in n||"initialValue"in n||"storage"in n)?n:void 0,r=o?o?.initialValue:n;if(typeof window>"u")return{value:typeof r=="function"?r():r,set:()=>{},remove:()=>{}};const a=e=>o?.serializer?o.serializer(e):typeof e=="string"?e:JSON.stringify(e),i=o?.storage??window?.localStorage,v=e=>g(i,t,a(e)),S=()=>V(i,t),d=e=>{if(o?.deserializer)return o.deserializer(e);if(e!=="undefined")try{return JSON.parse(e)}catch{return e}},[w,E]=l.useState(()=>{const e=f(i,t);if(e===void 0&&r!==void 0){const s=typeof r=="function"?r():r;return g(i,t,a(s)),s}return e?d(e):void 0});return l.useEffect(()=>{const e=()=>{const s=f(i,t);E(s?d(s):void 0)};return window.addEventListener(c,e),()=>window.removeEventListener(c,e)},[t]),{value:w,set:v,remove:S}};exports.STORAGE_EVENT=c;exports.dispatchStorageEvent=u;exports.useStorage=z;
2
2
  //# sourceMappingURL=useStorage.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useStorage.cjs","sources":["../../../../src/hooks/useStorage/useStorage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/* The use storage initial value type */\nexport type UseStorageInitialValue<Value> = (() => Value) | Value;\n\n/* The use storage options type */\nexport interface UseStorageOptions<Value> {\n /* The initial value of the storage */\n initialValue?: UseStorageInitialValue<Value>;\n /* The storage to be used */\n storage?: Storage;\n /* The deserializer function to be invoked */\n deserializer?: (value: string) => Value;\n /* The serializer function to be invoked */\n serializer?: (value: Value) => string;\n}\n\n/* The use storage return type */\nexport interface UseStorageReturn<Value> {\n /* The value of the storage */\n value: Value;\n /* The error state of the storage */\n remove: () => void;\n /* The loading state of the storage */\n set: (value: Value) => void;\n}\n\nexport interface UseStorage {\n <Value>(\n key: string,\n options: UseStorageOptions<Value> & { initialValue: UseStorageInitialValue<Value> }\n ): UseStorageReturn<Value>;\n\n <Value>(key: string, options?: UseStorageOptions<Value>): UseStorageReturn<Value | undefined>;\n\n <Value>(key: string, initialValue: UseStorageInitialValue<Value>): UseStorageReturn<Value>;\n\n <Value>(key: string): UseStorageReturn<Value | undefined>;\n}\n\nexport const STORAGE_EVENT = 'reactuse-storage';\n\nexport const dispatchStorageEvent = (params: Partial<StorageEvent>) =>\n window.dispatchEvent(new StorageEvent(STORAGE_EVENT, params));\n\nconst setStorageItem = (storage: Storage, key: string, value: string) => {\n const oldValue = storage.getItem(key);\n\n storage.setItem(key, value);\n dispatchStorageEvent({ key, oldValue, newValue: value, storageArea: storage });\n};\n\nconst removeStorageItem = (storage: Storage, key: string) => {\n const oldValue = storage.getItem(key);\n\n storage.removeItem(key);\n dispatchStorageEvent({ key, oldValue, newValue: null, storageArea: storage });\n};\n\nconst getStorageItem = (storage: Storage, key: string) => {\n const value = storage.getItem(key);\n if (!value) return undefined;\n return value;\n};\n\n/**\n * @name useStorage\n * @description - Hook that manages storage value\n * @category Browser\n *\n * @overload\n * @param {string} key The key of the storage\n * @param {UseStorageInitialValue<Value>} [initialValue] The initial value of the storage\n * @returns {UseStorageReturn<Value>} The value and the set function\n *\n * @overload\n * @param {string} key The key of the storage\n * @param {(value: Value) => string} [params.serializer] The serializer function\n * @param {(value: string) => Value} [params.deserializer] The deserializer function\n * @param {Storage} [params.storage] The storage\n * @param {UseStorageInitialValue<Value>} [params.initialValue] The initial value of the storage\n * @returns {UseStorageReturn<Value>} The value and the set function\n *\n * @example\n * const { value, set, remove } = useStorage('key', 'value');\n */\nexport const useStorage = (<Value>(key: string, params?: any): UseStorageReturn<Value> => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params ||\n 'deserializer' in params ||\n 'initialValue' in params ||\n 'storage' in params)\n ? params\n : undefined\n ) as UseStorageOptions<Value>;\n\n const initialValue = (options ? options?.initialValue : params) as UseStorageInitialValue<Value>;\n\n if (typeof window === 'undefined') {\n const value = typeof initialValue === 'function' ? (initialValue as () => any)() : initialValue;\n return {\n value,\n set: () => {},\n remove: () => {}\n };\n }\n\n const serializer = (value: Value) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n return JSON.stringify(value);\n };\n\n const storage = options?.storage ?? window?.localStorage;\n\n const set = (value: Value) => setStorageItem(storage, key, serializer(value));\n const remove = () => removeStorageItem(storage, key);\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined') return undefined as unknown as Value;\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value;\n }\n };\n\n const [value, setValue] = useState<Value | undefined>(() => {\n const storageValue = getStorageItem(storage, key);\n if (storageValue === undefined && initialValue !== undefined) {\n const value =\n typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue;\n setStorageItem(storage, key, serializer(value));\n return value;\n }\n return storageValue ? deserializer(storageValue) : undefined;\n });\n\n useEffect(() => {\n const onChange = () => {\n const storageValue = getStorageItem(storage, key);\n setValue(storageValue ? deserializer(storageValue) : undefined);\n };\n window.addEventListener(STORAGE_EVENT, onChange);\n return () => window.removeEventListener(STORAGE_EVENT, onChange);\n }, [key]);\n\n return {\n value: value as Value,\n set,\n remove\n };\n}) as UseStorage;\n"],"names":["STORAGE_EVENT","dispatchStorageEvent","params","setStorageItem","storage","key","value","oldValue","removeStorageItem","getStorageItem","useStorage","options","initialValue","serializer","set","remove","deserializer","setValue","useState","storageValue","useEffect","onChange"],"mappings":"yGAwCaA,EAAgB,mBAEhBC,EAAwBC,GACnC,OAAO,cAAc,IAAI,aAAaF,EAAeE,CAAM,CAAC,EAExDC,EAAiB,CAACC,EAAkBC,EAAaC,IAAkB,CACjE,MAAAC,EAAWH,EAAQ,QAAQC,CAAG,EAE5BD,EAAA,QAAQC,EAAKC,CAAK,EAC1BL,EAAqB,CAAE,IAAAI,EAAK,SAAAE,EAAU,SAAUD,EAAO,YAAaF,EAAS,CAC/E,EAEMI,EAAoB,CAACJ,EAAkBC,IAAgB,CACrD,MAAAE,EAAWH,EAAQ,QAAQC,CAAG,EAEpCD,EAAQ,WAAWC,CAAG,EACtBJ,EAAqB,CAAE,IAAAI,EAAK,SAAAE,EAAU,SAAU,KAAM,YAAaH,EAAS,CAC9E,EAEMK,EAAiB,CAACL,EAAkBC,IAAgB,CAClD,MAAAC,EAAQF,EAAQ,QAAQC,CAAG,EAC7B,GAACC,EACE,OAAAA,CACT,EAuBaI,EAAc,CAAQL,EAAaH,IAA0C,CACxF,MAAMS,EACJ,OAAOT,GAAW,UAClBA,IACC,eAAgBA,GACf,iBAAkBA,GAClB,iBAAkBA,GAClB,YAAaA,GACXA,EACA,OAGAU,EAAgBD,EAAUA,GAAA,YAAAA,EAAS,aAAeT,EAEpD,GAAA,OAAO,OAAW,IAEb,MAAA,CACL,MAFY,OAAOU,GAAiB,WAAcA,EAA+B,EAAAA,EAGjF,IAAK,IAAM,CAAC,EACZ,OAAQ,IAAM,CAAA,CAChB,EAGI,MAAAC,EAAcP,GACdK,GAAA,MAAAA,EAAS,WAAmBA,EAAQ,WAAWL,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAC/B,KAAK,UAAUA,CAAK,EAGvBF,GAAUO,GAAA,YAAAA,EAAS,WAAW,2BAAQ,cAEtCG,EAAOR,GAAiBH,EAAeC,EAASC,EAAKQ,EAAWP,CAAK,CAAC,EACtES,EAAS,IAAMP,EAAkBJ,EAASC,CAAG,EAE7CW,EAAgBV,GAAkB,CACtC,GAAIK,GAAA,MAAAA,EAAS,aAAqB,OAAAA,EAAQ,aAAaL,CAAK,EACxDA,GAAAA,IAAU,YAEV,GAAA,CACK,OAAA,KAAK,MAAMA,CAAK,CAAA,MACjB,CACCA,OAAAA,CAAA,CAEX,EAEM,CAACA,EAAOW,CAAQ,EAAIC,WAA4B,IAAM,CACpD,MAAAC,EAAeV,EAAeL,EAASC,CAAG,EAC5C,GAAAc,IAAiB,QAAaP,IAAiB,OAAW,CAC5D,MAAMN,EACJ,OAAOM,GAAiB,WAAcA,EAAiC,EAAAA,EACzE,OAAAT,EAAeC,EAASC,EAAKQ,EAAWP,CAAK,CAAC,EACvCA,CAAA,CAEF,OAAAa,EAAeH,EAAaG,CAAY,EAAI,MAAA,CACpD,EAEDC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,IAAM,CACf,MAAAF,EAAeV,EAAeL,EAASC,CAAG,EAChDY,EAASE,EAAeH,EAAaG,CAAY,EAAI,MAAS,CAChE,EACO,cAAA,iBAAiBnB,EAAeqB,CAAQ,EACxC,IAAM,OAAO,oBAAoBrB,EAAeqB,CAAQ,CAAA,EAC9D,CAAChB,CAAG,CAAC,EAED,CACL,MAAAC,EACA,IAAAQ,EACA,OAAAC,CACF,CACF"}
1
+ {"version":3,"file":"useStorage.cjs","sources":["../../../../src/hooks/useStorage/useStorage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/* The use storage initial value type */\nexport type UseStorageInitialValue<Value> = (() => Value) | Value;\n\n/* The use storage options type */\nexport interface UseStorageOptions<Value> {\n /* The initial value of the storage */\n initialValue?: UseStorageInitialValue<Value>;\n /* The storage to be used */\n storage?: Storage;\n /* The deserializer function to be invoked */\n deserializer?: (value: string) => Value;\n /* The serializer function to be invoked */\n serializer?: (value: Value) => string;\n}\n\n/* The use storage return type */\nexport interface UseStorageReturn<Value> {\n /* The value of the storage */\n value: Value;\n /* The error state of the storage */\n remove: () => void;\n /* The loading state of the storage */\n set: (value: Value) => void;\n}\n\nexport interface UseStorage {\n <Value>(\n key: string,\n options: UseStorageOptions<Value> & { initialValue: UseStorageInitialValue<Value> }\n ): UseStorageReturn<Value>;\n\n <Value>(key: string, options?: UseStorageOptions<Value>): UseStorageReturn<Value | undefined>;\n\n <Value>(key: string, initialValue: UseStorageInitialValue<Value>): UseStorageReturn<Value>;\n\n <Value>(key: string): UseStorageReturn<Value | undefined>;\n}\n\nexport const STORAGE_EVENT = 'reactuse-storage';\n\nexport const dispatchStorageEvent = (params: Partial<StorageEvent>) =>\n window.dispatchEvent(new StorageEvent(STORAGE_EVENT, params));\n\nconst setStorageItem = (storage: Storage, key: string, value: string) => {\n const oldValue = storage.getItem(key);\n\n storage.setItem(key, value);\n dispatchStorageEvent({ key, oldValue, newValue: value, storageArea: storage });\n};\n\nconst removeStorageItem = (storage: Storage, key: string) => {\n const oldValue = storage.getItem(key);\n\n storage.removeItem(key);\n dispatchStorageEvent({ key, oldValue, newValue: null, storageArea: storage });\n};\n\nconst getStorageItem = (storage: Storage, key: string) => {\n const value = storage.getItem(key);\n if (!value) return undefined;\n return value;\n};\n\n/**\n * @name useStorage\n * @description - Hook that manages storage value\n * @category Browser\n *\n * @overload\n * @param {string} key The key of the storage\n * @param {UseStorageInitialValue<Value>} [initialValue] The initial value of the storage\n * @returns {UseStorageReturn<Value>} The value and the set function\n *\n * @overload\n * @param {string} key The key of the storage\n * @param {(value: Value) => string} [params.serializer] The serializer function\n * @param {(value: string) => Value} [params.deserializer] The deserializer function\n * @param {Storage} [params.storage] The storage\n * @param {UseStorageInitialValue<Value>} [params.initialValue] The initial value of the storage\n * @returns {UseStorageReturn<Value>} The value and the set function\n *\n * @example\n * const { value, set, remove } = useStorage('key', 'value');\n */\nexport const useStorage = (<Value>(key: string, params?: any): UseStorageReturn<Value> => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params ||\n 'deserializer' in params ||\n 'initialValue' in params ||\n 'storage' in params)\n ? params\n : undefined\n ) as UseStorageOptions<Value>;\n\n const initialValue = (options ? options?.initialValue : params) as UseStorageInitialValue<Value>;\n\n if (typeof window === 'undefined') {\n const value = typeof initialValue === 'function' ? (initialValue as () => any)() : initialValue;\n return {\n value,\n set: () => {},\n remove: () => {}\n };\n }\n\n const serializer = (value: Value) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n return JSON.stringify(value);\n };\n\n const storage = options?.storage ?? window?.localStorage;\n\n const set = (value: Value) => setStorageItem(storage, key, serializer(value));\n const remove = () => removeStorageItem(storage, key);\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined') return undefined as unknown as Value;\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value;\n }\n };\n\n const [value, setValue] = useState<Value | undefined>(() => {\n const storageValue = getStorageItem(storage, key);\n if (storageValue === undefined && initialValue !== undefined) {\n const value =\n typeof initialValue === 'function' ? (initialValue as () => Value)() : initialValue;\n setStorageItem(storage, key, serializer(value));\n return value;\n }\n return storageValue ? deserializer(storageValue) : undefined;\n });\n\n useEffect(() => {\n const onChange = () => {\n const storageValue = getStorageItem(storage, key);\n setValue(storageValue ? deserializer(storageValue) : undefined);\n };\n window.addEventListener(STORAGE_EVENT, onChange);\n return () => window.removeEventListener(STORAGE_EVENT, onChange);\n }, [key]);\n\n return {\n value: value as Value,\n set,\n remove\n };\n}) as UseStorage;\n"],"names":["STORAGE_EVENT","dispatchStorageEvent","params","setStorageItem","storage","key","value","oldValue","removeStorageItem","getStorageItem","useStorage","options","initialValue","serializer","set","remove","deserializer","setValue","useState","storageValue","useEffect","onChange"],"mappings":"yGAwCaA,EAAgB,mBAEhBC,EAAwBC,GACnC,OAAO,cAAc,IAAI,aAAaF,EAAeE,CAAM,CAAC,EAExDC,EAAiB,CAACC,EAAkBC,EAAaC,IAAkB,CACvE,MAAMC,EAAWH,EAAQ,QAAQC,CAAG,EAEpCD,EAAQ,QAAQC,EAAKC,CAAK,EAC1BL,EAAqB,CAAE,IAAAI,EAAK,SAAAE,EAAU,SAAUD,EAAO,YAAaF,EAAS,CAC/E,EAEMI,EAAoB,CAACJ,EAAkBC,IAAgB,CAC3D,MAAME,EAAWH,EAAQ,QAAQC,CAAG,EAEpCD,EAAQ,WAAWC,CAAG,EACtBJ,EAAqB,CAAE,IAAAI,EAAK,SAAAE,EAAU,SAAU,KAAM,YAAaH,EAAS,CAC9E,EAEMK,EAAiB,CAACL,EAAkBC,IAAgB,CACxD,MAAMC,EAAQF,EAAQ,QAAQC,CAAG,EACjC,GAAKC,EACL,OAAOA,CACT,EAuBaI,EAAc,CAAQL,EAAaH,IAA0C,CACxF,MAAMS,EACJ,OAAOT,GAAW,UAClBA,IACC,eAAgBA,GACf,iBAAkBA,GAClB,iBAAkBA,GAClB,YAAaA,GACXA,EACA,OAGAU,EAAgBD,EAAUA,GAAS,aAAeT,EAExD,GAAI,OAAO,OAAW,IAEpB,MAAO,CACL,MAFY,OAAOU,GAAiB,WAAcA,IAA+BA,EAGjF,IAAK,IAAM,CAAA,EACX,OAAQ,IAAM,CAAA,CAAC,EAInB,MAAMC,EAAcP,GACdK,GAAS,WAAmBA,EAAQ,WAAWL,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAC/B,KAAK,UAAUA,CAAK,EAGvBF,EAAUO,GAAS,SAAW,QAAQ,aAEtCG,EAAOR,GAAiBH,EAAeC,EAASC,EAAKQ,EAAWP,CAAK,CAAC,EACtES,EAAS,IAAMP,EAAkBJ,EAASC,CAAG,EAE7CW,EAAgBV,GAAkB,CACtC,GAAIK,GAAS,aAAc,OAAOA,EAAQ,aAAaL,CAAK,EAC5D,GAAIA,IAAU,YAEd,GAAI,CACF,OAAO,KAAK,MAAMA,CAAK,CAAA,MACjB,CACN,OAAOA,CAAA,CACT,EAGI,CAACA,EAAOW,CAAQ,EAAIC,EAAAA,SAA4B,IAAM,CAC1D,MAAMC,EAAeV,EAAeL,EAASC,CAAG,EAChD,GAAIc,IAAiB,QAAaP,IAAiB,OAAW,CAC5D,MAAMN,EACJ,OAAOM,GAAiB,WAAcA,IAAiCA,EACzE,OAAAT,EAAeC,EAASC,EAAKQ,EAAWP,CAAK,CAAC,EACvCA,CAAA,CAET,OAAOa,EAAeH,EAAaG,CAAY,EAAI,MAAA,CACpD,EAEDC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAW,IAAM,CACrB,MAAMF,EAAeV,EAAeL,EAASC,CAAG,EAChDY,EAASE,EAAeH,EAAaG,CAAY,EAAI,MAAS,CAAA,EAEhE,cAAO,iBAAiBnB,EAAeqB,CAAQ,EACxC,IAAM,OAAO,oBAAoBrB,EAAeqB,CAAQ,CAAA,EAC9D,CAAChB,CAAG,CAAC,EAED,CACL,MAAAC,EACA,IAAAQ,EACA,OAAAC,CAAA,CAEJ"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),d=require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs"),m=require("../useRefState/useRefState.cjs"),v=require("../../utils/helpers/isTarget.cjs"),o=require("../../utils/helpers/getElement.cjs"),E=(...i)=>{const e=v.isTarget(i[0])?i[0]:void 0,g=(e?i[1]:i[0])??"ltr",r=m.useRefState(),s=()=>{const t=e?o.getElement(e):r.current;return(t==null?void 0:t.getAttribute("dir"))??g},[u,c]=b.useState(s()),f=()=>{const t=e?o.getElement(e):r.current;t&&(t==null||t.removeAttribute("dir"))},a=t=>{const n=e?o.getElement(e):r.current;n&&(c(t),n.setAttribute("dir",t))};return d.useIsomorphicLayoutEffect(()=>{if(!e&&!r.state)return;const t=e?o.getElement(e):r.current;if(!t)return;const n=s();t.setAttribute("dir",n),c(n);const l=new MutationObserver(s);return l.observe(t,{attributes:!0}),()=>{l.disconnect()}},[r.state,e]),e?{value:u,set:a,remove:f}:{ref:r,value:u,set:a,remove:f}};exports.useTextDirection=E;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),b=require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs"),d=require("../useRefState/useRefState.cjs"),v=require("../../utils/helpers/isTarget.cjs"),o=require("../../utils/helpers/getElement.cjs"),E=(...i)=>{const e=v.isTarget(i[0])?i[0]:void 0,g=(e?i[1]:i[0])??"ltr",r=d.useRefState(),s=()=>(e?o.getElement(e):r.current)?.getAttribute("dir")??g,[u,c]=m.useState(s()),l=()=>{const t=e?o.getElement(e):r.current;t&&t?.removeAttribute("dir")},f=t=>{const n=e?o.getElement(e):r.current;n&&(c(t),n.setAttribute("dir",t))};return b.useIsomorphicLayoutEffect(()=>{if(!e&&!r.state)return;const t=e?o.getElement(e):r.current;if(!t)return;const n=s();t.setAttribute("dir",n),c(n);const a=new MutationObserver(s);return a.observe(t,{attributes:!0}),()=>{a.disconnect()}},[r.state,e]),e?{value:u,set:f,remove:l}:{ref:r,value:u,set:f,remove:l}};exports.useTextDirection=E;
2
2
  //# sourceMappingURL=useTextDirection.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useTextDirection.cjs","sources":["../../../../src/hooks/useTextDirection/useTextDirection.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use text direction value type */\nexport type UseTextDirectionValue = 'auto' | 'ltr' | 'rtl';\n\n/** The use text direction return type */\nexport interface UseTextDirectionReturn {\n /** The current direction */\n value: UseTextDirectionValue;\n /*** The function to remove the direction */\n remove: () => void;\n /*** The function to set the direction */\n set: (value: UseTextDirectionValue | null) => void;\n}\n\nexport interface UseTextDirection {\n (target: HookTarget, initialValue?: UseTextDirectionValue): UseTextDirectionReturn;\n\n <Target extends Element>(\n initialValue?: UseTextDirectionValue,\n target?: never\n ): UseTextDirectionReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useTextDirection\n * @description - Hook that can get and set the direction of the element\n * @category Browser\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\n * @returns {UseTextDirectionReturn} An object containing the current text direction of the element\n *\n * @example\n * const { value, set, remove } = useTextDirection(ref);\n *\n * @overload\n * @template Target The target element type\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\n * @returns { { ref: StateRef<Target> } & UseTextDirectionReturn } An object containing the current text direction of the element\n *\n * @example\n * const { ref, value, set, remove } = useTextDirection();\n */\nexport const useTextDirection = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n const initialValue = ((target ? params[1] : params[0]) as UseTextDirectionValue) ?? 'ltr';\n\n const internalRef = useRefState<Element>();\n\n const getDirection = () => {\n const element = (target ? getElement(target) : internalRef.current) as Element;\n return (element?.getAttribute('dir') as UseTextDirectionValue) ?? initialValue;\n };\n\n const [value, setValue] = useState<UseTextDirectionValue>(getDirection());\n\n const remove = () => {\n const element = (target ? getElement(target) : internalRef.current) as Element;\n if (!element) return;\n\n element?.removeAttribute('dir');\n };\n\n const set = (value: UseTextDirectionValue) => {\n const element = (target ? getElement(target) : internalRef.current) as Element;\n if (!element) return;\n\n setValue(value);\n element.setAttribute('dir', value);\n };\n\n useIsomorphicLayoutEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element = (target ? getElement(target) : internalRef.current) as Element;\n if (!element) return;\n\n const direction = getDirection();\n element.setAttribute('dir', direction);\n setValue(direction);\n\n const observer = new MutationObserver(getDirection);\n\n observer.observe(element, { attributes: true });\n\n return () => {\n observer.disconnect();\n };\n }, [internalRef.state, target]);\n\n if (target) return { value, set, remove };\n return {\n ref: internalRef,\n value,\n set,\n remove\n };\n}) as UseTextDirection;\n"],"names":["useTextDirection","params","target","isTarget","initialValue","internalRef","useRefState","getDirection","element","getElement","value","setValue","useState","remove","set","useIsomorphicLayoutEffect","direction","observer"],"mappings":"2TAsDaA,EAAoB,IAAIC,IAAkB,CAC/C,MAAAC,EAAUC,WAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,GAAiBF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,IAAgC,MAE9EI,EAAcC,EAAAA,YAAqB,EAEnCC,EAAe,IAAM,CACzB,MAAMC,EAAWN,EAASO,EAAAA,WAAWP,CAAM,EAAIG,EAAY,QACnD,OAAAG,GAAA,YAAAA,EAAS,aAAa,SAAoCJ,CACpE,EAEM,CAACM,EAAOC,CAAQ,EAAIC,EAAA,SAAgCL,GAAc,EAElEM,EAAS,IAAM,CACnB,MAAML,EAAWN,EAASO,EAAAA,WAAWP,CAAM,EAAIG,EAAY,QACtDG,IAELA,GAAA,MAAAA,EAAS,gBAAgB,OAC3B,EAEMM,EAAOJ,GAAiC,CAC5C,MAAMF,EAAWN,EAASO,EAAAA,WAAWP,CAAM,EAAIG,EAAY,QACtDG,IAELG,EAASD,CAAK,EACNF,EAAA,aAAa,MAAOE,CAAK,EACnC,EAqBA,OAnBAK,EAAAA,0BAA0B,IAAM,CAC9B,GAAI,CAACb,GAAU,CAACG,EAAY,MAAO,OAEnC,MAAMG,EAAWN,EAASO,EAAAA,WAAWP,CAAM,EAAIG,EAAY,QAC3D,GAAI,CAACG,EAAS,OAEd,MAAMQ,EAAYT,EAAa,EACvBC,EAAA,aAAa,MAAOQ,CAAS,EACrCL,EAASK,CAAS,EAEZ,MAAAC,EAAW,IAAI,iBAAiBV,CAAY,EAElD,OAAAU,EAAS,QAAQT,EAAS,CAAE,WAAY,GAAM,EAEvC,IAAM,CACXS,EAAS,WAAW,CACtB,CACC,EAAA,CAACZ,EAAY,MAAOH,CAAM,CAAC,EAE1BA,EAAe,CAAE,MAAAQ,EAAO,IAAAI,EAAK,OAAAD,CAAO,EACjC,CACL,IAAKR,EACL,MAAAK,EACA,IAAAI,EACA,OAAAD,CACF,CACF"}
1
+ {"version":3,"file":"useTextDirection.cjs","sources":["../../../../src/hooks/useTextDirection/useTextDirection.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use text direction value type */\nexport type UseTextDirectionValue = 'auto' | 'ltr' | 'rtl';\n\n/** The use text direction return type */\nexport interface UseTextDirectionReturn {\n /** The current direction */\n value: UseTextDirectionValue;\n /*** The function to remove the direction */\n remove: () => void;\n /*** The function to set the direction */\n set: (value: UseTextDirectionValue | null) => void;\n}\n\nexport interface UseTextDirection {\n (target: HookTarget, initialValue?: UseTextDirectionValue): UseTextDirectionReturn;\n\n <Target extends Element>(\n initialValue?: UseTextDirectionValue,\n target?: never\n ): UseTextDirectionReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useTextDirection\n * @description - Hook that can get and set the direction of the element\n * @category Browser\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\n * @returns {UseTextDirectionReturn} An object containing the current text direction of the element\n *\n * @example\n * const { value, set, remove } = useTextDirection(ref);\n *\n * @overload\n * @template Target The target element type\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\n * @returns { { ref: StateRef<Target> } & UseTextDirectionReturn } An object containing the current text direction of the element\n *\n * @example\n * const { ref, value, set, remove } = useTextDirection();\n */\nexport const useTextDirection = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n const initialValue = ((target ? params[1] : params[0]) as UseTextDirectionValue) ?? 'ltr';\n\n const internalRef = useRefState<Element>();\n\n const getDirection = () => {\n const element = (target ? getElement(target) : internalRef.current) as Element;\n return (element?.getAttribute('dir') as UseTextDirectionValue) ?? initialValue;\n };\n\n const [value, setValue] = useState<UseTextDirectionValue>(getDirection());\n\n const remove = () => {\n const element = (target ? getElement(target) : internalRef.current) as Element;\n if (!element) return;\n\n element?.removeAttribute('dir');\n };\n\n const set = (value: UseTextDirectionValue) => {\n const element = (target ? getElement(target) : internalRef.current) as Element;\n if (!element) return;\n\n setValue(value);\n element.setAttribute('dir', value);\n };\n\n useIsomorphicLayoutEffect(() => {\n if (!target && !internalRef.state) return;\n\n const element = (target ? getElement(target) : internalRef.current) as Element;\n if (!element) return;\n\n const direction = getDirection();\n element.setAttribute('dir', direction);\n setValue(direction);\n\n const observer = new MutationObserver(getDirection);\n\n observer.observe(element, { attributes: true });\n\n return () => {\n observer.disconnect();\n };\n }, [internalRef.state, target]);\n\n if (target) return { value, set, remove };\n return {\n ref: internalRef,\n value,\n set,\n remove\n };\n}) as UseTextDirection;\n"],"names":["useTextDirection","params","target","isTarget","initialValue","internalRef","useRefState","getDirection","getElement","value","setValue","useState","remove","element","set","useIsomorphicLayoutEffect","direction","observer"],"mappings":"2TAsDaA,EAAoB,IAAIC,IAAkB,CACrD,MAAMC,EAAUC,EAAAA,SAASF,EAAO,CAAC,CAAC,EAAIA,EAAO,CAAC,EAAI,OAC5CG,GAAiBF,EAASD,EAAO,CAAC,EAAIA,EAAO,CAAC,IAAgC,MAE9EI,EAAcC,EAAAA,YAAA,EAEdC,EAAe,KACFL,EAASM,EAAAA,WAAWN,CAAM,EAAIG,EAAY,UAC1C,aAAa,KAAK,GAA+BD,EAG9D,CAACK,EAAOC,CAAQ,EAAIC,EAAAA,SAAgCJ,GAAc,EAElEK,EAAS,IAAM,CACnB,MAAMC,EAAWX,EAASM,EAAAA,WAAWN,CAAM,EAAIG,EAAY,QACtDQ,GAELA,GAAS,gBAAgB,KAAK,CAAA,EAG1BC,EAAOL,GAAiC,CAC5C,MAAMI,EAAWX,EAASM,EAAAA,WAAWN,CAAM,EAAIG,EAAY,QACtDQ,IAELH,EAASD,CAAK,EACdI,EAAQ,aAAa,MAAOJ,CAAK,EAAA,EAsBnC,OAnBAM,EAAAA,0BAA0B,IAAM,CAC9B,GAAI,CAACb,GAAU,CAACG,EAAY,MAAO,OAEnC,MAAMQ,EAAWX,EAASM,EAAAA,WAAWN,CAAM,EAAIG,EAAY,QAC3D,GAAI,CAACQ,EAAS,OAEd,MAAMG,EAAYT,EAAA,EAClBM,EAAQ,aAAa,MAAOG,CAAS,EACrCN,EAASM,CAAS,EAElB,MAAMC,EAAW,IAAI,iBAAiBV,CAAY,EAElD,OAAAU,EAAS,QAAQJ,EAAS,CAAE,WAAY,GAAM,EAEvC,IAAM,CACXI,EAAS,WAAA,CAAW,CACtB,EACC,CAACZ,EAAY,MAAOH,CAAM,CAAC,EAE1BA,EAAe,CAAE,MAAAO,EAAO,IAAAK,EAAK,OAAAF,CAAA,EAC1B,CACL,IAAKP,EACL,MAAAI,EACA,IAAAK,EACA,OAAAF,CAAA,CAEJ"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),i=require("../useRerender/useRerender.cjs"),u=t=>{const e=t.rangeCount??0;return Array.from({length:e},(r,o)=>t.getRangeAt(o))},a=()=>{const t=i.useRerender(),[e,r]=s.useState(typeof document<"u"?document.getSelection():null);s.useEffect(()=>{const n=()=>{r(document.getSelection()),t()};return document.addEventListener("selectionchange",n),()=>document.removeEventListener("selectionchange",n)},[]);const o=(e==null?void 0:e.toString())??"",c=e?u(e):[],g=c.map(n=>n.getBoundingClientRect());return{text:o,ranges:c,rects:g,selection:e}};exports.getRangesSelection=u;exports.useTextSelection=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),g=require("../useRerender/useRerender.cjs"),u=t=>{const e=t.rangeCount??0;return Array.from({length:e},(c,o)=>t.getRangeAt(o))},l=()=>{const t=g.useRerender(),[e,c]=s.useState(typeof document<"u"?document.getSelection():null);s.useEffect(()=>{const n=()=>{c(document.getSelection()),t()};return document.addEventListener("selectionchange",n),()=>document.removeEventListener("selectionchange",n)},[]);const o=e?.toString()??"",r=e?u(e):[],i=r.map(n=>n.getBoundingClientRect());return{text:o,ranges:r,rects:i,selection:e}};exports.getRangesSelection=u;exports.useTextSelection=l;
2
2
  //# sourceMappingURL=useTextSelection.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useTextSelection.cjs","sources":["../../../../src/hooks/useTextSelection/useTextSelection.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useRerender } from '../useRerender/useRerender';\n\nexport const getRangesSelection = (selection: Selection) => {\n const rangeCount = selection.rangeCount ?? 0;\n return Array.from({ length: rangeCount }, (_, i) => selection.getRangeAt(i));\n};\n\n/** The use text selection return type */\nexport interface UseTextSelectionReturn {\n /** The current selection ranges */\n ranges: Range[];\n /** The current selection rects */\n rects: DOMRect[];\n /** The current selection */\n selection: Selection | null;\n /** The current selection text */\n text: string;\n}\n\n/**\n * @name useTextSelection\n * @description - Hook that manages the text selection\n * @category Sensors\n *\n * @browserapi document.getSelection https://developer.mozilla.org/en-US/docs/Web/API/Document/getSelection\n *\n * @returns {UseTextSelectionReturn} An object containing the current text selection\n *\n * @example\n * const selection = useTextSelection();\n */\nexport const useTextSelection = (): UseTextSelectionReturn => {\n const rerender = useRerender();\n const [selection, setSelection] = useState<Selection | null>(\n typeof document !== 'undefined' ? document.getSelection() : null\n );\n\n useEffect(() => {\n const onSelectionChange = () => {\n setSelection(document.getSelection());\n rerender();\n };\n\n document.addEventListener('selectionchange', onSelectionChange);\n return () => document.removeEventListener('selectionchange', onSelectionChange);\n }, []);\n\n const text = selection?.toString() ?? '';\n const ranges = selection ? getRangesSelection(selection) : [];\n const rects = ranges.map((range) => range.getBoundingClientRect());\n\n return {\n text,\n ranges,\n rects,\n selection\n };\n};\n"],"names":["getRangesSelection","selection","rangeCount","_","i","useTextSelection","rerender","useRerender","setSelection","useState","useEffect","onSelectionChange","text","ranges","rects","range"],"mappings":"qJAIaA,EAAsBC,GAAyB,CACpD,MAAAC,EAAaD,EAAU,YAAc,EAC3C,OAAO,MAAM,KAAK,CAAE,OAAQC,CAAW,EAAG,CAACC,EAAGC,IAAMH,EAAU,WAAWG,CAAC,CAAC,CAC7E,EA0BaC,EAAmB,IAA8B,CAC5D,MAAMC,EAAWC,EAAAA,YAAY,EACvB,CAACN,EAAWO,CAAY,EAAIC,EAAA,SAChC,OAAO,SAAa,IAAc,SAAS,eAAiB,IAC9D,EAEAC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAoB,IAAM,CACjBH,EAAA,SAAS,cAAc,EAC3BF,EAAA,CACX,EAES,gBAAA,iBAAiB,kBAAmBK,CAAiB,EACvD,IAAM,SAAS,oBAAoB,kBAAmBA,CAAiB,CAChF,EAAG,EAAE,EAEC,MAAAC,GAAOX,GAAA,YAAAA,EAAW,aAAc,GAChCY,EAASZ,EAAYD,EAAmBC,CAAS,EAAI,CAAC,EACtDa,EAAQD,EAAO,IAAKE,GAAUA,EAAM,uBAAuB,EAE1D,MAAA,CACL,KAAAH,EACA,OAAAC,EACA,MAAAC,EACA,UAAAb,CACF,CACF"}
1
+ {"version":3,"file":"useTextSelection.cjs","sources":["../../../../src/hooks/useTextSelection/useTextSelection.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useRerender } from '../useRerender/useRerender';\n\nexport const getRangesSelection = (selection: Selection) => {\n const rangeCount = selection.rangeCount ?? 0;\n return Array.from({ length: rangeCount }, (_, i) => selection.getRangeAt(i));\n};\n\n/** The use text selection return type */\nexport interface UseTextSelectionReturn {\n /** The current selection ranges */\n ranges: Range[];\n /** The current selection rects */\n rects: DOMRect[];\n /** The current selection */\n selection: Selection | null;\n /** The current selection text */\n text: string;\n}\n\n/**\n * @name useTextSelection\n * @description - Hook that manages the text selection\n * @category Sensors\n *\n * @browserapi document.getSelection https://developer.mozilla.org/en-US/docs/Web/API/Document/getSelection\n *\n * @returns {UseTextSelectionReturn} An object containing the current text selection\n *\n * @example\n * const selection = useTextSelection();\n */\nexport const useTextSelection = (): UseTextSelectionReturn => {\n const rerender = useRerender();\n const [selection, setSelection] = useState<Selection | null>(\n typeof document !== 'undefined' ? document.getSelection() : null\n );\n\n useEffect(() => {\n const onSelectionChange = () => {\n setSelection(document.getSelection());\n rerender();\n };\n\n document.addEventListener('selectionchange', onSelectionChange);\n return () => document.removeEventListener('selectionchange', onSelectionChange);\n }, []);\n\n const text = selection?.toString() ?? '';\n const ranges = selection ? getRangesSelection(selection) : [];\n const rects = ranges.map((range) => range.getBoundingClientRect());\n\n return {\n text,\n ranges,\n rects,\n selection\n };\n};\n"],"names":["getRangesSelection","selection","rangeCount","_","i","useTextSelection","rerender","useRerender","setSelection","useState","useEffect","onSelectionChange","text","ranges","rects","range"],"mappings":"qJAIaA,EAAsBC,GAAyB,CAC1D,MAAMC,EAAaD,EAAU,YAAc,EAC3C,OAAO,MAAM,KAAK,CAAE,OAAQC,CAAA,EAAc,CAACC,EAAGC,IAAMH,EAAU,WAAWG,CAAC,CAAC,CAC7E,EA0BaC,EAAmB,IAA8B,CAC5D,MAAMC,EAAWC,EAAAA,YAAA,EACX,CAACN,EAAWO,CAAY,EAAIC,EAAAA,SAChC,OAAO,SAAa,IAAc,SAAS,eAAiB,IAAA,EAG9DC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAoB,IAAM,CAC9BH,EAAa,SAAS,cAAc,EACpCF,EAAA,CAAS,EAGX,gBAAS,iBAAiB,kBAAmBK,CAAiB,EACvD,IAAM,SAAS,oBAAoB,kBAAmBA,CAAiB,CAAA,EAC7E,EAAE,EAEL,MAAMC,EAAOX,GAAW,SAAA,GAAc,GAChCY,EAASZ,EAAYD,EAAmBC,CAAS,EAAI,CAAA,EACrDa,EAAQD,EAAO,IAAKE,GAAUA,EAAM,uBAAuB,EAEjE,MAAO,CACL,KAAAH,EACA,OAAAC,EACA,MAAAC,EACA,UAAAb,CAAA,CAEJ"}
@@ -1 +1 @@
1
- {"version":3,"file":"useThrottleCallback.cjs","sources":["../../../../src/hooks/useThrottleCallback/useThrottleCallback.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { throttle } from '@/utils/helpers';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/**\n * @name useThrottleCallback\n * @description - Hook that creates a throttled callback\n * @category Utilities\n *\n * @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @param {number} delay The delay in milliseconds\n * @returns {(...args: Params) => Return} The callback with throttle\n *\n * @example\n * const throttled = useThrottleCallback(() => console.log('callback'), 500);\n */\nexport const useThrottleCallback = <Params extends unknown[], Return>(\n callback: (...args: Params) => Return,\n delay: number\n) => {\n const internalCallback = useEvent(callback);\n const throttled = useMemo(() => throttle(internalCallback, delay), [delay]);\n\n return throttled;\n};\n"],"names":["useThrottleCallback","callback","delay","internalCallback","useEvent","useMemo","throttle"],"mappings":"6LAoBaA,EAAsB,CACjCC,EACAC,IACG,CACG,MAAAC,EAAmBC,WAASH,CAAQ,EAGnC,OAFWI,UAAQ,IAAMC,EAAA,SAASH,EAAkBD,CAAK,EAAG,CAACA,CAAK,CAAC,CAG5E"}
1
+ {"version":3,"file":"useThrottleCallback.cjs","sources":["../../../../src/hooks/useThrottleCallback/useThrottleCallback.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { throttle } from '@/utils/helpers';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/**\n * @name useThrottleCallback\n * @description - Hook that creates a throttled callback\n * @category Utilities\n *\n * @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @param {number} delay The delay in milliseconds\n * @returns {(...args: Params) => Return} The callback with throttle\n *\n * @example\n * const throttled = useThrottleCallback(() => console.log('callback'), 500);\n */\nexport const useThrottleCallback = <Params extends unknown[], Return>(\n callback: (...args: Params) => Return,\n delay: number\n) => {\n const internalCallback = useEvent(callback);\n const throttled = useMemo(() => throttle(internalCallback, delay), [delay]);\n\n return throttled;\n};\n"],"names":["useThrottleCallback","callback","delay","internalCallback","useEvent","useMemo","throttle"],"mappings":"6LAoBaA,EAAsB,CACjCC,EACAC,IACG,CACH,MAAMC,EAAmBC,EAAAA,SAASH,CAAQ,EAG1C,OAFkBI,EAAAA,QAAQ,IAAMC,EAAAA,SAASH,EAAkBD,CAAK,EAAG,CAACA,CAAK,CAAC,CAG5E"}
@@ -1 +1 @@
1
- {"version":3,"file":"useThrottleValue.cjs","sources":["../../../../src/hooks/useThrottleValue/useThrottleValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useThrottleCallback } from '../useThrottleCallback/useThrottleCallback';\n\n/**\n * @name useThrottleValue\n * @description - Hook that creates a throttled value\n * @category Utilities\n *\n * @template Value The type of the value\n * @param {Value} value The value to be throttled\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The throttled value\n *\n * @example\n * const throttledValue = useThrottleValue(value, 500);\n */\nexport const useThrottleValue = <Value>(value: Value, delay: number) => {\n const previousValueRef = useRef(value);\n const [throttledValue, setThrottleValue] = useState(value);\n\n const throttledSetState = useThrottleCallback(setThrottleValue, delay);\n\n useEffect(() => {\n if (previousValueRef.current === value) return;\n throttledSetState(value);\n previousValueRef.current = value;\n }, [value]);\n\n return throttledValue;\n};\n"],"names":["useThrottleValue","value","delay","previousValueRef","useRef","throttledValue","setThrottleValue","useState","throttledSetState","useThrottleCallback","useEffect"],"mappings":"qKAiBaA,EAAmB,CAAQC,EAAcC,IAAkB,CAChE,MAAAC,EAAmBC,SAAOH,CAAK,EAC/B,CAACI,EAAgBC,CAAgB,EAAIC,EAAAA,SAASN,CAAK,EAEnDO,EAAoBC,EAAAA,oBAAoBH,EAAkBJ,CAAK,EAErEQ,OAAAA,EAAAA,UAAU,IAAM,CACVP,EAAiB,UAAYF,IACjCO,EAAkBP,CAAK,EACvBE,EAAiB,QAAUF,EAAA,EAC1B,CAACA,CAAK,CAAC,EAEHI,CACT"}
1
+ {"version":3,"file":"useThrottleValue.cjs","sources":["../../../../src/hooks/useThrottleValue/useThrottleValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useThrottleCallback } from '../useThrottleCallback/useThrottleCallback';\n\n/**\n * @name useThrottleValue\n * @description - Hook that creates a throttled value\n * @category Utilities\n *\n * @template Value The type of the value\n * @param {Value} value The value to be throttled\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The throttled value\n *\n * @example\n * const throttledValue = useThrottleValue(value, 500);\n */\nexport const useThrottleValue = <Value>(value: Value, delay: number) => {\n const previousValueRef = useRef(value);\n const [throttledValue, setThrottleValue] = useState(value);\n\n const throttledSetState = useThrottleCallback(setThrottleValue, delay);\n\n useEffect(() => {\n if (previousValueRef.current === value) return;\n throttledSetState(value);\n previousValueRef.current = value;\n }, [value]);\n\n return throttledValue;\n};\n"],"names":["useThrottleValue","value","delay","previousValueRef","useRef","throttledValue","setThrottleValue","useState","throttledSetState","useThrottleCallback","useEffect"],"mappings":"qKAiBaA,EAAmB,CAAQC,EAAcC,IAAkB,CACtE,MAAMC,EAAmBC,EAAAA,OAAOH,CAAK,EAC/B,CAACI,EAAgBC,CAAgB,EAAIC,EAAAA,SAASN,CAAK,EAEnDO,EAAoBC,EAAAA,oBAAoBH,EAAkBJ,CAAK,EAErEQ,OAAAA,EAAAA,UAAU,IAAM,CACVP,EAAiB,UAAYF,IACjCO,EAAkBP,CAAK,EACvBE,EAAiB,QAAUF,EAAA,EAC1B,CAACA,CAAK,CAAC,EAEHI,CACT"}
@@ -1 +1 @@
1
- {"version":3,"file":"useTime.cjs","sources":["../../../../src/hooks/useTime/useTime.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { getDate } from '@/utils/helpers';\n\nimport { useInterval } from '../useInterval/useInterval';\n\nexport interface UseTimeReturn {\n day: number;\n hours: number;\n meridiemHours: { value: number; type: string };\n minutes: number;\n month: number;\n seconds: number;\n timestamp: number;\n year: number;\n}\n\n/**\n * @name useTime\n * @description - Hook that gives you current time in different values\n * @category Time\n *\n * @returns {UseTimeReturn} An object containing the current time\n *\n * @example\n * const { seconds, minutes, hours, meridiemHours, day, month, year, timestamp } = useTime();\n */\nexport const useTime = (): UseTimeReturn => {\n const [time, setTime] = useState(getDate());\n useInterval(() => setTime(getDate()), 1000);\n return time;\n};\n"],"names":["useTime","time","setTime","useState","getDate","useInterval"],"mappings":"kMA2BaA,EAAU,IAAqB,CAC1C,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAA,SAASC,WAAS,EAC1CC,OAAAA,EAAAA,YAAY,IAAMH,EAAQE,UAAS,CAAA,EAAG,GAAI,EACnCH,CACT"}
1
+ {"version":3,"file":"useTime.cjs","sources":["../../../../src/hooks/useTime/useTime.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { getDate } from '@/utils/helpers';\n\nimport { useInterval } from '../useInterval/useInterval';\n\nexport interface UseTimeReturn {\n day: number;\n hours: number;\n meridiemHours: { value: number; type: string };\n minutes: number;\n month: number;\n seconds: number;\n timestamp: number;\n year: number;\n}\n\n/**\n * @name useTime\n * @description - Hook that gives you current time in different values\n * @category Time\n *\n * @returns {UseTimeReturn} An object containing the current time\n *\n * @example\n * const { seconds, minutes, hours, meridiemHours, day, month, year, timestamp } = useTime();\n */\nexport const useTime = (): UseTimeReturn => {\n const [time, setTime] = useState(getDate());\n useInterval(() => setTime(getDate()), 1000);\n return time;\n};\n"],"names":["useTime","time","setTime","useState","getDate","useInterval"],"mappings":"kMA2BaA,EAAU,IAAqB,CAC1C,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAASC,EAAAA,SAAS,EAC1CC,OAAAA,EAAAA,YAAY,IAAMH,EAAQE,UAAA,CAAS,EAAG,GAAI,EACnCH,CACT"}
@@ -1 +1 @@
1
- {"version":3,"file":"useTimeout.cjs","sources":["../../../../src/hooks/useTimeout/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The use timeout return type */\ninterface UseTimeoutReturn {\n /** Timeout is ready state value */\n ready: boolean;\n /** Function to clear timeout */\n clear: () => void;\n}\n\n/**\n * @name useTimeout\n * @description - Hook that executes a callback function after a specified delay\n * @category Time\n *\n * @param {() => void} callback The function to be executed after the timeout\n * @param {number} delay The delay in milliseconds before the timeout executes the callback function\n * @returns {UseTimeoutReturn} An object with a `ready` boolean state value and a `clear` function to clear timeout\n *\n * @example\n * const { clear, ready } = useTimeout(() => {}, 5000);\n */\nexport function useTimeout(callback: () => void, delay: number): UseTimeoutReturn {\n const [ready, setReady] = useState(false);\n\n const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n const internalCallback = useEvent(callback);\n\n useEffect(() => {\n timeoutIdRef.current = setTimeout(() => {\n internalCallback();\n setReady(true);\n }, delay);\n\n return () => {\n clearTimeout(timeoutIdRef.current);\n };\n }, [delay]);\n\n const clear = () => {\n clearTimeout(timeoutIdRef.current);\n setReady(true);\n };\n\n return { ready, clear };\n}\n"],"names":["useTimeout","callback","delay","ready","setReady","useState","timeoutIdRef","useRef","internalCallback","useEvent","useEffect"],"mappings":"+IAwBgB,SAAAA,EAAWC,EAAsBC,EAAiC,CAChF,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAElCC,EAAeC,SAAsC,MAAS,EAC9DC,EAAmBC,WAASR,CAAQ,EAE1CS,OAAAA,EAAAA,UAAU,KACKJ,EAAA,QAAU,WAAW,IAAM,CACrBE,EAAA,EACjBJ,EAAS,EAAI,GACZF,CAAK,EAED,IAAM,CACX,aAAaI,EAAa,OAAO,CACnC,GACC,CAACJ,CAAK,CAAC,EAOH,CAAE,MAAAC,EAAO,MALF,IAAM,CAClB,aAAaG,EAAa,OAAO,EACjCF,EAAS,EAAI,CACf,CAEsB,CACxB"}
1
+ {"version":3,"file":"useTimeout.cjs","sources":["../../../../src/hooks/useTimeout/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The use timeout return type */\ninterface UseTimeoutReturn {\n /** Timeout is ready state value */\n ready: boolean;\n /** Function to clear timeout */\n clear: () => void;\n}\n\n/**\n * @name useTimeout\n * @description - Hook that executes a callback function after a specified delay\n * @category Time\n *\n * @param {() => void} callback The function to be executed after the timeout\n * @param {number} delay The delay in milliseconds before the timeout executes the callback function\n * @returns {UseTimeoutReturn} An object with a `ready` boolean state value and a `clear` function to clear timeout\n *\n * @example\n * const { clear, ready } = useTimeout(() => {}, 5000);\n */\nexport function useTimeout(callback: () => void, delay: number): UseTimeoutReturn {\n const [ready, setReady] = useState(false);\n\n const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n const internalCallback = useEvent(callback);\n\n useEffect(() => {\n timeoutIdRef.current = setTimeout(() => {\n internalCallback();\n setReady(true);\n }, delay);\n\n return () => {\n clearTimeout(timeoutIdRef.current);\n };\n }, [delay]);\n\n const clear = () => {\n clearTimeout(timeoutIdRef.current);\n setReady(true);\n };\n\n return { ready, clear };\n}\n"],"names":["useTimeout","callback","delay","ready","setReady","useState","timeoutIdRef","useRef","internalCallback","useEvent","useEffect"],"mappings":"+IAwBO,SAASA,EAAWC,EAAsBC,EAAiC,CAChF,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAElCC,EAAeC,EAAAA,OAAsC,MAAS,EAC9DC,EAAmBC,EAAAA,SAASR,CAAQ,EAE1CS,OAAAA,EAAAA,UAAU,KACRJ,EAAa,QAAU,WAAW,IAAM,CACtCE,EAAA,EACAJ,EAAS,EAAI,CAAA,EACZF,CAAK,EAED,IAAM,CACX,aAAaI,EAAa,OAAO,CAAA,GAElC,CAACJ,CAAK,CAAC,EAOH,CAAE,MAAAC,EAAO,MALF,IAAM,CAClB,aAAaG,EAAa,OAAO,EACjCF,EAAS,EAAI,CAAA,CAGC,CAClB"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),q=require("../useDidUpdate/useDidUpdate.cjs"),M=c=>{const e=Math.ceil(c),s=Math.floor(e/(60*60*24)),u=Math.floor(e%(60*60*24)/(60*60)),t=Math.floor(e%(60*60)/60);return{seconds:Math.floor(e%60),minutes:t,hours:u,days:s}},D=(...c)=>{const e=Math.max(c[0]??0,0),s=typeof c[1]=="object"?c[1]:{onExpire:c[1]},[u,t]=d.useState(e>0&&((s==null?void 0:s.immediately)??!0)),[i,n]=d.useState(e),S=d.useRef(void 0),f=d.useRef(s);f.current=s??{},q.useDidUpdate(()=>{if(e<=0){t(!1),n(0);return}t(!0),n(e)},[e]),d.useEffect(()=>{var r,a;if(!u)return;(a=(r=f.current)==null?void 0:r.onStart)==null||a.call(r);const o=()=>{var l,v;(v=(l=f.current)==null?void 0:l.onTick)==null||v.call(l,i),n(j=>{var m,p;const h=j-1;return h===0&&(t(!1),(p=(m=f.current)==null?void 0:m.onExpire)==null||p.call(m)),h})};return S.current=setInterval(o,1e3),()=>{clearInterval(S.current)}},[u]);const T=()=>t(!1),g=()=>{i<=0||t(!0)},y=()=>{i<=0||t(!u)},I=(o,r=!0)=>{n(o),r&&t(!0)},R=()=>{e<=0||(t(!0),n(e))},b=()=>{t(!1),n(0)},x=o=>n(r=>r+o),E=o=>{n(r=>{const a=r-o;return a<=0?(t(!1),0):a})};return{...M(i),count:i,pause:T,active:u,resume:g,toggle:y,start:R,restart:I,clear:b,increase:x,decrease:E}};exports.getTimeFromSeconds=M;exports.useTimer=D;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),I=require("../useDidUpdate/useDidUpdate.cjs"),m=o=>{const e=Math.ceil(o),i=Math.floor(e/(60*60*24)),c=Math.floor(e%(60*60*24)/(60*60)),t=Math.floor(e%(60*60)/60);return{seconds:Math.floor(e%60),minutes:t,hours:c,days:i}},R=(...o)=>{const e=Math.max(o[0]??0,0),i=typeof o[1]=="object"?o[1]:{onExpire:o[1]},[c,t]=d.useState(e>0&&(i?.immediately??!0)),[u,r]=d.useState(e),l=d.useRef(void 0),f=d.useRef(i);f.current=i??{},I.useDidUpdate(()=>{if(e<=0){t(!1),r(0);return}t(!0),r(e)},[e]),d.useEffect(()=>{if(!c)return;f.current?.onStart?.();const n=()=>{f.current?.onTick?.(u),r(s=>{const a=s-1;return a===0&&(t(!1),f.current?.onExpire?.()),a})};return l.current=setInterval(n,1e3),()=>{clearInterval(l.current)}},[c]);const S=()=>t(!1),p=()=>{u<=0||t(!0)},v=()=>{u<=0||t(!c)},h=(n,s=!0)=>{r(n),s&&t(!0)},M=()=>{e<=0||(t(!0),r(e))},T=()=>{t(!1),r(0)},g=n=>r(s=>s+n),y=n=>{r(s=>{const a=s-n;return a<=0?(t(!1),0):a})};return{...m(u),count:u,pause:S,active:c,resume:p,toggle:v,start:M,restart:h,clear:T,increase:g,decrease:y}};exports.getTimeFromSeconds=m;exports.useTimer=R;
2
2
  //# sourceMappingURL=useTimer.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useTimer.cjs","sources":["../../../../src/hooks/useTimer/useTimer.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\n\nexport type PositiveInteger<Value extends number> = `${Value}` extends `-${any}` | `${any}.${any}`\n ? never\n : Value;\n\nexport const getTimeFromSeconds = (timestamp: number) => {\n const roundedTimestamp = Math.ceil(timestamp);\n const days = Math.floor(roundedTimestamp / (60 * 60 * 24));\n const hours = Math.floor((roundedTimestamp % (60 * 60 * 24)) / (60 * 60));\n const minutes = Math.floor((roundedTimestamp % (60 * 60)) / 60);\n const seconds = Math.floor(roundedTimestamp % 60);\n\n return {\n seconds,\n minutes,\n hours,\n days\n };\n};\n\n/** The use timer options type */\nexport interface UseTimerOptions {\n /** Whether the timer should start automatically */\n immediately?: boolean;\n /** The function to be executed when the timer is expired */\n onExpire?: () => void;\n /** The function to be executed when the timer is started */\n onStart?: () => void;\n /** Callback function to be executed on each tick of the timer */\n onTick?: (seconds: number) => void;\n}\n\n/** The use timer return type */\nexport interface UseTimerReturn {\n /** flag to indicate if timer is active or not */\n active: boolean;\n /** The total count of the timer */\n count: number;\n /** The day count of the timer */\n days: number;\n /** The hour count of the timer */\n hours: number;\n /** The minute count of the timer */\n minutes: number;\n /** The second count of the timer */\n seconds: number;\n /** The function to clear the timer */\n clear: () => void;\n /** The function to decrease the timer */\n decrease: (seconds: PositiveInteger<number>) => void;\n /** The function to increase the timer */\n increase: (seconds: PositiveInteger<number>) => void;\n /** The function to pause the timer */\n pause: () => void;\n /** The function to restart the timer */\n restart: (time: PositiveInteger<number>, immediately?: boolean) => void;\n /** The function to resume the timer */\n resume: () => void;\n /** The function to start the timer */\n start: () => void;\n /** The function to toggle the timer */\n toggle: () => void;\n}\n\nexport interface UseTimer {\n (): UseTimerReturn;\n\n (seconds: PositiveInteger<number>, callback: () => void): UseTimerReturn;\n\n (seconds: PositiveInteger<number>, options?: UseTimerOptions): UseTimerReturn;\n}\n\n/**\n * @name useTimer\n * @description - Hook that creates a timer functionality\n * @category Time\n *\n * @overload\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer();\n *\n * @overload\n * @param {number} seconds The seconds value that define for how long the timer will be running\n * @param {() => void} callback The function to be executed once countdown timer is expired\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer(1000, () => console.log('ready'));\n *\n * @overload\n * @param {number} seconds The seconds value that define for how long the timer will be running\n * @param {boolean} [options.immediately=true] The flag to decide if timer should start automatically\n * @param {() => void} [options.onExpire] The function to be executed when the timer is expired\n * @param {(timestamp: number) => void} [options.onTick] The function to be executed on each tick of the timer\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer(1000);\n */\nexport const useTimer = ((...params: any[]) => {\n const initialSeconds = Math.max((params[0] ?? 0) as PositiveInteger<number>, 0);\n const options = (typeof params[1] === 'object' ? params[1] : { onExpire: params[1] }) as\n | UseTimerOptions\n | undefined;\n\n const [active, setActive] = useState(initialSeconds > 0 && (options?.immediately ?? true));\n const [seconds, setSeconds] = useState(initialSeconds);\n\n const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);\n const optionsRef = useRef<UseTimerOptions>(options);\n optionsRef.current = options ?? {};\n\n useDidUpdate(() => {\n if (initialSeconds <= 0) {\n setActive(false);\n setSeconds(0);\n return;\n }\n\n setActive(true);\n setSeconds(initialSeconds);\n }, [initialSeconds]);\n\n useEffect(() => {\n if (!active) return;\n\n optionsRef.current?.onStart?.();\n const onInterval = () => {\n optionsRef.current?.onTick?.(seconds);\n setSeconds((prevSeconds) => {\n const updatedSeconds = prevSeconds - 1;\n if (updatedSeconds === 0) {\n setActive(false);\n optionsRef.current?.onExpire?.();\n }\n return updatedSeconds;\n });\n };\n\n intervalIdRef.current = setInterval(onInterval, 1000);\n return () => {\n clearInterval(intervalIdRef.current);\n };\n }, [active]);\n\n const pause = () => setActive(false);\n const resume = () => {\n if (seconds <= 0) return;\n setActive(true);\n };\n\n const toggle = () => {\n if (seconds <= 0) return;\n setActive(!active);\n };\n\n const restart = (seconds: PositiveInteger<number>, immediately = true) => {\n setSeconds(seconds);\n if (immediately) setActive(true);\n };\n\n const start = () => {\n if (initialSeconds <= 0) return;\n\n setActive(true);\n setSeconds(initialSeconds);\n };\n\n const clear = () => {\n setActive(false);\n setSeconds(0);\n };\n\n const increase = (seconds: PositiveInteger<number>) =>\n setSeconds((prevSeconds) => prevSeconds + seconds);\n const decrease = (seconds: PositiveInteger<number>) => {\n setSeconds((prevSeconds) => {\n const updatedSeconds = prevSeconds - seconds;\n if (updatedSeconds <= 0) {\n setActive(false);\n return 0;\n } else {\n return updatedSeconds;\n }\n });\n };\n\n return {\n ...getTimeFromSeconds(seconds),\n count: seconds,\n pause,\n active,\n resume,\n toggle,\n start,\n restart,\n clear,\n increase,\n decrease\n };\n}) as UseTimer;\n"],"names":["getTimeFromSeconds","timestamp","roundedTimestamp","days","hours","minutes","useTimer","params","initialSeconds","options","active","setActive","useState","seconds","setSeconds","intervalIdRef","useRef","optionsRef","useDidUpdate","useEffect","_b","_a","onInterval","prevSeconds","updatedSeconds","pause","resume","toggle","restart","immediately","start","clear","increase","decrease"],"mappings":"uJAQaA,EAAsBC,GAAsB,CACjD,MAAAC,EAAmB,KAAK,KAAKD,CAAS,EACtCE,EAAO,KAAK,MAAMD,GAAoB,GAAK,GAAK,GAAG,EACnDE,EAAQ,KAAK,MAAOF,GAAoB,GAAK,GAAK,KAAQ,GAAK,GAAG,EAClEG,EAAU,KAAK,MAAOH,GAAoB,GAAK,IAAO,EAAE,EAGvD,MAAA,CACL,QAHc,KAAK,MAAMA,EAAmB,EAAE,EAI9C,QAAAG,EACA,MAAAD,EACA,KAAAD,CACF,CACF,EAmFaG,EAAY,IAAIC,IAAkB,CAC7C,MAAMC,EAAiB,KAAK,IAAKD,EAAO,CAAC,GAAK,EAA+B,CAAC,EACxEE,EAAW,OAAOF,EAAO,CAAC,GAAM,SAAWA,EAAO,CAAC,EAAI,CAAE,SAAUA,EAAO,CAAC,CAAE,EAI7E,CAACG,EAAQC,CAAS,EAAIC,WAASJ,EAAiB,KAAMC,GAAA,YAAAA,EAAS,cAAe,GAAK,EACnF,CAACI,EAASC,CAAU,EAAIF,EAAAA,SAASJ,CAAc,EAE/CO,EAAgBC,SAAuC,MAAS,EAChEC,EAAaD,SAAwBP,CAAO,EACvCQ,EAAA,QAAUR,GAAW,CAAC,EAEjCS,EAAAA,aAAa,IAAM,CACjB,GAAIV,GAAkB,EAAG,CACvBG,EAAU,EAAK,EACfG,EAAW,CAAC,EACZ,MAAA,CAGFH,EAAU,EAAI,EACdG,EAAWN,CAAc,CAAA,EACxB,CAACA,CAAc,CAAC,EAEnBW,EAAAA,UAAU,IAAM,SACd,GAAI,CAACT,EAAQ,QAEbU,GAAAC,EAAAJ,EAAW,UAAX,YAAAI,EAAoB,UAApB,MAAAD,EAAA,KAAAC,GACA,MAAMC,EAAa,IAAM,UACZF,GAAAC,EAAAJ,EAAA,UAAA,YAAAI,EAAS,SAAT,MAAAD,EAAA,KAAAC,EAAkBR,GAC7BC,EAAYS,GAAgB,SAC1B,MAAMC,EAAiBD,EAAc,EACrC,OAAIC,IAAmB,IACrBb,EAAU,EAAK,GACfS,GAAAC,EAAAJ,EAAW,UAAX,YAAAI,EAAoB,WAApB,MAAAD,EAAA,KAAAC,IAEKG,CAAA,CACR,CACH,EAEc,OAAAT,EAAA,QAAU,YAAYO,EAAY,GAAI,EAC7C,IAAM,CACX,cAAcP,EAAc,OAAO,CACrC,CAAA,EACC,CAACL,CAAM,CAAC,EAEL,MAAAe,EAAQ,IAAMd,EAAU,EAAK,EAC7Be,EAAS,IAAM,CACfb,GAAW,GACfF,EAAU,EAAI,CAChB,EAEMgB,EAAS,IAAM,CACfd,GAAW,GACfF,EAAU,CAACD,CAAM,CACnB,EAEMkB,EAAU,CAACf,EAAkCgB,EAAc,KAAS,CACxEf,EAAWD,CAAO,EACdgB,KAAuB,EAAI,CACjC,EAEMC,EAAQ,IAAM,CACdtB,GAAkB,IAEtBG,EAAU,EAAI,EACdG,EAAWN,CAAc,EAC3B,EAEMuB,EAAQ,IAAM,CAClBpB,EAAU,EAAK,EACfG,EAAW,CAAC,CACd,EAEMkB,EAAYnB,GAChBC,EAAYS,GAAgBA,EAAcV,CAAO,EAC7CoB,EAAYpB,GAAqC,CACrDC,EAAYS,GAAgB,CAC1B,MAAMC,EAAiBD,EAAcV,EACrC,OAAIW,GAAkB,GACpBb,EAAU,EAAK,EACR,GAEAa,CACT,CACD,CACH,EAEO,MAAA,CACL,GAAGxB,EAAmBa,CAAO,EAC7B,MAAOA,EACP,MAAAY,EACA,OAAAf,EACA,OAAAgB,EACA,OAAAC,EACA,MAAAG,EACA,QAAAF,EACA,MAAAG,EACA,SAAAC,EACA,SAAAC,CACF,CACF"}
1
+ {"version":3,"file":"useTimer.cjs","sources":["../../../../src/hooks/useTimer/useTimer.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\n\nexport type PositiveInteger<Value extends number> = `${Value}` extends `-${any}` | `${any}.${any}`\n ? never\n : Value;\n\nexport const getTimeFromSeconds = (timestamp: number) => {\n const roundedTimestamp = Math.ceil(timestamp);\n const days = Math.floor(roundedTimestamp / (60 * 60 * 24));\n const hours = Math.floor((roundedTimestamp % (60 * 60 * 24)) / (60 * 60));\n const minutes = Math.floor((roundedTimestamp % (60 * 60)) / 60);\n const seconds = Math.floor(roundedTimestamp % 60);\n\n return {\n seconds,\n minutes,\n hours,\n days\n };\n};\n\n/** The use timer options type */\nexport interface UseTimerOptions {\n /** Whether the timer should start automatically */\n immediately?: boolean;\n /** The function to be executed when the timer is expired */\n onExpire?: () => void;\n /** The function to be executed when the timer is started */\n onStart?: () => void;\n /** Callback function to be executed on each tick of the timer */\n onTick?: (seconds: number) => void;\n}\n\n/** The use timer return type */\nexport interface UseTimerReturn {\n /** flag to indicate if timer is active or not */\n active: boolean;\n /** The total count of the timer */\n count: number;\n /** The day count of the timer */\n days: number;\n /** The hour count of the timer */\n hours: number;\n /** The minute count of the timer */\n minutes: number;\n /** The second count of the timer */\n seconds: number;\n /** The function to clear the timer */\n clear: () => void;\n /** The function to decrease the timer */\n decrease: (seconds: PositiveInteger<number>) => void;\n /** The function to increase the timer */\n increase: (seconds: PositiveInteger<number>) => void;\n /** The function to pause the timer */\n pause: () => void;\n /** The function to restart the timer */\n restart: (time: PositiveInteger<number>, immediately?: boolean) => void;\n /** The function to resume the timer */\n resume: () => void;\n /** The function to start the timer */\n start: () => void;\n /** The function to toggle the timer */\n toggle: () => void;\n}\n\nexport interface UseTimer {\n (): UseTimerReturn;\n\n (seconds: PositiveInteger<number>, callback: () => void): UseTimerReturn;\n\n (seconds: PositiveInteger<number>, options?: UseTimerOptions): UseTimerReturn;\n}\n\n/**\n * @name useTimer\n * @description - Hook that creates a timer functionality\n * @category Time\n *\n * @overload\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer();\n *\n * @overload\n * @param {number} seconds The seconds value that define for how long the timer will be running\n * @param {() => void} callback The function to be executed once countdown timer is expired\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer(1000, () => console.log('ready'));\n *\n * @overload\n * @param {number} seconds The seconds value that define for how long the timer will be running\n * @param {boolean} [options.immediately=true] The flag to decide if timer should start automatically\n * @param {() => void} [options.onExpire] The function to be executed when the timer is expired\n * @param {(timestamp: number) => void} [options.onTick] The function to be executed on each tick of the timer\n * @returns {UseTimerReturn} An object containing the timer properties and functions\n *\n * @example\n * const { days, hours, minutes, seconds, toggle, pause, start, restart, resume, active, decrease, increase } = useTimer(1000);\n */\nexport const useTimer = ((...params: any[]) => {\n const initialSeconds = Math.max((params[0] ?? 0) as PositiveInteger<number>, 0);\n const options = (typeof params[1] === 'object' ? params[1] : { onExpire: params[1] }) as\n | UseTimerOptions\n | undefined;\n\n const [active, setActive] = useState(initialSeconds > 0 && (options?.immediately ?? true));\n const [seconds, setSeconds] = useState(initialSeconds);\n\n const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);\n const optionsRef = useRef<UseTimerOptions>(options);\n optionsRef.current = options ?? {};\n\n useDidUpdate(() => {\n if (initialSeconds <= 0) {\n setActive(false);\n setSeconds(0);\n return;\n }\n\n setActive(true);\n setSeconds(initialSeconds);\n }, [initialSeconds]);\n\n useEffect(() => {\n if (!active) return;\n\n optionsRef.current?.onStart?.();\n const onInterval = () => {\n optionsRef.current?.onTick?.(seconds);\n setSeconds((prevSeconds) => {\n const updatedSeconds = prevSeconds - 1;\n if (updatedSeconds === 0) {\n setActive(false);\n optionsRef.current?.onExpire?.();\n }\n return updatedSeconds;\n });\n };\n\n intervalIdRef.current = setInterval(onInterval, 1000);\n return () => {\n clearInterval(intervalIdRef.current);\n };\n }, [active]);\n\n const pause = () => setActive(false);\n const resume = () => {\n if (seconds <= 0) return;\n setActive(true);\n };\n\n const toggle = () => {\n if (seconds <= 0) return;\n setActive(!active);\n };\n\n const restart = (seconds: PositiveInteger<number>, immediately = true) => {\n setSeconds(seconds);\n if (immediately) setActive(true);\n };\n\n const start = () => {\n if (initialSeconds <= 0) return;\n\n setActive(true);\n setSeconds(initialSeconds);\n };\n\n const clear = () => {\n setActive(false);\n setSeconds(0);\n };\n\n const increase = (seconds: PositiveInteger<number>) =>\n setSeconds((prevSeconds) => prevSeconds + seconds);\n const decrease = (seconds: PositiveInteger<number>) => {\n setSeconds((prevSeconds) => {\n const updatedSeconds = prevSeconds - seconds;\n if (updatedSeconds <= 0) {\n setActive(false);\n return 0;\n } else {\n return updatedSeconds;\n }\n });\n };\n\n return {\n ...getTimeFromSeconds(seconds),\n count: seconds,\n pause,\n active,\n resume,\n toggle,\n start,\n restart,\n clear,\n increase,\n decrease\n };\n}) as UseTimer;\n"],"names":["getTimeFromSeconds","timestamp","roundedTimestamp","days","hours","minutes","useTimer","params","initialSeconds","options","active","setActive","useState","seconds","setSeconds","intervalIdRef","useRef","optionsRef","useDidUpdate","useEffect","onInterval","prevSeconds","updatedSeconds","pause","resume","toggle","restart","immediately","start","clear","increase","decrease"],"mappings":"uJAQaA,EAAsBC,GAAsB,CACvD,MAAMC,EAAmB,KAAK,KAAKD,CAAS,EACtCE,EAAO,KAAK,MAAMD,GAAoB,GAAK,GAAK,GAAG,EACnDE,EAAQ,KAAK,MAAOF,GAAoB,GAAK,GAAK,KAAQ,GAAK,GAAG,EAClEG,EAAU,KAAK,MAAOH,GAAoB,GAAK,IAAO,EAAE,EAG9D,MAAO,CACL,QAHc,KAAK,MAAMA,EAAmB,EAAE,EAI9C,QAAAG,EACA,MAAAD,EACA,KAAAD,CAAA,CAEJ,EAmFaG,EAAY,IAAIC,IAAkB,CAC7C,MAAMC,EAAiB,KAAK,IAAKD,EAAO,CAAC,GAAK,EAA+B,CAAC,EACxEE,EAAW,OAAOF,EAAO,CAAC,GAAM,SAAWA,EAAO,CAAC,EAAI,CAAE,SAAUA,EAAO,CAAC,CAAA,EAI3E,CAACG,EAAQC,CAAS,EAAIC,EAAAA,SAASJ,EAAiB,IAAMC,GAAS,aAAe,GAAK,EACnF,CAACI,EAASC,CAAU,EAAIF,EAAAA,SAASJ,CAAc,EAE/CO,EAAgBC,EAAAA,OAAuC,MAAS,EAChEC,EAAaD,EAAAA,OAAwBP,CAAO,EAClDQ,EAAW,QAAUR,GAAW,CAAA,EAEhCS,EAAAA,aAAa,IAAM,CACjB,GAAIV,GAAkB,EAAG,CACvBG,EAAU,EAAK,EACfG,EAAW,CAAC,EACZ,MAAA,CAGFH,EAAU,EAAI,EACdG,EAAWN,CAAc,CAAA,EACxB,CAACA,CAAc,CAAC,EAEnBW,EAAAA,UAAU,IAAM,CACd,GAAI,CAACT,EAAQ,OAEbO,EAAW,SAAS,UAAA,EACpB,MAAMG,EAAa,IAAM,CACvBH,EAAW,SAAS,SAASJ,CAAO,EACpCC,EAAYO,GAAgB,CAC1B,MAAMC,EAAiBD,EAAc,EACrC,OAAIC,IAAmB,IACrBX,EAAU,EAAK,EACfM,EAAW,SAAS,WAAA,GAEfK,CAAA,CACR,CAAA,EAGH,OAAAP,EAAc,QAAU,YAAYK,EAAY,GAAI,EAC7C,IAAM,CACX,cAAcL,EAAc,OAAO,CAAA,CACrC,EACC,CAACL,CAAM,CAAC,EAEX,MAAMa,EAAQ,IAAMZ,EAAU,EAAK,EAC7Ba,EAAS,IAAM,CACfX,GAAW,GACfF,EAAU,EAAI,CAAA,EAGVc,EAAS,IAAM,CACfZ,GAAW,GACfF,EAAU,CAACD,CAAM,CAAA,EAGbgB,EAAU,CAACb,EAAkCc,EAAc,KAAS,CACxEb,EAAWD,CAAO,EACdc,KAAuB,EAAI,CAAA,EAG3BC,EAAQ,IAAM,CACdpB,GAAkB,IAEtBG,EAAU,EAAI,EACdG,EAAWN,CAAc,EAAA,EAGrBqB,EAAQ,IAAM,CAClBlB,EAAU,EAAK,EACfG,EAAW,CAAC,CAAA,EAGRgB,EAAYjB,GAChBC,EAAYO,GAAgBA,EAAcR,CAAO,EAC7CkB,EAAYlB,GAAqC,CACrDC,EAAYO,GAAgB,CAC1B,MAAMC,EAAiBD,EAAcR,EACrC,OAAIS,GAAkB,GACpBX,EAAU,EAAK,EACR,GAEAW,CACT,CACD,CAAA,EAGH,MAAO,CACL,GAAGtB,EAAmBa,CAAO,EAC7B,MAAOA,EACP,MAAAU,EACA,OAAAb,EACA,OAAAc,EACA,OAAAC,EACA,MAAAG,EACA,QAAAF,EACA,MAAAG,EACA,SAAAC,EACA,SAAAC,CAAA,CAEJ"}
@@ -1 +1 @@
1
- {"version":3,"file":"useToggle.cjs","sources":["../../../../src/hooks/useToggle/useToggle.ts"],"sourcesContent":["import type { SetStateAction } from 'react';\n\nimport { useReducer } from 'react';\n\n/** The use toggle return type */\nexport type UseToggleReturn<Value> = readonly [Value, (value?: Value) => void];\n\n/**\n * @name useToggle\n * @description - Hook that create toggle\n * @category Utilities\n *\n * @template Value The type of the value\n * @param {Value[]} [values=[false, true]] The values to toggle\n *\n * @example\n * const [on, toggle] = useToggle();\n *\n * @example\n * const [value, toggle] = useToggle(['light', 'dark'] as const);\n */\nexport const useToggle = <Value = boolean>(values: readonly Value[] = [false, true] as any) => {\n const [[option], toggle] = useReducer((state: Value[], action: SetStateAction<Value>) => {\n const value =\n typeof action === 'function' ? (action as (prevState: Value) => Value)(state[0]) : action;\n const index = Math.abs(state.indexOf(value));\n return state.slice(index).concat(state.slice(0, index));\n }, values as Value[]);\n\n return [option, toggle as (value?: SetStateAction<Value>) => void] as const;\n};\n"],"names":["useToggle","values","option","toggle","useReducer","state","action","value","index"],"mappings":"yGAqBaA,EAAY,CAAkBC,EAA2B,CAAC,GAAO,EAAI,IAAa,CACvF,KAAA,CAAC,CAACC,CAAM,EAAGC,CAAM,EAAIC,aAAW,CAACC,EAAgBC,IAAkC,CACjF,MAAAC,EACJ,OAAOD,GAAW,WAAcA,EAAuCD,EAAM,CAAC,CAAC,EAAIC,EAC/EE,EAAQ,KAAK,IAAIH,EAAM,QAAQE,CAAK,CAAC,EACpC,OAAAF,EAAM,MAAMG,CAAK,EAAE,OAAOH,EAAM,MAAM,EAAGG,CAAK,CAAC,GACrDP,CAAiB,EAEb,MAAA,CAACC,EAAQC,CAAiD,CACnE"}
1
+ {"version":3,"file":"useToggle.cjs","sources":["../../../../src/hooks/useToggle/useToggle.ts"],"sourcesContent":["import type { SetStateAction } from 'react';\n\nimport { useReducer } from 'react';\n\n/** The use toggle return type */\nexport type UseToggleReturn<Value> = readonly [Value, (value?: Value) => void];\n\n/**\n * @name useToggle\n * @description - Hook that create toggle\n * @category Utilities\n *\n * @template Value The type of the value\n * @param {Value[]} [values=[false, true]] The values to toggle\n *\n * @example\n * const [on, toggle] = useToggle();\n *\n * @example\n * const [value, toggle] = useToggle(['light', 'dark'] as const);\n */\nexport const useToggle = <Value = boolean>(values: readonly Value[] = [false, true] as any) => {\n const [[option], toggle] = useReducer((state: Value[], action: SetStateAction<Value>) => {\n const value =\n typeof action === 'function' ? (action as (prevState: Value) => Value)(state[0]) : action;\n const index = Math.abs(state.indexOf(value));\n return state.slice(index).concat(state.slice(0, index));\n }, values as Value[]);\n\n return [option, toggle as (value?: SetStateAction<Value>) => void] as const;\n};\n"],"names":["useToggle","values","option","toggle","useReducer","state","action","value","index"],"mappings":"yGAqBaA,EAAY,CAAkBC,EAA2B,CAAC,GAAO,EAAI,IAAa,CAC7F,KAAM,CAAC,CAACC,CAAM,EAAGC,CAAM,EAAIC,aAAW,CAACC,EAAgBC,IAAkC,CACvF,MAAMC,EACJ,OAAOD,GAAW,WAAcA,EAAuCD,EAAM,CAAC,CAAC,EAAIC,EAC/EE,EAAQ,KAAK,IAAIH,EAAM,QAAQE,CAAK,CAAC,EAC3C,OAAOF,EAAM,MAAMG,CAAK,EAAE,OAAOH,EAAM,MAAM,EAAGG,CAAK,CAAC,CAAA,EACrDP,CAAiB,EAEpB,MAAO,CAACC,EAAQC,CAAiD,CACnE"}
@@ -1 +1 @@
1
- {"version":3,"file":"useUnmount.cjs","sources":["../../../../src/hooks/useUnmount/useUnmount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * @name useUnmount\n * @description - Hook that defines the logic when unmounting a component\n * @category Lifecycle\n *\n * @param {() => void} callback The callback function to be invoked on component unmount\n * @returns {void}\n *\n * @example\n * useUnmount(() => console.log('This effect runs on component unmount'));\n */\n\nexport const useUnmount = (callback: () => void) => {\n const internalCallbackRef = useRef(callback);\n internalCallbackRef.current = callback;\n\n useEffect(\n () => () => {\n internalCallbackRef.current();\n },\n []\n );\n};\n"],"names":["useUnmount","callback","internalCallbackRef","useRef","useEffect"],"mappings":"yGAcaA,EAAcC,GAAyB,CAC5C,MAAAC,EAAsBC,SAAOF,CAAQ,EAC3CC,EAAoB,QAAUD,EAE9BG,EAAA,UACE,IAAM,IAAM,CACVF,EAAoB,QAAQ,CAC9B,EACA,CAAA,CACF,CACF"}
1
+ {"version":3,"file":"useUnmount.cjs","sources":["../../../../src/hooks/useUnmount/useUnmount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * @name useUnmount\n * @description - Hook that defines the logic when unmounting a component\n * @category Lifecycle\n *\n * @param {() => void} callback The callback function to be invoked on component unmount\n * @returns {void}\n *\n * @example\n * useUnmount(() => console.log('This effect runs on component unmount'));\n */\n\nexport const useUnmount = (callback: () => void) => {\n const internalCallbackRef = useRef(callback);\n internalCallbackRef.current = callback;\n\n useEffect(\n () => () => {\n internalCallbackRef.current();\n },\n []\n );\n};\n"],"names":["useUnmount","callback","internalCallbackRef","useRef","useEffect"],"mappings":"yGAcaA,EAAcC,GAAyB,CAClD,MAAMC,EAAsBC,EAAAA,OAAOF,CAAQ,EAC3CC,EAAoB,QAAUD,EAE9BG,EAAAA,UACE,IAAM,IAAM,CACVF,EAAoB,QAAA,CAAQ,EAE9B,CAAA,CAAC,CAEL"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),l="reactuse-url-search-params-event",d=(s="history")=>{const{search:i,hash:r}=window.location;let a="";if(s==="history"&&(a=i),s==="hash-params"&&(a=r.replace(/^#/,"")),s==="hash"){const t=r.indexOf("?");a=~t?r.slice(t):""}return new URLSearchParams(a)},g=(s,i)=>{const r=s.toString(),{search:a,hash:t}=window.location;if(i==="history")return`${r?`?${r}`:""}${t}`;if(i==="hash-params")return`${a}${r?`#${r}`:""}`;if(i==="hash"){const c=t.indexOf("?"),h=c>-1?t.slice(0,c):t;return`${a}${h}${r?`?${r}`:""}`}throw new Error("Invalid mode")},m=()=>window.dispatchEvent(new Event(l)),L=(s,i)=>{const r=typeof i=="object"&&i&&("serializer"in i||"deserializer"in i||"initialValue"in i||"mode"in i||"write"in i)?i:void 0,a=r?r==null?void 0:r.initialValue:i,{mode:t="history",write:c="replace"}=r??{};if(typeof window>"u")return{value:a,remove:()=>{},set:()=>{}};const h=e=>r!=null&&r.serializer?r.serializer(e):typeof e=="string"?e:JSON.stringify(e),S=e=>{if(r!=null&&r.deserializer)return r.deserializer(e);if(!(e==="undefined"||e==="null"))try{return JSON.parse(e)}catch{return e}},u=(e,n,o,v="replace")=>{const f=d(o),z=n!==void 0?h?h(n):String(n):"";n===void 0?f.delete(e):f.set(e,z);const E=g(f,o);v==="replace"&&window.history.replaceState({},"",E),v==="push"&&window.history.pushState({},"",E),m()},[y,w]=P.useState(()=>{const n=d(t).get(s);return n===null&&a!==void 0?(u(s,a,t,c),a):n?S(n):void 0}),U=(e,n)=>{u(s,e,t,(n==null?void 0:n.write)??c),w(e)},$=e=>{u(s,void 0,t,(e==null?void 0:e.write)??c),w(void 0)};return P.useEffect(()=>{const e=()=>{const o=d(t).get(s);w(o?S(o):void 0)};return window.addEventListener(l,e),window.addEventListener("popstate",e),t!=="history"&&window.addEventListener("hashchange",e),()=>{window.removeEventListener(l,e),window.removeEventListener("popstate",e),t!=="history"&&window.removeEventListener("hashchange",e)}},[s,t]),{value:y,remove:$,set:U}};exports.URL_SEARCH_PARAMS_EVENT=l;exports.createQueryString=g;exports.dispatchUrlSearchParamsEvent=m;exports.getUrlSearchParams=d;exports.useUrlSearchParam=L;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),l="reactuse-url-search-params-event",d=(n="history")=>{const{search:i,hash:r}=window.location;let s="";if(n==="history"&&(s=i),n==="hash-params"&&(s=r.replace(/^#/,"")),n==="hash"){const t=r.indexOf("?");s=~t?r.slice(t):""}return new URLSearchParams(s)},g=(n,i)=>{const r=n.toString(),{search:s,hash:t}=window.location;if(i==="history")return`${r?`?${r}`:""}${t}`;if(i==="hash-params")return`${s}${r?`#${r}`:""}`;if(i==="hash"){const o=t.indexOf("?"),h=o>-1?t.slice(0,o):t;return`${s}${h}${r?`?${r}`:""}`}throw new Error("Invalid mode")},p=()=>window.dispatchEvent(new Event(l)),z=(n,i)=>{const r=typeof i=="object"&&i&&("serializer"in i||"deserializer"in i||"initialValue"in i||"mode"in i||"write"in i)?i:void 0,s=r?r?.initialValue:i,{mode:t="history",write:o="replace"}=r??{};if(typeof window>"u")return{value:s,remove:()=>{},set:()=>{}};const h=e=>r?.serializer?r.serializer(e):typeof e=="string"?e:JSON.stringify(e),S=e=>{if(r?.deserializer)return r.deserializer(e);if(!(e==="undefined"||e==="null"))try{return JSON.parse(e)}catch{return e}},u=(e,a,c,v="replace")=>{const f=d(c),$=a!==void 0?h?h(a):String(a):"";a===void 0?f.delete(e):f.set(e,$);const E=g(f,c);v==="replace"&&window.history.replaceState({},"",E),v==="push"&&window.history.pushState({},"",E),p()},[m,w]=P.useState(()=>{const a=d(t).get(n);return a===null&&s!==void 0?(u(n,s,t,o),s):a?S(a):void 0}),y=(e,a)=>{u(n,e,t,a?.write??o),w(e)},U=e=>{u(n,void 0,t,e?.write??o),w(void 0)};return P.useEffect(()=>{const e=()=>{const c=d(t).get(n);w(c?S(c):void 0)};return window.addEventListener(l,e),window.addEventListener("popstate",e),t!=="history"&&window.addEventListener("hashchange",e),()=>{window.removeEventListener(l,e),window.removeEventListener("popstate",e),t!=="history"&&window.removeEventListener("hashchange",e)}},[n,t]),{value:m,remove:U,set:y}};exports.URL_SEARCH_PARAMS_EVENT=l;exports.createQueryString=g;exports.dispatchUrlSearchParamsEvent=p;exports.getUrlSearchParams=d;exports.useUrlSearchParam=z;
2
2
  //# sourceMappingURL=useUrlSearchParam.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useUrlSearchParam.cjs","sources":["../../../../src/hooks/useUrlSearchParam/useUrlSearchParam.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The url search params mode type */\nexport type UrlSearchParamMode = 'hash-params' | 'hash' | 'history';\n\n/** The use url search param options type */\nexport interface UseUrlSearchParamOptions<Value> {\n /** The initial value of the search param */\n initialValue?: Value;\n /** The mode to use for writing to the URL */\n mode?: UrlSearchParamMode;\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n /** The deserializer function to be invoked */\n deserializer?: (value: string) => Value;\n /** The serializer function to be invoked */\n serializer?: (value: Value) => string;\n}\n\n/** The use url search params set options type */\nexport interface UseUrlSearchParamsActionOptions {\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n}\n\n/** The use url search param return type */\nexport interface UseUrlSearchParamReturn<Value> {\n /** Current search param value */\n value: Value | undefined;\n /** Function to remove the search param */\n remove: (options?: UseUrlSearchParamsActionOptions) => void;\n /** Function to update search param */\n set: (value: Value, options?: UseUrlSearchParamsActionOptions) => void;\n}\n\nexport const URL_SEARCH_PARAMS_EVENT = 'reactuse-url-search-params-event';\n\nexport const getUrlSearchParams = (mode: UrlSearchParamMode = 'history') => {\n const { search, hash } = window.location;\n\n let path = '';\n\n if (mode === 'history') path = search;\n if (mode === 'hash-params') path = hash.replace(/^#/, '');\n if (mode === 'hash') {\n const index = hash.indexOf('?');\n path = ~index ? hash.slice(index) : '';\n }\n\n return new URLSearchParams(path);\n};\n\nexport const createQueryString = (searchParams: URLSearchParams, mode: UrlSearchParamMode) => {\n const searchParamsString = searchParams.toString();\n const { search, hash } = window.location;\n\n if (mode === 'history') return `${searchParamsString ? `?${searchParamsString}` : ''}${hash}`;\n if (mode === 'hash-params')\n return `${search}${searchParamsString ? `#${searchParamsString}` : ''}`;\n if (mode === 'hash') {\n const index = hash.indexOf('?');\n const base = index > -1 ? hash.slice(0, index) : hash;\n return `${search}${base}${searchParamsString ? `?${searchParamsString}` : ''}`;\n }\n\n throw new Error('Invalid mode');\n};\n\nexport const dispatchUrlSearchParamsEvent = () =>\n window.dispatchEvent(new Event(URL_SEARCH_PARAMS_EVENT));\n\nexport interface UseUrlSearchParam {\n <Value>(\n key: string,\n options: UseUrlSearchParamOptions<Value> & { initialValue: Value }\n ): UseUrlSearchParamReturn<Value>;\n\n <Value>(\n key: string,\n options?: UseUrlSearchParamOptions<Value>\n ): UseUrlSearchParamReturn<Value | undefined>;\n\n <Value>(key: string, initialValue: Value): UseUrlSearchParamReturn<Value>;\n\n <Value>(key: string): UseUrlSearchParamReturn<Value | undefined>;\n}\n\n/**\n * @name useUrlSearchParam\n * @description - Hook that provides reactive URLSearchParams for a single key\n * @category Browser\n *\n * @overload\n * @template Value The type of the url param values\n * @param {string} key The key of the url param\n * @param {UseUrlSearchParamOptions<Value> & { initialValue: Value }} options The options object with required initialValue\n * @param {Value} options.initialValue The initial value for the url param\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\n * @param {(value: Value) => string} [options.serializer] Custom serializer function to convert value to string\n * @param {(value: string) => Value} [options.deserializer] Custom deserializer function to convert string to value\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParam('page', { initialValue: 1 });\n *\n * @overload\n * @template Value The type of the url param values\n * @param {string} key The key of the url param\n * @param {Value} [initialValue] The initial value for the url param\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParam('page', 1);\n */\nexport const useUrlSearchParam = (<Value>(key: string, params?: any) => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params ||\n 'deserializer' in params ||\n 'initialValue' in params ||\n 'mode' in params ||\n 'write' in params)\n ? params\n : undefined\n ) as UseUrlSearchParamOptions<Value>;\n\n const initialValue = (options ? options?.initialValue : params) as Value;\n const { mode = 'history', write: writeMode = 'replace' } = options ?? {};\n\n if (typeof window === 'undefined') {\n return {\n value: initialValue,\n remove: () => {},\n set: () => {}\n } as UseUrlSearchParamReturn<Value>;\n }\n\n const serializer = (value: Value) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n\n return JSON.stringify(value);\n };\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined' || value === 'null') return undefined as unknown as Value;\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value;\n }\n };\n\n const setUrlSearchParam = (\n key: string,\n value: Value | undefined,\n mode: UrlSearchParamMode,\n write: 'push' | 'replace' = 'replace'\n ) => {\n const searchParams = getUrlSearchParams(mode);\n const serializedValue =\n value !== undefined ? (serializer ? serializer(value) : String(value)) : '';\n\n if (value === undefined) {\n searchParams.delete(key);\n } else {\n searchParams.set(key, serializedValue);\n }\n\n const query = createQueryString(searchParams, mode);\n if (write === 'replace') window.history.replaceState({}, '', query);\n if (write === 'push') window.history.pushState({}, '', query);\n\n dispatchUrlSearchParamsEvent();\n };\n\n const [value, setValue] = useState<Value | undefined>(() => {\n const searchParams = getUrlSearchParams(mode);\n const currentValue = searchParams.get(key);\n\n if (currentValue === null && initialValue !== undefined) {\n setUrlSearchParam(key, initialValue, mode, writeMode);\n return initialValue;\n }\n\n return currentValue ? deserializer(currentValue) : undefined;\n });\n\n const set = (value: Value, options?: UseUrlSearchParamsActionOptions) => {\n setUrlSearchParam(key, value, mode, options?.write ?? writeMode);\n setValue(value);\n };\n\n const remove = (options?: UseUrlSearchParamsActionOptions) => {\n setUrlSearchParam(key, undefined, mode, options?.write ?? writeMode);\n setValue(undefined);\n };\n\n useEffect(() => {\n const onParamsChange = () => {\n const searchParams = getUrlSearchParams(mode);\n const newValue = searchParams.get(key);\n setValue(newValue ? deserializer(newValue) : undefined);\n };\n\n window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.addEventListener('popstate', onParamsChange);\n if (mode !== 'history') {\n window.addEventListener('hashchange', onParamsChange);\n }\n\n return () => {\n window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.removeEventListener('popstate', onParamsChange);\n if (mode !== 'history') {\n window.removeEventListener('hashchange', onParamsChange);\n }\n };\n }, [key, mode]);\n\n return {\n value,\n remove,\n set\n };\n}) as UseUrlSearchParam;\n"],"names":["URL_SEARCH_PARAMS_EVENT","getUrlSearchParams","mode","search","hash","path","index","createQueryString","searchParams","searchParamsString","base","dispatchUrlSearchParamsEvent","useUrlSearchParam","key","params","options","initialValue","writeMode","serializer","value","deserializer","setUrlSearchParam","write","serializedValue","query","setValue","useState","currentValue","set","remove","useEffect","onParamsChange","newValue"],"mappings":"yGAmCaA,EAA0B,mCAE1BC,EAAqB,CAACC,EAA2B,YAAc,CAC1E,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAK,EAAI,OAAO,SAEhC,IAAIC,EAAO,GAIX,GAFIH,IAAS,YAAkBG,EAAAF,GAC3BD,IAAS,gBAAeG,EAAOD,EAAK,QAAQ,KAAM,EAAE,GACpDF,IAAS,OAAQ,CACb,MAAAI,EAAQF,EAAK,QAAQ,GAAG,EAC9BC,EAAO,CAACC,EAAQF,EAAK,MAAME,CAAK,EAAI,EAAA,CAG/B,OAAA,IAAI,gBAAgBD,CAAI,CACjC,EAEaE,EAAoB,CAACC,EAA+BN,IAA6B,CACtF,MAAAO,EAAqBD,EAAa,SAAS,EAC3C,CAAE,OAAAL,EAAQ,KAAAC,CAAK,EAAI,OAAO,SAE5B,GAAAF,IAAS,UAAW,MAAO,GAAGO,EAAqB,IAAIA,CAAkB,GAAK,EAAE,GAAGL,CAAI,GAC3F,GAAIF,IAAS,cACX,MAAO,GAAGC,CAAM,GAAGM,EAAqB,IAAIA,CAAkB,GAAK,EAAE,GACvE,GAAIP,IAAS,OAAQ,CACb,MAAAI,EAAQF,EAAK,QAAQ,GAAG,EACxBM,EAAOJ,EAAQ,GAAKF,EAAK,MAAM,EAAGE,CAAK,EAAIF,EAC1C,MAAA,GAAGD,CAAM,GAAGO,CAAI,GAAGD,EAAqB,IAAIA,CAAkB,GAAK,EAAE,EAAA,CAGxE,MAAA,IAAI,MAAM,cAAc,CAChC,EAEaE,EAA+B,IAC1C,OAAO,cAAc,IAAI,MAAMX,CAAuB,CAAC,EA8C5CY,EAAqB,CAAQC,EAAaC,IAAiB,CACtE,MAAMC,EACJ,OAAOD,GAAW,UAClBA,IACC,eAAgBA,GACf,iBAAkBA,GAClB,iBAAkBA,GAClB,SAAUA,GACV,UAAWA,GACTA,EACA,OAGAE,EAAgBD,EAAUA,GAAA,YAAAA,EAAS,aAAeD,EAClD,CAAE,KAAAZ,EAAO,UAAW,MAAOe,EAAY,SAAU,EAAIF,GAAW,CAAC,EAEnE,GAAA,OAAO,OAAW,IACb,MAAA,CACL,MAAOC,EACP,OAAQ,IAAM,CAAC,EACf,IAAK,IAAM,CAAA,CACb,EAGI,MAAAE,EAAcC,GACdJ,GAAA,MAAAA,EAAS,WAAmBA,EAAQ,WAAWI,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAE/B,KAAK,UAAUA,CAAK,EAGvBC,EAAgBD,GAAkB,CACtC,GAAIJ,GAAA,MAAAA,EAAS,aAAqB,OAAAA,EAAQ,aAAaI,CAAK,EAC5D,GAAIA,EAAAA,IAAU,aAAeA,IAAU,QAEnC,GAAA,CACK,OAAA,KAAK,MAAMA,CAAK,CAAA,MACjB,CACCA,OAAAA,CAAA,CAEX,EAEME,EAAoB,CACxBR,EACAM,EACAjB,EACAoB,EAA4B,YACzB,CACG,MAAAd,EAAeP,EAAmBC,CAAI,EACtCqB,EACJJ,IAAU,OAAaD,EAAaA,EAAWC,CAAK,EAAI,OAAOA,CAAK,EAAK,GAEvEA,IAAU,OACZX,EAAa,OAAOK,CAAG,EAEVL,EAAA,IAAIK,EAAKU,CAAe,EAGjC,MAAAC,EAAQjB,EAAkBC,EAAcN,CAAI,EAC9CoB,IAAU,WAAkB,OAAA,QAAQ,aAAa,CAAC,EAAG,GAAIE,CAAK,EAC9DF,IAAU,QAAe,OAAA,QAAQ,UAAU,CAAC,EAAG,GAAIE,CAAK,EAE/Bb,EAAA,CAC/B,EAEM,CAACQ,EAAOM,CAAQ,EAAIC,WAA4B,IAAM,CAEpD,MAAAC,EADe1B,EAAmBC,CAAI,EACV,IAAIW,CAAG,EAErC,OAAAc,IAAiB,MAAQX,IAAiB,QAC1BK,EAAAR,EAAKG,EAAcd,EAAMe,CAAS,EAC7CD,GAGFW,EAAeP,EAAaO,CAAY,EAAI,MAAA,CACpD,EAEKC,EAAM,CAACT,EAAcJ,IAA8C,CACvEM,EAAkBR,EAAKM,EAAOjB,GAAMa,GAAAA,YAAAA,EAAS,QAASE,CAAS,EAC/DQ,EAASN,CAAK,CAChB,EAEMU,EAAUd,GAA8C,CAC5DM,EAAkBR,EAAK,OAAWX,GAAMa,GAAAA,YAAAA,EAAS,QAASE,CAAS,EACnEQ,EAAS,MAAS,CACpB,EAEAK,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAiB,IAAM,CAErB,MAAAC,EADe/B,EAAmBC,CAAI,EACd,IAAIW,CAAG,EACrCY,EAASO,EAAWZ,EAAaY,CAAQ,EAAI,MAAS,CACxD,EAEO,cAAA,iBAAiBhC,EAAyB+B,CAAc,EACxD,OAAA,iBAAiB,WAAYA,CAAc,EAC9C7B,IAAS,WACJ,OAAA,iBAAiB,aAAc6B,CAAc,EAG/C,IAAM,CACJ,OAAA,oBAAoB/B,EAAyB+B,CAAc,EAC3D,OAAA,oBAAoB,WAAYA,CAAc,EACjD7B,IAAS,WACJ,OAAA,oBAAoB,aAAc6B,CAAc,CAE3D,CAAA,EACC,CAAClB,EAAKX,CAAI,CAAC,EAEP,CACL,MAAAiB,EACA,OAAAU,EACA,IAAAD,CACF,CACF"}
1
+ {"version":3,"file":"useUrlSearchParam.cjs","sources":["../../../../src/hooks/useUrlSearchParam/useUrlSearchParam.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The url search params mode type */\nexport type UrlSearchParamMode = 'hash-params' | 'hash' | 'history';\n\n/** The use url search param options type */\nexport interface UseUrlSearchParamOptions<Value> {\n /** The initial value of the search param */\n initialValue?: Value;\n /** The mode to use for writing to the URL */\n mode?: UrlSearchParamMode;\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n /** The deserializer function to be invoked */\n deserializer?: (value: string) => Value;\n /** The serializer function to be invoked */\n serializer?: (value: Value) => string;\n}\n\n/** The use url search params set options type */\nexport interface UseUrlSearchParamsActionOptions {\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n}\n\n/** The use url search param return type */\nexport interface UseUrlSearchParamReturn<Value> {\n /** Current search param value */\n value: Value | undefined;\n /** Function to remove the search param */\n remove: (options?: UseUrlSearchParamsActionOptions) => void;\n /** Function to update search param */\n set: (value: Value, options?: UseUrlSearchParamsActionOptions) => void;\n}\n\nexport const URL_SEARCH_PARAMS_EVENT = 'reactuse-url-search-params-event';\n\nexport const getUrlSearchParams = (mode: UrlSearchParamMode = 'history') => {\n const { search, hash } = window.location;\n\n let path = '';\n\n if (mode === 'history') path = search;\n if (mode === 'hash-params') path = hash.replace(/^#/, '');\n if (mode === 'hash') {\n const index = hash.indexOf('?');\n path = ~index ? hash.slice(index) : '';\n }\n\n return new URLSearchParams(path);\n};\n\nexport const createQueryString = (searchParams: URLSearchParams, mode: UrlSearchParamMode) => {\n const searchParamsString = searchParams.toString();\n const { search, hash } = window.location;\n\n if (mode === 'history') return `${searchParamsString ? `?${searchParamsString}` : ''}${hash}`;\n if (mode === 'hash-params')\n return `${search}${searchParamsString ? `#${searchParamsString}` : ''}`;\n if (mode === 'hash') {\n const index = hash.indexOf('?');\n const base = index > -1 ? hash.slice(0, index) : hash;\n return `${search}${base}${searchParamsString ? `?${searchParamsString}` : ''}`;\n }\n\n throw new Error('Invalid mode');\n};\n\nexport const dispatchUrlSearchParamsEvent = () =>\n window.dispatchEvent(new Event(URL_SEARCH_PARAMS_EVENT));\n\nexport interface UseUrlSearchParam {\n <Value>(\n key: string,\n options: UseUrlSearchParamOptions<Value> & { initialValue: Value }\n ): UseUrlSearchParamReturn<Value>;\n\n <Value>(\n key: string,\n options?: UseUrlSearchParamOptions<Value>\n ): UseUrlSearchParamReturn<Value | undefined>;\n\n <Value>(key: string, initialValue: Value): UseUrlSearchParamReturn<Value>;\n\n <Value>(key: string): UseUrlSearchParamReturn<Value | undefined>;\n}\n\n/**\n * @name useUrlSearchParam\n * @description - Hook that provides reactive URLSearchParams for a single key\n * @category Browser\n *\n * @overload\n * @template Value The type of the url param values\n * @param {string} key The key of the url param\n * @param {UseUrlSearchParamOptions<Value> & { initialValue: Value }} options The options object with required initialValue\n * @param {Value} options.initialValue The initial value for the url param\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\n * @param {(value: Value) => string} [options.serializer] Custom serializer function to convert value to string\n * @param {(value: string) => Value} [options.deserializer] Custom deserializer function to convert string to value\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParam('page', { initialValue: 1 });\n *\n * @overload\n * @template Value The type of the url param values\n * @param {string} key The key of the url param\n * @param {Value} [initialValue] The initial value for the url param\n * @returns {UseUrlSearchParamReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParam('page', 1);\n */\nexport const useUrlSearchParam = (<Value>(key: string, params?: any) => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params ||\n 'deserializer' in params ||\n 'initialValue' in params ||\n 'mode' in params ||\n 'write' in params)\n ? params\n : undefined\n ) as UseUrlSearchParamOptions<Value>;\n\n const initialValue = (options ? options?.initialValue : params) as Value;\n const { mode = 'history', write: writeMode = 'replace' } = options ?? {};\n\n if (typeof window === 'undefined') {\n return {\n value: initialValue,\n remove: () => {},\n set: () => {}\n } as UseUrlSearchParamReturn<Value>;\n }\n\n const serializer = (value: Value) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n\n return JSON.stringify(value);\n };\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined' || value === 'null') return undefined as unknown as Value;\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value;\n }\n };\n\n const setUrlSearchParam = (\n key: string,\n value: Value | undefined,\n mode: UrlSearchParamMode,\n write: 'push' | 'replace' = 'replace'\n ) => {\n const searchParams = getUrlSearchParams(mode);\n const serializedValue =\n value !== undefined ? (serializer ? serializer(value) : String(value)) : '';\n\n if (value === undefined) {\n searchParams.delete(key);\n } else {\n searchParams.set(key, serializedValue);\n }\n\n const query = createQueryString(searchParams, mode);\n if (write === 'replace') window.history.replaceState({}, '', query);\n if (write === 'push') window.history.pushState({}, '', query);\n\n dispatchUrlSearchParamsEvent();\n };\n\n const [value, setValue] = useState<Value | undefined>(() => {\n const searchParams = getUrlSearchParams(mode);\n const currentValue = searchParams.get(key);\n\n if (currentValue === null && initialValue !== undefined) {\n setUrlSearchParam(key, initialValue, mode, writeMode);\n return initialValue;\n }\n\n return currentValue ? deserializer(currentValue) : undefined;\n });\n\n const set = (value: Value, options?: UseUrlSearchParamsActionOptions) => {\n setUrlSearchParam(key, value, mode, options?.write ?? writeMode);\n setValue(value);\n };\n\n const remove = (options?: UseUrlSearchParamsActionOptions) => {\n setUrlSearchParam(key, undefined, mode, options?.write ?? writeMode);\n setValue(undefined);\n };\n\n useEffect(() => {\n const onParamsChange = () => {\n const searchParams = getUrlSearchParams(mode);\n const newValue = searchParams.get(key);\n setValue(newValue ? deserializer(newValue) : undefined);\n };\n\n window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.addEventListener('popstate', onParamsChange);\n if (mode !== 'history') {\n window.addEventListener('hashchange', onParamsChange);\n }\n\n return () => {\n window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.removeEventListener('popstate', onParamsChange);\n if (mode !== 'history') {\n window.removeEventListener('hashchange', onParamsChange);\n }\n };\n }, [key, mode]);\n\n return {\n value,\n remove,\n set\n };\n}) as UseUrlSearchParam;\n"],"names":["URL_SEARCH_PARAMS_EVENT","getUrlSearchParams","mode","search","hash","path","index","createQueryString","searchParams","searchParamsString","base","dispatchUrlSearchParamsEvent","useUrlSearchParam","key","params","options","initialValue","writeMode","serializer","value","deserializer","setUrlSearchParam","write","serializedValue","query","setValue","useState","currentValue","set","remove","useEffect","onParamsChange","newValue"],"mappings":"yGAmCaA,EAA0B,mCAE1BC,EAAqB,CAACC,EAA2B,YAAc,CAC1E,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAA,EAAS,OAAO,SAEhC,IAAIC,EAAO,GAIX,GAFIH,IAAS,YAAWG,EAAOF,GAC3BD,IAAS,gBAAeG,EAAOD,EAAK,QAAQ,KAAM,EAAE,GACpDF,IAAS,OAAQ,CACnB,MAAMI,EAAQF,EAAK,QAAQ,GAAG,EAC9BC,EAAO,CAACC,EAAQF,EAAK,MAAME,CAAK,EAAI,EAAA,CAGtC,OAAO,IAAI,gBAAgBD,CAAI,CACjC,EAEaE,EAAoB,CAACC,EAA+BN,IAA6B,CAC5F,MAAMO,EAAqBD,EAAa,SAAA,EAClC,CAAE,OAAAL,EAAQ,KAAAC,CAAA,EAAS,OAAO,SAEhC,GAAIF,IAAS,UAAW,MAAO,GAAGO,EAAqB,IAAIA,CAAkB,GAAK,EAAE,GAAGL,CAAI,GAC3F,GAAIF,IAAS,cACX,MAAO,GAAGC,CAAM,GAAGM,EAAqB,IAAIA,CAAkB,GAAK,EAAE,GACvE,GAAIP,IAAS,OAAQ,CACnB,MAAMI,EAAQF,EAAK,QAAQ,GAAG,EACxBM,EAAOJ,EAAQ,GAAKF,EAAK,MAAM,EAAGE,CAAK,EAAIF,EACjD,MAAO,GAAGD,CAAM,GAAGO,CAAI,GAAGD,EAAqB,IAAIA,CAAkB,GAAK,EAAE,EAAA,CAG9E,MAAM,IAAI,MAAM,cAAc,CAChC,EAEaE,EAA+B,IAC1C,OAAO,cAAc,IAAI,MAAMX,CAAuB,CAAC,EA8C5CY,EAAqB,CAAQC,EAAaC,IAAiB,CACtE,MAAMC,EACJ,OAAOD,GAAW,UAClBA,IACC,eAAgBA,GACf,iBAAkBA,GAClB,iBAAkBA,GAClB,SAAUA,GACV,UAAWA,GACTA,EACA,OAGAE,EAAgBD,EAAUA,GAAS,aAAeD,EAClD,CAAE,KAAAZ,EAAO,UAAW,MAAOe,EAAY,SAAA,EAAcF,GAAW,CAAA,EAEtE,GAAI,OAAO,OAAW,IACpB,MAAO,CACL,MAAOC,EACP,OAAQ,IAAM,CAAA,EACd,IAAK,IAAM,CAAA,CAAC,EAIhB,MAAME,EAAcC,GACdJ,GAAS,WAAmBA,EAAQ,WAAWI,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAE/B,KAAK,UAAUA,CAAK,EAGvBC,EAAgBD,GAAkB,CACtC,GAAIJ,GAAS,aAAc,OAAOA,EAAQ,aAAaI,CAAK,EAC5D,GAAIA,EAAAA,IAAU,aAAeA,IAAU,QAEvC,GAAI,CACF,OAAO,KAAK,MAAMA,CAAK,CAAA,MACjB,CACN,OAAOA,CAAA,CACT,EAGIE,EAAoB,CACxBR,EACAM,EACAjB,EACAoB,EAA4B,YACzB,CACH,MAAMd,EAAeP,EAAmBC,CAAI,EACtCqB,EACJJ,IAAU,OAAaD,EAAaA,EAAWC,CAAK,EAAI,OAAOA,CAAK,EAAK,GAEvEA,IAAU,OACZX,EAAa,OAAOK,CAAG,EAEvBL,EAAa,IAAIK,EAAKU,CAAe,EAGvC,MAAMC,EAAQjB,EAAkBC,EAAcN,CAAI,EAC9CoB,IAAU,WAAW,OAAO,QAAQ,aAAa,CAAA,EAAI,GAAIE,CAAK,EAC9DF,IAAU,QAAQ,OAAO,QAAQ,UAAU,CAAA,EAAI,GAAIE,CAAK,EAE5Db,EAAA,CAA6B,EAGzB,CAACQ,EAAOM,CAAQ,EAAIC,EAAAA,SAA4B,IAAM,CAE1D,MAAMC,EADe1B,EAAmBC,CAAI,EACV,IAAIW,CAAG,EAEzC,OAAIc,IAAiB,MAAQX,IAAiB,QAC5CK,EAAkBR,EAAKG,EAAcd,EAAMe,CAAS,EAC7CD,GAGFW,EAAeP,EAAaO,CAAY,EAAI,MAAA,CACpD,EAEKC,EAAM,CAACT,EAAcJ,IAA8C,CACvEM,EAAkBR,EAAKM,EAAOjB,EAAMa,GAAS,OAASE,CAAS,EAC/DQ,EAASN,CAAK,CAAA,EAGVU,EAAUd,GAA8C,CAC5DM,EAAkBR,EAAK,OAAWX,EAAMa,GAAS,OAASE,CAAS,EACnEQ,EAAS,MAAS,CAAA,EAGpBK,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAiB,IAAM,CAE3B,MAAMC,EADe/B,EAAmBC,CAAI,EACd,IAAIW,CAAG,EACrCY,EAASO,EAAWZ,EAAaY,CAAQ,EAAI,MAAS,CAAA,EAGxD,cAAO,iBAAiBhC,EAAyB+B,CAAc,EAC/D,OAAO,iBAAiB,WAAYA,CAAc,EAC9C7B,IAAS,WACX,OAAO,iBAAiB,aAAc6B,CAAc,EAG/C,IAAM,CACX,OAAO,oBAAoB/B,EAAyB+B,CAAc,EAClE,OAAO,oBAAoB,WAAYA,CAAc,EACjD7B,IAAS,WACX,OAAO,oBAAoB,aAAc6B,CAAc,CACzD,CACF,EACC,CAAClB,EAAKX,CAAI,CAAC,EAEP,CACL,MAAAiB,EACA,OAAAU,EACA,IAAAD,CAAA,CAEJ"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),i=require("../useUrlSearchParam/useUrlSearchParam.cjs"),v=n=>{const r=typeof n=="object"&&n&&("serializer"in n||"deserializer"in n||"initialValue"in n||"mode"in n||"write"in n)?n:void 0,u=r?r==null?void 0:r.initialValue:n,{mode:a="history",write:h="replace"}=r,l=e=>r!=null&&r.serializer?r.serializer(e):typeof e=="string"?e:JSON.stringify(e),U=e=>{if(r!=null&&r.deserializer)return r.deserializer(e);if(e!=="undefined")try{return JSON.parse(e)}catch{return e}},S=(e,t,s="replace")=>{const c=new URLSearchParams;Object.entries(t).forEach(([y,d])=>{Array.isArray(d)?d.forEach(m=>c.set(y,l(m))):c.set(y,l(d))});const P=i.createQueryString(c,e);return s==="replace"&&window.history.replaceState({},"",P),s==="push"&&window.history.pushState({},"",P),c},o=e=>typeof e=="string"?o(new URLSearchParams(e)):e instanceof URLSearchParams?Array.from(e.entries()).reduce((t,[s,c])=>(t[s]=U(c),t),{}):e,[f,w]=E.useState(()=>{if(typeof window>"u")return u??{};const e=i.getUrlSearchParams(a),t={...u&&o(u),...o(e)};return S(a,t,h),t}),g=(e,t)=>{const s=S(a,{...f,...e},(t==null?void 0:t.write)??h);w(o(s)),i.dispatchUrlSearchParamsEvent()};return E.useEffect(()=>{const e=()=>{const t=i.getUrlSearchParams(a);w(o(t))};return window.addEventListener(i.URL_SEARCH_PARAMS_EVENT,e),window.addEventListener("popstate",e),a!=="history"&&window.addEventListener("hashchange",e),()=>{window.removeEventListener(i.URL_SEARCH_PARAMS_EVENT,e),window.removeEventListener("popstate",e),a!=="history"&&window.removeEventListener("hashchange",e)}},[a]),{value:f,set:g}};exports.createQueryString=i.createQueryString;exports.dispatchUrlSearchParamsEvent=i.dispatchUrlSearchParamsEvent;exports.getUrlSearchParams=i.getUrlSearchParams;exports.useUrlSearchParams=v;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),n=require("../useUrlSearchParam/useUrlSearchParam.cjs"),v=t=>{const i=typeof t=="object"&&t&&("serializer"in t||"deserializer"in t||"initialValue"in t||"mode"in t||"write"in t)?t:void 0,u=i?i?.initialValue:t,{mode:s="history",write:h="replace"}=i,l=e=>i?.serializer?i.serializer(e):typeof e=="string"?e:JSON.stringify(e),U=e=>{if(i?.deserializer)return i.deserializer(e);if(e!=="undefined")try{return JSON.parse(e)}catch{return e}},S=(e,r,a="replace")=>{const o=new URLSearchParams;Object.entries(r).forEach(([y,d])=>{Array.isArray(d)?d.forEach(m=>o.set(y,l(m))):o.set(y,l(d))});const P=n.createQueryString(o,e);return a==="replace"&&window.history.replaceState({},"",P),a==="push"&&window.history.pushState({},"",P),o},c=e=>typeof e=="string"?c(new URLSearchParams(e)):e instanceof URLSearchParams?Array.from(e.entries()).reduce((r,[a,o])=>(r[a]=U(o),r),{}):e,[f,w]=E.useState(()=>{if(typeof window>"u")return u??{};const e=n.getUrlSearchParams(s),r={...u&&c(u),...c(e)};return S(s,r,h),r}),g=(e,r)=>{const a=S(s,{...f,...e},r?.write??h);w(c(a)),n.dispatchUrlSearchParamsEvent()};return E.useEffect(()=>{const e=()=>{const r=n.getUrlSearchParams(s);w(c(r))};return window.addEventListener(n.URL_SEARCH_PARAMS_EVENT,e),window.addEventListener("popstate",e),s!=="history"&&window.addEventListener("hashchange",e),()=>{window.removeEventListener(n.URL_SEARCH_PARAMS_EVENT,e),window.removeEventListener("popstate",e),s!=="history"&&window.removeEventListener("hashchange",e)}},[s]),{value:f,set:g}};exports.createQueryString=n.createQueryString;exports.dispatchUrlSearchParamsEvent=n.dispatchUrlSearchParamsEvent;exports.getUrlSearchParams=n.getUrlSearchParams;exports.useUrlSearchParams=v;
2
2
  //# sourceMappingURL=useUrlSearchParams.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useUrlSearchParams.cjs","sources":["../../../../src/hooks/useUrlSearchParams/useUrlSearchParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n createQueryString,\n dispatchUrlSearchParamsEvent,\n getUrlSearchParams,\n URL_SEARCH_PARAMS_EVENT\n} from '../useUrlSearchParam/useUrlSearchParam';\n\n/** The url params type */\nexport type UrlParams = Record<string, any>;\n\n/** The url search params mod */\nexport type UrlSearchParamsMode = 'hash-params' | 'hash' | 'history';\n\n/** The use url search params set options type */\nexport interface UseUrlSearchParamsSetOptions {\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n}\n\n/* The use search params initial value type */\nexport type UseUrlSearchParamsInitialValue<Value> = (() => Value) | Value;\n\n/** The use url search params options type */\nexport interface UseUrlSearchParamsOptions<Value> {\n /* The initial value of the url search params */\n initialValue?: UseUrlSearchParamsInitialValue<string | URLSearchParams | Value>;\n /** The mode to use for writing to the URL */\n mode?: UrlSearchParamsMode;\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n /* The deserializer function to be invoked */\n deserializer?: (value: string) => Value[keyof Value];\n /* The serializer function to be invoked */\n serializer?: (value: Value[keyof Value]) => string;\n}\n\n/** The use url search params return type */\nexport interface UseUrlSearchParamsReturn<Value> {\n /** The value of the url search params */\n value: Value;\n /** The set function */\n set: (value: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => void;\n}\n\nexport interface UseUrlSearchParams {\n <Value>(\n key: string,\n options: UseUrlSearchParamsOptions<Value> & {\n initialValue: UseUrlSearchParamsInitialValue<Value>;\n }\n ): UseUrlSearchParamsReturn<Value>;\n\n <Value>(options?: UseUrlSearchParamsOptions<Value>): UseUrlSearchParamsReturn<Value | undefined>;\n\n <Value>(initialValue: UseUrlSearchParamsInitialValue<Value>): UseUrlSearchParamsReturn<Value>;\n\n <Value>(key: string): UseUrlSearchParamsReturn<Value | undefined>;\n}\n\n/**\n * @name useUrlSearchParams\n * @description - Hook that provides reactive URLSearchParams\n * @category Browser\n *\n * @overload\n * @template Value The type of the url param values\n * @param {UseUrlSearchParamsOptions<Value> & { initialValue: UseUrlSearchParamsInitialValue<Value> }} options The options object with required initialValue\n * @param {UseUrlSearchParamsInitialValue<Value>} [options.initialValue] The initial value for the url params\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\n * @param {(value: Value[keyof Value]) => string} [options.serializer] Custom serializer function to convert value to string\n * @param {(value: string) => Value[keyof Value]} [options.deserializer] Custom deserializer function to convert string to value\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParams({ initialValue: { page: 1 } });\n *\n * @overload\n * @template Value The type of the url param values\n * @param {UseUrlSearchParamsInitialValue<Value>} [initialValue] The initial value for the url params\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParams({ page: 1 });\n */\nexport const useUrlSearchParams = (<Value extends UrlParams>(\n params: any\n): UseUrlSearchParamsReturn<Value> => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params ||\n 'deserializer' in params ||\n 'initialValue' in params ||\n 'mode' in params ||\n 'write' in params)\n ? params\n : undefined\n ) as UseUrlSearchParamsOptions<Value>;\n const initialValue = (\n options ? options?.initialValue : params\n ) as UseUrlSearchParamsInitialValue<Value>;\n\n const { mode = 'history', write: writeMode = 'replace' } = options;\n\n const serializer = (value: Value[keyof Value]) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n return JSON.stringify(value);\n };\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined') return undefined as unknown as Value[keyof Value];\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value[keyof Value];\n }\n };\n\n const setUrlSearchParams = <Value extends UrlParams>(\n mode: UrlSearchParamsMode,\n value: Partial<Value>,\n write: 'push' | 'replace' = 'replace'\n ) => {\n const urlSearchParams = new URLSearchParams();\n\n Object.entries(value).forEach(([key, param]) => {\n if (Array.isArray(param)) {\n param.forEach((value) => urlSearchParams.set(key, serializer(value)));\n } else {\n urlSearchParams.set(key, serializer(param));\n }\n });\n\n const query = createQueryString(urlSearchParams, mode);\n if (write === 'replace') window.history.replaceState({}, '', query);\n if (write === 'push') window.history.pushState({}, '', query);\n\n return urlSearchParams;\n };\n\n const getParsedUrlSearchParams = (searchParams: string | UrlParams | URLSearchParams) => {\n if (typeof searchParams === 'string') {\n return getParsedUrlSearchParams(new URLSearchParams(searchParams));\n }\n\n if (searchParams instanceof URLSearchParams) {\n return Array.from(searchParams.entries()).reduce(\n (acc, [key, value]) => {\n acc[key] = deserializer(value);\n return acc;\n },\n {} as Record<string, any>\n );\n }\n\n return searchParams;\n };\n\n const [value, setValue] = useState<Value>(() => {\n if (typeof window === 'undefined') return (initialValue ?? {}) as Value;\n\n const urlSearchParams = getUrlSearchParams(mode);\n const value = {\n ...(initialValue && getParsedUrlSearchParams(initialValue)),\n ...getParsedUrlSearchParams(urlSearchParams)\n } as Value;\n\n setUrlSearchParams(mode, value, writeMode);\n\n return value;\n });\n\n const set = (params: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => {\n const searchParams = setUrlSearchParams(\n mode,\n { ...value, ...params },\n options?.write ?? writeMode\n );\n setValue(getParsedUrlSearchParams(searchParams) as Value);\n dispatchUrlSearchParamsEvent();\n };\n\n useEffect(() => {\n const onParamsChange = () => {\n const searchParams = getUrlSearchParams(mode);\n setValue(getParsedUrlSearchParams(searchParams) as Value);\n };\n\n window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.addEventListener('popstate', onParamsChange);\n if (mode !== 'history') window.addEventListener('hashchange', onParamsChange);\n\n return () => {\n window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.removeEventListener('popstate', onParamsChange);\n if (mode !== 'history') window.removeEventListener('hashchange', onParamsChange);\n };\n }, [mode]);\n\n return {\n value,\n set\n };\n}) as UseUrlSearchParams;\n\nexport { createQueryString, dispatchUrlSearchParamsEvent, getUrlSearchParams };\n"],"names":["useUrlSearchParams","params","options","initialValue","mode","writeMode","serializer","value","deserializer","setUrlSearchParams","write","urlSearchParams","key","param","query","createQueryString","getParsedUrlSearchParams","searchParams","acc","setValue","useState","getUrlSearchParams","set","dispatchUrlSearchParamsEvent","useEffect","onParamsChange","URL_SEARCH_PARAMS_EVENT"],"mappings":"iKAuFaA,EACXC,GACoC,CACpC,MAAMC,EACJ,OAAOD,GAAW,UAClBA,IACC,eAAgBA,GACf,iBAAkBA,GAClB,iBAAkBA,GAClB,SAAUA,GACV,UAAWA,GACTA,EACA,OAEAE,EACJD,EAAUA,GAAA,YAAAA,EAAS,aAAeD,EAG9B,CAAE,KAAAG,EAAO,UAAW,MAAOC,EAAY,WAAcH,EAErDI,EAAcC,GACdL,GAAA,MAAAA,EAAS,WAAmBA,EAAQ,WAAWK,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAC/B,KAAK,UAAUA,CAAK,EAGvBC,EAAgBD,GAAkB,CACtC,GAAIL,GAAA,MAAAA,EAAS,aAAqB,OAAAA,EAAQ,aAAaK,CAAK,EACxDA,GAAAA,IAAU,YAEV,GAAA,CACK,OAAA,KAAK,MAAMA,CAAK,CAAA,MACjB,CACCA,OAAAA,CAAA,CAEX,EAEME,EAAqB,CACzBL,EACAG,EACAG,EAA4B,YACzB,CACG,MAAAC,EAAkB,IAAI,gBAErB,OAAA,QAAQJ,CAAK,EAAE,QAAQ,CAAC,CAACK,EAAKC,CAAK,IAAM,CAC1C,MAAM,QAAQA,CAAK,EACfA,EAAA,QAASN,GAAUI,EAAgB,IAAIC,EAAKN,EAAWC,CAAK,CAAC,CAAC,EAEpEI,EAAgB,IAAIC,EAAKN,EAAWO,CAAK,CAAC,CAC5C,CACD,EAEK,MAAAC,EAAQC,EAAAA,kBAAkBJ,EAAiBP,CAAI,EACjD,OAAAM,IAAU,WAAkB,OAAA,QAAQ,aAAa,CAAC,EAAG,GAAII,CAAK,EAC9DJ,IAAU,QAAe,OAAA,QAAQ,UAAU,CAAC,EAAG,GAAII,CAAK,EAErDH,CACT,EAEMK,EAA4BC,GAC5B,OAAOA,GAAiB,SACnBD,EAAyB,IAAI,gBAAgBC,CAAY,CAAC,EAG/DA,aAAwB,gBACnB,MAAM,KAAKA,EAAa,QAAA,CAAS,EAAE,OACxC,CAACC,EAAK,CAACN,EAAKL,CAAK,KACXW,EAAAN,CAAG,EAAIJ,EAAaD,CAAK,EACtBW,GAET,CAAA,CACF,EAGKD,EAGH,CAACV,EAAOY,CAAQ,EAAIC,WAAgB,IAAM,CAC9C,GAAI,OAAO,OAAW,IAAa,OAAQjB,GAAgB,CAAC,EAEtD,MAAAQ,EAAkBU,qBAAmBjB,CAAI,EACzCG,EAAQ,CACZ,GAAIJ,GAAgBa,EAAyBb,CAAY,EACzD,GAAGa,EAAyBL,CAAe,CAC7C,EAEmB,OAAAF,EAAAL,EAAMG,EAAOF,CAAS,EAElCE,CAAA,CACR,EAEKe,EAAM,CAACrB,EAAwBC,IAA2C,CAC9E,MAAMe,EAAeR,EACnBL,EACA,CAAE,GAAGG,EAAO,GAAGN,CAAO,GACtBC,GAAAA,YAAAA,EAAS,QAASG,CACpB,EACSc,EAAAH,EAAyBC,CAAY,CAAU,EAC3BM,+BAAA,CAC/B,EAEAC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAiB,IAAM,CACrB,MAAAR,EAAeI,qBAAmBjB,CAAI,EACnCe,EAAAH,EAAyBC,CAAY,CAAU,CAC1D,EAEO,cAAA,iBAAiBS,0BAAyBD,CAAc,EACxD,OAAA,iBAAiB,WAAYA,CAAc,EAC9CrB,IAAS,WAAkB,OAAA,iBAAiB,aAAcqB,CAAc,EAErE,IAAM,CACJ,OAAA,oBAAoBC,0BAAyBD,CAAc,EAC3D,OAAA,oBAAoB,WAAYA,CAAc,EACjDrB,IAAS,WAAkB,OAAA,oBAAoB,aAAcqB,CAAc,CACjF,CAAA,EACC,CAACrB,CAAI,CAAC,EAEF,CACL,MAAAG,EACA,IAAAe,CACF,CACF"}
1
+ {"version":3,"file":"useUrlSearchParams.cjs","sources":["../../../../src/hooks/useUrlSearchParams/useUrlSearchParams.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport {\n createQueryString,\n dispatchUrlSearchParamsEvent,\n getUrlSearchParams,\n URL_SEARCH_PARAMS_EVENT\n} from '../useUrlSearchParam/useUrlSearchParam';\n\n/** The url params type */\nexport type UrlParams = Record<string, any>;\n\n/** The url search params mod */\nexport type UrlSearchParamsMode = 'hash-params' | 'hash' | 'history';\n\n/** The use url search params set options type */\nexport interface UseUrlSearchParamsSetOptions {\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n}\n\n/* The use search params initial value type */\nexport type UseUrlSearchParamsInitialValue<Value> = (() => Value) | Value;\n\n/** The use url search params options type */\nexport interface UseUrlSearchParamsOptions<Value> {\n /* The initial value of the url search params */\n initialValue?: UseUrlSearchParamsInitialValue<string | URLSearchParams | Value>;\n /** The mode to use for writing to the URL */\n mode?: UrlSearchParamsMode;\n /** The mode to use for writing to the URL */\n write?: 'push' | 'replace';\n /* The deserializer function to be invoked */\n deserializer?: (value: string) => Value[keyof Value];\n /* The serializer function to be invoked */\n serializer?: (value: Value[keyof Value]) => string;\n}\n\n/** The use url search params return type */\nexport interface UseUrlSearchParamsReturn<Value> {\n /** The value of the url search params */\n value: Value;\n /** The set function */\n set: (value: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => void;\n}\n\nexport interface UseUrlSearchParams {\n <Value>(\n key: string,\n options: UseUrlSearchParamsOptions<Value> & {\n initialValue: UseUrlSearchParamsInitialValue<Value>;\n }\n ): UseUrlSearchParamsReturn<Value>;\n\n <Value>(options?: UseUrlSearchParamsOptions<Value>): UseUrlSearchParamsReturn<Value | undefined>;\n\n <Value>(initialValue: UseUrlSearchParamsInitialValue<Value>): UseUrlSearchParamsReturn<Value>;\n\n <Value>(key: string): UseUrlSearchParamsReturn<Value | undefined>;\n}\n\n/**\n * @name useUrlSearchParams\n * @description - Hook that provides reactive URLSearchParams\n * @category Browser\n *\n * @overload\n * @template Value The type of the url param values\n * @param {UseUrlSearchParamsOptions<Value> & { initialValue: UseUrlSearchParamsInitialValue<Value> }} options The options object with required initialValue\n * @param {UseUrlSearchParamsInitialValue<Value>} [options.initialValue] The initial value for the url params\n * @param {UrlSearchParamsMode} [options.mode='history'] The mode to use for the URL ('history' | 'hash-params' | 'hash')\n * @param {'push' | 'replace'} [options.write='replace'] The mode to use for writing to the URL\n * @param {(value: Value[keyof Value]) => string} [options.serializer] Custom serializer function to convert value to string\n * @param {(value: string) => Value[keyof Value]} [options.deserializer] Custom deserializer function to convert string to value\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParams({ initialValue: { page: 1 } });\n *\n * @overload\n * @template Value The type of the url param values\n * @param {UseUrlSearchParamsInitialValue<Value>} [initialValue] The initial value for the url params\n * @returns {UseUrlSearchParamsReturn<Value>} The object with value and function for change value\n *\n * @example\n * const { value, set } = useUrlSearchParams({ page: 1 });\n */\nexport const useUrlSearchParams = (<Value extends UrlParams>(\n params: any\n): UseUrlSearchParamsReturn<Value> => {\n const options = (\n typeof params === 'object' &&\n params &&\n ('serializer' in params ||\n 'deserializer' in params ||\n 'initialValue' in params ||\n 'mode' in params ||\n 'write' in params)\n ? params\n : undefined\n ) as UseUrlSearchParamsOptions<Value>;\n const initialValue = (\n options ? options?.initialValue : params\n ) as UseUrlSearchParamsInitialValue<Value>;\n\n const { mode = 'history', write: writeMode = 'replace' } = options;\n\n const serializer = (value: Value[keyof Value]) => {\n if (options?.serializer) return options.serializer(value);\n if (typeof value === 'string') return value;\n return JSON.stringify(value);\n };\n\n const deserializer = (value: string) => {\n if (options?.deserializer) return options.deserializer(value);\n if (value === 'undefined') return undefined as unknown as Value[keyof Value];\n\n try {\n return JSON.parse(value) as Value;\n } catch {\n return value as Value[keyof Value];\n }\n };\n\n const setUrlSearchParams = <Value extends UrlParams>(\n mode: UrlSearchParamsMode,\n value: Partial<Value>,\n write: 'push' | 'replace' = 'replace'\n ) => {\n const urlSearchParams = new URLSearchParams();\n\n Object.entries(value).forEach(([key, param]) => {\n if (Array.isArray(param)) {\n param.forEach((value) => urlSearchParams.set(key, serializer(value)));\n } else {\n urlSearchParams.set(key, serializer(param));\n }\n });\n\n const query = createQueryString(urlSearchParams, mode);\n if (write === 'replace') window.history.replaceState({}, '', query);\n if (write === 'push') window.history.pushState({}, '', query);\n\n return urlSearchParams;\n };\n\n const getParsedUrlSearchParams = (searchParams: string | UrlParams | URLSearchParams) => {\n if (typeof searchParams === 'string') {\n return getParsedUrlSearchParams(new URLSearchParams(searchParams));\n }\n\n if (searchParams instanceof URLSearchParams) {\n return Array.from(searchParams.entries()).reduce(\n (acc, [key, value]) => {\n acc[key] = deserializer(value);\n return acc;\n },\n {} as Record<string, any>\n );\n }\n\n return searchParams;\n };\n\n const [value, setValue] = useState<Value>(() => {\n if (typeof window === 'undefined') return (initialValue ?? {}) as Value;\n\n const urlSearchParams = getUrlSearchParams(mode);\n const value = {\n ...(initialValue && getParsedUrlSearchParams(initialValue)),\n ...getParsedUrlSearchParams(urlSearchParams)\n } as Value;\n\n setUrlSearchParams(mode, value, writeMode);\n\n return value;\n });\n\n const set = (params: Partial<Value>, options?: UseUrlSearchParamsSetOptions) => {\n const searchParams = setUrlSearchParams(\n mode,\n { ...value, ...params },\n options?.write ?? writeMode\n );\n setValue(getParsedUrlSearchParams(searchParams) as Value);\n dispatchUrlSearchParamsEvent();\n };\n\n useEffect(() => {\n const onParamsChange = () => {\n const searchParams = getUrlSearchParams(mode);\n setValue(getParsedUrlSearchParams(searchParams) as Value);\n };\n\n window.addEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.addEventListener('popstate', onParamsChange);\n if (mode !== 'history') window.addEventListener('hashchange', onParamsChange);\n\n return () => {\n window.removeEventListener(URL_SEARCH_PARAMS_EVENT, onParamsChange);\n window.removeEventListener('popstate', onParamsChange);\n if (mode !== 'history') window.removeEventListener('hashchange', onParamsChange);\n };\n }, [mode]);\n\n return {\n value,\n set\n };\n}) as UseUrlSearchParams;\n\nexport { createQueryString, dispatchUrlSearchParamsEvent, getUrlSearchParams };\n"],"names":["useUrlSearchParams","params","options","initialValue","mode","writeMode","serializer","value","deserializer","setUrlSearchParams","write","urlSearchParams","key","param","query","createQueryString","getParsedUrlSearchParams","searchParams","acc","setValue","useState","getUrlSearchParams","set","dispatchUrlSearchParamsEvent","useEffect","onParamsChange","URL_SEARCH_PARAMS_EVENT"],"mappings":"iKAuFaA,EACXC,GACoC,CACpC,MAAMC,EACJ,OAAOD,GAAW,UAClBA,IACC,eAAgBA,GACf,iBAAkBA,GAClB,iBAAkBA,GAClB,SAAUA,GACV,UAAWA,GACTA,EACA,OAEAE,EACJD,EAAUA,GAAS,aAAeD,EAG9B,CAAE,KAAAG,EAAO,UAAW,MAAOC,EAAY,WAAcH,EAErDI,EAAcC,GACdL,GAAS,WAAmBA,EAAQ,WAAWK,CAAK,EACpD,OAAOA,GAAU,SAAiBA,EAC/B,KAAK,UAAUA,CAAK,EAGvBC,EAAgBD,GAAkB,CACtC,GAAIL,GAAS,aAAc,OAAOA,EAAQ,aAAaK,CAAK,EAC5D,GAAIA,IAAU,YAEd,GAAI,CACF,OAAO,KAAK,MAAMA,CAAK,CAAA,MACjB,CACN,OAAOA,CAAA,CACT,EAGIE,EAAqB,CACzBL,EACAG,EACAG,EAA4B,YACzB,CACH,MAAMC,EAAkB,IAAI,gBAE5B,OAAO,QAAQJ,CAAK,EAAE,QAAQ,CAAC,CAACK,EAAKC,CAAK,IAAM,CAC1C,MAAM,QAAQA,CAAK,EACrBA,EAAM,QAASN,GAAUI,EAAgB,IAAIC,EAAKN,EAAWC,CAAK,CAAC,CAAC,EAEpEI,EAAgB,IAAIC,EAAKN,EAAWO,CAAK,CAAC,CAC5C,CACD,EAED,MAAMC,EAAQC,EAAAA,kBAAkBJ,EAAiBP,CAAI,EACrD,OAAIM,IAAU,WAAW,OAAO,QAAQ,aAAa,CAAA,EAAI,GAAII,CAAK,EAC9DJ,IAAU,QAAQ,OAAO,QAAQ,UAAU,CAAA,EAAI,GAAII,CAAK,EAErDH,CAAA,EAGHK,EAA4BC,GAC5B,OAAOA,GAAiB,SACnBD,EAAyB,IAAI,gBAAgBC,CAAY,CAAC,EAG/DA,aAAwB,gBACnB,MAAM,KAAKA,EAAa,QAAA,CAAS,EAAE,OACxC,CAACC,EAAK,CAACN,EAAKL,CAAK,KACfW,EAAIN,CAAG,EAAIJ,EAAaD,CAAK,EACtBW,GAET,CAAA,CAAC,EAIED,EAGH,CAACV,EAAOY,CAAQ,EAAIC,EAAAA,SAAgB,IAAM,CAC9C,GAAI,OAAO,OAAW,IAAa,OAAQjB,GAAgB,CAAA,EAE3D,MAAMQ,EAAkBU,EAAAA,mBAAmBjB,CAAI,EACzCG,EAAQ,CACZ,GAAIJ,GAAgBa,EAAyBb,CAAY,EACzD,GAAGa,EAAyBL,CAAe,CAAA,EAG7C,OAAAF,EAAmBL,EAAMG,EAAOF,CAAS,EAElCE,CAAA,CACR,EAEKe,EAAM,CAACrB,EAAwBC,IAA2C,CAC9E,MAAMe,EAAeR,EACnBL,EACA,CAAE,GAAGG,EAAO,GAAGN,CAAAA,EACfC,GAAS,OAASG,CAAA,EAEpBc,EAASH,EAAyBC,CAAY,CAAU,EACxDM,+BAAA,CAA6B,EAG/BC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAiB,IAAM,CAC3B,MAAMR,EAAeI,EAAAA,mBAAmBjB,CAAI,EAC5Ce,EAASH,EAAyBC,CAAY,CAAU,CAAA,EAG1D,cAAO,iBAAiBS,EAAAA,wBAAyBD,CAAc,EAC/D,OAAO,iBAAiB,WAAYA,CAAc,EAC9CrB,IAAS,WAAW,OAAO,iBAAiB,aAAcqB,CAAc,EAErE,IAAM,CACX,OAAO,oBAAoBC,EAAAA,wBAAyBD,CAAc,EAClE,OAAO,oBAAoB,WAAYA,CAAc,EACjDrB,IAAS,WAAW,OAAO,oBAAoB,aAAcqB,CAAc,CAAA,CACjF,EACC,CAACrB,CAAI,CAAC,EAEF,CACL,MAAAG,EACA,IAAAe,CAAA,CAEJ"}
@@ -1 +1 @@
1
- {"version":3,"file":"useVibrate.cjs","sources":["../../../../src/hooks/useVibrate/useVibrate.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use vibrate pattern type */\nexport type UseVibratePattern = number | number[];\n\n/** The use vibrate return type */\nexport interface UseVibrateReturn {\n /** The support indicator */\n supported: boolean;\n /** The vibrating indicator */\n vibrating: boolean;\n /** The pause function */\n pause: () => void;\n /** The resume function */\n resume: () => void;\n /** The start function */\n start: (interval: number) => void;\n /** The vibrate function */\n trigger: (pattern?: UseVibratePattern) => void;\n}\n\n/**\n * @name useVibrate\n * @description - Hook that provides vibrate api\n * @category Browser\n *\n * @browserapi navigator.vibrate https://developer.mozilla.org/en-US/docs/Web/API/Navigator/vibrate\n *\n * @overload\n * @param {UseVibratePattern} options.pattern The pattern for vibration\n * @param {number} [options.interval=0] Time in milliseconds between vibrations\n * @returns {UseVibrateReturn} An object containing support indicator, start vibration and stop vibration functions\n *\n * @example\n * const { supported, active, vibrate, stop, pause, resume } = useVibrate(1000);\n */\nexport const useVibrate = (pattern: UseVibratePattern, interval: number = 0) => {\n const supported = typeof navigator !== 'undefined' && 'vibrate' in navigator;\n\n const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);\n const [active, setActive] = useState(false);\n\n const trigger = (internalPattern: UseVibratePattern = pattern) => {\n if (!supported) return;\n navigator.vibrate(internalPattern);\n };\n\n const stop = () => {\n if (!supported) return;\n navigator.vibrate(0);\n setActive(false);\n if (intervalIdRef.current) clearInterval(intervalIdRef.current);\n };\n\n const pause = () => {\n if (!supported) return;\n setActive(false);\n if (intervalIdRef.current) clearInterval(intervalIdRef.current);\n };\n\n const resume = (intervalInterval: number = interval) => {\n if (!supported) return;\n if (intervalIdRef.current) clearInterval(intervalIdRef.current);\n setActive(true);\n intervalIdRef.current = setInterval(trigger, intervalInterval);\n };\n\n useEffect(() => {\n if (!supported || interval <= 0) return;\n resume(interval);\n return () => {\n stop();\n };\n }, [interval, pattern]);\n\n return { supported, trigger, stop, active, pause, resume };\n};\n"],"names":["useVibrate","pattern","interval","supported","intervalIdRef","useRef","active","setActive","useState","trigger","internalPattern","stop","pause","resume","intervalInterval","useEffect"],"mappings":"yGAoCaA,EAAa,CAACC,EAA4BC,EAAmB,IAAM,CAC9E,MAAMC,EAAY,OAAO,UAAc,KAAe,YAAa,UAE7DC,EAAgBC,SAAuC,MAAS,EAChE,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EAEpCC,EAAU,CAACC,EAAqCT,IAAY,CAC3DE,GACL,UAAU,QAAQO,CAAe,CACnC,EAEMC,EAAO,IAAM,CACZR,IACL,UAAU,QAAQ,CAAC,EACnBI,EAAU,EAAK,EACXH,EAAc,SAAuB,cAAAA,EAAc,OAAO,EAChE,EAEMQ,EAAQ,IAAM,CACbT,IACLI,EAAU,EAAK,EACXH,EAAc,SAAuB,cAAAA,EAAc,OAAO,EAChE,EAEMS,EAAS,CAACC,EAA2BZ,IAAa,CACjDC,IACDC,EAAc,SAAuB,cAAAA,EAAc,OAAO,EAC9DG,EAAU,EAAI,EACAH,EAAA,QAAU,YAAYK,EAASK,CAAgB,EAC/D,EAEAC,OAAAA,EAAAA,UAAU,IAAM,CACV,GAAA,GAACZ,GAAaD,GAAY,GAC9B,OAAAW,EAAOX,CAAQ,EACR,IAAM,CACNS,EAAA,CACP,CAAA,EACC,CAACT,EAAUD,CAAO,CAAC,EAEf,CAAE,UAAAE,EAAW,QAAAM,EAAS,KAAAE,EAAM,OAAAL,EAAQ,MAAAM,EAAO,OAAAC,CAAO,CAC3D"}
1
+ {"version":3,"file":"useVibrate.cjs","sources":["../../../../src/hooks/useVibrate/useVibrate.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use vibrate pattern type */\nexport type UseVibratePattern = number | number[];\n\n/** The use vibrate return type */\nexport interface UseVibrateReturn {\n /** The support indicator */\n supported: boolean;\n /** The vibrating indicator */\n vibrating: boolean;\n /** The pause function */\n pause: () => void;\n /** The resume function */\n resume: () => void;\n /** The start function */\n start: (interval: number) => void;\n /** The vibrate function */\n trigger: (pattern?: UseVibratePattern) => void;\n}\n\n/**\n * @name useVibrate\n * @description - Hook that provides vibrate api\n * @category Browser\n *\n * @browserapi navigator.vibrate https://developer.mozilla.org/en-US/docs/Web/API/Navigator/vibrate\n *\n * @overload\n * @param {UseVibratePattern} options.pattern The pattern for vibration\n * @param {number} [options.interval=0] Time in milliseconds between vibrations\n * @returns {UseVibrateReturn} An object containing support indicator, start vibration and stop vibration functions\n *\n * @example\n * const { supported, active, vibrate, stop, pause, resume } = useVibrate(1000);\n */\nexport const useVibrate = (pattern: UseVibratePattern, interval: number = 0) => {\n const supported = typeof navigator !== 'undefined' && 'vibrate' in navigator;\n\n const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);\n const [active, setActive] = useState(false);\n\n const trigger = (internalPattern: UseVibratePattern = pattern) => {\n if (!supported) return;\n navigator.vibrate(internalPattern);\n };\n\n const stop = () => {\n if (!supported) return;\n navigator.vibrate(0);\n setActive(false);\n if (intervalIdRef.current) clearInterval(intervalIdRef.current);\n };\n\n const pause = () => {\n if (!supported) return;\n setActive(false);\n if (intervalIdRef.current) clearInterval(intervalIdRef.current);\n };\n\n const resume = (intervalInterval: number = interval) => {\n if (!supported) return;\n if (intervalIdRef.current) clearInterval(intervalIdRef.current);\n setActive(true);\n intervalIdRef.current = setInterval(trigger, intervalInterval);\n };\n\n useEffect(() => {\n if (!supported || interval <= 0) return;\n resume(interval);\n return () => {\n stop();\n };\n }, [interval, pattern]);\n\n return { supported, trigger, stop, active, pause, resume };\n};\n"],"names":["useVibrate","pattern","interval","supported","intervalIdRef","useRef","active","setActive","useState","trigger","internalPattern","stop","pause","resume","intervalInterval","useEffect"],"mappings":"yGAoCaA,EAAa,CAACC,EAA4BC,EAAmB,IAAM,CAC9E,MAAMC,EAAY,OAAO,UAAc,KAAe,YAAa,UAE7DC,EAAgBC,EAAAA,OAAuC,MAAS,EAChE,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EAEpCC,EAAU,CAACC,EAAqCT,IAAY,CAC3DE,GACL,UAAU,QAAQO,CAAe,CAAA,EAG7BC,EAAO,IAAM,CACZR,IACL,UAAU,QAAQ,CAAC,EACnBI,EAAU,EAAK,EACXH,EAAc,SAAS,cAAcA,EAAc,OAAO,EAAA,EAG1DQ,EAAQ,IAAM,CACbT,IACLI,EAAU,EAAK,EACXH,EAAc,SAAS,cAAcA,EAAc,OAAO,EAAA,EAG1DS,EAAS,CAACC,EAA2BZ,IAAa,CACjDC,IACDC,EAAc,SAAS,cAAcA,EAAc,OAAO,EAC9DG,EAAU,EAAI,EACdH,EAAc,QAAU,YAAYK,EAASK,CAAgB,EAAA,EAG/DC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,GAACZ,GAAaD,GAAY,GAC9B,OAAAW,EAAOX,CAAQ,EACR,IAAM,CACXS,EAAA,CAAK,CACP,EACC,CAACT,EAAUD,CAAO,CAAC,EAEf,CAAE,UAAAE,EAAW,QAAAM,EAAS,KAAAE,EAAM,OAAAL,EAAQ,MAAAM,EAAO,OAAAC,CAAA,CACpD"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),v=e=>{const r=typeof navigator<"u"&&"wakeLock"in navigator,[l,c]=i.useState(!1),t=i.useRef(void 0),d=(e==null?void 0:e.immediately)??!1,n=(e==null?void 0:e.type)??"screen",s=async a=>{r&&(t.current=await navigator.wakeLock.request(a??(e==null?void 0:e.type)),t.current.addEventListener("release",()=>{c(!1),t.current=void 0}),c(!0))},u=async()=>{!r||!t.current||(await t.current.release(),t.current=void 0,c(!1))};return i.useEffect(()=>{if(!r||!d||document.visibilityState!=="visible"||n!=="screen")return;const a=async()=>{await u(),await s(n)};return document.addEventListener("visibilitychange",a),()=>{document.removeEventListener("visibilitychange",a)}},[n]),{supported:r,active:l,request:s,release:u}};exports.useWakeLock=v;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),d=i=>{const t=typeof navigator<"u"&&"wakeLock"in navigator,[o,r]=s.useState(!1),e=s.useRef(void 0),l=i?.immediately??!1,a=i?.type??"screen",c=async n=>{t&&(e.current=await navigator.wakeLock.request(n??i?.type),e.current.addEventListener("release",()=>{r(!1),e.current=void 0}),r(!0))},u=async()=>{!t||!e.current||(await e.current.release(),e.current=void 0,r(!1))};return s.useEffect(()=>{if(!t||!l||document.visibilityState!=="visible"||a!=="screen")return;const n=async()=>{await u(),await c(a)};return document.addEventListener("visibilitychange",n),()=>{document.removeEventListener("visibilitychange",n)}},[a]),{supported:t,active:o,request:c,release:u}};exports.useWakeLock=d;
2
2
  //# sourceMappingURL=useWakeLock.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useWakeLock.cjs","sources":["../../../../src/hooks/useWakeLock/useWakeLock.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use wake lock options type */\nexport interface UseWakeLockOptions {\n /** Determines if the wake lock should be automatically reacquired when the document becomes visible. */\n immediately?: boolean;\n /** A string specifying the screen wake lock type. */\n type?: WakeLockType;\n}\n\n/** The use wake lock return type */\nexport interface UseWakeLockReturn {\n /** Indicates if the wake lock is currently active. */\n active: boolean;\n /** Indicates if the Wake Lock API is supported in the current environment. */\n supported: boolean;\n /** Function to release the wake lock. */\n release: () => Promise<void>;\n /** Function to request the wake lock. */\n request: () => Promise<void>;\n}\n\n/**\n * @name useWakeLock\n * @description - Hook that provides a wake lock functionality\n * @category Browser\n *\n * @browserapi navigator.wakeLock https://developer.mozilla.org/en-US/docs/Web/API/WakeLock\n *\n * @param {immediately} [options] Configuration options for the hook.\n * @returns {UseWakeLockReturn} An object containing the wake lock state and control methods.\n *\n * @example\n * const { supported, active, request, release } = useWakeLock();\n */\nexport const useWakeLock = (options?: UseWakeLockOptions): UseWakeLockReturn => {\n const supported = typeof navigator !== 'undefined' && 'wakeLock' in navigator;\n\n const [active, setActive] = useState(false);\n const sentinel = useRef<WakeLockSentinel>(undefined);\n\n const immediately = options?.immediately ?? false;\n const type = options?.type ?? 'screen';\n\n const request = async (type?: WakeLockType) => {\n if (!supported) return;\n\n sentinel.current = await navigator.wakeLock.request(type ?? options?.type);\n sentinel.current.addEventListener('release', () => {\n setActive(false);\n sentinel.current = undefined;\n });\n\n setActive(true);\n };\n\n const release = async () => {\n if (!supported || !sentinel.current) return;\n\n await sentinel.current.release();\n sentinel.current = undefined;\n setActive(false);\n };\n\n useEffect(() => {\n if (!supported || !immediately || document.visibilityState !== 'visible' || type !== 'screen')\n return;\n\n const onVisibilityChange = async () => {\n await release();\n await request(type);\n };\n\n document.addEventListener('visibilitychange', onVisibilityChange);\n return () => {\n document.removeEventListener('visibilitychange', onVisibilityChange);\n };\n }, [type]);\n\n return { supported, active, request, release };\n};\n"],"names":["useWakeLock","options","supported","active","setActive","useState","sentinel","useRef","immediately","type","request","release","useEffect","onVisibilityChange"],"mappings":"yGAmCaA,EAAeC,GAAoD,CAC9E,MAAMC,EAAY,OAAO,UAAc,KAAe,aAAc,UAE9D,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpCC,EAAWC,SAAyB,MAAS,EAE7CC,GAAcP,GAAA,YAAAA,EAAS,cAAe,GACtCQ,GAAOR,GAAA,YAAAA,EAAS,OAAQ,SAExBS,EAAU,MAAOD,GAAwB,CACxCP,IAELI,EAAS,QAAU,MAAM,UAAU,SAAS,QAAQG,IAAQR,GAAA,YAAAA,EAAS,KAAI,EAChEK,EAAA,QAAQ,iBAAiB,UAAW,IAAM,CACjDF,EAAU,EAAK,EACfE,EAAS,QAAU,MAAA,CACpB,EAEDF,EAAU,EAAI,EAChB,EAEMO,EAAU,SAAY,CACtB,CAACT,GAAa,CAACI,EAAS,UAEtB,MAAAA,EAAS,QAAQ,QAAQ,EAC/BA,EAAS,QAAU,OACnBF,EAAU,EAAK,EACjB,EAEAQ,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACV,GAAa,CAACM,GAAe,SAAS,kBAAoB,WAAaC,IAAS,SACnF,OAEF,MAAMI,EAAqB,SAAY,CACrC,MAAMF,EAAQ,EACd,MAAMD,EAAQD,CAAI,CACpB,EAES,gBAAA,iBAAiB,mBAAoBI,CAAkB,EACzD,IAAM,CACF,SAAA,oBAAoB,mBAAoBA,CAAkB,CACrE,CAAA,EACC,CAACJ,CAAI,CAAC,EAEF,CAAE,UAAAP,EAAW,OAAAC,EAAQ,QAAAO,EAAS,QAAAC,CAAQ,CAC/C"}
1
+ {"version":3,"file":"useWakeLock.cjs","sources":["../../../../src/hooks/useWakeLock/useWakeLock.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use wake lock options type */\nexport interface UseWakeLockOptions {\n /** Determines if the wake lock should be automatically reacquired when the document becomes visible. */\n immediately?: boolean;\n /** A string specifying the screen wake lock type. */\n type?: WakeLockType;\n}\n\n/** The use wake lock return type */\nexport interface UseWakeLockReturn {\n /** Indicates if the wake lock is currently active. */\n active: boolean;\n /** Indicates if the Wake Lock API is supported in the current environment. */\n supported: boolean;\n /** Function to release the wake lock. */\n release: () => Promise<void>;\n /** Function to request the wake lock. */\n request: () => Promise<void>;\n}\n\n/**\n * @name useWakeLock\n * @description - Hook that provides a wake lock functionality\n * @category Browser\n *\n * @browserapi navigator.wakeLock https://developer.mozilla.org/en-US/docs/Web/API/WakeLock\n *\n * @param {immediately} [options] Configuration options for the hook.\n * @returns {UseWakeLockReturn} An object containing the wake lock state and control methods.\n *\n * @example\n * const { supported, active, request, release } = useWakeLock();\n */\nexport const useWakeLock = (options?: UseWakeLockOptions): UseWakeLockReturn => {\n const supported = typeof navigator !== 'undefined' && 'wakeLock' in navigator;\n\n const [active, setActive] = useState(false);\n const sentinel = useRef<WakeLockSentinel>(undefined);\n\n const immediately = options?.immediately ?? false;\n const type = options?.type ?? 'screen';\n\n const request = async (type?: WakeLockType) => {\n if (!supported) return;\n\n sentinel.current = await navigator.wakeLock.request(type ?? options?.type);\n sentinel.current.addEventListener('release', () => {\n setActive(false);\n sentinel.current = undefined;\n });\n\n setActive(true);\n };\n\n const release = async () => {\n if (!supported || !sentinel.current) return;\n\n await sentinel.current.release();\n sentinel.current = undefined;\n setActive(false);\n };\n\n useEffect(() => {\n if (!supported || !immediately || document.visibilityState !== 'visible' || type !== 'screen')\n return;\n\n const onVisibilityChange = async () => {\n await release();\n await request(type);\n };\n\n document.addEventListener('visibilitychange', onVisibilityChange);\n return () => {\n document.removeEventListener('visibilitychange', onVisibilityChange);\n };\n }, [type]);\n\n return { supported, active, request, release };\n};\n"],"names":["useWakeLock","options","supported","active","setActive","useState","sentinel","useRef","immediately","type","request","release","useEffect","onVisibilityChange"],"mappings":"yGAmCaA,EAAeC,GAAoD,CAC9E,MAAMC,EAAY,OAAO,UAAc,KAAe,aAAc,UAE9D,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpCC,EAAWC,EAAAA,OAAyB,MAAS,EAE7CC,EAAcP,GAAS,aAAe,GACtCQ,EAAOR,GAAS,MAAQ,SAExBS,EAAU,MAAOD,GAAwB,CACxCP,IAELI,EAAS,QAAU,MAAM,UAAU,SAAS,QAAQG,GAAQR,GAAS,IAAI,EACzEK,EAAS,QAAQ,iBAAiB,UAAW,IAAM,CACjDF,EAAU,EAAK,EACfE,EAAS,QAAU,MAAA,CACpB,EAEDF,EAAU,EAAI,EAAA,EAGVO,EAAU,SAAY,CACtB,CAACT,GAAa,CAACI,EAAS,UAE5B,MAAMA,EAAS,QAAQ,QAAA,EACvBA,EAAS,QAAU,OACnBF,EAAU,EAAK,EAAA,EAGjBQ,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACV,GAAa,CAACM,GAAe,SAAS,kBAAoB,WAAaC,IAAS,SACnF,OAEF,MAAMI,EAAqB,SAAY,CACrC,MAAMF,EAAA,EACN,MAAMD,EAAQD,CAAI,CAAA,EAGpB,gBAAS,iBAAiB,mBAAoBI,CAAkB,EACzD,IAAM,CACX,SAAS,oBAAoB,mBAAoBA,CAAkB,CAAA,CACrE,EACC,CAACJ,CAAI,CAAC,EAEF,CAAE,UAAAP,EAAW,OAAAC,EAAQ,QAAAO,EAAS,QAAAC,CAAA,CACvC"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),v=require("../useEvent/useEvent.cjs"),g=require("../../utils/helpers/getRetry.cjs"),E=(n,e)=>{const u=f.useRef(void 0),y=f.useRef(e!=null&&e.retry?g.getRetry(e.retry):0),a=f.useRef(!1),[R,d]=f.useState("connecting"),S=r=>{var c;return(c=u.current)==null?void 0:c.send(r)},b=()=>{var r;a.current=!0,(r=u.current)==null||r.close()},l=v.useEvent(()=>{u.current=new WebSocket(typeof n=="function"?n():n,e==null?void 0:e.protocols),d("connecting");const r=u.current;r&&(r.onopen=()=>{var c;d("connected"),(c=e==null?void 0:e.onConnected)==null||c.call(e,r)},r.onerror=c=>{var t;d("failed"),(t=e==null?void 0:e.onError)==null||t.call(e,c,r)},r.onmessage=c=>{var t;return(t=e==null?void 0:e.onMessage)==null?void 0:t.call(e,c,r)},r.onclose=c=>{var t;if(d("disconnected"),(t=e==null?void 0:e.onDisconnected)==null||t.call(e,c,r),!a.current){if(y.current>0)return y.current-=1,l();y.current=e!=null&&e.retry?g.getRetry(e.retry):0}})});f.useEffect(()=>(l(),()=>{u.current&&(u.current.close(),u.current=void 0)}),[n]);const k=()=>{a.current=!1,l()};return{client:u.current,close:b,open:k,send:S,status:R}};exports.useWebSocket=E;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),R=require("../useEvent/useEvent.cjs"),d=require("../../utils/helpers/getRetry.cjs"),S=(o,t)=>{const r=c.useRef(void 0),s=c.useRef(t?.retry?d.getRetry(t.retry):0),f=c.useRef(!1),[y,u]=c.useState("connecting"),a=e=>r.current?.send(e),l=()=>{f.current=!0,r.current?.close()},i=R.useEvent(()=>{r.current=new WebSocket(typeof o=="function"?o():o,t?.protocols),u("connecting");const e=r.current;e&&(e.onopen=()=>{u("connected"),t?.onConnected?.(e)},e.onerror=n=>{u("failed"),t?.onError?.(n,e)},e.onmessage=n=>t?.onMessage?.(n,e),e.onclose=n=>{if(u("disconnected"),t?.onDisconnected?.(n,e),!f.current){if(s.current>0)return s.current-=1,i();s.current=t?.retry?d.getRetry(t.retry):0}})});c.useEffect(()=>(i(),()=>{r.current&&(r.current.close(),r.current=void 0)}),[o]);const g=()=>{f.current=!1,i()};return{client:r.current,close:l,open:g,send:a,status:y}};exports.useWebSocket=S;
2
2
  //# sourceMappingURL=useWebSocket.cjs.map