@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,51 +1,49 @@
1
- import { useRef as w, useState as I, useEffect as O } from "react";
2
- import { useRefState as P } from "../useRefState/useRefState.mjs";
3
- import { isTarget as W } from "../../utils/helpers/isTarget.mjs";
4
- import { getElement as C } from "../../utils/helpers/getElement.mjs";
5
- const _ = 1, q = (...o) => {
6
- const c = W(o[0]) ? o[0] : void 0, n = c ? typeof o[1] == "object" ? o[1] : { onScroll: o[1] } : typeof o[0] == "object" ? o[0] : { onScroll: o[0] }, d = P(), m = w(n);
7
- m.current = n;
8
- const [g, S] = I(!1), i = w({ x: 0, y: 0 });
9
- return O(() => {
10
- if (!c && !d.state) return;
11
- const u = c ? C(c) : d.current;
12
- if (!u) return;
13
- const E = (l) => {
14
- var e;
15
- S(!1), (e = n == null ? void 0 : n.onStop) == null || e.call(n, l);
16
- }, R = (l) => {
17
- var D, f, H;
18
- S(!0);
19
- const e = l.target === document ? l.target.documentElement : l.target, { display: y, flexDirection: p, direction: j } = e.style, v = j === "rtl" ? -1 : 1, s = e.scrollLeft;
20
- let r = e.scrollTop;
21
- e instanceof Document && !r && (r = window.document.body.scrollTop);
22
- const t = (D = m.current) == null ? void 0 : D.offset, x = s * v <= ((t == null ? void 0 : t.left) ?? 0), h = s * v + e.clientWidth >= e.scrollWidth - ((t == null ? void 0 : t.right) ?? 0) - _, L = r <= ((t == null ? void 0 : t.top) ?? 0), a = r + e.clientHeight >= e.scrollHeight - ((t == null ? void 0 : t.bottom) ?? 0) - _, b = y === "flex" && p === "column-reverse", T = y === "flex" && p === "column-reverse", A = {
23
- x: s,
24
- y: r,
1
+ import { useRef as T, useState as _, useEffect as j } from "react";
2
+ import { useRefState as A } from "../useRefState/useRefState.mjs";
3
+ import { isTarget as I } from "../../utils/helpers/isTarget.mjs";
4
+ import { getElement as O } from "../../utils/helpers/getElement.mjs";
5
+ const D = 1, V = (...t) => {
6
+ const r = I(t[0]) ? t[0] : void 0, u = r ? typeof t[1] == "object" ? t[1] : { onScroll: t[1] } : typeof t[0] == "object" ? t[0] : { onScroll: t[0] }, i = A(), d = T(u);
7
+ d.current = u;
8
+ const [m, g] = _(!1), l = T({ x: 0, y: 0 });
9
+ return j(() => {
10
+ if (!r && !i.state) return;
11
+ const s = r ? O(r) : i.current;
12
+ if (!s) return;
13
+ const p = (n) => {
14
+ g(!1), u?.onStop?.(n);
15
+ }, S = (n) => {
16
+ g(!0);
17
+ const e = n.target === document ? n.target.documentElement : n.target, { display: E, flexDirection: R, direction: H } = e.style, y = H === "rtl" ? -1 : 1, c = e.scrollLeft;
18
+ let o = e.scrollTop;
19
+ e instanceof Document && !o && (o = window.document.body.scrollTop);
20
+ const f = d.current?.offset, v = c * y <= (f?.left ?? 0), x = c * y + e.clientWidth >= e.scrollWidth - (f?.right ?? 0) - D, h = o <= (f?.top ?? 0), L = o + e.clientHeight >= e.scrollHeight - (f?.bottom ?? 0) - D, a = E === "flex" && R === "column-reverse", b = E === "flex" && R === "column-reverse", w = {
21
+ x: c,
22
+ y: o,
25
23
  directions: {
26
- left: s < i.current.x,
27
- right: s > i.current.x,
28
- top: r < i.current.y,
29
- bottom: r > i.current.y
24
+ left: c < l.current.x,
25
+ right: c > l.current.x,
26
+ top: o < l.current.y,
27
+ bottom: o > l.current.y
30
28
  },
31
29
  arrived: {
32
- left: T ? h : x,
33
- right: T ? x : h,
34
- top: b ? a : L,
35
- bottom: b ? L : a
30
+ left: b ? x : v,
31
+ right: b ? v : x,
32
+ top: a ? L : h,
33
+ bottom: a ? h : L
36
34
  }
37
35
  };
38
- i.current = { x: s, y: r }, (H = (f = m.current) == null ? void 0 : f.onScroll) == null || H.call(f, A, l);
36
+ l.current = { x: c, y: o }, d.current?.onScroll?.(w, n);
39
37
  };
40
- return u.addEventListener("scroll", R), u.addEventListener("scrollend", E), () => {
41
- u.removeEventListener("scroll", R), u.removeEventListener("scrollend", E);
38
+ return s.addEventListener("scroll", S), s.addEventListener("scrollend", p), () => {
39
+ s.removeEventListener("scroll", S), s.removeEventListener("scrollend", p);
42
40
  };
43
- }, [c, d.state]), c ? g : {
44
- ref: d,
45
- scrolling: g
41
+ }, [r, i.state]), r ? m : {
42
+ ref: i,
43
+ scrolling: m
46
44
  };
47
45
  };
48
46
  export {
49
- q as useScroll
47
+ V as useScroll
50
48
  };
51
49
  //# sourceMappingURL=useScroll.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useScroll.mjs","sources":["../../../../src/hooks/useScroll/useScroll.ts"],"sourcesContent":["import { useEffect, useRef, 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\nconst ARRIVED_STATE_THRESHOLD_PIXELS = 1;\n\nexport interface UseScrollOptions {\n /** The on scroll callback */\n onScroll?: (params: UseScrollCallbackParams, event: Event) => void;\n\n /** The on end scroll callback */\n onStop?: (event: Event) => void;\n\n /** Offset arrived states by x pixels. */\n offset?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n}\n\nexport interface UseScrollCallbackParams {\n /** The element x position */\n x: number;\n /** The element y position */\n y: number;\n /** State of scroll arrived */\n arrived: {\n left: boolean;\n right: boolean;\n top: boolean;\n bottom: boolean;\n };\n /** State of scroll direction */\n directions: {\n left: boolean;\n right: boolean;\n top: boolean;\n bottom: boolean;\n };\n}\n\nexport interface UseScroll {\n (target: HookTarget, callback?: (params: UseScrollCallbackParams, event: Event) => void): boolean;\n\n (target: HookTarget, options?: UseScrollOptions): boolean;\n\n <Target extends Element>(\n callback?: (params: UseScrollCallbackParams, event: Event) => void,\n target?: never\n ): {\n ref: StateRef<Target>;\n scrolling: boolean;\n };\n\n <Target extends Element>(\n options?: UseScrollOptions,\n target?: never\n ): {\n ref: StateRef<Target>;\n scrolling: boolean;\n };\n}\n\n/**\n * @name useScroll\n * @description - Hook that allows you to control scroll a element\n * @category Sensors\n *\n * @overload\n * @template Target The target element\n * @param {ScrollBehavior} [options.behavior=auto] The behavior of scrolling\n * @param {number} [options.offset.left=0] The left offset for arrived states\n * @param {number} [options.offset.right=0] The right offset for arrived states\n * @param {number} [options.offset.top=0] The top offset for arrived states\n * @param {number} [options.offset.bottom=0] The bottom offset for arrived states\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [options.onScroll] The callback function to be invoked on scroll\n * @param {(event: Event) => void} [options.onStop] The callback function to be invoked on scroll end\n * @returns {boolean} The state of scrolling\n *\n * @example\n * const scrolling = useScroll(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [callback] The callback function to be invoked on scroll\n * @returns {boolean} The state of scrolling\n *\n * @example\n * const scrolling = useScroll(ref, () => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to scroll\n * @param {ScrollBehavior} [options.behavior=auto] The behavior of scrolling\n * @param {number} [options.offset.left=0] The left offset for arrived states\n * @param {number} [options.offset.right=0] The right offset for arrived states\n * @param {number} [options.offset.top=0] The top offset for arrived states\n * @param {number} [options.offset.bottom=0] The bottom offset for arrived states\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [options.onScroll] The callback function to be invoked on scroll\n * @param {(event: Event) => void} [options.onStop] The callback function to be invoked on scroll end\n * @returns {[StateRef<Target>, boolean]} The state of scrolling\n *\n * @example\n * const { ref, scrolling } = useScroll(options);\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to scroll\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [callback] The callback function to be invoked on scroll\n * @returns {[StateRef<Target>, boolean]} The state of scrolling\n *\n * @example\n * const { ref, scrolling } = useScroll(() => console.log('callback'));\n */\nexport const useScroll = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n const options = (\n target\n ? typeof params[1] === 'object'\n ? params[1]\n : { onScroll: params[1] }\n : typeof params[0] === 'object'\n ? params[0]\n : { onScroll: params[0] }\n ) as UseScrollOptions | undefined;\n\n const internalRef = useRefState<Element>();\n const internalOptionsRef = useRef(options);\n internalOptionsRef.current = options;\n\n const [scrolling, setScrolling] = useState(false);\n const scrollPositionRef = useRef({ x: 0, y: 0 });\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n const element = (target ? getElement(target) : internalRef.current) as Element;\n\n if (!element) return;\n\n const onScrollEnd = (event: Event) => {\n setScrolling(false);\n options?.onStop?.(event);\n };\n\n const onScroll = (event: Event) => {\n setScrolling(true);\n const target = (\n event.target === document ? (event.target as Document).documentElement : event.target\n ) as HTMLElement;\n\n const { display, flexDirection, direction } = target.style;\n const directionMultiplier = direction === 'rtl' ? -1 : 1;\n\n const scrollLeft = target.scrollLeft;\n let scrollTop = target.scrollTop;\n if (target instanceof Document && !scrollTop) scrollTop = window.document.body.scrollTop;\n\n const offset = internalOptionsRef.current?.offset;\n const left = scrollLeft * directionMultiplier <= (offset?.left ?? 0);\n const right =\n scrollLeft * directionMultiplier + target.clientWidth >=\n target.scrollWidth - (offset?.right ?? 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n const top = scrollTop <= (offset?.top ?? 0);\n const bottom =\n scrollTop + target.clientHeight >=\n target.scrollHeight - (offset?.bottom ?? 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n\n const isColumnReverse = display === 'flex' && flexDirection === 'column-reverse';\n const isRowReverse = display === 'flex' && flexDirection === 'column-reverse';\n\n const params = {\n x: scrollLeft,\n y: scrollTop,\n directions: {\n left: scrollLeft < scrollPositionRef.current.x,\n right: scrollLeft > scrollPositionRef.current.x,\n top: scrollTop < scrollPositionRef.current.y,\n bottom: scrollTop > scrollPositionRef.current.y\n },\n arrived: {\n left: isRowReverse ? right : left,\n right: isRowReverse ? left : right,\n top: isColumnReverse ? bottom : top,\n bottom: isColumnReverse ? top : bottom\n }\n };\n\n scrollPositionRef.current = { x: scrollLeft, y: scrollTop };\n internalOptionsRef.current?.onScroll?.(params, event);\n };\n\n element.addEventListener('scroll', onScroll);\n element.addEventListener('scrollend', onScrollEnd);\n\n return () => {\n element.removeEventListener('scroll', onScroll);\n element.removeEventListener('scrollend', onScrollEnd);\n };\n }, [target, internalRef.state]);\n\n if (target) return scrolling;\n return {\n ref: internalRef,\n scrolling\n };\n}) as UseScroll;\n"],"names":["ARRIVED_STATE_THRESHOLD_PIXELS","useScroll","params","target","isTarget","options","internalRef","useRefState","internalOptionsRef","useRef","scrolling","setScrolling","useState","scrollPositionRef","useEffect","element","getElement","onScrollEnd","event","_a","onScroll","display","flexDirection","direction","directionMultiplier","scrollLeft","scrollTop","offset","left","right","top","bottom","isColumnReverse","isRowReverse","_c","_b"],"mappings":"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"}
1
+ {"version":3,"file":"useScroll.mjs","sources":["../../../../src/hooks/useScroll/useScroll.ts"],"sourcesContent":["import { useEffect, useRef, 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\nconst ARRIVED_STATE_THRESHOLD_PIXELS = 1;\n\nexport interface UseScrollOptions {\n /** The on scroll callback */\n onScroll?: (params: UseScrollCallbackParams, event: Event) => void;\n\n /** The on end scroll callback */\n onStop?: (event: Event) => void;\n\n /** Offset arrived states by x pixels. */\n offset?: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n };\n}\n\nexport interface UseScrollCallbackParams {\n /** The element x position */\n x: number;\n /** The element y position */\n y: number;\n /** State of scroll arrived */\n arrived: {\n left: boolean;\n right: boolean;\n top: boolean;\n bottom: boolean;\n };\n /** State of scroll direction */\n directions: {\n left: boolean;\n right: boolean;\n top: boolean;\n bottom: boolean;\n };\n}\n\nexport interface UseScroll {\n (target: HookTarget, callback?: (params: UseScrollCallbackParams, event: Event) => void): boolean;\n\n (target: HookTarget, options?: UseScrollOptions): boolean;\n\n <Target extends Element>(\n callback?: (params: UseScrollCallbackParams, event: Event) => void,\n target?: never\n ): {\n ref: StateRef<Target>;\n scrolling: boolean;\n };\n\n <Target extends Element>(\n options?: UseScrollOptions,\n target?: never\n ): {\n ref: StateRef<Target>;\n scrolling: boolean;\n };\n}\n\n/**\n * @name useScroll\n * @description - Hook that allows you to control scroll a element\n * @category Sensors\n *\n * @overload\n * @template Target The target element\n * @param {ScrollBehavior} [options.behavior=auto] The behavior of scrolling\n * @param {number} [options.offset.left=0] The left offset for arrived states\n * @param {number} [options.offset.right=0] The right offset for arrived states\n * @param {number} [options.offset.top=0] The top offset for arrived states\n * @param {number} [options.offset.bottom=0] The bottom offset for arrived states\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [options.onScroll] The callback function to be invoked on scroll\n * @param {(event: Event) => void} [options.onStop] The callback function to be invoked on scroll end\n * @returns {boolean} The state of scrolling\n *\n * @example\n * const scrolling = useScroll(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [callback] The callback function to be invoked on scroll\n * @returns {boolean} The state of scrolling\n *\n * @example\n * const scrolling = useScroll(ref, () => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to scroll\n * @param {ScrollBehavior} [options.behavior=auto] The behavior of scrolling\n * @param {number} [options.offset.left=0] The left offset for arrived states\n * @param {number} [options.offset.right=0] The right offset for arrived states\n * @param {number} [options.offset.top=0] The top offset for arrived states\n * @param {number} [options.offset.bottom=0] The bottom offset for arrived states\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [options.onScroll] The callback function to be invoked on scroll\n * @param {(event: Event) => void} [options.onStop] The callback function to be invoked on scroll end\n * @returns {[StateRef<Target>, boolean]} The state of scrolling\n *\n * @example\n * const { ref, scrolling } = useScroll(options);\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to scroll\n * @param {(params: UseScrollCallbackParams, event: Event) => void} [callback] The callback function to be invoked on scroll\n * @returns {[StateRef<Target>, boolean]} The state of scrolling\n *\n * @example\n * const { ref, scrolling } = useScroll(() => console.log('callback'));\n */\nexport const useScroll = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n const options = (\n target\n ? typeof params[1] === 'object'\n ? params[1]\n : { onScroll: params[1] }\n : typeof params[0] === 'object'\n ? params[0]\n : { onScroll: params[0] }\n ) as UseScrollOptions | undefined;\n\n const internalRef = useRefState<Element>();\n const internalOptionsRef = useRef(options);\n internalOptionsRef.current = options;\n\n const [scrolling, setScrolling] = useState(false);\n const scrollPositionRef = useRef({ x: 0, y: 0 });\n\n useEffect(() => {\n if (!target && !internalRef.state) return;\n const element = (target ? getElement(target) : internalRef.current) as Element;\n\n if (!element) return;\n\n const onScrollEnd = (event: Event) => {\n setScrolling(false);\n options?.onStop?.(event);\n };\n\n const onScroll = (event: Event) => {\n setScrolling(true);\n const target = (\n event.target === document ? (event.target as Document).documentElement : event.target\n ) as HTMLElement;\n\n const { display, flexDirection, direction } = target.style;\n const directionMultiplier = direction === 'rtl' ? -1 : 1;\n\n const scrollLeft = target.scrollLeft;\n let scrollTop = target.scrollTop;\n if (target instanceof Document && !scrollTop) scrollTop = window.document.body.scrollTop;\n\n const offset = internalOptionsRef.current?.offset;\n const left = scrollLeft * directionMultiplier <= (offset?.left ?? 0);\n const right =\n scrollLeft * directionMultiplier + target.clientWidth >=\n target.scrollWidth - (offset?.right ?? 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n const top = scrollTop <= (offset?.top ?? 0);\n const bottom =\n scrollTop + target.clientHeight >=\n target.scrollHeight - (offset?.bottom ?? 0) - ARRIVED_STATE_THRESHOLD_PIXELS;\n\n const isColumnReverse = display === 'flex' && flexDirection === 'column-reverse';\n const isRowReverse = display === 'flex' && flexDirection === 'column-reverse';\n\n const params = {\n x: scrollLeft,\n y: scrollTop,\n directions: {\n left: scrollLeft < scrollPositionRef.current.x,\n right: scrollLeft > scrollPositionRef.current.x,\n top: scrollTop < scrollPositionRef.current.y,\n bottom: scrollTop > scrollPositionRef.current.y\n },\n arrived: {\n left: isRowReverse ? right : left,\n right: isRowReverse ? left : right,\n top: isColumnReverse ? bottom : top,\n bottom: isColumnReverse ? top : bottom\n }\n };\n\n scrollPositionRef.current = { x: scrollLeft, y: scrollTop };\n internalOptionsRef.current?.onScroll?.(params, event);\n };\n\n element.addEventListener('scroll', onScroll);\n element.addEventListener('scrollend', onScrollEnd);\n\n return () => {\n element.removeEventListener('scroll', onScroll);\n element.removeEventListener('scrollend', onScrollEnd);\n };\n }, [target, internalRef.state]);\n\n if (target) return scrolling;\n return {\n ref: internalRef,\n scrolling\n };\n}) as UseScroll;\n"],"names":["ARRIVED_STATE_THRESHOLD_PIXELS","useScroll","params","target","isTarget","options","internalRef","useRefState","internalOptionsRef","useRef","scrolling","setScrolling","useState","scrollPositionRef","useEffect","element","getElement","onScrollEnd","event","onScroll","display","flexDirection","direction","directionMultiplier","scrollLeft","scrollTop","offset","left","right","top","bottom","isColumnReverse","isRowReverse"],"mappings":";;;;AAUA,MAAMA,IAAiC,GAgH1BC,IAAa,IAAIC,MAAkB;AAC9C,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IACJF,IACI,OAAOD,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,UAAUA,EAAO,CAAC,EAAA,IACtB,OAAOA,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,UAAUA,EAAO,CAAC,EAAA,GAGtBI,IAAcC,EAAA,GACdC,IAAqBC,EAAOJ,CAAO;AACzC,EAAAG,EAAmB,UAAUH;AAE7B,QAAM,CAACK,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAoBJ,EAAO,EAAE,GAAG,GAAG,GAAG,GAAG;AAqE/C,SAnEAK,EAAU,MAAM;AACd,QAAI,CAACX,KAAU,CAACG,EAAY,MAAO;AACnC,UAAMS,IAAWZ,IAASa,EAAWb,CAAM,IAAIG,EAAY;AAE3D,QAAI,CAACS,EAAS;AAEd,UAAME,IAAc,CAACC,MAAiB;AACpC,MAAAP,EAAa,EAAK,GAClBN,GAAS,SAASa,CAAK;AAAA,IAAA,GAGnBC,IAAW,CAACD,MAAiB;AACjC,MAAAP,EAAa,EAAI;AACjB,YAAMR,IACJe,EAAM,WAAW,WAAYA,EAAM,OAAoB,kBAAkBA,EAAM,QAG3E,EAAE,SAAAE,GAAS,eAAAC,GAAe,WAAAC,EAAA,IAAcnB,EAAO,OAC/CoB,IAAsBD,MAAc,QAAQ,KAAK,GAEjDE,IAAarB,EAAO;AAC1B,UAAIsB,IAAYtB,EAAO;AACvB,MAAIA,aAAkB,YAAY,CAACsB,MAAWA,IAAY,OAAO,SAAS,KAAK;AAE/E,YAAMC,IAASlB,EAAmB,SAAS,QACrCmB,IAAOH,IAAaD,MAAwBG,GAAQ,QAAQ,IAC5DE,IACJJ,IAAaD,IAAsBpB,EAAO,eAC1CA,EAAO,eAAeuB,GAAQ,SAAS,KAAK1B,GACxC6B,IAAMJ,MAAcC,GAAQ,OAAO,IACnCI,IACJL,IAAYtB,EAAO,gBACnBA,EAAO,gBAAgBuB,GAAQ,UAAU,KAAK1B,GAE1C+B,IAAkBX,MAAY,UAAUC,MAAkB,kBAC1DW,IAAeZ,MAAY,UAAUC,MAAkB,kBAEvDnB,IAAS;AAAA,QACb,GAAGsB;AAAA,QACH,GAAGC;AAAA,QACH,YAAY;AAAA,UACV,MAAMD,IAAaX,EAAkB,QAAQ;AAAA,UAC7C,OAAOW,IAAaX,EAAkB,QAAQ;AAAA,UAC9C,KAAKY,IAAYZ,EAAkB,QAAQ;AAAA,UAC3C,QAAQY,IAAYZ,EAAkB,QAAQ;AAAA,QAAA;AAAA,QAEhD,SAAS;AAAA,UACP,MAAMmB,IAAeJ,IAAQD;AAAA,UAC7B,OAAOK,IAAeL,IAAOC;AAAA,UAC7B,KAAKG,IAAkBD,IAASD;AAAA,UAChC,QAAQE,IAAkBF,IAAMC;AAAA,QAAA;AAAA,MAClC;AAGF,MAAAjB,EAAkB,UAAU,EAAE,GAAGW,GAAY,GAAGC,EAAA,GAChDjB,EAAmB,SAAS,WAAWN,GAAQgB,CAAK;AAAA,IAAA;AAGtD,WAAAH,EAAQ,iBAAiB,UAAUI,CAAQ,GAC3CJ,EAAQ,iBAAiB,aAAaE,CAAW,GAE1C,MAAM;AACX,MAAAF,EAAQ,oBAAoB,UAAUI,CAAQ,GAC9CJ,EAAQ,oBAAoB,aAAaE,CAAW;AAAA,IAAA;AAAA,EACtD,GACC,CAACd,GAAQG,EAAY,KAAK,CAAC,GAE1BH,IAAeO,IACZ;AAAA,IACL,KAAKJ;AAAA,IACL,WAAAI;AAAA,EAAA;AAEJ;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useScrollIntoView.mjs","sources":["../../../../src/hooks/useScrollIntoView/useScrollIntoView.ts"],"sourcesContent":["import { useEffect } 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 scroll into view options type */\nexport interface UseScrollIntoViewOptions extends ScrollIntoViewOptions {\n /** Whether to enable the scroll into view */\n enabled?: boolean;\n}\n\n/** The scroll into view return type */\nexport interface UseScrollIntoViewReturn {\n /** Function to scroll element into view */\n trigger: (params?: {\n behavior?: ScrollBehavior;\n block?: ScrollLogicalPosition;\n inline?: ScrollLogicalPosition;\n }) => void;\n}\n\nexport interface UseScrollIntoView {\n <Target extends Element>(\n options?: UseScrollIntoViewOptions,\n target?: never\n ): UseScrollIntoViewReturn & { ref: StateRef<Target> };\n\n (target: HookTarget, options?: UseScrollIntoViewOptions): UseScrollIntoViewReturn;\n}\n\n/**\n * @name useScrollIntoView\n * @description - Hook that provides functionality to scroll an element into view\n * @category Sensors\n *\n * @overload\n * @param {HookTarget} target The target element to scroll into view\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn} Object containing scroll function\n *\n * @example\n * const { trigger } = useScrollIntoView(ref);\n *\n * @overload\n * @template Target The target element\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn & { ref: StateRef<Target> }} Object containing scroll function and ref\n *\n * @example\n * const { ref, trigger } = useScrollIntoView<HTMLDivElement>();\n */\nexport const useScrollIntoView = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n const options = (target ? params[1] : params[0]) as UseScrollIntoViewOptions | undefined;\n\n const internalRef = useRefState<Element>();\n const {\n behavior = 'smooth',\n block = 'start',\n inline = 'nearest',\n enabled = true\n } = options ?? {};\n\n useEffect(() => {\n if (!enabled) return;\n if (!target && !internalRef.state) return;\n\n const element = (target ? getElement(target) : internalRef.current) as Element;\n if (!element) return;\n\n element.scrollIntoView({\n behavior,\n block,\n inline\n });\n }, [target, internalRef.state, enabled]);\n\n const trigger = (params?: {\n behavior?: ScrollBehavior;\n block?: ScrollLogicalPosition;\n inline?: ScrollLogicalPosition;\n }) => {\n const element = (target ? getElement(target) : internalRef.current) as Element;\n if (!element) return;\n\n const { behavior, block, inline } = params ?? {};\n\n element.scrollIntoView({\n behavior,\n block,\n inline\n });\n };\n\n if (target) return { trigger };\n return { ref: internalRef, trigger };\n}) as UseScrollIntoView;\n"],"names":["useScrollIntoView","params","target","isTarget","options","internalRef","useRefState","behavior","block","inline","enabled","useEffect","element","getElement","trigger"],"mappings":";;;;AA4Da,MAAAA,IAAqB,IAAIC,MAAkB;AAChD,QAAAC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAWF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAExCI,IAAcC,EAAqB,GACnC;AAAA,IACJ,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,SAAAC,IAAU;AAAA,EACZ,IAAIN,KAAW,CAAC;AAEhB,EAAAO,EAAU,MAAM;AAEd,QADI,CAACD,KACD,CAACR,KAAU,CAACG,EAAY,MAAO;AAEnC,UAAMO,IAAWV,IAASW,EAAWX,CAAM,IAAIG,EAAY;AAC3D,IAAKO,KAELA,EAAQ,eAAe;AAAA,MACrB,UAAAL;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,CACD;AAAA,KACA,CAACP,GAAQG,EAAY,OAAOK,CAAO,CAAC;AAEjC,QAAAI,IAAU,CAACb,MAIX;AACJ,UAAMW,IAAWV,IAASW,EAAWX,CAAM,IAAIG,EAAY;AAC3D,QAAI,CAACO,EAAS;AAER,UAAA,EAAE,UAAAL,GAAU,OAAAC,GAAO,QAAAC,MAAWR,KAAU,CAAC;AAE/C,IAAAW,EAAQ,eAAe;AAAA,MACrB,UAAAL;AAAAA,MACA,OAAAC;AAAAA,MACA,QAAAC;AAAAA,IAAA,CACD;AAAA,EACH;AAEI,SAAAP,IAAe,EAAE,SAAAY,EAAQ,IACtB,EAAE,KAAKT,GAAa,SAAAS,EAAQ;AACrC;"}
1
+ {"version":3,"file":"useScrollIntoView.mjs","sources":["../../../../src/hooks/useScrollIntoView/useScrollIntoView.ts"],"sourcesContent":["import { useEffect } 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 scroll into view options type */\nexport interface UseScrollIntoViewOptions extends ScrollIntoViewOptions {\n /** Whether to enable the scroll into view */\n enabled?: boolean;\n}\n\n/** The scroll into view return type */\nexport interface UseScrollIntoViewReturn {\n /** Function to scroll element into view */\n trigger: (params?: {\n behavior?: ScrollBehavior;\n block?: ScrollLogicalPosition;\n inline?: ScrollLogicalPosition;\n }) => void;\n}\n\nexport interface UseScrollIntoView {\n <Target extends Element>(\n options?: UseScrollIntoViewOptions,\n target?: never\n ): UseScrollIntoViewReturn & { ref: StateRef<Target> };\n\n (target: HookTarget, options?: UseScrollIntoViewOptions): UseScrollIntoViewReturn;\n}\n\n/**\n * @name useScrollIntoView\n * @description - Hook that provides functionality to scroll an element into view\n * @category Sensors\n *\n * @overload\n * @param {HookTarget} target The target element to scroll into view\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn} Object containing scroll function\n *\n * @example\n * const { trigger } = useScrollIntoView(ref);\n *\n * @overload\n * @template Target The target element\n * @param {ScrollBehavior} [options.behavior='smooth'] The scrolling behavior\n * @param {ScrollLogicalPosition} [options.block='start'] The vertical alignment\n * @param {ScrollLogicalPosition} [options.inline='nearest'] The horizontal alignment\n * @returns {UseScrollIntoViewReturn & { ref: StateRef<Target> }} Object containing scroll function and ref\n *\n * @example\n * const { ref, trigger } = useScrollIntoView<HTMLDivElement>();\n */\nexport const useScrollIntoView = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n const options = (target ? params[1] : params[0]) as UseScrollIntoViewOptions | undefined;\n\n const internalRef = useRefState<Element>();\n const {\n behavior = 'smooth',\n block = 'start',\n inline = 'nearest',\n enabled = true\n } = options ?? {};\n\n useEffect(() => {\n if (!enabled) return;\n if (!target && !internalRef.state) return;\n\n const element = (target ? getElement(target) : internalRef.current) as Element;\n if (!element) return;\n\n element.scrollIntoView({\n behavior,\n block,\n inline\n });\n }, [target, internalRef.state, enabled]);\n\n const trigger = (params?: {\n behavior?: ScrollBehavior;\n block?: ScrollLogicalPosition;\n inline?: ScrollLogicalPosition;\n }) => {\n const element = (target ? getElement(target) : internalRef.current) as Element;\n if (!element) return;\n\n const { behavior, block, inline } = params ?? {};\n\n element.scrollIntoView({\n behavior,\n block,\n inline\n });\n };\n\n if (target) return { trigger };\n return { ref: internalRef, trigger };\n}) as UseScrollIntoView;\n"],"names":["useScrollIntoView","params","target","isTarget","options","internalRef","useRefState","behavior","block","inline","enabled","useEffect","element","getElement","trigger"],"mappings":";;;;AA4DO,MAAMA,IAAqB,IAAIC,MAAkB;AACtD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAWF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAExCI,IAAcC,EAAA,GACd;AAAA,IACJ,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,SAAAC,IAAU;AAAA,EAAA,IACRN,KAAW,CAAA;AAEf,EAAAO,EAAU,MAAM;AAEd,QADI,CAACD,KACD,CAACR,KAAU,CAACG,EAAY,MAAO;AAEnC,UAAMO,IAAWV,IAASW,EAAWX,CAAM,IAAIG,EAAY;AAC3D,IAAKO,KAELA,EAAQ,eAAe;AAAA,MACrB,UAAAL;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,CACD;AAAA,EAAA,GACA,CAACP,GAAQG,EAAY,OAAOK,CAAO,CAAC;AAEvC,QAAMI,IAAU,CAACb,MAIX;AACJ,UAAMW,IAAWV,IAASW,EAAWX,CAAM,IAAIG,EAAY;AAC3D,QAAI,CAACO,EAAS;AAEd,UAAM,EAAE,UAAAL,GAAU,OAAAC,GAAO,QAAAC,MAAWR,KAAU,CAAA;AAE9C,IAAAW,EAAQ,eAAe;AAAA,MACrB,UAAAL;AAAAA,MACA,OAAAC;AAAAA,MACA,QAAAC;AAAAA,IAAA,CACD;AAAA,EAAA;AAGH,SAAIP,IAAe,EAAE,SAAAY,EAAA,IACd,EAAE,KAAKT,GAAa,SAAAS,EAAA;AAC7B;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useScrollTo.mjs","sources":["../../../../src/hooks/useScrollTo/useScrollTo.ts"],"sourcesContent":["import { useLayoutEffect } 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 scroll to options type */\nexport interface UseScrollToOptions {\n /** The scrolling behavior */\n behavior?: ScrollBehavior;\n /** Whether to enable the scroll to */\n enabled?: boolean;\n /** The horizontal position to scroll to */\n x: number;\n /** The vertical position to scroll to */\n y: number;\n}\n\n/** The use scroll to return type */\nexport interface UseScrollToReturn {\n /** The state of scrolling */\n trigger: (params?: { x: number; y: number; behavior?: ScrollBehavior }) => void;\n}\n\nexport interface UseScrollTo {\n <Target extends Element>(\n options?: UseScrollToOptions,\n target?: never\n ): UseScrollToReturn & { ref: StateRef<Target> };\n\n (target: HookTarget, options?: UseScrollToOptions): UseScrollToReturn;\n}\n\n/**\n * @name useScrollTo\n * @description - Hook for scrolling to a specific element\n * @category Sensors\n *\n * @overload\n * @param {HookTarget} target The target element for scrolling to\n * @param {UseScrollToOptions} [options] The scroll options\n * @returns {UseScrollToReturn} The scroll trigger function\n *\n * @example\n * const trigger = useScrollTo(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {UseScrollToOptions} [options] The scroll options\n * @returns {UseScrollToReturn & { ref: StateRef<Target> }} The scroll trigger function and ref\n *\n * @example\n * const { ref, trigger } = useScrollTo(options);\n */\nexport const useScrollTo = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n const options = (target ? params[1] : params[0]) as UseScrollToOptions | undefined;\n const { x, y, behavior = 'auto', enabled = true } = options ?? {};\n const internalRef = useRefState<Element>();\n\n useLayoutEffect(() => {\n if (!enabled) return;\n if (!target && !internalRef.state) return;\n\n const element = (target ? getElement(target) : internalRef.current) as Element;\n if (!element) return;\n\n element.scrollTo({ top: y, left: x, behavior });\n }, [target, internalRef.state]);\n\n const trigger = (params?: { x: number; y: number; behavior?: ScrollBehavior }) => {\n const element = (target ? getElement(target) : internalRef.current) as Element;\n if (!element) return;\n const { x, y, behavior } = params ?? {};\n\n element.scrollTo({ left: x, top: y, behavior });\n };\n\n if (target) return { trigger };\n return { ref: internalRef, trigger };\n}) as UseScrollTo;\n"],"names":["useScrollTo","params","target","isTarget","options","x","y","behavior","enabled","internalRef","useRefState","useLayoutEffect","element","getElement","trigger"],"mappings":";;;;AA0Da,MAAAA,IAAe,IAAIC,MAAkB;AAC1C,QAAAC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAWF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACxC,EAAE,GAAAI,GAAG,GAAAC,GAAG,UAAAC,IAAW,QAAQ,SAAAC,IAAU,OAASJ,KAAW,CAAC,GAC1DK,IAAcC,EAAqB;AAEzC,EAAAC,EAAgB,MAAM;AAEpB,QADI,CAACH,KACD,CAACN,KAAU,CAACO,EAAY,MAAO;AAEnC,UAAMG,IAAWV,IAASW,EAAWX,CAAM,IAAIO,EAAY;AAC3D,IAAKG,KAELA,EAAQ,SAAS,EAAE,KAAKN,GAAG,MAAMD,GAAG,UAAAE,GAAU;AAAA,EAC7C,GAAA,CAACL,GAAQO,EAAY,KAAK,CAAC;AAExB,QAAAK,IAAU,CAACb,MAAiE;AAChF,UAAMW,IAAWV,IAASW,EAAWX,CAAM,IAAIO,EAAY;AAC3D,QAAI,CAACG,EAAS;AACR,UAAA,EAAE,GAAAP,GAAG,GAAAC,GAAG,UAAAC,MAAaN,KAAU,CAAC;AAE9B,IAAAW,EAAA,SAAS,EAAE,MAAMP,GAAG,KAAKC,GAAG,UAAAC,GAAU;AAAA,EAChD;AAEI,SAAAL,IAAe,EAAE,SAAAY,EAAQ,IACtB,EAAE,KAAKL,GAAa,SAAAK,EAAQ;AACrC;"}
1
+ {"version":3,"file":"useScrollTo.mjs","sources":["../../../../src/hooks/useScrollTo/useScrollTo.ts"],"sourcesContent":["import { useLayoutEffect } 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 scroll to options type */\nexport interface UseScrollToOptions {\n /** The scrolling behavior */\n behavior?: ScrollBehavior;\n /** Whether to enable the scroll to */\n enabled?: boolean;\n /** The horizontal position to scroll to */\n x: number;\n /** The vertical position to scroll to */\n y: number;\n}\n\n/** The use scroll to return type */\nexport interface UseScrollToReturn {\n /** The state of scrolling */\n trigger: (params?: { x: number; y: number; behavior?: ScrollBehavior }) => void;\n}\n\nexport interface UseScrollTo {\n <Target extends Element>(\n options?: UseScrollToOptions,\n target?: never\n ): UseScrollToReturn & { ref: StateRef<Target> };\n\n (target: HookTarget, options?: UseScrollToOptions): UseScrollToReturn;\n}\n\n/**\n * @name useScrollTo\n * @description - Hook for scrolling to a specific element\n * @category Sensors\n *\n * @overload\n * @param {HookTarget} target The target element for scrolling to\n * @param {UseScrollToOptions} [options] The scroll options\n * @returns {UseScrollToReturn} The scroll trigger function\n *\n * @example\n * const trigger = useScrollTo(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {UseScrollToOptions} [options] The scroll options\n * @returns {UseScrollToReturn & { ref: StateRef<Target> }} The scroll trigger function and ref\n *\n * @example\n * const { ref, trigger } = useScrollTo(options);\n */\nexport const useScrollTo = ((...params: any[]) => {\n const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n const options = (target ? params[1] : params[0]) as UseScrollToOptions | undefined;\n const { x, y, behavior = 'auto', enabled = true } = options ?? {};\n const internalRef = useRefState<Element>();\n\n useLayoutEffect(() => {\n if (!enabled) return;\n if (!target && !internalRef.state) return;\n\n const element = (target ? getElement(target) : internalRef.current) as Element;\n if (!element) return;\n\n element.scrollTo({ top: y, left: x, behavior });\n }, [target, internalRef.state]);\n\n const trigger = (params?: { x: number; y: number; behavior?: ScrollBehavior }) => {\n const element = (target ? getElement(target) : internalRef.current) as Element;\n if (!element) return;\n const { x, y, behavior } = params ?? {};\n\n element.scrollTo({ left: x, top: y, behavior });\n };\n\n if (target) return { trigger };\n return { ref: internalRef, trigger };\n}) as UseScrollTo;\n"],"names":["useScrollTo","params","target","isTarget","options","x","y","behavior","enabled","internalRef","useRefState","useLayoutEffect","element","getElement","trigger"],"mappings":";;;;AA0DO,MAAMA,IAAe,IAAIC,MAAkB;AAChD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAWF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACxC,EAAE,GAAAI,GAAG,GAAAC,GAAG,UAAAC,IAAW,QAAQ,SAAAC,IAAU,OAASJ,KAAW,CAAA,GACzDK,IAAcC,EAAA;AAEpB,EAAAC,EAAgB,MAAM;AAEpB,QADI,CAACH,KACD,CAACN,KAAU,CAACO,EAAY,MAAO;AAEnC,UAAMG,IAAWV,IAASW,EAAWX,CAAM,IAAIO,EAAY;AAC3D,IAAKG,KAELA,EAAQ,SAAS,EAAE,KAAKN,GAAG,MAAMD,GAAG,UAAAE,GAAU;AAAA,EAAA,GAC7C,CAACL,GAAQO,EAAY,KAAK,CAAC;AAE9B,QAAMK,IAAU,CAACb,MAAiE;AAChF,UAAMW,IAAWV,IAASW,EAAWX,CAAM,IAAIO,EAAY;AAC3D,QAAI,CAACG,EAAS;AACd,UAAM,EAAE,GAAAP,GAAG,GAAAC,GAAG,UAAAC,MAAaN,KAAU,CAAA;AAErC,IAAAW,EAAQ,SAAS,EAAE,MAAMP,GAAG,KAAKC,GAAG,UAAAC,GAAU;AAAA,EAAA;AAGhD,SAAIL,IAAe,EAAE,SAAAY,EAAA,IACd,EAAE,KAAKL,GAAa,SAAAK,EAAA;AAC7B;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useSet.mjs","sources":["../../../../src/hooks/useSet/useSet.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use set return type */\ninterface UseSetReturn<Value> {\n /** The size of the set */\n size: number;\n /** The current set */\n value: Set<Value>;\n /** Function to add a value to the set */\n add: (value: Value) => void;\n /** Function to clear the set */\n clear: () => void;\n /** Function to get the symmetric difference of two sets */\n difference: (other: Set<Value>) => void;\n /** Function to check if a value exists in the set */\n has: (value: Value) => boolean;\n /** Function to get the difference of two sets */\n intersection: (other: Set<Value>) => void;\n /** Function to remove a value from the set */\n remove: (value: Value) => void;\n /** Function to toggle a value in the set */\n reset: () => void;\n /** Function to get the symmetric difference of two sets */\n symmetricDifference: (other: Set<Value>) => void;\n /** Function to toggle a value in the set */\n toggle: (value: Value) => void;\n /** Function to get the union of two sets */\n union: (other: Set<Value>) => void;\n}\n\n/**\n * @name useSet\n * @description - Hook that manages a set structure\n * @category Utilities\n *\n * @template Value The type of the value\n * @param {Value[]} [values] The initial array of the set\n * @returns {UseSetReturn<Value>} An object containing the current set and functions to interact with the set\n *\n * @example\n * const { value, add, remove, clear, reset, toggle, union, intersection, difference, symmetricDifference, size, has } = useSet([1, 2, 3]);\n */\nexport const useSet = <Value>(values?: Value[]): UseSetReturn<Value> => {\n const [set, setSet] = useState(new Set(values));\n\n const add = (value: Value) => setSet((prevSet) => new Set(prevSet).add(value));\n const remove = (value: Value) =>\n setSet((prevSet) => {\n if (!prevSet.has(value)) return prevSet;\n const newSet = new Set(prevSet);\n newSet.delete(value);\n return newSet;\n });\n const clear = () => setSet(new Set());\n const reset = () => setSet(new Set(values));\n const toggle = (value: Value) =>\n setSet((prevSet) => {\n if (!prevSet.has(value)) return new Set(prevSet).add(value);\n const newSet = new Set(prevSet);\n newSet.delete(value);\n return newSet;\n });\n const union = (other: Set<Value>) => setSet(set.union(other));\n const difference = (other: Set<Value>) => setSet(set.difference(other));\n const symmetricDifference = (other: Set<Value>) => setSet(set.symmetricDifference(other));\n const intersection = (other: Set<Value>) => setSet(set.intersection(other));\n const has = (value: Value) => set.has(value);\n\n return {\n value: set,\n size: set.size,\n has,\n add,\n remove,\n clear,\n reset,\n toggle,\n union,\n difference,\n symmetricDifference,\n intersection\n };\n};\n"],"names":["useSet","values","set","setSet","useState","add","value","prevSet","remove","newSet","clear","reset","toggle","union","other","difference","symmetricDifference","intersection","has"],"mappings":";AA0Ca,MAAAA,IAAS,CAAQC,MAA0C;AAChE,QAAA,CAACC,GAAKC,CAAM,IAAIC,EAAS,IAAI,IAAIH,CAAM,CAAC,GAExCI,IAAM,CAACC,MAAiBH,EAAO,CAACI,MAAY,IAAI,IAAIA,CAAO,EAAE,IAAID,CAAK,CAAC,GACvEE,IAAS,CAACF,MACdH,EAAO,CAACI,MAAY;AAClB,QAAI,CAACA,EAAQ,IAAID,CAAK,EAAU,QAAAC;AAC1B,UAAAE,IAAS,IAAI,IAAIF,CAAO;AAC9B,WAAAE,EAAO,OAAOH,CAAK,GACZG;AAAA,EAAA,CACR,GACGC,IAAQ,MAAMP,EAAO,oBAAI,KAAK,GAC9BQ,IAAQ,MAAMR,EAAO,IAAI,IAAIF,CAAM,CAAC,GACpCW,IAAS,CAACN,MACdH,EAAO,CAACI,MAAY;AACd,QAAA,CAACA,EAAQ,IAAID,CAAK,EAAU,QAAA,IAAI,IAAIC,CAAO,EAAE,IAAID,CAAK;AACpD,UAAAG,IAAS,IAAI,IAAIF,CAAO;AAC9B,WAAAE,EAAO,OAAOH,CAAK,GACZG;AAAA,EAAA,CACR,GACGI,IAAQ,CAACC,MAAsBX,EAAOD,EAAI,MAAMY,CAAK,CAAC,GACtDC,IAAa,CAACD,MAAsBX,EAAOD,EAAI,WAAWY,CAAK,CAAC,GAChEE,IAAsB,CAACF,MAAsBX,EAAOD,EAAI,oBAAoBY,CAAK,CAAC,GAClFG,IAAe,CAACH,MAAsBX,EAAOD,EAAI,aAAaY,CAAK,CAAC,GACpEI,IAAM,CAACZ,MAAiBJ,EAAI,IAAII,CAAK;AAEpC,SAAA;AAAA,IACL,OAAOJ;AAAA,IACP,MAAMA,EAAI;AAAA,IACV,KAAAgB;AAAA,IACA,KAAAb;AAAA,IACA,QAAAG;AAAA,IACA,OAAAE;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAE;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,EACF;AACF;"}
1
+ {"version":3,"file":"useSet.mjs","sources":["../../../../src/hooks/useSet/useSet.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use set return type */\ninterface UseSetReturn<Value> {\n /** The size of the set */\n size: number;\n /** The current set */\n value: Set<Value>;\n /** Function to add a value to the set */\n add: (value: Value) => void;\n /** Function to clear the set */\n clear: () => void;\n /** Function to get the symmetric difference of two sets */\n difference: (other: Set<Value>) => void;\n /** Function to check if a value exists in the set */\n has: (value: Value) => boolean;\n /** Function to get the difference of two sets */\n intersection: (other: Set<Value>) => void;\n /** Function to remove a value from the set */\n remove: (value: Value) => void;\n /** Function to toggle a value in the set */\n reset: () => void;\n /** Function to get the symmetric difference of two sets */\n symmetricDifference: (other: Set<Value>) => void;\n /** Function to toggle a value in the set */\n toggle: (value: Value) => void;\n /** Function to get the union of two sets */\n union: (other: Set<Value>) => void;\n}\n\n/**\n * @name useSet\n * @description - Hook that manages a set structure\n * @category Utilities\n *\n * @template Value The type of the value\n * @param {Value[]} [values] The initial array of the set\n * @returns {UseSetReturn<Value>} An object containing the current set and functions to interact with the set\n *\n * @example\n * const { value, add, remove, clear, reset, toggle, union, intersection, difference, symmetricDifference, size, has } = useSet([1, 2, 3]);\n */\nexport const useSet = <Value>(values?: Value[]): UseSetReturn<Value> => {\n const [set, setSet] = useState(new Set(values));\n\n const add = (value: Value) => setSet((prevSet) => new Set(prevSet).add(value));\n const remove = (value: Value) =>\n setSet((prevSet) => {\n if (!prevSet.has(value)) return prevSet;\n const newSet = new Set(prevSet);\n newSet.delete(value);\n return newSet;\n });\n const clear = () => setSet(new Set());\n const reset = () => setSet(new Set(values));\n const toggle = (value: Value) =>\n setSet((prevSet) => {\n if (!prevSet.has(value)) return new Set(prevSet).add(value);\n const newSet = new Set(prevSet);\n newSet.delete(value);\n return newSet;\n });\n const union = (other: Set<Value>) => setSet(set.union(other));\n const difference = (other: Set<Value>) => setSet(set.difference(other));\n const symmetricDifference = (other: Set<Value>) => setSet(set.symmetricDifference(other));\n const intersection = (other: Set<Value>) => setSet(set.intersection(other));\n const has = (value: Value) => set.has(value);\n\n return {\n value: set,\n size: set.size,\n has,\n add,\n remove,\n clear,\n reset,\n toggle,\n union,\n difference,\n symmetricDifference,\n intersection\n };\n};\n"],"names":["useSet","values","set","setSet","useState","add","value","prevSet","remove","newSet","clear","reset","toggle","union","other","difference","symmetricDifference","intersection","has"],"mappings":";AA0CO,MAAMA,IAAS,CAAQC,MAA0C;AACtE,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAS,IAAI,IAAIH,CAAM,CAAC,GAExCI,IAAM,CAACC,MAAiBH,EAAO,CAACI,MAAY,IAAI,IAAIA,CAAO,EAAE,IAAID,CAAK,CAAC,GACvEE,IAAS,CAACF,MACdH,EAAO,CAACI,MAAY;AAClB,QAAI,CAACA,EAAQ,IAAID,CAAK,EAAG,QAAOC;AAChC,UAAME,IAAS,IAAI,IAAIF,CAAO;AAC9B,WAAAE,EAAO,OAAOH,CAAK,GACZG;AAAA,EAAA,CACR,GACGC,IAAQ,MAAMP,EAAO,oBAAI,KAAK,GAC9BQ,IAAQ,MAAMR,EAAO,IAAI,IAAIF,CAAM,CAAC,GACpCW,IAAS,CAACN,MACdH,EAAO,CAACI,MAAY;AAClB,QAAI,CAACA,EAAQ,IAAID,CAAK,EAAG,QAAO,IAAI,IAAIC,CAAO,EAAE,IAAID,CAAK;AAC1D,UAAMG,IAAS,IAAI,IAAIF,CAAO;AAC9B,WAAAE,EAAO,OAAOH,CAAK,GACZG;AAAA,EAAA,CACR,GACGI,IAAQ,CAACC,MAAsBX,EAAOD,EAAI,MAAMY,CAAK,CAAC,GACtDC,IAAa,CAACD,MAAsBX,EAAOD,EAAI,WAAWY,CAAK,CAAC,GAChEE,IAAsB,CAACF,MAAsBX,EAAOD,EAAI,oBAAoBY,CAAK,CAAC,GAClFG,IAAe,CAACH,MAAsBX,EAAOD,EAAI,aAAaY,CAAK,CAAC,GACpEI,IAAM,CAACZ,MAAiBJ,EAAI,IAAII,CAAK;AAE3C,SAAO;AAAA,IACL,OAAOJ;AAAA,IACP,MAAMA,EAAI;AAAA,IACV,KAAAgB;AAAA,IACA,KAAAb;AAAA,IACA,QAAAG;AAAA,IACA,OAAAE;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAE;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA;AAEJ;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useShare.mjs","sources":["../../../../src/hooks/useShare/useShare.ts"],"sourcesContent":["/** The use share options type */\nexport interface UseShareParams {\n /** Array of files to be shared */\n files?: File[];\n /** Text content to be shared */\n text?: string;\n /** Title of the content being shared */\n title?: string;\n /** URL link to be shared */\n url?: string;\n}\n\n/** The use share return type */\nexport interface UseShareReturn {\n /** Whether the Web Share API is supported in the current environment */\n supported: boolean;\n /** Function to trigger the native share dialog */\n trigger: (shareParams: ShareData) => Promise<void>;\n}\n\n/**\n * @name useShare\n * @description - Hook that utilizes the share api\n * @category Browser\n *\n * @browserapi share https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share\n *\n * @param {UseShareParams} [params] The use share options\n * @returns {UseShareReturn}\n *\n * @example\n * const { share, supported } = useShare();\n */\nexport const useShare = (params?: UseShareParams) => {\n const supported = typeof navigator !== 'undefined' && 'share' in navigator;\n\n const trigger = async (shareParams: ShareData) => {\n if (!supported) return;\n\n const data = {\n ...params,\n ...shareParams\n };\n\n if (data.files && navigator.canShare({ files: data.files })) navigator.share(data);\n\n return navigator.share(data);\n };\n\n return { trigger, supported };\n};\n"],"names":["useShare","params","supported","shareParams","data"],"mappings":"AAiCa,MAAAA,IAAW,CAACC,MAA4B;AACnD,QAAMC,IAAY,OAAO,YAAc,OAAe,WAAW;AAe1D,SAAA,EAAE,SAbO,OAAOC,MAA2B;AAChD,QAAI,CAACD,EAAW;AAEhB,UAAME,IAAO;AAAA,MACX,GAAGH;AAAA,MACH,GAAGE;AAAA,IACL;AAEA,WAAIC,EAAK,SAAS,UAAU,SAAS,EAAE,OAAOA,EAAK,MAAA,CAAO,KAAa,UAAA,MAAMA,CAAI,GAE1E,UAAU,MAAMA,CAAI;AAAA,EAC7B,GAEkB,WAAAF,EAAU;AAC9B;"}
1
+ {"version":3,"file":"useShare.mjs","sources":["../../../../src/hooks/useShare/useShare.ts"],"sourcesContent":["/** The use share options type */\nexport interface UseShareParams {\n /** Array of files to be shared */\n files?: File[];\n /** Text content to be shared */\n text?: string;\n /** Title of the content being shared */\n title?: string;\n /** URL link to be shared */\n url?: string;\n}\n\n/** The use share return type */\nexport interface UseShareReturn {\n /** Whether the Web Share API is supported in the current environment */\n supported: boolean;\n /** Function to trigger the native share dialog */\n trigger: (shareParams: ShareData) => Promise<void>;\n}\n\n/**\n * @name useShare\n * @description - Hook that utilizes the share api\n * @category Browser\n *\n * @browserapi share https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share\n *\n * @param {UseShareParams} [params] The use share options\n * @returns {UseShareReturn}\n *\n * @example\n * const { share, supported } = useShare();\n */\nexport const useShare = (params?: UseShareParams) => {\n const supported = typeof navigator !== 'undefined' && 'share' in navigator;\n\n const trigger = async (shareParams: ShareData) => {\n if (!supported) return;\n\n const data = {\n ...params,\n ...shareParams\n };\n\n if (data.files && navigator.canShare({ files: data.files })) navigator.share(data);\n\n return navigator.share(data);\n };\n\n return { trigger, supported };\n};\n"],"names":["useShare","params","supported","shareParams","data"],"mappings":"AAiCO,MAAMA,IAAW,CAACC,MAA4B;AACnD,QAAMC,IAAY,OAAO,YAAc,OAAe,WAAW;AAejE,SAAO,EAAE,SAbO,OAAOC,MAA2B;AAChD,QAAI,CAACD,EAAW;AAEhB,UAAME,IAAO;AAAA,MACX,GAAGH;AAAA,MACH,GAAGE;AAAA,IAAA;AAGL,WAAIC,EAAK,SAAS,UAAU,SAAS,EAAE,OAAOA,EAAK,MAAA,CAAO,KAAG,UAAU,MAAMA,CAAI,GAE1E,UAAU,MAAMA,CAAI;AAAA,EAAA,GAGX,WAAAF,EAAA;AACpB;"}
@@ -1,41 +1,41 @@
1
- import { useState as n, useEffect as U } from "react";
2
- const R = () => (window == null ? void 0 : window.SpeechRecognition) ?? (window == null ? void 0 : window.webkitSpeechRecognition), z = (h = {}) => {
3
- const u = typeof window < "u" && !!R(), {
4
- continuous: S = !1,
5
- interimResults: x = !1,
6
- language: g = "en-US",
7
- grammars: p,
8
- maxAlternatives: A = 1,
9
- onStart: r,
10
- onEnd: i,
11
- onError: c,
12
- onResult: l
13
- } = h, [f, s] = n(!1), [b, k] = n(""), [y, F] = n(!1), [I, m] = n(null), [o] = n(() => {
14
- if (!u) return {};
15
- const a = R(), t = new a();
16
- return t.continuous = S, p && (t.grammars = p), t.interimResults = x, t.lang = g, t.maxAlternatives = A, t.onstart = () => {
17
- s(!0), F(!1), r == null || r();
18
- }, t.onend = () => {
19
- s(!1), i == null || i();
20
- }, t.onerror = (e) => {
21
- m(e), s(!1), c == null || c(e);
22
- }, t.onresult = (e) => {
23
- console.log("onresult", e);
24
- const L = e.results[e.resultIndex], { transcript: T } = L[0];
25
- k(T), m(null), l == null || l(e);
26
- }, t.onend = () => {
27
- s(!1), t.lang = g;
28
- }, t;
1
+ import { useState as e, useEffect as T } from "react";
2
+ const f = () => window?.SpeechRecognition ?? window?.webkitSpeechRecognition, q = (d = {}) => {
3
+ const i = typeof window < "u" && !!f(), {
4
+ continuous: m = !1,
5
+ interimResults: R = !1,
6
+ language: c = "en-US",
7
+ grammars: l,
8
+ maxAlternatives: w = 1,
9
+ onStart: S,
10
+ onEnd: h,
11
+ onError: x,
12
+ onResult: E
13
+ } = d, [a, o] = e(!1), [A, b] = e(""), [k, y] = e(!1), [F, u] = e(null), [s] = e(() => {
14
+ if (!i) return {};
15
+ const r = f(), n = new r();
16
+ return n.continuous = m, l && (n.grammars = l), n.interimResults = R, n.lang = c, n.maxAlternatives = w, n.onstart = () => {
17
+ o(!0), y(!1), S?.();
18
+ }, n.onend = () => {
19
+ o(!1), h?.();
20
+ }, n.onerror = (t) => {
21
+ u(t), o(!1), x?.(t);
22
+ }, n.onresult = (t) => {
23
+ console.log("onresult", t);
24
+ const I = t.results[t.resultIndex], { transcript: L } = I[0];
25
+ b(L), u(null), E?.(t);
26
+ }, n.onend = () => {
27
+ o(!1), n.lang = c;
28
+ }, n;
29
29
  });
30
- U(() => () => o.stop(), []);
31
- const d = () => o.start(), w = () => o.stop();
32
- return { supported: u, transcript: b, recognition: o, final: y, listening: f, error: I, start: d, stop: w, toggle: (a = !f) => {
33
- if (a) return d();
34
- w();
30
+ T(() => () => s.stop(), []);
31
+ const g = () => s.start(), p = () => s.stop();
32
+ return { supported: i, transcript: A, recognition: s, final: k, listening: a, error: F, start: g, stop: p, toggle: (r = !a) => {
33
+ if (r) return g();
34
+ p();
35
35
  } };
36
36
  };
37
37
  export {
38
- R as getSpeechRecognition,
39
- z as useSpeechRecognition
38
+ f as getSpeechRecognition,
39
+ q as useSpeechRecognition
40
40
  };
41
41
  //# sourceMappingURL=useSpeechRecognition.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useSpeechRecognition.mjs","sources":["../../../../src/hooks/useSpeechRecognition/useSpeechRecognition.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use speech recognition hook options type */\ninterface UseSpeechRecognitionOptions {\n /** If true, recognition continues even after pauses in speech. Default is false */\n continuous?: SpeechRecognition['continuous'];\n /** A list of grammar rules */\n grammars?: SpeechRecognition['grammars'];\n /** If true, interim (non-final) results are provided as the user speaks */\n interimResults?: SpeechRecognition['interimResults'];\n /** The language in which recognition should occur. Must be a valid BCP 47 language tag (e.g., \"en-US\", \"ru-RU\") */\n language?: SpeechRecognition['lang'];\n /** The maximum number of alternative transcripts returned for a given recognition result. Must be a positive integer */\n maxAlternatives?: SpeechRecognition['maxAlternatives'];\n /** Callback invoked when speech recognition ends */\n onEnd?: () => void;\n /** Callback invoked when an error occurs during recognition */\n onError?: (error: SpeechRecognitionErrorEvent) => void;\n /** Callback invoked when recognition produces a result */\n onResult?: (event: SpeechRecognitionEvent) => void;\n /** Callback invoked when speech recognition starts */\n onStart?: () => void;\n}\n\n/** The return type of the useSpeechRecognition hook. */\ninterface UseSpeechRecognitionReturn {\n /** The error state */\n error: SpeechRecognitionErrorEvent | null;\n /** The final transcript */\n final: boolean;\n /** Whether the hook is currently listening for speech */\n listening: boolean;\n /** The speech recognition instance */\n recognition: SpeechRecognition;\n /** Whether the current browser supports the Web Speech API */\n supported: boolean;\n /** The current transcript */\n transcript: string;\n /** Begins speech recognition */\n start: () => void;\n /** Ends speech recognition, finalizing results */\n stop: () => void;\n /** Toggles the listening state */\n toggle: (value?: boolean) => void;\n}\n\nexport const getSpeechRecognition = () =>\n window?.SpeechRecognition ?? window?.webkitSpeechRecognition;\n\n/**\n * @name useSpeechRecognition\n * @description - Hook that provides a streamlined interface for incorporating speech-to-text functionality\n * @category Sensors\n *\n * @browserapi window.SpeechRecognition https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition\n *\n * @param {boolean} [options.continuous=false] Whether recognition should continue after pauses\n * @param {boolean} [options.interimResults=false] Whether interim results should be provided\n * @param {string} [options.language=\"en-US\"] The language for recognition, as a valid BCP 47 tag\n * @param {number} [options.maxAlternatives=1] The maximum number of alternative transcripts to return\n * @param {SpeechGrammarList} [options.grammars] A list of grammar rules\n * @param {() => void} [options.onStart] Callback invoked when speech recognition starts\n * @param {() => void} [options.onEnd] Callback invoked when speech recognition ends\n * @param {(error: SpeechRecognitionErrorEvent) => void} [options.onError] Callback invoked when an error occurs during recognition\n * @param {(event: SpeechRecognitionEvent) => void} [options.onResult] Callback invoked when recognition produces a result\n * @returns {UseSpeechRecognitionReturn} An object containing the speech recognition functionality\n *\n * @example\n * const { supported, value, recognition, listening, error, start, stop, toggle } = useSpeechRecognition();\n */\nexport const useSpeechRecognition = (\n options: UseSpeechRecognitionOptions = {}\n): UseSpeechRecognitionReturn => {\n const supported = typeof window !== 'undefined' && !!getSpeechRecognition();\n\n const {\n continuous = false,\n interimResults = false,\n language = 'en-US',\n grammars,\n maxAlternatives = 1,\n onStart,\n onEnd,\n onError,\n onResult\n } = options;\n\n const [listening, setListening] = useState(false);\n const [transcript, setTranscript] = useState('');\n const [final, setFinal] = useState(false);\n const [error, setError] = useState<SpeechRecognitionErrorEvent | null>(null);\n const [recognition] = useState<SpeechRecognition>(() => {\n if (!supported) return {} as SpeechRecognition;\n\n const SpeechRecognition = getSpeechRecognition();\n const speechRecognition = new SpeechRecognition();\n\n speechRecognition.continuous = continuous;\n if (grammars) speechRecognition.grammars = grammars;\n speechRecognition.interimResults = interimResults;\n speechRecognition.lang = language;\n speechRecognition.maxAlternatives = maxAlternatives;\n\n speechRecognition.onstart = () => {\n setListening(true);\n setFinal(false);\n onStart?.();\n };\n speechRecognition.onend = () => {\n setListening(false);\n onEnd?.();\n };\n speechRecognition.onerror = (event) => {\n setError(event);\n setListening(false);\n onError?.(event);\n };\n speechRecognition.onresult = (event) => {\n console.log('onresult', event);\n const currentResult = event.results[event.resultIndex];\n const { transcript } = currentResult[0];\n\n setTranscript(transcript);\n setError(null);\n onResult?.(event);\n };\n speechRecognition.onend = () => {\n setListening(false);\n speechRecognition.lang = language;\n };\n\n return speechRecognition;\n });\n\n useEffect(() => () => recognition.stop(), []);\n\n const start = () => recognition.start();\n const stop = () => recognition.stop();\n\n const toggle = (value = !listening) => {\n if (value) return start();\n stop();\n };\n\n return { supported, transcript, recognition, final, listening, error, start, stop, toggle };\n};\n"],"names":["getSpeechRecognition","useSpeechRecognition","options","supported","continuous","interimResults","language","grammars","maxAlternatives","onStart","onEnd","onError","onResult","listening","setListening","useState","transcript","setTranscript","final","setFinal","error","setError","recognition","SpeechRecognition","speechRecognition","event","currentResult","useEffect","start","stop","value"],"mappings":";AA8CO,MAAMA,IAAuB,OAClC,iCAAQ,uBAAqB,iCAAQ,0BAuB1BC,IAAuB,CAClCC,IAAuC,OACR;AAC/B,QAAMC,IAAY,OAAO,SAAW,OAAe,CAAC,CAACH,EAAqB,GAEpE;AAAA,IACJ,YAAAI,IAAa;AAAA,IACb,gBAAAC,IAAiB;AAAA,IACjB,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEV,GAEE,CAACW,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAE,GACzC,CAACG,GAAOC,CAAQ,IAAIJ,EAAS,EAAK,GAClC,CAACK,GAAOC,CAAQ,IAAIN,EAA6C,IAAI,GACrE,CAACO,CAAW,IAAIP,EAA4B,MAAM;AAClD,QAAA,CAACZ,EAAW,QAAO,CAAC;AAExB,UAAMoB,IAAoBvB,EAAqB,GACzCwB,IAAoB,IAAID,EAAkB;AAEhD,WAAAC,EAAkB,aAAapB,GAC3BG,QAA4B,WAAWA,IAC3CiB,EAAkB,iBAAiBnB,GACnCmB,EAAkB,OAAOlB,GACzBkB,EAAkB,kBAAkBhB,GAEpCgB,EAAkB,UAAU,MAAM;AAChC,MAAAV,EAAa,EAAI,GACjBK,EAAS,EAAK,GACJV,KAAA,QAAAA;AAAA,IACZ,GACAe,EAAkB,QAAQ,MAAM;AAC9B,MAAAV,EAAa,EAAK,GACVJ,KAAA,QAAAA;AAAA,IACV,GACkBc,EAAA,UAAU,CAACC,MAAU;AACrC,MAAAJ,EAASI,CAAK,GACdX,EAAa,EAAK,GAClBH,KAAA,QAAAA,EAAUc;AAAA,IACZ,GACkBD,EAAA,WAAW,CAACC,MAAU;AAC9B,cAAA,IAAI,YAAYA,CAAK;AAC7B,YAAMC,IAAgBD,EAAM,QAAQA,EAAM,WAAW,GAC/C,EAAE,YAAAT,MAAeU,EAAc,CAAC;AAEtC,MAAAT,EAAcD,CAAU,GACxBK,EAAS,IAAI,GACbT,KAAA,QAAAA,EAAWa;AAAA,IACb,GACAD,EAAkB,QAAQ,MAAM;AAC9B,MAAAV,EAAa,EAAK,GAClBU,EAAkB,OAAOlB;AAAA,IAC3B,GAEOkB;AAAA,EAAA,CACR;AAED,EAAAG,EAAU,MAAM,MAAML,EAAY,KAAK,GAAG,CAAA,CAAE;AAEtC,QAAAM,IAAQ,MAAMN,EAAY,MAAM,GAChCO,IAAO,MAAMP,EAAY,KAAK;AAO7B,SAAA,EAAE,WAAAnB,GAAW,YAAAa,GAAY,aAAAM,GAAa,OAAAJ,GAAO,WAAAL,GAAW,OAAAO,GAAO,OAAAQ,GAAO,MAAAC,GAAM,QALpE,CAACC,IAAQ,CAACjB,MAAc;AACjC,QAAAiB,UAAcF,EAAM;AACnB,IAAAC,EAAA;AAAA,EACP,EAE0F;AAC5F;"}
1
+ {"version":3,"file":"useSpeechRecognition.mjs","sources":["../../../../src/hooks/useSpeechRecognition/useSpeechRecognition.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use speech recognition hook options type */\ninterface UseSpeechRecognitionOptions {\n /** If true, recognition continues even after pauses in speech. Default is false */\n continuous?: SpeechRecognition['continuous'];\n /** A list of grammar rules */\n grammars?: SpeechRecognition['grammars'];\n /** If true, interim (non-final) results are provided as the user speaks */\n interimResults?: SpeechRecognition['interimResults'];\n /** The language in which recognition should occur. Must be a valid BCP 47 language tag (e.g., \"en-US\", \"ru-RU\") */\n language?: SpeechRecognition['lang'];\n /** The maximum number of alternative transcripts returned for a given recognition result. Must be a positive integer */\n maxAlternatives?: SpeechRecognition['maxAlternatives'];\n /** Callback invoked when speech recognition ends */\n onEnd?: () => void;\n /** Callback invoked when an error occurs during recognition */\n onError?: (error: SpeechRecognitionErrorEvent) => void;\n /** Callback invoked when recognition produces a result */\n onResult?: (event: SpeechRecognitionEvent) => void;\n /** Callback invoked when speech recognition starts */\n onStart?: () => void;\n}\n\n/** The return type of the useSpeechRecognition hook. */\ninterface UseSpeechRecognitionReturn {\n /** The error state */\n error: SpeechRecognitionErrorEvent | null;\n /** The final transcript */\n final: boolean;\n /** Whether the hook is currently listening for speech */\n listening: boolean;\n /** The speech recognition instance */\n recognition: SpeechRecognition;\n /** Whether the current browser supports the Web Speech API */\n supported: boolean;\n /** The current transcript */\n transcript: string;\n /** Begins speech recognition */\n start: () => void;\n /** Ends speech recognition, finalizing results */\n stop: () => void;\n /** Toggles the listening state */\n toggle: (value?: boolean) => void;\n}\n\nexport const getSpeechRecognition = () =>\n window?.SpeechRecognition ?? window?.webkitSpeechRecognition;\n\n/**\n * @name useSpeechRecognition\n * @description - Hook that provides a streamlined interface for incorporating speech-to-text functionality\n * @category Sensors\n *\n * @browserapi window.SpeechRecognition https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition\n *\n * @param {boolean} [options.continuous=false] Whether recognition should continue after pauses\n * @param {boolean} [options.interimResults=false] Whether interim results should be provided\n * @param {string} [options.language=\"en-US\"] The language for recognition, as a valid BCP 47 tag\n * @param {number} [options.maxAlternatives=1] The maximum number of alternative transcripts to return\n * @param {SpeechGrammarList} [options.grammars] A list of grammar rules\n * @param {() => void} [options.onStart] Callback invoked when speech recognition starts\n * @param {() => void} [options.onEnd] Callback invoked when speech recognition ends\n * @param {(error: SpeechRecognitionErrorEvent) => void} [options.onError] Callback invoked when an error occurs during recognition\n * @param {(event: SpeechRecognitionEvent) => void} [options.onResult] Callback invoked when recognition produces a result\n * @returns {UseSpeechRecognitionReturn} An object containing the speech recognition functionality\n *\n * @example\n * const { supported, value, recognition, listening, error, start, stop, toggle } = useSpeechRecognition();\n */\nexport const useSpeechRecognition = (\n options: UseSpeechRecognitionOptions = {}\n): UseSpeechRecognitionReturn => {\n const supported = typeof window !== 'undefined' && !!getSpeechRecognition();\n\n const {\n continuous = false,\n interimResults = false,\n language = 'en-US',\n grammars,\n maxAlternatives = 1,\n onStart,\n onEnd,\n onError,\n onResult\n } = options;\n\n const [listening, setListening] = useState(false);\n const [transcript, setTranscript] = useState('');\n const [final, setFinal] = useState(false);\n const [error, setError] = useState<SpeechRecognitionErrorEvent | null>(null);\n const [recognition] = useState<SpeechRecognition>(() => {\n if (!supported) return {} as SpeechRecognition;\n\n const SpeechRecognition = getSpeechRecognition();\n const speechRecognition = new SpeechRecognition();\n\n speechRecognition.continuous = continuous;\n if (grammars) speechRecognition.grammars = grammars;\n speechRecognition.interimResults = interimResults;\n speechRecognition.lang = language;\n speechRecognition.maxAlternatives = maxAlternatives;\n\n speechRecognition.onstart = () => {\n setListening(true);\n setFinal(false);\n onStart?.();\n };\n speechRecognition.onend = () => {\n setListening(false);\n onEnd?.();\n };\n speechRecognition.onerror = (event) => {\n setError(event);\n setListening(false);\n onError?.(event);\n };\n speechRecognition.onresult = (event) => {\n console.log('onresult', event);\n const currentResult = event.results[event.resultIndex];\n const { transcript } = currentResult[0];\n\n setTranscript(transcript);\n setError(null);\n onResult?.(event);\n };\n speechRecognition.onend = () => {\n setListening(false);\n speechRecognition.lang = language;\n };\n\n return speechRecognition;\n });\n\n useEffect(() => () => recognition.stop(), []);\n\n const start = () => recognition.start();\n const stop = () => recognition.stop();\n\n const toggle = (value = !listening) => {\n if (value) return start();\n stop();\n };\n\n return { supported, transcript, recognition, final, listening, error, start, stop, toggle };\n};\n"],"names":["getSpeechRecognition","useSpeechRecognition","options","supported","continuous","interimResults","language","grammars","maxAlternatives","onStart","onEnd","onError","onResult","listening","setListening","useState","transcript","setTranscript","final","setFinal","error","setError","recognition","SpeechRecognition","speechRecognition","event","currentResult","useEffect","start","stop","value"],"mappings":";AA8CO,MAAMA,IAAuB,MAClC,QAAQ,qBAAqB,QAAQ,yBAuB1BC,IAAuB,CAClCC,IAAuC,OACR;AAC/B,QAAMC,IAAY,OAAO,SAAW,OAAe,CAAC,CAACH,EAAA,GAE/C;AAAA,IACJ,YAAAI,IAAa;AAAA,IACb,gBAAAC,IAAiB;AAAA,IACjB,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEV,GAEE,CAACW,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAE,GACzC,CAACG,GAAOC,CAAQ,IAAIJ,EAAS,EAAK,GAClC,CAACK,GAAOC,CAAQ,IAAIN,EAA6C,IAAI,GACrE,CAACO,CAAW,IAAIP,EAA4B,MAAM;AACtD,QAAI,CAACZ,EAAW,QAAO,CAAA;AAEvB,UAAMoB,IAAoBvB,EAAA,GACpBwB,IAAoB,IAAID,EAAA;AAE9B,WAAAC,EAAkB,aAAapB,GAC3BG,QAA4B,WAAWA,IAC3CiB,EAAkB,iBAAiBnB,GACnCmB,EAAkB,OAAOlB,GACzBkB,EAAkB,kBAAkBhB,GAEpCgB,EAAkB,UAAU,MAAM;AAChC,MAAAV,EAAa,EAAI,GACjBK,EAAS,EAAK,GACdV,IAAA;AAAA,IAAU,GAEZe,EAAkB,QAAQ,MAAM;AAC9B,MAAAV,EAAa,EAAK,GAClBJ,IAAA;AAAA,IAAQ,GAEVc,EAAkB,UAAU,CAACC,MAAU;AACrC,MAAAJ,EAASI,CAAK,GACdX,EAAa,EAAK,GAClBH,IAAUc,CAAK;AAAA,IAAA,GAEjBD,EAAkB,WAAW,CAACC,MAAU;AACtC,cAAQ,IAAI,YAAYA,CAAK;AAC7B,YAAMC,IAAgBD,EAAM,QAAQA,EAAM,WAAW,GAC/C,EAAE,YAAAT,MAAeU,EAAc,CAAC;AAEtC,MAAAT,EAAcD,CAAU,GACxBK,EAAS,IAAI,GACbT,IAAWa,CAAK;AAAA,IAAA,GAElBD,EAAkB,QAAQ,MAAM;AAC9B,MAAAV,EAAa,EAAK,GAClBU,EAAkB,OAAOlB;AAAA,IAAA,GAGpBkB;AAAA,EAAA,CACR;AAED,EAAAG,EAAU,MAAM,MAAML,EAAY,KAAA,GAAQ,CAAA,CAAE;AAE5C,QAAMM,IAAQ,MAAMN,EAAY,MAAA,GAC1BO,IAAO,MAAMP,EAAY,KAAA;AAO/B,SAAO,EAAE,WAAAnB,GAAW,YAAAa,GAAY,aAAAM,GAAa,OAAAJ,GAAO,WAAAL,GAAW,OAAAO,GAAO,OAAAQ,GAAO,MAAAC,GAAM,QALpE,CAACC,IAAQ,CAACjB,MAAc;AACrC,QAAIiB,UAAcF,EAAA;AAClB,IAAAC,EAAA;AAAA,EAAK,EAG4E;AACrF;"}
@@ -1,56 +1,50 @@
1
- import { useState as i, useRef as x, useEffect as P } from "react";
2
- const q = (S = {}) => {
3
- const r = typeof window < "u" && "speechSynthesis" in window, { text: c = "", lang: a = "en-US", pitch: p = 1, rate: l = 1, voice: w = null, volume: f = 1 } = S, [d, s] = i(!1), [y, u] = i("init"), [m, g] = i(), t = x(null), h = (e) => {
4
- e.lang = a, e.pitch = p, e.rate = l, e.volume = f, e.voice = w, e.onstart = () => {
5
- s(!0), u("play");
1
+ import { useState as o, useRef as b, useEffect as x } from "react";
2
+ const j = (d = {}) => {
3
+ const t = typeof window < "u" && "speechSynthesis" in window, { text: u = "", lang: i = "en-US", pitch: c = 1, rate: a = 1, voice: p = null, volume: l = 1 } = d, [w, n] = o(!1), [h, r] = o("init"), [S, y] = o(), s = b(null), f = (e) => {
4
+ e.lang = i, e.pitch = c, e.rate = a, e.volume = l, e.voice = p, e.onstart = () => {
5
+ n(!0), r("play");
6
6
  }, e.onpause = () => {
7
- s(!1), u("pause");
7
+ n(!1), r("pause");
8
8
  }, e.onresume = () => {
9
- s(!0), u("play");
9
+ n(!0), r("play");
10
10
  }, e.onend = () => {
11
- s(!1), u("end");
12
- }, e.onerror = (n) => {
13
- s(!1), g(n);
11
+ n(!1), r("end");
12
+ }, e.onerror = (R) => {
13
+ n(!1), y(R);
14
14
  };
15
15
  };
16
- P(() => {
17
- if (!r) return;
18
- const e = new SpeechSynthesisUtterance(c);
19
- return h(e), t.current = e, () => {
20
- var n;
21
- (n = window.speechSynthesis) == null || n.cancel();
16
+ x(() => {
17
+ if (!t) return;
18
+ const e = new SpeechSynthesisUtterance(u);
19
+ return f(e), s.current = e, () => {
20
+ window.speechSynthesis?.cancel();
22
21
  };
23
- }, [c, a, p, l, w, f]);
24
- const v = (e) => {
25
- var n, o;
26
- r && (e && (t.current = new SpeechSynthesisUtterance(e), h(t.current)), (n = window.speechSynthesis) == null || n.cancel(), t.current && ((o = window.speechSynthesis) == null || o.speak(t.current)));
22
+ }, [u, i, c, a, p, l]);
23
+ const m = (e) => {
24
+ t && (e && (s.current = new SpeechSynthesisUtterance(e), f(s.current)), window.speechSynthesis?.cancel(), s.current && window.speechSynthesis?.speak(s.current));
25
+ }, g = () => {
26
+ t && (window.speechSynthesis?.cancel(), n(!1));
27
+ }, v = (e = !w) => {
28
+ t && (e ? window.speechSynthesis?.resume() : window.speechSynthesis?.pause(), n(e));
27
29
  }, k = () => {
28
- var e;
29
- r && ((e = window.speechSynthesis) == null || e.cancel(), s(!1));
30
- }, E = (e = !d) => {
31
- var n, o;
32
- r && (e ? (n = window.speechSynthesis) == null || n.resume() : (o = window.speechSynthesis) == null || o.pause(), s(e));
33
- }, R = () => {
34
- var e;
35
- s(!0), (e = window.speechSynthesis) == null || e.resume();
36
- }, b = () => {
37
- var e;
38
- s(!1), (e = window.speechSynthesis) == null || e.pause();
30
+ n(!0), window.speechSynthesis?.resume();
31
+ }, E = () => {
32
+ n(!1), window.speechSynthesis?.pause();
39
33
  };
40
34
  return {
41
- supported: r,
42
- playing: d,
43
- status: y,
44
- utterance: t.current,
45
- error: m,
46
- stop: k,
47
- toggle: E,
48
- speak: v,
49
- resume: R,
50
- pause: b
35
+ supported: t,
36
+ playing: w,
37
+ status: h,
38
+ utterance: s.current,
39
+ error: S,
40
+ stop: g,
41
+ toggle: v,
42
+ speak: m,
43
+ resume: k,
44
+ pause: E
51
45
  };
52
46
  };
53
47
  export {
54
- q as useSpeechSynthesis
48
+ j as useSpeechSynthesis
55
49
  };
56
50
  //# sourceMappingURL=useSpeechSynthesis.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"useSpeechSynthesis.mjs","sources":["../../../../src/hooks/useSpeechSynthesis/useSpeechSynthesis.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use speech synthesis status type */\nexport type UseSpeechSynthesisStatus = 'end' | 'init' | 'pause' | 'play';\n\n/** The use speech synthesis options type */\nexport interface UseSpeechSynthesisOptions {\n /** Language for SpeechSynthesis */\n lang?: string;\n /** Gets and sets the pitch at which the utterance will be spoken at. */\n pitch?: number;\n /** Gets and sets the speed at which the utterance will be spoken at. */\n rate?: number;\n /** The text to be spoken */\n text?: string;\n /** Gets and sets the voice that will be used to speak the utterance. */\n voice?: SpeechSynthesisVoice | null;\n /** Gets and sets the volume that the utterance will be spoken at. */\n volume?: number;\n}\n\n/** The use speech synthesis return type */\nexport interface UseSpeechSynthesisReturn {\n /** Any error that occurred during speech synthesis. */\n error: SpeechSynthesisErrorEvent | undefined;\n /** Indicates if speech is currently playing. */\n playing: boolean;\n /** The current status of speech synthesis. */\n status: UseSpeechSynthesisStatus;\n /** Indicates if the SpeechSynthesis API is supported in the current environment. */\n supported: boolean;\n /** The SpeechSynthesisUtterance instance. */\n utterance: SpeechSynthesisUtterance | null;\n /** Function to pause speech synthesis. */\n pause: () => void;\n /** Function to resume speech synthesis. */\n resume: () => void;\n /** Function to start speech synthesis. */\n speak: () => void;\n /** Function to stop speech synthesis. */\n stop: () => void;\n /** Function to toggle between play and pause. */\n toggle: (value?: boolean) => void;\n}\n\n/**\n * @name useSpeechSynthesis\n * @description - Hook that provides speech synthesis functionality\n * @category Sensors\n *\n * @browserapi SpeechSynthesis https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis\n *\n * @params {string} [options.text] - The text to be spoken\n * @params {string} [options.lang] - The language to be spoken\n * @params {number} [options.pitch] - The pitch to be spoken\n * @params {number} [options.rate] - The rate to be spoken\n * @params {SpeechSynthesisVoice} [options.voice] - The voice to be spoken\n * @params {number} [options.volume] - The volume to be spoken\n * @returns {UseSpeechSynthesisReturn} An object containing the speech synthesis state and control methods\n *\n * @example\n * const { supported, playing, status, utterance, error, stop, toggle, speak, resume, pause } = useSpeechSynthesis();\n */\nexport const useSpeechSynthesis = (\n options: UseSpeechSynthesisOptions = {}\n): UseSpeechSynthesisReturn => {\n const supported = typeof window !== 'undefined' && 'speechSynthesis' in window;\n\n const { text = '', lang = 'en-US', pitch = 1, rate = 1, voice = null, volume = 1 } = options;\n\n const [playing, setPlaying] = useState(false);\n const [status, setStatus] = useState<UseSpeechSynthesisStatus>('init');\n const [error, setError] = useState<SpeechSynthesisErrorEvent>();\n const speechSynthesisUtteranceRef = useRef<SpeechSynthesisUtterance | null>(null);\n\n const bindSpeechSynthesisUtterance = (speechSynthesisUtterance: SpeechSynthesisUtterance) => {\n speechSynthesisUtterance.lang = lang;\n speechSynthesisUtterance.pitch = pitch;\n speechSynthesisUtterance.rate = rate;\n speechSynthesisUtterance.volume = volume;\n speechSynthesisUtterance.voice = voice;\n\n speechSynthesisUtterance.onstart = () => {\n setPlaying(true);\n setStatus('play');\n };\n\n speechSynthesisUtterance.onpause = () => {\n setPlaying(false);\n setStatus('pause');\n };\n\n speechSynthesisUtterance.onresume = () => {\n setPlaying(true);\n setStatus('play');\n };\n\n speechSynthesisUtterance.onend = () => {\n setPlaying(false);\n setStatus('end');\n };\n\n speechSynthesisUtterance.onerror = (event) => {\n setPlaying(false);\n setError(event);\n };\n };\n\n useEffect(() => {\n if (!supported) return;\n\n const speechSynthesisUtterance = new SpeechSynthesisUtterance(text);\n bindSpeechSynthesisUtterance(speechSynthesisUtterance);\n speechSynthesisUtteranceRef.current = speechSynthesisUtterance;\n\n return () => {\n window.speechSynthesis?.cancel();\n };\n }, [text, lang, pitch, rate, voice, volume]);\n\n const speak = (text?: string) => {\n if (!supported) return;\n\n if (text) {\n speechSynthesisUtteranceRef.current = new SpeechSynthesisUtterance(text);\n bindSpeechSynthesisUtterance(speechSynthesisUtteranceRef.current);\n }\n\n window.speechSynthesis?.cancel();\n if (speechSynthesisUtteranceRef.current)\n window.speechSynthesis?.speak(speechSynthesisUtteranceRef.current);\n };\n\n const stop = () => {\n if (!supported) return;\n\n window.speechSynthesis?.cancel();\n setPlaying(false);\n };\n\n const toggle = (value = !playing) => {\n if (!supported) return;\n\n if (value) {\n window.speechSynthesis?.resume();\n } else {\n window.speechSynthesis?.pause();\n }\n setPlaying(value);\n };\n\n const resume = () => {\n setPlaying(true);\n window.speechSynthesis?.resume();\n };\n\n const pause = () => {\n setPlaying(false);\n window.speechSynthesis?.pause();\n };\n\n return {\n supported,\n playing,\n status,\n utterance: speechSynthesisUtteranceRef.current,\n error,\n\n stop,\n toggle,\n speak,\n resume,\n pause\n };\n};\n"],"names":["useSpeechSynthesis","options","supported","text","lang","pitch","rate","voice","volume","playing","setPlaying","useState","status","setStatus","error","setError","speechSynthesisUtteranceRef","useRef","bindSpeechSynthesisUtterance","speechSynthesisUtterance","event","useEffect","_a","speak","_b","stop","toggle","value","resume","pause"],"mappings":";AA+DO,MAAMA,IAAqB,CAChCC,IAAqC,OACR;AAC7B,QAAMC,IAAY,OAAO,SAAW,OAAe,qBAAqB,QAElE,EAAE,MAAAC,IAAO,IAAI,MAAAC,IAAO,SAAS,OAAAC,IAAQ,GAAG,MAAAC,IAAO,GAAG,OAAAC,IAAQ,MAAM,QAAAC,IAAS,EAAM,IAAAP,GAE/E,CAACQ,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAAQC,CAAS,IAAIF,EAAmC,MAAM,GAC/D,CAACG,GAAOC,CAAQ,IAAIJ,EAAoC,GACxDK,IAA8BC,EAAwC,IAAI,GAE1EC,IAA+B,CAACC,MAAuD;AAC3F,IAAAA,EAAyB,OAAOf,GAChCe,EAAyB,QAAQd,GACjCc,EAAyB,OAAOb,GAChCa,EAAyB,SAASX,GAClCW,EAAyB,QAAQZ,GAEjCY,EAAyB,UAAU,MAAM;AACvC,MAAAT,EAAW,EAAI,GACfG,EAAU,MAAM;AAAA,IAClB,GAEAM,EAAyB,UAAU,MAAM;AACvC,MAAAT,EAAW,EAAK,GAChBG,EAAU,OAAO;AAAA,IACnB,GAEAM,EAAyB,WAAW,MAAM;AACxC,MAAAT,EAAW,EAAI,GACfG,EAAU,MAAM;AAAA,IAClB,GAEAM,EAAyB,QAAQ,MAAM;AACrC,MAAAT,EAAW,EAAK,GAChBG,EAAU,KAAK;AAAA,IACjB,GAEyBM,EAAA,UAAU,CAACC,MAAU;AAC5C,MAAAV,EAAW,EAAK,GAChBK,EAASK,CAAK;AAAA,IAChB;AAAA,EACF;AAEA,EAAAC,EAAU,MAAM;AACd,QAAI,CAACnB,EAAW;AAEV,UAAAiB,IAA2B,IAAI,yBAAyBhB,CAAI;AAClE,WAAAe,EAA6BC,CAAwB,GACrDH,EAA4B,UAAUG,GAE/B,MAAM;;AACX,OAAAG,IAAA,OAAO,oBAAP,QAAAA,EAAwB;AAAA,IAC1B;AAAA,EAAA,GACC,CAACnB,GAAMC,GAAMC,GAAOC,GAAMC,GAAOC,CAAM,CAAC;AAErC,QAAAe,IAAQ,CAACpB,MAAkB;;AAC/B,IAAKD,MAEDC,MAC0Ba,EAAA,UAAU,IAAI,yBAAyBb,CAAI,GACvEe,EAA6BF,EAA4B,OAAO,KAGlEM,IAAA,OAAO,oBAAP,QAAAA,EAAwB,UACpBN,EAA4B,aACvBQ,IAAA,OAAA,oBAAA,QAAAA,EAAiB,MAAMR,EAA4B;AAAA,EAC9D,GAEMS,IAAO,MAAM;;AACjB,IAAKvB,OAELoB,IAAA,OAAO,oBAAP,QAAAA,EAAwB,UACxBZ,EAAW,EAAK;AAAA,EAClB,GAEMgB,IAAS,CAACC,IAAQ,CAAClB,MAAY;;AACnC,IAAKP,MAEDyB,KACFL,IAAA,OAAO,oBAAP,QAAAA,EAAwB,YAExBE,IAAA,OAAO,oBAAP,QAAAA,EAAwB,SAE1Bd,EAAWiB,CAAK;AAAA,EAClB,GAEMC,IAAS,MAAM;;AACnB,IAAAlB,EAAW,EAAI,IACfY,IAAA,OAAO,oBAAP,QAAAA,EAAwB;AAAA,EAC1B,GAEMO,IAAQ,MAAM;;AAClB,IAAAnB,EAAW,EAAK,IAChBY,IAAA,OAAO,oBAAP,QAAAA,EAAwB;AAAA,EAC1B;AAEO,SAAA;AAAA,IACL,WAAApB;AAAA,IACA,SAAAO;AAAA,IACA,QAAAG;AAAA,IACA,WAAWI,EAA4B;AAAA,IACvC,OAAAF;AAAA,IAEA,MAAAW;AAAA,IACA,QAAAC;AAAA,IACA,OAAAH;AAAA,IACA,QAAAK;AAAA,IACA,OAAAC;AAAA,EACF;AACF;"}
1
+ {"version":3,"file":"useSpeechSynthesis.mjs","sources":["../../../../src/hooks/useSpeechSynthesis/useSpeechSynthesis.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use speech synthesis status type */\nexport type UseSpeechSynthesisStatus = 'end' | 'init' | 'pause' | 'play';\n\n/** The use speech synthesis options type */\nexport interface UseSpeechSynthesisOptions {\n /** Language for SpeechSynthesis */\n lang?: string;\n /** Gets and sets the pitch at which the utterance will be spoken at. */\n pitch?: number;\n /** Gets and sets the speed at which the utterance will be spoken at. */\n rate?: number;\n /** The text to be spoken */\n text?: string;\n /** Gets and sets the voice that will be used to speak the utterance. */\n voice?: SpeechSynthesisVoice | null;\n /** Gets and sets the volume that the utterance will be spoken at. */\n volume?: number;\n}\n\n/** The use speech synthesis return type */\nexport interface UseSpeechSynthesisReturn {\n /** Any error that occurred during speech synthesis. */\n error: SpeechSynthesisErrorEvent | undefined;\n /** Indicates if speech is currently playing. */\n playing: boolean;\n /** The current status of speech synthesis. */\n status: UseSpeechSynthesisStatus;\n /** Indicates if the SpeechSynthesis API is supported in the current environment. */\n supported: boolean;\n /** The SpeechSynthesisUtterance instance. */\n utterance: SpeechSynthesisUtterance | null;\n /** Function to pause speech synthesis. */\n pause: () => void;\n /** Function to resume speech synthesis. */\n resume: () => void;\n /** Function to start speech synthesis. */\n speak: () => void;\n /** Function to stop speech synthesis. */\n stop: () => void;\n /** Function to toggle between play and pause. */\n toggle: (value?: boolean) => void;\n}\n\n/**\n * @name useSpeechSynthesis\n * @description - Hook that provides speech synthesis functionality\n * @category Sensors\n *\n * @browserapi SpeechSynthesis https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis\n *\n * @params {string} [options.text] - The text to be spoken\n * @params {string} [options.lang] - The language to be spoken\n * @params {number} [options.pitch] - The pitch to be spoken\n * @params {number} [options.rate] - The rate to be spoken\n * @params {SpeechSynthesisVoice} [options.voice] - The voice to be spoken\n * @params {number} [options.volume] - The volume to be spoken\n * @returns {UseSpeechSynthesisReturn} An object containing the speech synthesis state and control methods\n *\n * @example\n * const { supported, playing, status, utterance, error, stop, toggle, speak, resume, pause } = useSpeechSynthesis();\n */\nexport const useSpeechSynthesis = (\n options: UseSpeechSynthesisOptions = {}\n): UseSpeechSynthesisReturn => {\n const supported = typeof window !== 'undefined' && 'speechSynthesis' in window;\n\n const { text = '', lang = 'en-US', pitch = 1, rate = 1, voice = null, volume = 1 } = options;\n\n const [playing, setPlaying] = useState(false);\n const [status, setStatus] = useState<UseSpeechSynthesisStatus>('init');\n const [error, setError] = useState<SpeechSynthesisErrorEvent>();\n const speechSynthesisUtteranceRef = useRef<SpeechSynthesisUtterance | null>(null);\n\n const bindSpeechSynthesisUtterance = (speechSynthesisUtterance: SpeechSynthesisUtterance) => {\n speechSynthesisUtterance.lang = lang;\n speechSynthesisUtterance.pitch = pitch;\n speechSynthesisUtterance.rate = rate;\n speechSynthesisUtterance.volume = volume;\n speechSynthesisUtterance.voice = voice;\n\n speechSynthesisUtterance.onstart = () => {\n setPlaying(true);\n setStatus('play');\n };\n\n speechSynthesisUtterance.onpause = () => {\n setPlaying(false);\n setStatus('pause');\n };\n\n speechSynthesisUtterance.onresume = () => {\n setPlaying(true);\n setStatus('play');\n };\n\n speechSynthesisUtterance.onend = () => {\n setPlaying(false);\n setStatus('end');\n };\n\n speechSynthesisUtterance.onerror = (event) => {\n setPlaying(false);\n setError(event);\n };\n };\n\n useEffect(() => {\n if (!supported) return;\n\n const speechSynthesisUtterance = new SpeechSynthesisUtterance(text);\n bindSpeechSynthesisUtterance(speechSynthesisUtterance);\n speechSynthesisUtteranceRef.current = speechSynthesisUtterance;\n\n return () => {\n window.speechSynthesis?.cancel();\n };\n }, [text, lang, pitch, rate, voice, volume]);\n\n const speak = (text?: string) => {\n if (!supported) return;\n\n if (text) {\n speechSynthesisUtteranceRef.current = new SpeechSynthesisUtterance(text);\n bindSpeechSynthesisUtterance(speechSynthesisUtteranceRef.current);\n }\n\n window.speechSynthesis?.cancel();\n if (speechSynthesisUtteranceRef.current)\n window.speechSynthesis?.speak(speechSynthesisUtteranceRef.current);\n };\n\n const stop = () => {\n if (!supported) return;\n\n window.speechSynthesis?.cancel();\n setPlaying(false);\n };\n\n const toggle = (value = !playing) => {\n if (!supported) return;\n\n if (value) {\n window.speechSynthesis?.resume();\n } else {\n window.speechSynthesis?.pause();\n }\n setPlaying(value);\n };\n\n const resume = () => {\n setPlaying(true);\n window.speechSynthesis?.resume();\n };\n\n const pause = () => {\n setPlaying(false);\n window.speechSynthesis?.pause();\n };\n\n return {\n supported,\n playing,\n status,\n utterance: speechSynthesisUtteranceRef.current,\n error,\n\n stop,\n toggle,\n speak,\n resume,\n pause\n };\n};\n"],"names":["useSpeechSynthesis","options","supported","text","lang","pitch","rate","voice","volume","playing","setPlaying","useState","status","setStatus","error","setError","speechSynthesisUtteranceRef","useRef","bindSpeechSynthesisUtterance","speechSynthesisUtterance","event","useEffect","speak","stop","toggle","value","resume","pause"],"mappings":";AA+DO,MAAMA,IAAqB,CAChCC,IAAqC,OACR;AAC7B,QAAMC,IAAY,OAAO,SAAW,OAAe,qBAAqB,QAElE,EAAE,MAAAC,IAAO,IAAI,MAAAC,IAAO,SAAS,OAAAC,IAAQ,GAAG,MAAAC,IAAO,GAAG,OAAAC,IAAQ,MAAM,QAAAC,IAAS,MAAMP,GAE/E,CAACQ,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAAQC,CAAS,IAAIF,EAAmC,MAAM,GAC/D,CAACG,GAAOC,CAAQ,IAAIJ,EAAA,GACpBK,IAA8BC,EAAwC,IAAI,GAE1EC,IAA+B,CAACC,MAAuD;AAC3F,IAAAA,EAAyB,OAAOf,GAChCe,EAAyB,QAAQd,GACjCc,EAAyB,OAAOb,GAChCa,EAAyB,SAASX,GAClCW,EAAyB,QAAQZ,GAEjCY,EAAyB,UAAU,MAAM;AACvC,MAAAT,EAAW,EAAI,GACfG,EAAU,MAAM;AAAA,IAAA,GAGlBM,EAAyB,UAAU,MAAM;AACvC,MAAAT,EAAW,EAAK,GAChBG,EAAU,OAAO;AAAA,IAAA,GAGnBM,EAAyB,WAAW,MAAM;AACxC,MAAAT,EAAW,EAAI,GACfG,EAAU,MAAM;AAAA,IAAA,GAGlBM,EAAyB,QAAQ,MAAM;AACrC,MAAAT,EAAW,EAAK,GAChBG,EAAU,KAAK;AAAA,IAAA,GAGjBM,EAAyB,UAAU,CAACC,MAAU;AAC5C,MAAAV,EAAW,EAAK,GAChBK,EAASK,CAAK;AAAA,IAAA;AAAA,EAChB;AAGF,EAAAC,EAAU,MAAM;AACd,QAAI,CAACnB,EAAW;AAEhB,UAAMiB,IAA2B,IAAI,yBAAyBhB,CAAI;AAClE,WAAAe,EAA6BC,CAAwB,GACrDH,EAA4B,UAAUG,GAE/B,MAAM;AACX,aAAO,iBAAiB,OAAA;AAAA,IAAO;AAAA,EACjC,GACC,CAAChB,GAAMC,GAAMC,GAAOC,GAAMC,GAAOC,CAAM,CAAC;AAE3C,QAAMc,IAAQ,CAACnB,MAAkB;AAC/B,IAAKD,MAEDC,MACFa,EAA4B,UAAU,IAAI,yBAAyBb,CAAI,GACvEe,EAA6BF,EAA4B,OAAO,IAGlE,OAAO,iBAAiB,OAAA,GACpBA,EAA4B,WAC9B,OAAO,iBAAiB,MAAMA,EAA4B,OAAO;AAAA,EAAA,GAG/DO,IAAO,MAAM;AACjB,IAAKrB,MAEL,OAAO,iBAAiB,OAAA,GACxBQ,EAAW,EAAK;AAAA,EAAA,GAGZc,IAAS,CAACC,IAAQ,CAAChB,MAAY;AACnC,IAAKP,MAEDuB,IACF,OAAO,iBAAiB,OAAA,IAExB,OAAO,iBAAiB,MAAA,GAE1Bf,EAAWe,CAAK;AAAA,EAAA,GAGZC,IAAS,MAAM;AACnB,IAAAhB,EAAW,EAAI,GACf,OAAO,iBAAiB,OAAA;AAAA,EAAO,GAG3BiB,IAAQ,MAAM;AAClB,IAAAjB,EAAW,EAAK,GAChB,OAAO,iBAAiB,MAAA;AAAA,EAAM;AAGhC,SAAO;AAAA,IACL,WAAAR;AAAA,IACA,SAAAO;AAAA,IACA,QAAAG;AAAA,IACA,WAAWI,EAA4B;AAAA,IACvC,OAAAF;AAAA,IAEA,MAAAS;AAAA,IACA,QAAAC;AAAA,IACA,OAAAF;AAAA,IACA,QAAAI;AAAA,IACA,OAAAC;AAAA,EAAA;AAEJ;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useStateHistory.mjs","sources":["../../../../src/hooks/useStateHistory/useStateHistory.ts"],"sourcesContent":["import { useReducer } from 'react';\n\n/** The use state history hook return type */\ninterface UseStateHistoryReturn<Value> {\n /** True if a redo operation can be performed */\n canRedo: boolean;\n /** True if an undo operation can be performed */\n canUndo: boolean;\n /** All history values */\n history: Value[];\n /** Current index in history */\n index: number;\n /** Current value */\n value: Value;\n /** Go back specified number of steps in history (default: 1) */\n back: (steps?: number) => void;\n /** Go forward specified number of steps in history (default: 1) */\n forward: (steps?: number) => void;\n /** Redo the last change */\n redo: () => void;\n /** Reset history to initial state */\n reset: () => void;\n /** Set a new value */\n set: (value: Value) => void;\n /** Undo the last change */\n undo: () => void;\n}\n\nexport type StateHistoryAction<Value> =\n | { type: 'BACK'; payload: { steps: number } }\n | { type: 'FORWARD'; payload: { steps: number } }\n | { type: 'REDO' }\n | { type: 'RESET'; payload: { initialValue: Value; capacity: number } }\n | { type: 'SET'; payload: { value: Value; capacity: number } }\n | { type: 'UNDO' };\n\nexport interface StateHistory<Value> {\n currentIndex: number;\n history: Value[];\n redoStack: Value[][];\n undoStack: Value[][];\n}\n\nexport const stateHistoryReducer = <Value>(\n state: StateHistory<Value>,\n action: StateHistoryAction<Value>\n): StateHistory<Value> => {\n switch (action.type) {\n case 'SET': {\n const { value, capacity } = action.payload;\n\n const newHistory = [...state.history.slice(0, state.currentIndex + 1), value];\n if (newHistory.length > capacity) {\n newHistory.shift();\n }\n\n const newUndoStack = [state.history, ...state.undoStack];\n if (newUndoStack.length > capacity) {\n newUndoStack.pop();\n }\n\n return {\n history: newHistory,\n currentIndex: newHistory.length - 1,\n undoStack: newUndoStack,\n redoStack: []\n };\n }\n\n case 'UNDO': {\n if (state.undoStack.length === 0) return state;\n\n return {\n history: state.undoStack[0],\n currentIndex: state.undoStack[0].length - 1,\n undoStack: state.undoStack.slice(1),\n redoStack: [state.history, ...state.redoStack]\n };\n }\n\n case 'REDO': {\n if (state.redoStack.length === 0) return state;\n\n return {\n history: state.redoStack[0],\n currentIndex: state.redoStack[0].length - 1,\n undoStack: [state.history, ...state.undoStack],\n redoStack: state.redoStack.slice(1)\n };\n }\n\n case 'BACK': {\n const { steps } = action.payload;\n return {\n ...state,\n currentIndex: Math.max(0, state.currentIndex - steps)\n };\n }\n\n case 'FORWARD': {\n const { steps } = action.payload;\n return {\n ...state,\n currentIndex: Math.min(state.currentIndex + steps, state.history.length - 1)\n };\n }\n\n case 'RESET': {\n const { initialValue, capacity } = action.payload;\n if (state.history.length === 1) return state;\n\n const newUndoStack = [state.history, ...state.undoStack];\n if (newUndoStack.length > capacity) {\n newUndoStack.pop();\n }\n\n return {\n history: [initialValue],\n currentIndex: 0,\n undoStack: newUndoStack,\n redoStack: []\n };\n }\n\n default:\n throw new Error('Unsupported action type');\n }\n};\n\n/**\n * @name useStateHistory\n * @description - Hook that manages state with history functionality\n * @category Utilities\n *\n * @param {Value} initialValue - The initial value to start the history with\n * @param {number} [capacity=10] - Maximum number of history entries and undo actions to keep\n * @returns {UseStateHistoryReturn<Value>} Object containing current value, history array and control methods\n *\n * @example\n * const { value, history, index, set, back, forward, reset, undo, redo, canUndo, canRedo } = useStateHistory(0);\n */\nexport const useStateHistory = <Value>(\n initialValue: Value,\n capacity = 10\n): UseStateHistoryReturn<Value> => {\n const [state, dispatch] = useReducer(stateHistoryReducer<Value>, {\n history: [initialValue],\n currentIndex: 0,\n undoStack: [],\n redoStack: []\n });\n\n const value = state.history[state.currentIndex];\n const canUndo = state.undoStack.length > 0;\n const canRedo = state.redoStack.length > 0;\n\n const set = (value: Value) =>\n dispatch({\n type: 'SET',\n payload: { value, capacity }\n });\n\n const undo = () => dispatch({ type: 'UNDO' });\n\n const redo = () => dispatch({ type: 'REDO' });\n\n const back = (steps = 1) => dispatch({ type: 'BACK', payload: { steps } });\n\n const forward = (steps = 1) => dispatch({ type: 'FORWARD', payload: { steps } });\n\n const reset = () => dispatch({ type: 'RESET', payload: { initialValue, capacity } });\n\n return {\n history: state.history,\n value,\n set,\n index: state.currentIndex,\n back,\n forward,\n reset,\n undo,\n redo,\n canUndo,\n canRedo\n };\n};\n"],"names":["stateHistoryReducer","state","action","value","capacity","newHistory","newUndoStack","steps","initialValue","useStateHistory","dispatch","useReducer","canUndo","canRedo","set","undo","redo","back","forward","reset"],"mappings":"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"}
1
+ {"version":3,"file":"useStateHistory.mjs","sources":["../../../../src/hooks/useStateHistory/useStateHistory.ts"],"sourcesContent":["import { useReducer } from 'react';\n\n/** The use state history hook return type */\ninterface UseStateHistoryReturn<Value> {\n /** True if a redo operation can be performed */\n canRedo: boolean;\n /** True if an undo operation can be performed */\n canUndo: boolean;\n /** All history values */\n history: Value[];\n /** Current index in history */\n index: number;\n /** Current value */\n value: Value;\n /** Go back specified number of steps in history (default: 1) */\n back: (steps?: number) => void;\n /** Go forward specified number of steps in history (default: 1) */\n forward: (steps?: number) => void;\n /** Redo the last change */\n redo: () => void;\n /** Reset history to initial state */\n reset: () => void;\n /** Set a new value */\n set: (value: Value) => void;\n /** Undo the last change */\n undo: () => void;\n}\n\nexport type StateHistoryAction<Value> =\n | { type: 'BACK'; payload: { steps: number } }\n | { type: 'FORWARD'; payload: { steps: number } }\n | { type: 'REDO' }\n | { type: 'RESET'; payload: { initialValue: Value; capacity: number } }\n | { type: 'SET'; payload: { value: Value; capacity: number } }\n | { type: 'UNDO' };\n\nexport interface StateHistory<Value> {\n currentIndex: number;\n history: Value[];\n redoStack: Value[][];\n undoStack: Value[][];\n}\n\nexport const stateHistoryReducer = <Value>(\n state: StateHistory<Value>,\n action: StateHistoryAction<Value>\n): StateHistory<Value> => {\n switch (action.type) {\n case 'SET': {\n const { value, capacity } = action.payload;\n\n const newHistory = [...state.history.slice(0, state.currentIndex + 1), value];\n if (newHistory.length > capacity) {\n newHistory.shift();\n }\n\n const newUndoStack = [state.history, ...state.undoStack];\n if (newUndoStack.length > capacity) {\n newUndoStack.pop();\n }\n\n return {\n history: newHistory,\n currentIndex: newHistory.length - 1,\n undoStack: newUndoStack,\n redoStack: []\n };\n }\n\n case 'UNDO': {\n if (state.undoStack.length === 0) return state;\n\n return {\n history: state.undoStack[0],\n currentIndex: state.undoStack[0].length - 1,\n undoStack: state.undoStack.slice(1),\n redoStack: [state.history, ...state.redoStack]\n };\n }\n\n case 'REDO': {\n if (state.redoStack.length === 0) return state;\n\n return {\n history: state.redoStack[0],\n currentIndex: state.redoStack[0].length - 1,\n undoStack: [state.history, ...state.undoStack],\n redoStack: state.redoStack.slice(1)\n };\n }\n\n case 'BACK': {\n const { steps } = action.payload;\n return {\n ...state,\n currentIndex: Math.max(0, state.currentIndex - steps)\n };\n }\n\n case 'FORWARD': {\n const { steps } = action.payload;\n return {\n ...state,\n currentIndex: Math.min(state.currentIndex + steps, state.history.length - 1)\n };\n }\n\n case 'RESET': {\n const { initialValue, capacity } = action.payload;\n if (state.history.length === 1) return state;\n\n const newUndoStack = [state.history, ...state.undoStack];\n if (newUndoStack.length > capacity) {\n newUndoStack.pop();\n }\n\n return {\n history: [initialValue],\n currentIndex: 0,\n undoStack: newUndoStack,\n redoStack: []\n };\n }\n\n default:\n throw new Error('Unsupported action type');\n }\n};\n\n/**\n * @name useStateHistory\n * @description - Hook that manages state with history functionality\n * @category Utilities\n *\n * @param {Value} initialValue - The initial value to start the history with\n * @param {number} [capacity=10] - Maximum number of history entries and undo actions to keep\n * @returns {UseStateHistoryReturn<Value>} Object containing current value, history array and control methods\n *\n * @example\n * const { value, history, index, set, back, forward, reset, undo, redo, canUndo, canRedo } = useStateHistory(0);\n */\nexport const useStateHistory = <Value>(\n initialValue: Value,\n capacity = 10\n): UseStateHistoryReturn<Value> => {\n const [state, dispatch] = useReducer(stateHistoryReducer<Value>, {\n history: [initialValue],\n currentIndex: 0,\n undoStack: [],\n redoStack: []\n });\n\n const value = state.history[state.currentIndex];\n const canUndo = state.undoStack.length > 0;\n const canRedo = state.redoStack.length > 0;\n\n const set = (value: Value) =>\n dispatch({\n type: 'SET',\n payload: { value, capacity }\n });\n\n const undo = () => dispatch({ type: 'UNDO' });\n\n const redo = () => dispatch({ type: 'REDO' });\n\n const back = (steps = 1) => dispatch({ type: 'BACK', payload: { steps } });\n\n const forward = (steps = 1) => dispatch({ type: 'FORWARD', payload: { steps } });\n\n const reset = () => dispatch({ type: 'RESET', payload: { initialValue, capacity } });\n\n return {\n history: state.history,\n value,\n set,\n index: state.currentIndex,\n back,\n forward,\n reset,\n undo,\n redo,\n canUndo,\n canRedo\n };\n};\n"],"names":["stateHistoryReducer","state","action","value","capacity","newHistory","newUndoStack","steps","initialValue","useStateHistory","dispatch","useReducer","canUndo","canRedo","set","undo","redo","back","forward","reset"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"useStep.mjs","sources":["../../../../src/hooks/useStep/useStep.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\n/** The use step params type */\nexport interface UseStepParams {\n /** Initial value for step */\n initial: number;\n /** Maximum value for step */\n max: number;\n}\n\n/** The use step return type */\nexport interface UseStepReturn {\n /** Counts of steps */\n counts: number;\n /** Current value of step */\n currentStep: number;\n /** Boolean value if current step is first */\n isFirst: boolean;\n /** Boolean value if current step is last */\n isLast: boolean;\n /** Go to back step */\n back: () => void;\n /** Go to next step */\n next: () => void;\n /** Reset current step to initial value */\n reset: () => void;\n /** Go to custom step */\n set: (value: number | 'first' | 'last') => void;\n}\n\nconst FIRST_STEP_VALUE = 1;\n\n/**\n * @name useStep\n * @description - Hook that create stepper\n * @category Utilities\n *\n * @overload\n * @param {number} max Maximum number of steps\n * @returns {UseStepReturn} An object contains variables and functions to change the step\n *\n * @example\n * const stepper = useStep(5);\n *\n * @overload\n * @param {number} params.max Maximum number of steps\n * @param {number} params.initial Initial value for step\n * @returns {UseStepReturn} An object contains variables and functions to change the step\n *\n * @example\n * const stepper = useStep({ initial: 2, max: 5 });\n */\nexport const useStep = (params: number | UseStepParams): UseStepReturn => {\n const max = typeof params === 'object' ? params.max : params;\n const initial = typeof params === 'object' ? params.initial : FIRST_STEP_VALUE;\n\n const initialStep = useRef(\n initial > max || initial < FIRST_STEP_VALUE ? FIRST_STEP_VALUE : initial\n );\n const [currentStep, setCurrentStep] = useState(initial);\n\n const isFirst = currentStep === FIRST_STEP_VALUE;\n const isLast = currentStep === max;\n\n const next = () => {\n if (isLast) return;\n setCurrentStep((prevStep) => prevStep + 1);\n };\n\n const back = () => {\n if (isFirst) return;\n setCurrentStep((prevStep) => prevStep - 1);\n };\n\n const reset = () => setCurrentStep(initialStep.current);\n\n const set = (value: number | 'first' | 'last') => {\n if (value === 'first') return setCurrentStep(initialStep.current);\n if (value === 'last') return setCurrentStep(max);\n if (value >= max) return setCurrentStep(max);\n if (value <= FIRST_STEP_VALUE) return setCurrentStep(FIRST_STEP_VALUE);\n setCurrentStep(value);\n };\n\n return {\n counts: max,\n currentStep,\n isFirst,\n isLast,\n next,\n back,\n reset,\n set\n };\n};\n"],"names":["FIRST_STEP_VALUE","useStep","params","max","initial","initialStep","useRef","currentStep","setCurrentStep","useState","isFirst","isLast","prevStep","value"],"mappings":";AA8BA,MAAMA,IAAmB,GAsBZC,IAAU,CAACC,MAAkD;AACxE,QAAMC,IAAM,OAAOD,KAAW,WAAWA,EAAO,MAAMA,GAChDE,IAAU,OAAOF,KAAW,WAAWA,EAAO,UAAUF,GAExDK,IAAcC;AAAA,IAClBF,IAAUD,KAAOC,IAAUJ,IAAmBA,IAAmBI;AAAA,EACnE,GACM,CAACG,GAAaC,CAAc,IAAIC,EAASL,CAAO,GAEhDM,IAAUH,MAAgBP,GAC1BW,IAASJ,MAAgBJ;AAsBxB,SAAA;AAAA,IACL,QAAQA;AAAA,IACR,aAAAI;AAAA,IACA,SAAAG;AAAA,IACA,QAAAC;AAAA,IACA,MAzBW,MAAM;AACjB,MAAIA,KACWH,EAAA,CAACI,MAAaA,IAAW,CAAC;AAAA,IAC3C;AAAA,IAuBE,MArBW,MAAM;AACjB,MAAIF,KACWF,EAAA,CAACI,MAAaA,IAAW,CAAC;AAAA,IAC3C;AAAA,IAmBE,OAjBY,MAAMJ,EAAeH,EAAY,OAAO;AAAA,IAkBpD,KAhBU,CAACQ,MAAqC;AAChD,UAAIA,MAAU,QAAgB,QAAAL,EAAeH,EAAY,OAAO;AAEhE,UADIQ,MAAU,UACVA,KAASV,EAAY,QAAAK,EAAeL,CAAG;AAC3C,UAAIU,KAASb,EAAyB,QAAAQ,EAAeR,CAAgB;AACrE,MAAAQ,EAAeK,CAAK;AAAA,IACtB;AAAA,EAWA;AACF;"}
1
+ {"version":3,"file":"useStep.mjs","sources":["../../../../src/hooks/useStep/useStep.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\n/** The use step params type */\nexport interface UseStepParams {\n /** Initial value for step */\n initial: number;\n /** Maximum value for step */\n max: number;\n}\n\n/** The use step return type */\nexport interface UseStepReturn {\n /** Counts of steps */\n counts: number;\n /** Current value of step */\n currentStep: number;\n /** Boolean value if current step is first */\n isFirst: boolean;\n /** Boolean value if current step is last */\n isLast: boolean;\n /** Go to back step */\n back: () => void;\n /** Go to next step */\n next: () => void;\n /** Reset current step to initial value */\n reset: () => void;\n /** Go to custom step */\n set: (value: number | 'first' | 'last') => void;\n}\n\nconst FIRST_STEP_VALUE = 1;\n\n/**\n * @name useStep\n * @description - Hook that create stepper\n * @category Utilities\n *\n * @overload\n * @param {number} max Maximum number of steps\n * @returns {UseStepReturn} An object contains variables and functions to change the step\n *\n * @example\n * const stepper = useStep(5);\n *\n * @overload\n * @param {number} params.max Maximum number of steps\n * @param {number} params.initial Initial value for step\n * @returns {UseStepReturn} An object contains variables and functions to change the step\n *\n * @example\n * const stepper = useStep({ initial: 2, max: 5 });\n */\nexport const useStep = (params: number | UseStepParams): UseStepReturn => {\n const max = typeof params === 'object' ? params.max : params;\n const initial = typeof params === 'object' ? params.initial : FIRST_STEP_VALUE;\n\n const initialStep = useRef(\n initial > max || initial < FIRST_STEP_VALUE ? FIRST_STEP_VALUE : initial\n );\n const [currentStep, setCurrentStep] = useState(initial);\n\n const isFirst = currentStep === FIRST_STEP_VALUE;\n const isLast = currentStep === max;\n\n const next = () => {\n if (isLast) return;\n setCurrentStep((prevStep) => prevStep + 1);\n };\n\n const back = () => {\n if (isFirst) return;\n setCurrentStep((prevStep) => prevStep - 1);\n };\n\n const reset = () => setCurrentStep(initialStep.current);\n\n const set = (value: number | 'first' | 'last') => {\n if (value === 'first') return setCurrentStep(initialStep.current);\n if (value === 'last') return setCurrentStep(max);\n if (value >= max) return setCurrentStep(max);\n if (value <= FIRST_STEP_VALUE) return setCurrentStep(FIRST_STEP_VALUE);\n setCurrentStep(value);\n };\n\n return {\n counts: max,\n currentStep,\n isFirst,\n isLast,\n next,\n back,\n reset,\n set\n };\n};\n"],"names":["FIRST_STEP_VALUE","useStep","params","max","initial","initialStep","useRef","currentStep","setCurrentStep","useState","isFirst","isLast","prevStep","value"],"mappings":";AA8BA,MAAMA,IAAmB,GAsBZC,IAAU,CAACC,MAAkD;AACxE,QAAMC,IAAM,OAAOD,KAAW,WAAWA,EAAO,MAAMA,GAChDE,IAAU,OAAOF,KAAW,WAAWA,EAAO,UAAUF,GAExDK,IAAcC;AAAA,IAClBF,IAAUD,KAAOC,IAAUJ,IAAmBA,IAAmBI;AAAA,EAAA,GAE7D,CAACG,GAAaC,CAAc,IAAIC,EAASL,CAAO,GAEhDM,IAAUH,MAAgBP,GAC1BW,IAASJ,MAAgBJ;AAsB/B,SAAO;AAAA,IACL,QAAQA;AAAA,IACR,aAAAI;AAAA,IACA,SAAAG;AAAA,IACA,QAAAC;AAAA,IACA,MAzBW,MAAM;AACjB,MAAIA,KACJH,EAAe,CAACI,MAAaA,IAAW,CAAC;AAAA,IAAA;AAAA,IAwBzC,MArBW,MAAM;AACjB,MAAIF,KACJF,EAAe,CAACI,MAAaA,IAAW,CAAC;AAAA,IAAA;AAAA,IAoBzC,OAjBY,MAAMJ,EAAeH,EAAY,OAAO;AAAA,IAkBpD,KAhBU,CAACQ,MAAqC;AAChD,UAAIA,MAAU,QAAS,QAAOL,EAAeH,EAAY,OAAO;AAEhE,UADIQ,MAAU,UACVA,KAASV,EAAK,QAAOK,EAAeL,CAAG;AAC3C,UAAIU,KAASb,EAAkB,QAAOQ,EAAeR,CAAgB;AACrE,MAAAQ,EAAeK,CAAK;AAAA,IAAA;AAAA,EAWpB;AAEJ;"}