@mantine/hooks 7.0.0-alpha.9 → 7.0.0-beta.0

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 (298) hide show
  1. package/cjs/use-callback-ref/use-callback-ref.js +8 -5
  2. package/cjs/use-callback-ref/use-callback-ref.js.map +1 -1
  3. package/cjs/use-click-outside/use-click-outside.js +19 -21
  4. package/cjs/use-click-outside/use-click-outside.js.map +1 -1
  5. package/cjs/use-clipboard/use-clipboard.js +22 -26
  6. package/cjs/use-clipboard/use-clipboard.js.map +1 -1
  7. package/cjs/use-color-scheme/use-color-scheme.js +1 -3
  8. package/cjs/use-color-scheme/use-color-scheme.js.map +1 -1
  9. package/cjs/use-counter/use-counter.js +25 -9
  10. package/cjs/use-counter/use-counter.js.map +1 -1
  11. package/cjs/use-debounced-callback/use-debounced-callback.js +7 -7
  12. package/cjs/use-debounced-callback/use-debounced-callback.js.map +1 -1
  13. package/cjs/use-debounced-state/use-debounced-state.js +18 -19
  14. package/cjs/use-debounced-state/use-debounced-state.js.map +1 -1
  15. package/cjs/use-debounced-value/use-debounced-value.js +24 -25
  16. package/cjs/use-debounced-value/use-debounced-value.js.map +1 -1
  17. package/cjs/use-did-update/use-did-update.js +14 -11
  18. package/cjs/use-did-update/use-did-update.js.map +1 -1
  19. package/cjs/use-disclosure/use-disclosure.js +24 -24
  20. package/cjs/use-disclosure/use-disclosure.js.map +1 -1
  21. package/cjs/use-document-title/use-document-title.js +5 -5
  22. package/cjs/use-document-title/use-document-title.js.map +1 -1
  23. package/cjs/use-document-visibility/use-document-visibility.js +7 -7
  24. package/cjs/use-document-visibility/use-document-visibility.js.map +1 -1
  25. package/cjs/use-event-listener/use-event-listener.js +12 -9
  26. package/cjs/use-event-listener/use-event-listener.js.map +1 -1
  27. package/cjs/use-eye-dropper/use-eye-dropper.js +15 -12
  28. package/cjs/use-eye-dropper/use-eye-dropper.js.map +1 -1
  29. package/cjs/use-favicon/use-favicon.js +25 -23
  30. package/cjs/use-favicon/use-favicon.js.map +1 -1
  31. package/cjs/use-focus-return/use-focus-return.js +25 -29
  32. package/cjs/use-focus-return/use-focus-return.js.map +1 -1
  33. package/cjs/use-focus-trap/create-aria-hider.js +36 -36
  34. package/cjs/use-focus-trap/create-aria-hider.js.map +1 -1
  35. package/cjs/use-focus-trap/scope-tab.js +15 -15
  36. package/cjs/use-focus-trap/scope-tab.js.map +1 -1
  37. package/cjs/use-focus-trap/tabbable.js +33 -35
  38. package/cjs/use-focus-trap/tabbable.js.map +1 -1
  39. package/cjs/use-focus-trap/use-focus-trap.js +67 -67
  40. package/cjs/use-focus-trap/use-focus-trap.js.map +1 -1
  41. package/cjs/use-focus-within/use-focus-within.js +40 -37
  42. package/cjs/use-focus-within/use-focus-within.js.map +1 -1
  43. package/cjs/use-force-update/use-force-update.js +3 -3
  44. package/cjs/use-force-update/use-force-update.js.map +1 -1
  45. package/cjs/use-fullscreen/use-fullscreen.js +79 -83
  46. package/cjs/use-fullscreen/use-fullscreen.js.map +1 -1
  47. package/cjs/use-hash/use-hash.js +16 -16
  48. package/cjs/use-hash/use-hash.js.map +1 -1
  49. package/cjs/use-headroom/use-headroom.js +23 -23
  50. package/cjs/use-headroom/use-headroom.js.map +1 -1
  51. package/cjs/use-hotkeys/parse-hotkey.js +64 -49
  52. package/cjs/use-hotkeys/parse-hotkey.js.map +1 -1
  53. package/cjs/use-hotkeys/use-hotkeys.js +21 -22
  54. package/cjs/use-hotkeys/use-hotkeys.js.map +1 -1
  55. package/cjs/use-hover/use-hover.js +17 -17
  56. package/cjs/use-hover/use-hover.js.map +1 -1
  57. package/cjs/use-id/use-id.js +12 -12
  58. package/cjs/use-id/use-id.js.map +1 -1
  59. package/cjs/use-id/use-react-id.js +3 -3
  60. package/cjs/use-id/use-react-id.js.map +1 -1
  61. package/cjs/use-idle/use-idle.js +42 -26
  62. package/cjs/use-idle/use-idle.js.map +1 -1
  63. package/cjs/use-input-state/use-input-state.js +18 -22
  64. package/cjs/use-input-state/use-input-state.js.map +1 -1
  65. package/cjs/use-intersection/use-intersection.js +20 -17
  66. package/cjs/use-intersection/use-intersection.js.map +1 -1
  67. package/cjs/use-interval/use-interval.js +27 -28
  68. package/cjs/use-interval/use-interval.js.map +1 -1
  69. package/cjs/use-isomorphic-effect/use-isomorphic-effect.js +1 -3
  70. package/cjs/use-isomorphic-effect/use-isomorphic-effect.js.map +1 -1
  71. package/cjs/use-list-state/use-list-state.js +76 -55
  72. package/cjs/use-list-state/use-list-state.js.map +1 -1
  73. package/cjs/use-local-storage/create-storage.js +79 -71
  74. package/cjs/use-local-storage/create-storage.js.map +1 -1
  75. package/cjs/use-local-storage/use-local-storage.js +1 -1
  76. package/cjs/use-local-storage/use-local-storage.js.map +1 -1
  77. package/cjs/use-logger/use-logger.js +8 -9
  78. package/cjs/use-logger/use-logger.js.map +1 -1
  79. package/cjs/use-media-query/use-media-query.js +28 -31
  80. package/cjs/use-media-query/use-media-query.js.map +1 -1
  81. package/cjs/use-merged-ref/use-merged-ref.js +9 -11
  82. package/cjs/use-merged-ref/use-merged-ref.js.map +1 -1
  83. package/cjs/use-mouse/use-mouse.js +46 -25
  84. package/cjs/use-mouse/use-mouse.js.map +1 -1
  85. package/cjs/use-move/use-move.js +87 -88
  86. package/cjs/use-move/use-move.js.map +1 -1
  87. package/cjs/use-network/use-network.js +51 -32
  88. package/cjs/use-network/use-network.js.map +1 -1
  89. package/cjs/use-os/use-os.js +30 -30
  90. package/cjs/use-os/use-os.js.map +1 -1
  91. package/cjs/use-page-leave/use-page-leave.js +4 -4
  92. package/cjs/use-page-leave/use-page-leave.js.map +1 -1
  93. package/cjs/use-pagination/use-pagination.js +63 -58
  94. package/cjs/use-pagination/use-pagination.js.map +1 -1
  95. package/cjs/use-previous/use-previous.js +5 -5
  96. package/cjs/use-previous/use-previous.js.map +1 -1
  97. package/cjs/use-queue/use-queue.js +24 -24
  98. package/cjs/use-queue/use-queue.js.map +1 -1
  99. package/cjs/use-reduced-motion/use-reduced-motion.js +1 -1
  100. package/cjs/use-reduced-motion/use-reduced-motion.js.map +1 -1
  101. package/cjs/use-resize-observer/use-resize-observer.js +39 -38
  102. package/cjs/use-resize-observer/use-resize-observer.js.map +1 -1
  103. package/cjs/use-scroll-into-view/use-scroll-into-view.js +78 -75
  104. package/cjs/use-scroll-into-view/use-scroll-into-view.js.map +1 -1
  105. package/cjs/use-scroll-into-view/utils/ease-in-out-quad.js +1 -1
  106. package/cjs/use-scroll-into-view/utils/ease-in-out-quad.js.map +1 -1
  107. package/cjs/use-scroll-into-view/utils/get-relative-position.js +53 -46
  108. package/cjs/use-scroll-into-view/utils/get-relative-position.js.map +1 -1
  109. package/cjs/use-scroll-into-view/utils/get-scroll-start.js +9 -10
  110. package/cjs/use-scroll-into-view/utils/get-scroll-start.js.map +1 -1
  111. package/cjs/use-scroll-into-view/utils/set-scroll-param.js +11 -14
  112. package/cjs/use-scroll-into-view/utils/set-scroll-param.js.map +1 -1
  113. package/cjs/use-session-storage/use-session-storage.js +1 -1
  114. package/cjs/use-session-storage/use-session-storage.js.map +1 -1
  115. package/cjs/use-set-state/use-set-state.js +22 -3
  116. package/cjs/use-set-state/use-set-state.js.map +1 -1
  117. package/cjs/use-shallow-effect/use-shallow-effect.js +22 -22
  118. package/cjs/use-shallow-effect/use-shallow-effect.js.map +1 -1
  119. package/cjs/use-text-selection/use-text-selection.js +12 -12
  120. package/cjs/use-text-selection/use-text-selection.js.map +1 -1
  121. package/cjs/use-timeout/use-timeout.js +22 -22
  122. package/cjs/use-timeout/use-timeout.js.map +1 -1
  123. package/cjs/use-toggle/use-toggle.js +6 -6
  124. package/cjs/use-toggle/use-toggle.js.map +1 -1
  125. package/cjs/use-uncontrolled/use-uncontrolled.js +18 -10
  126. package/cjs/use-uncontrolled/use-uncontrolled.js.map +1 -1
  127. package/cjs/use-validated-state/use-validated-state.js +17 -14
  128. package/cjs/use-validated-state/use-validated-state.js.map +1 -1
  129. package/cjs/use-viewport-size/use-viewport-size.js +12 -12
  130. package/cjs/use-viewport-size/use-viewport-size.js.map +1 -1
  131. package/cjs/use-window-event/use-window-event.js +4 -4
  132. package/cjs/use-window-event/use-window-event.js.map +1 -1
  133. package/cjs/use-window-scroll/use-window-scroll.js +17 -19
  134. package/cjs/use-window-scroll/use-window-scroll.js.map +1 -1
  135. package/cjs/utils/clamp/clamp.js +10 -1
  136. package/cjs/utils/clamp/clamp.js.map +1 -1
  137. package/cjs/utils/lower-first/lower-first.js +1 -1
  138. package/cjs/utils/lower-first/lower-first.js.map +1 -1
  139. package/cjs/utils/random-id/random-id.js +1 -1
  140. package/cjs/utils/random-id/random-id.js.map +1 -1
  141. package/cjs/utils/range/range.js +2 -2
  142. package/cjs/utils/range/range.js.map +1 -1
  143. package/cjs/utils/shallow-equal/shallow-equal.js +19 -19
  144. package/cjs/utils/shallow-equal/shallow-equal.js.map +1 -1
  145. package/cjs/utils/upper-first/upper-first.js +1 -1
  146. package/cjs/utils/upper-first/upper-first.js.map +1 -1
  147. package/esm/use-callback-ref/use-callback-ref.js +8 -5
  148. package/esm/use-callback-ref/use-callback-ref.js.map +1 -1
  149. package/esm/use-click-outside/use-click-outside.js +19 -21
  150. package/esm/use-click-outside/use-click-outside.js.map +1 -1
  151. package/esm/use-clipboard/use-clipboard.js +22 -26
  152. package/esm/use-clipboard/use-clipboard.js.map +1 -1
  153. package/esm/use-color-scheme/use-color-scheme.js +1 -3
  154. package/esm/use-color-scheme/use-color-scheme.js.map +1 -1
  155. package/esm/use-counter/use-counter.js +25 -9
  156. package/esm/use-counter/use-counter.js.map +1 -1
  157. package/esm/use-debounced-callback/use-debounced-callback.js +7 -7
  158. package/esm/use-debounced-callback/use-debounced-callback.js.map +1 -1
  159. package/esm/use-debounced-state/use-debounced-state.js +18 -19
  160. package/esm/use-debounced-state/use-debounced-state.js.map +1 -1
  161. package/esm/use-debounced-value/use-debounced-value.js +24 -25
  162. package/esm/use-debounced-value/use-debounced-value.js.map +1 -1
  163. package/esm/use-did-update/use-did-update.js +14 -11
  164. package/esm/use-did-update/use-did-update.js.map +1 -1
  165. package/esm/use-disclosure/use-disclosure.js +24 -24
  166. package/esm/use-disclosure/use-disclosure.js.map +1 -1
  167. package/esm/use-document-title/use-document-title.js +5 -5
  168. package/esm/use-document-title/use-document-title.js.map +1 -1
  169. package/esm/use-document-visibility/use-document-visibility.js +7 -7
  170. package/esm/use-document-visibility/use-document-visibility.js.map +1 -1
  171. package/esm/use-event-listener/use-event-listener.js +12 -9
  172. package/esm/use-event-listener/use-event-listener.js.map +1 -1
  173. package/esm/use-eye-dropper/use-eye-dropper.js +15 -12
  174. package/esm/use-eye-dropper/use-eye-dropper.js.map +1 -1
  175. package/esm/use-favicon/use-favicon.js +25 -23
  176. package/esm/use-favicon/use-favicon.js.map +1 -1
  177. package/esm/use-focus-return/use-focus-return.js +25 -29
  178. package/esm/use-focus-return/use-focus-return.js.map +1 -1
  179. package/esm/use-focus-trap/create-aria-hider.js +36 -36
  180. package/esm/use-focus-trap/create-aria-hider.js.map +1 -1
  181. package/esm/use-focus-trap/scope-tab.js +15 -15
  182. package/esm/use-focus-trap/scope-tab.js.map +1 -1
  183. package/esm/use-focus-trap/tabbable.js +33 -35
  184. package/esm/use-focus-trap/tabbable.js.map +1 -1
  185. package/esm/use-focus-trap/use-focus-trap.js +67 -67
  186. package/esm/use-focus-trap/use-focus-trap.js.map +1 -1
  187. package/esm/use-focus-within/use-focus-within.js +40 -37
  188. package/esm/use-focus-within/use-focus-within.js.map +1 -1
  189. package/esm/use-force-update/use-force-update.js +3 -3
  190. package/esm/use-force-update/use-force-update.js.map +1 -1
  191. package/esm/use-fullscreen/use-fullscreen.js +79 -83
  192. package/esm/use-fullscreen/use-fullscreen.js.map +1 -1
  193. package/esm/use-hash/use-hash.js +16 -16
  194. package/esm/use-hash/use-hash.js.map +1 -1
  195. package/esm/use-headroom/use-headroom.js +23 -23
  196. package/esm/use-headroom/use-headroom.js.map +1 -1
  197. package/esm/use-hotkeys/parse-hotkey.js +64 -49
  198. package/esm/use-hotkeys/parse-hotkey.js.map +1 -1
  199. package/esm/use-hotkeys/use-hotkeys.js +21 -22
  200. package/esm/use-hotkeys/use-hotkeys.js.map +1 -1
  201. package/esm/use-hover/use-hover.js +17 -17
  202. package/esm/use-hover/use-hover.js.map +1 -1
  203. package/esm/use-id/use-id.js +12 -12
  204. package/esm/use-id/use-id.js.map +1 -1
  205. package/esm/use-id/use-react-id.js +3 -3
  206. package/esm/use-id/use-react-id.js.map +1 -1
  207. package/esm/use-idle/use-idle.js +42 -26
  208. package/esm/use-idle/use-idle.js.map +1 -1
  209. package/esm/use-input-state/use-input-state.js +18 -22
  210. package/esm/use-input-state/use-input-state.js.map +1 -1
  211. package/esm/use-intersection/use-intersection.js +20 -17
  212. package/esm/use-intersection/use-intersection.js.map +1 -1
  213. package/esm/use-interval/use-interval.js +27 -28
  214. package/esm/use-interval/use-interval.js.map +1 -1
  215. package/esm/use-isomorphic-effect/use-isomorphic-effect.js +1 -3
  216. package/esm/use-isomorphic-effect/use-isomorphic-effect.js.map +1 -1
  217. package/esm/use-list-state/use-list-state.js +76 -55
  218. package/esm/use-list-state/use-list-state.js.map +1 -1
  219. package/esm/use-local-storage/create-storage.js +79 -71
  220. package/esm/use-local-storage/create-storage.js.map +1 -1
  221. package/esm/use-local-storage/use-local-storage.js +1 -1
  222. package/esm/use-local-storage/use-local-storage.js.map +1 -1
  223. package/esm/use-logger/use-logger.js +8 -9
  224. package/esm/use-logger/use-logger.js.map +1 -1
  225. package/esm/use-media-query/use-media-query.js +28 -31
  226. package/esm/use-media-query/use-media-query.js.map +1 -1
  227. package/esm/use-merged-ref/use-merged-ref.js +9 -11
  228. package/esm/use-merged-ref/use-merged-ref.js.map +1 -1
  229. package/esm/use-mouse/use-mouse.js +46 -25
  230. package/esm/use-mouse/use-mouse.js.map +1 -1
  231. package/esm/use-move/use-move.js +87 -88
  232. package/esm/use-move/use-move.js.map +1 -1
  233. package/esm/use-network/use-network.js +51 -32
  234. package/esm/use-network/use-network.js.map +1 -1
  235. package/esm/use-os/use-os.js +30 -30
  236. package/esm/use-os/use-os.js.map +1 -1
  237. package/esm/use-page-leave/use-page-leave.js +4 -4
  238. package/esm/use-page-leave/use-page-leave.js.map +1 -1
  239. package/esm/use-pagination/use-pagination.js +63 -58
  240. package/esm/use-pagination/use-pagination.js.map +1 -1
  241. package/esm/use-previous/use-previous.js +5 -5
  242. package/esm/use-previous/use-previous.js.map +1 -1
  243. package/esm/use-queue/use-queue.js +24 -24
  244. package/esm/use-queue/use-queue.js.map +1 -1
  245. package/esm/use-reduced-motion/use-reduced-motion.js +1 -1
  246. package/esm/use-reduced-motion/use-reduced-motion.js.map +1 -1
  247. package/esm/use-resize-observer/use-resize-observer.js +39 -38
  248. package/esm/use-resize-observer/use-resize-observer.js.map +1 -1
  249. package/esm/use-scroll-into-view/use-scroll-into-view.js +78 -75
  250. package/esm/use-scroll-into-view/use-scroll-into-view.js.map +1 -1
  251. package/esm/use-scroll-into-view/utils/ease-in-out-quad.js +1 -1
  252. package/esm/use-scroll-into-view/utils/ease-in-out-quad.js.map +1 -1
  253. package/esm/use-scroll-into-view/utils/get-relative-position.js +53 -46
  254. package/esm/use-scroll-into-view/utils/get-relative-position.js.map +1 -1
  255. package/esm/use-scroll-into-view/utils/get-scroll-start.js +9 -10
  256. package/esm/use-scroll-into-view/utils/get-scroll-start.js.map +1 -1
  257. package/esm/use-scroll-into-view/utils/set-scroll-param.js +11 -14
  258. package/esm/use-scroll-into-view/utils/set-scroll-param.js.map +1 -1
  259. package/esm/use-session-storage/use-session-storage.js +1 -1
  260. package/esm/use-session-storage/use-session-storage.js.map +1 -1
  261. package/esm/use-set-state/use-set-state.js +22 -3
  262. package/esm/use-set-state/use-set-state.js.map +1 -1
  263. package/esm/use-shallow-effect/use-shallow-effect.js +22 -22
  264. package/esm/use-shallow-effect/use-shallow-effect.js.map +1 -1
  265. package/esm/use-text-selection/use-text-selection.js +12 -12
  266. package/esm/use-text-selection/use-text-selection.js.map +1 -1
  267. package/esm/use-timeout/use-timeout.js +22 -22
  268. package/esm/use-timeout/use-timeout.js.map +1 -1
  269. package/esm/use-toggle/use-toggle.js +6 -6
  270. package/esm/use-toggle/use-toggle.js.map +1 -1
  271. package/esm/use-uncontrolled/use-uncontrolled.js +18 -10
  272. package/esm/use-uncontrolled/use-uncontrolled.js.map +1 -1
  273. package/esm/use-validated-state/use-validated-state.js +17 -14
  274. package/esm/use-validated-state/use-validated-state.js.map +1 -1
  275. package/esm/use-viewport-size/use-viewport-size.js +12 -12
  276. package/esm/use-viewport-size/use-viewport-size.js.map +1 -1
  277. package/esm/use-window-event/use-window-event.js +4 -4
  278. package/esm/use-window-event/use-window-event.js.map +1 -1
  279. package/esm/use-window-scroll/use-window-scroll.js +17 -19
  280. package/esm/use-window-scroll/use-window-scroll.js.map +1 -1
  281. package/esm/utils/clamp/clamp.js +10 -1
  282. package/esm/utils/clamp/clamp.js.map +1 -1
  283. package/esm/utils/lower-first/lower-first.js +1 -1
  284. package/esm/utils/lower-first/lower-first.js.map +1 -1
  285. package/esm/utils/random-id/random-id.js +1 -1
  286. package/esm/utils/random-id/random-id.js.map +1 -1
  287. package/esm/utils/range/range.js +2 -2
  288. package/esm/utils/range/range.js.map +1 -1
  289. package/esm/utils/shallow-equal/shallow-equal.js +19 -19
  290. package/esm/utils/shallow-equal/shallow-equal.js.map +1 -1
  291. package/esm/utils/upper-first/upper-first.js +1 -1
  292. package/esm/utils/upper-first/upper-first.js.map +1 -1
  293. package/lib/use-hover/use-hover.d.ts +1 -0
  294. package/lib/use-mouse/use-mouse.d.ts +1 -0
  295. package/lib/use-move/use-move.d.ts +2 -1
  296. package/lib/use-scroll-into-view/use-scroll-into-view.d.ts +1 -0
  297. package/lib/utils/clamp/clamp.d.ts +1 -1
  298. package/package.json +4 -4
@@ -5,11 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
 
7
7
  function useCallbackRef(callback) {
8
- const callbackRef = React.useRef(callback);
9
- React.useEffect(() => {
10
- callbackRef.current = callback;
11
- });
12
- return React.useMemo(() => ((...args) => { var _a; return (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, ...args); }), []);
8
+ const callbackRef = React.useRef(callback);
9
+ React.useEffect(() => {
10
+ callbackRef.current = callback;
11
+ });
12
+ return React.useMemo(() => (...args) => {
13
+ var _a;
14
+ return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
15
+ }, []);
13
16
  }
14
17
 
15
18
  exports.useCallbackRef = useCallbackRef;
@@ -1 +1 @@
1
- {"version":3,"file":"use-callback-ref.js","sources":["../../src/use-callback-ref/use-callback-ref.ts"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react';\n\nexport function useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined): T {\n const callbackRef = useRef(callback);\n\n useEffect(() => {\n callbackRef.current = callback;\n });\n\n return useMemo(() => ((...args) => callbackRef.current?.(...args)) as T, []);\n}\n"],"names":["useRef","useEffect","useMemo"],"mappings":";;;;;;SAEgB,cAAc,CAAoC,QAAuB;IACvF,MAAM,WAAW,GAAGA,YAAM,CAAC,QAAQ,CAAC,CAAC;IAErCC,eAAS,CAAC;QACR,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;KAChC,CAAC,CAAC;IAEH,OAAOC,aAAO,CAAC,OAAO,CAAC,GAAG,IAAI,eAAK,OAAA,MAAA,WAAW,CAAC,OAAO,4DAAG,GAAG,IAAI,CAAC,CAAA,EAAA,CAAM,EAAE,EAAE,CAAC,CAAC;AAC/E;;;;"}
1
+ {"version":3,"file":"use-callback-ref.js","sources":["../../src/use-callback-ref/use-callback-ref.ts"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react';\n\nexport function useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined): T {\n const callbackRef = useRef(callback);\n\n useEffect(() => {\n callbackRef.current = callback;\n });\n\n return useMemo(() => ((...args) => callbackRef.current?.(...args)) as T, []);\n}\n"],"names":["useRef","useEffect","useMemo"],"mappings":";;;;;;AACO,SAAS,cAAc,CAAC,QAAQ,EAAE;AACzC,EAAE,MAAM,WAAW,GAAGA,YAAM,CAAC,QAAQ,CAAC,CAAC;AACvC,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;AACnC,GAAG,CAAC,CAAC;AACL,EAAE,OAAOC,aAAO,CAAC,MAAM,CAAC,GAAG,IAAI,KAAK;AACpC,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,OAAO,CAAC,EAAE,GAAG,WAAW,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,CAAC;AACvF,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;;;"}
@@ -4,28 +4,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
 
7
- const DEFAULT_EVENTS = ['mousedown', 'touchstart'];
7
+ const DEFAULT_EVENTS = ["mousedown", "touchstart"];
8
8
  function useClickOutside(handler, events, nodes) {
9
- const ref = React.useRef();
10
- React.useEffect(() => {
11
- const listener = (event) => {
12
- const { target } = event !== null && event !== void 0 ? event : {};
13
- if (Array.isArray(nodes)) {
14
- const shouldIgnore = (target === null || target === void 0 ? void 0 : target.hasAttribute('data-ignore-outside-clicks')) ||
15
- (!document.body.contains(target) && target.tagName !== 'HTML');
16
- const shouldTrigger = nodes.every((node) => !!node && !event.composedPath().includes(node));
17
- shouldTrigger && !shouldIgnore && handler();
18
- }
19
- else if (ref.current && !ref.current.contains(target)) {
20
- handler();
21
- }
22
- };
23
- (events || DEFAULT_EVENTS).forEach((fn) => document.addEventListener(fn, listener));
24
- return () => {
25
- (events || DEFAULT_EVENTS).forEach((fn) => document.removeEventListener(fn, listener));
26
- };
27
- }, [ref, handler, nodes]);
28
- return ref;
9
+ const ref = React.useRef();
10
+ React.useEffect(() => {
11
+ const listener = (event) => {
12
+ const { target } = event != null ? event : {};
13
+ if (Array.isArray(nodes)) {
14
+ const shouldIgnore = (target == null ? void 0 : target.hasAttribute("data-ignore-outside-clicks")) || !document.body.contains(target) && target.tagName !== "HTML";
15
+ const shouldTrigger = nodes.every((node) => !!node && !event.composedPath().includes(node));
16
+ shouldTrigger && !shouldIgnore && handler();
17
+ } else if (ref.current && !ref.current.contains(target)) {
18
+ handler();
19
+ }
20
+ };
21
+ (events || DEFAULT_EVENTS).forEach((fn) => document.addEventListener(fn, listener));
22
+ return () => {
23
+ (events || DEFAULT_EVENTS).forEach((fn) => document.removeEventListener(fn, listener));
24
+ };
25
+ }, [ref, handler, nodes]);
26
+ return ref;
29
27
  }
30
28
 
31
29
  exports.useClickOutside = useClickOutside;
@@ -1 +1 @@
1
- {"version":3,"file":"use-click-outside.js","sources":["../../src/use-click-outside/use-click-outside.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nconst DEFAULT_EVENTS = ['mousedown', 'touchstart'];\n\nexport function useClickOutside<T extends HTMLElement = any>(\n handler: () => void,\n events?: string[] | null,\n nodes?: (HTMLElement | null)[]\n) {\n const ref = useRef<T>();\n\n useEffect(() => {\n const listener = (event: any) => {\n const { target } = event ?? {};\n if (Array.isArray(nodes)) {\n const shouldIgnore =\n target?.hasAttribute('data-ignore-outside-clicks') ||\n (!document.body.contains(target) && target.tagName !== 'HTML');\n const shouldTrigger = nodes.every((node) => !!node && !event.composedPath().includes(node));\n shouldTrigger && !shouldIgnore && handler();\n } else if (ref.current && !ref.current.contains(target)) {\n handler();\n }\n };\n\n (events || DEFAULT_EVENTS).forEach((fn) => document.addEventListener(fn, listener));\n\n return () => {\n (events || DEFAULT_EVENTS).forEach((fn) => document.removeEventListener(fn, listener));\n };\n }, [ref, handler, nodes]);\n\n return ref;\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;;;AAEA,MAAM,cAAc,GAAG,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;SAEnC,eAAe,CAC7B,OAAmB,EACnB,MAAwB,EACxB,KAA8B;IAE9B,MAAM,GAAG,GAAGA,YAAM,EAAK,CAAC;IAExBC,eAAS,CAAC;QACR,MAAM,QAAQ,GAAG,CAAC,KAAU;YAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC;YAC/B,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACxB,MAAM,YAAY,GAChB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,CAAC,4BAA4B,CAAC;qBACjD,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC;gBACjE,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC5F,aAAa,IAAI,CAAC,YAAY,IAAI,OAAO,EAAE,CAAC;aAC7C;iBAAM,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;gBACvD,OAAO,EAAE,CAAC;aACX;SACF,CAAC;QAEF,CAAC,MAAM,IAAI,cAAc,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;QAEpF,OAAO;YACL,CAAC,MAAM,IAAI,cAAc,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,mBAAmB,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;SACxF,CAAC;KACH,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAE1B,OAAO,GAAG,CAAC;AACb;;;;"}
1
+ {"version":3,"file":"use-click-outside.js","sources":["../../src/use-click-outside/use-click-outside.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nconst DEFAULT_EVENTS = ['mousedown', 'touchstart'];\n\nexport function useClickOutside<T extends HTMLElement = any>(\n handler: () => void,\n events?: string[] | null,\n nodes?: (HTMLElement | null)[]\n) {\n const ref = useRef<T>();\n\n useEffect(() => {\n const listener = (event: any) => {\n const { target } = event ?? {};\n if (Array.isArray(nodes)) {\n const shouldIgnore =\n target?.hasAttribute('data-ignore-outside-clicks') ||\n (!document.body.contains(target) && target.tagName !== 'HTML');\n const shouldTrigger = nodes.every((node) => !!node && !event.composedPath().includes(node));\n shouldTrigger && !shouldIgnore && handler();\n } else if (ref.current && !ref.current.contains(target)) {\n handler();\n }\n };\n\n (events || DEFAULT_EVENTS).forEach((fn) => document.addEventListener(fn, listener));\n\n return () => {\n (events || DEFAULT_EVENTS).forEach((fn) => document.removeEventListener(fn, listener));\n };\n }, [ref, handler, nodes]);\n\n return ref;\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;;;AACA,MAAM,cAAc,GAAG,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;AAC5C,SAAS,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE;AACxD,EAAE,MAAM,GAAG,GAAGA,YAAM,EAAE,CAAC;AACvB,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,MAAM,QAAQ,GAAG,CAAC,KAAK,KAAK;AAChC,MAAM,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;AACpD,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAChC,QAAQ,MAAM,YAAY,GAAG,CAAC,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,YAAY,CAAC,4BAA4B,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,KAAK,MAAM,CAAC;AAC3K,QAAQ,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;AACpG,QAAQ,aAAa,IAAI,CAAC,YAAY,IAAI,OAAO,EAAE,CAAC;AACpD,OAAO,MAAM,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;AAC/D,QAAQ,OAAO,EAAE,CAAC;AAClB,OAAO;AACP,KAAK,CAAC;AACN,IAAI,CAAC,MAAM,IAAI,cAAc,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;AACxF,IAAI,OAAO,MAAM;AACjB,MAAM,CAAC,MAAM,IAAI,cAAc,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,mBAAmB,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC7F,KAAK,CAAC;AACN,GAAG,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,GAAG,CAAC;AACb;;;;"}
@@ -4,32 +4,28 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
 
7
- function useClipboard({ timeout = 2000 } = {}) {
8
- const [error, setError] = React.useState(null);
9
- const [copied, setCopied] = React.useState(false);
10
- const [copyTimeout, setCopyTimeout] = React.useState(null);
11
- const handleCopyResult = (value) => {
12
- window.clearTimeout(copyTimeout);
13
- setCopyTimeout(window.setTimeout(() => setCopied(false), timeout));
14
- setCopied(value);
15
- };
16
- const copy = (valueToCopy) => {
17
- if ('clipboard' in navigator) {
18
- navigator.clipboard
19
- .writeText(valueToCopy)
20
- .then(() => handleCopyResult(true))
21
- .catch((err) => setError(err));
22
- }
23
- else {
24
- setError(new Error('useClipboard: navigator.clipboard is not supported'));
25
- }
26
- };
27
- const reset = () => {
28
- setCopied(false);
29
- setError(null);
30
- window.clearTimeout(copyTimeout);
31
- };
32
- return { copy, reset, error, copied };
7
+ function useClipboard({ timeout = 2e3 } = {}) {
8
+ const [error, setError] = React.useState(null);
9
+ const [copied, setCopied] = React.useState(false);
10
+ const [copyTimeout, setCopyTimeout] = React.useState(null);
11
+ const handleCopyResult = (value) => {
12
+ window.clearTimeout(copyTimeout);
13
+ setCopyTimeout(window.setTimeout(() => setCopied(false), timeout));
14
+ setCopied(value);
15
+ };
16
+ const copy = (valueToCopy) => {
17
+ if ("clipboard" in navigator) {
18
+ navigator.clipboard.writeText(valueToCopy).then(() => handleCopyResult(true)).catch((err) => setError(err));
19
+ } else {
20
+ setError(new Error("useClipboard: navigator.clipboard is not supported"));
21
+ }
22
+ };
23
+ const reset = () => {
24
+ setCopied(false);
25
+ setError(null);
26
+ window.clearTimeout(copyTimeout);
27
+ };
28
+ return { copy, reset, error, copied };
33
29
  }
34
30
 
35
31
  exports.useClipboard = useClipboard;
@@ -1 +1 @@
1
- {"version":3,"file":"use-clipboard.js","sources":["../../src/use-clipboard/use-clipboard.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport function useClipboard({ timeout = 2000 } = {}) {\n const [error, setError] = useState<Error | null>(null);\n const [copied, setCopied] = useState(false);\n const [copyTimeout, setCopyTimeout] = useState<number | null>(null);\n\n const handleCopyResult = (value: boolean) => {\n window.clearTimeout(copyTimeout!);\n setCopyTimeout(window.setTimeout(() => setCopied(false), timeout));\n setCopied(value);\n };\n\n const copy = (valueToCopy: any) => {\n if ('clipboard' in navigator) {\n navigator.clipboard\n .writeText(valueToCopy)\n .then(() => handleCopyResult(true))\n .catch((err) => setError(err));\n } else {\n setError(new Error('useClipboard: navigator.clipboard is not supported'));\n }\n };\n\n const reset = () => {\n setCopied(false);\n setError(null);\n window.clearTimeout(copyTimeout!);\n };\n\n return { copy, reset, error, copied };\n}\n"],"names":["useState"],"mappings":";;;;;;SAEgB,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,EAAE;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAe,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAgB,IAAI,CAAC,CAAC;IAEpE,MAAM,gBAAgB,GAAG,CAAC,KAAc;QACtC,MAAM,CAAC,YAAY,CAAC,WAAY,CAAC,CAAC;QAClC,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;QACnE,SAAS,CAAC,KAAK,CAAC,CAAC;KAClB,CAAC;IAEF,MAAM,IAAI,GAAG,CAAC,WAAgB;QAC5B,IAAI,WAAW,IAAI,SAAS,EAAE;YAC5B,SAAS,CAAC,SAAS;iBAChB,SAAS,CAAC,WAAW,CAAC;iBACtB,IAAI,CAAC,MAAM,gBAAgB,CAAC,IAAI,CAAC,CAAC;iBAClC,KAAK,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;SAClC;aAAM;YACL,QAAQ,CAAC,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAC,CAAC;SAC3E;KACF,CAAC;IAEF,MAAM,KAAK,GAAG;QACZ,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,MAAM,CAAC,YAAY,CAAC,WAAY,CAAC,CAAC;KACnC,CAAC;IAEF,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AACxC;;;;"}
1
+ {"version":3,"file":"use-clipboard.js","sources":["../../src/use-clipboard/use-clipboard.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport function useClipboard({ timeout = 2000 } = {}) {\n const [error, setError] = useState<Error | null>(null);\n const [copied, setCopied] = useState(false);\n const [copyTimeout, setCopyTimeout] = useState<number | null>(null);\n\n const handleCopyResult = (value: boolean) => {\n window.clearTimeout(copyTimeout!);\n setCopyTimeout(window.setTimeout(() => setCopied(false), timeout));\n setCopied(value);\n };\n\n const copy = (valueToCopy: any) => {\n if ('clipboard' in navigator) {\n navigator.clipboard\n .writeText(valueToCopy)\n .then(() => handleCopyResult(true))\n .catch((err) => setError(err));\n } else {\n setError(new Error('useClipboard: navigator.clipboard is not supported'));\n }\n };\n\n const reset = () => {\n setCopied(false);\n setError(null);\n window.clearTimeout(copyTimeout!);\n };\n\n return { copy, reset, error, copied };\n}\n"],"names":["useState"],"mappings":";;;;;;AACO,SAAS,YAAY,CAAC,EAAE,OAAO,GAAG,GAAG,EAAE,GAAG,EAAE,EAAE;AACrD,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC,CAAC;AAC3C,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;AAC9C,EAAE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC,CAAC;AACvD,EAAE,MAAM,gBAAgB,GAAG,CAAC,KAAK,KAAK;AACtC,IAAI,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;AACrC,IAAI,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;AACvE,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;AACrB,GAAG,CAAC;AACJ,EAAE,MAAM,IAAI,GAAG,CAAC,WAAW,KAAK;AAChC,IAAI,IAAI,WAAW,IAAI,SAAS,EAAE;AAClC,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,MAAM,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AAClH,KAAK,MAAM;AACX,MAAM,QAAQ,CAAC,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAC,CAAC;AAChF,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,KAAK,GAAG,MAAM;AACtB,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;AACrB,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;AACnB,IAAI,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;AACrC,GAAG,CAAC;AACJ,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AACxC;;;;"}
@@ -5,9 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var useMediaQuery = require('../use-media-query/use-media-query.js');
6
6
 
7
7
  function useColorScheme(initialValue, options) {
8
- return useMediaQuery.useMediaQuery('(prefers-color-scheme: dark)', initialValue === 'dark', options)
9
- ? 'dark'
10
- : 'light';
8
+ return useMediaQuery.useMediaQuery("(prefers-color-scheme: dark)", initialValue === "dark", options) ? "dark" : "light";
11
9
  }
12
10
 
13
11
  exports.useColorScheme = useColorScheme;
@@ -1 +1 @@
1
- {"version":3,"file":"use-color-scheme.js","sources":["../../src/use-color-scheme/use-color-scheme.ts"],"sourcesContent":["import { useMediaQuery, UseMediaQueryOptions } from '../use-media-query/use-media-query';\n\nexport function useColorScheme(initialValue?: 'dark' | 'light', options?: UseMediaQueryOptions) {\n return useMediaQuery('(prefers-color-scheme: dark)', initialValue === 'dark', options)\n ? 'dark'\n : 'light';\n}\n"],"names":["useMediaQuery"],"mappings":";;;;;;SAEgB,cAAc,CAAC,YAA+B,EAAE,OAA8B;IAC5F,OAAOA,2BAAa,CAAC,8BAA8B,EAAE,YAAY,KAAK,MAAM,EAAE,OAAO,CAAC;UAClF,MAAM;UACN,OAAO,CAAC;AACd;;;;"}
1
+ {"version":3,"file":"use-color-scheme.js","sources":["../../src/use-color-scheme/use-color-scheme.ts"],"sourcesContent":["import { useMediaQuery, UseMediaQueryOptions } from '../use-media-query/use-media-query';\n\nexport function useColorScheme(initialValue?: 'dark' | 'light', options?: UseMediaQueryOptions) {\n return useMediaQuery('(prefers-color-scheme: dark)', initialValue === 'dark', options)\n ? 'dark'\n : 'light';\n}\n"],"names":["useMediaQuery"],"mappings":";;;;;;AACO,SAAS,cAAc,CAAC,YAAY,EAAE,OAAO,EAAE;AACtD,EAAE,OAAOA,2BAAa,CAAC,8BAA8B,EAAE,YAAY,KAAK,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5G;;;;"}
@@ -5,18 +5,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var clamp = require('../utils/clamp/clamp.js');
7
7
 
8
+ var __defProp = Object.defineProperty;
9
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
10
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
11
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
+ var __spreadValues = (a, b) => {
14
+ for (var prop in b || (b = {}))
15
+ if (__hasOwnProp.call(b, prop))
16
+ __defNormalProp(a, prop, b[prop]);
17
+ if (__getOwnPropSymbols)
18
+ for (var prop of __getOwnPropSymbols(b)) {
19
+ if (__propIsEnum.call(b, prop))
20
+ __defNormalProp(a, prop, b[prop]);
21
+ }
22
+ return a;
23
+ };
8
24
  const DEFAULT_OPTIONS = {
9
- min: -Infinity,
10
- max: Infinity,
25
+ min: -Infinity,
26
+ max: Infinity
11
27
  };
12
28
  function useCounter(initialValue = 0, options) {
13
- const { min, max } = Object.assign(Object.assign({}, DEFAULT_OPTIONS), options);
14
- const [count, setCount] = React.useState(clamp.clamp(initialValue, min, max));
15
- const increment = () => setCount((current) => clamp.clamp(current + 1, min, max));
16
- const decrement = () => setCount((current) => clamp.clamp(current - 1, min, max));
17
- const set = (value) => setCount(clamp.clamp(value, min, max));
18
- const reset = () => setCount(clamp.clamp(initialValue, min, max));
19
- return [count, { increment, decrement, set, reset }];
29
+ const { min, max } = __spreadValues(__spreadValues({}, DEFAULT_OPTIONS), options);
30
+ const [count, setCount] = React.useState(clamp.clamp(initialValue, min, max));
31
+ const increment = () => setCount((current) => clamp.clamp(current + 1, min, max));
32
+ const decrement = () => setCount((current) => clamp.clamp(current - 1, min, max));
33
+ const set = (value) => setCount(clamp.clamp(value, min, max));
34
+ const reset = () => setCount(clamp.clamp(initialValue, min, max));
35
+ return [count, { increment, decrement, set, reset }];
20
36
  }
21
37
 
22
38
  exports.useCounter = useCounter;
@@ -1 +1 @@
1
- {"version":3,"file":"use-counter.js","sources":["../../src/use-counter/use-counter.ts"],"sourcesContent":["import { useState } from 'react';\nimport { clamp } from '../utils';\n\nconst DEFAULT_OPTIONS = {\n min: -Infinity,\n max: Infinity,\n};\n\nexport function useCounter(initialValue = 0, options?: Partial<{ min: number; max: number }>) {\n const { min, max } = { ...DEFAULT_OPTIONS, ...options };\n const [count, setCount] = useState<number>(clamp(initialValue, min, max));\n\n const increment = () => setCount((current) => clamp(current + 1, min, max));\n const decrement = () => setCount((current) => clamp(current - 1, min, max));\n const set = (value: number) => setCount(clamp(value, min, max));\n const reset = () => setCount(clamp(initialValue, min, max));\n\n return [count, { increment, decrement, set, reset }] as const;\n}\n"],"names":["useState","clamp"],"mappings":";;;;;;;AAGA,MAAM,eAAe,GAAG;IACtB,GAAG,EAAE,CAAC,QAAQ;IACd,GAAG,EAAE,QAAQ;CACd,CAAC;SAEc,UAAU,CAAC,YAAY,GAAG,CAAC,EAAE,OAA+C;IAC1F,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,mCAAQ,eAAe,GAAK,OAAO,CAAE,CAAC;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAASC,WAAK,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAE1E,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,OAAO,KAAKA,WAAK,CAAC,OAAO,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAC5E,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,OAAO,KAAKA,WAAK,CAAC,OAAO,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAC5E,MAAM,GAAG,GAAG,CAAC,KAAa,KAAK,QAAQ,CAACA,WAAK,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAChE,MAAM,KAAK,GAAG,MAAM,QAAQ,CAACA,WAAK,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAE5D,OAAO,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,CAAU,CAAC;AAChE;;;;"}
1
+ {"version":3,"file":"use-counter.js","sources":["../../src/use-counter/use-counter.ts"],"sourcesContent":["import { useState } from 'react';\nimport { clamp } from '../utils';\n\nconst DEFAULT_OPTIONS = {\n min: -Infinity,\n max: Infinity,\n};\n\nexport function useCounter(initialValue = 0, options?: Partial<{ min: number; max: number }>) {\n const { min, max } = { ...DEFAULT_OPTIONS, ...options };\n const [count, setCount] = useState<number>(clamp(initialValue, min, max));\n\n const increment = () => setCount((current) => clamp(current + 1, min, max));\n const decrement = () => setCount((current) => clamp(current - 1, min, max));\n const set = (value: number) => setCount(clamp(value, min, max));\n const reset = () => setCount(clamp(initialValue, min, max));\n\n return [count, { increment, decrement, set, reset }] as const;\n}\n"],"names":["useState","clamp"],"mappings":";;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAGF,MAAM,eAAe,GAAG;AACxB,EAAE,GAAG,EAAE,CAAC,QAAQ;AAChB,EAAE,GAAG,EAAE,QAAQ;AACf,CAAC,CAAC;AACK,SAAS,UAAU,CAAC,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE;AACtD,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,eAAe,CAAC,EAAE,OAAO,CAAC,CAAC;AACpF,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAACC,WAAK,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AACpE,EAAE,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,OAAO,KAAKA,WAAK,CAAC,OAAO,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAC9E,EAAE,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,OAAO,KAAKA,WAAK,CAAC,OAAO,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAC9E,EAAE,MAAM,GAAG,GAAG,CAAC,KAAK,KAAK,QAAQ,CAACA,WAAK,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAC1D,EAAE,MAAM,KAAK,GAAG,MAAM,QAAQ,CAACA,WAAK,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAC9D,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;AACvD;;;;"}
@@ -6,13 +6,13 @@ var React = require('react');
6
6
  var useCallbackRef = require('../use-callback-ref/use-callback-ref.js');
7
7
 
8
8
  function useDebounceCallback(callback, delay) {
9
- const handleCallback = useCallbackRef.useCallbackRef(callback);
10
- const debounceTimerRef = React.useRef(0);
11
- React.useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);
12
- return React.useCallback(() => {
13
- window.clearTimeout(debounceTimerRef.current);
14
- debounceTimerRef.current = window.setTimeout(handleCallback, delay);
15
- }, [handleCallback, delay]);
9
+ const handleCallback = useCallbackRef.useCallbackRef(callback);
10
+ const debounceTimerRef = React.useRef(0);
11
+ React.useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);
12
+ return React.useCallback(() => {
13
+ window.clearTimeout(debounceTimerRef.current);
14
+ debounceTimerRef.current = window.setTimeout(handleCallback, delay);
15
+ }, [handleCallback, delay]);
16
16
  }
17
17
 
18
18
  exports.useDebounceCallback = useDebounceCallback;
@@ -1 +1 @@
1
- {"version":3,"file":"use-debounced-callback.js","sources":["../../src/use-debounced-callback/use-debounced-callback.ts"],"sourcesContent":["import { useRef, useEffect, useCallback } from 'react';\nimport { useCallbackRef } from '../use-callback-ref/use-callback-ref';\n\nexport function useDebounceCallback(callback: () => void, delay: number) {\n const handleCallback = useCallbackRef(callback);\n const debounceTimerRef = useRef(0);\n useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);\n return useCallback(() => {\n window.clearTimeout(debounceTimerRef.current);\n debounceTimerRef.current = window.setTimeout(handleCallback, delay);\n }, [handleCallback, delay]);\n}\n"],"names":["useCallbackRef","useRef","useEffect","useCallback"],"mappings":";;;;;;;SAGgB,mBAAmB,CAAC,QAAoB,EAAE,KAAa;IACrE,MAAM,cAAc,GAAGA,6BAAc,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,gBAAgB,GAAGC,YAAM,CAAC,CAAC,CAAC,CAAC;IACnCC,eAAS,CAAC,MAAM,MAAM,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IACzE,OAAOC,iBAAW,CAAC;QACjB,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC9C,gBAAgB,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;KACrE,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;AAC9B;;;;"}
1
+ {"version":3,"file":"use-debounced-callback.js","sources":["../../src/use-debounced-callback/use-debounced-callback.ts"],"sourcesContent":["import { useRef, useEffect, useCallback } from 'react';\nimport { useCallbackRef } from '../use-callback-ref/use-callback-ref';\n\nexport function useDebounceCallback(callback: () => void, delay: number) {\n const handleCallback = useCallbackRef(callback);\n const debounceTimerRef = useRef(0);\n useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);\n return useCallback(() => {\n window.clearTimeout(debounceTimerRef.current);\n debounceTimerRef.current = window.setTimeout(handleCallback, delay);\n }, [handleCallback, delay]);\n}\n"],"names":["useCallbackRef","useRef","useEffect","useCallback"],"mappings":";;;;;;;AAEO,SAAS,mBAAmB,CAAC,QAAQ,EAAE,KAAK,EAAE;AACrD,EAAE,MAAM,cAAc,GAAGA,6BAAc,CAAC,QAAQ,CAAC,CAAC;AAClD,EAAE,MAAM,gBAAgB,GAAGC,YAAM,CAAC,CAAC,CAAC,CAAC;AACrC,EAAEC,eAAS,CAAC,MAAM,MAAM,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AAC3E,EAAE,OAAOC,iBAAW,CAAC,MAAM;AAC3B,IAAI,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAClD,IAAI,gBAAgB,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;AACxE,GAAG,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;AAC9B;;;;"}
@@ -5,25 +5,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
 
7
7
  function useDebouncedState(defaultValue, wait, options = { leading: false }) {
8
- const [value, setValue] = React.useState(defaultValue);
9
- const timeoutRef = React.useRef(null);
10
- const leadingRef = React.useRef(true);
11
- const clearTimeout = () => window.clearTimeout(timeoutRef.current);
12
- React.useEffect(() => clearTimeout, []);
13
- const debouncedSetValue = (newValue) => {
14
- clearTimeout();
15
- if (leadingRef.current && options.leading) {
16
- setValue(newValue);
17
- }
18
- else {
19
- timeoutRef.current = window.setTimeout(() => {
20
- leadingRef.current = true;
21
- setValue(newValue);
22
- }, wait);
23
- }
24
- leadingRef.current = false;
25
- };
26
- return [value, debouncedSetValue];
8
+ const [value, setValue] = React.useState(defaultValue);
9
+ const timeoutRef = React.useRef(null);
10
+ const leadingRef = React.useRef(true);
11
+ const clearTimeout = () => window.clearTimeout(timeoutRef.current);
12
+ React.useEffect(() => clearTimeout, []);
13
+ const debouncedSetValue = (newValue) => {
14
+ clearTimeout();
15
+ if (leadingRef.current && options.leading) {
16
+ setValue(newValue);
17
+ } else {
18
+ timeoutRef.current = window.setTimeout(() => {
19
+ leadingRef.current = true;
20
+ setValue(newValue);
21
+ }, wait);
22
+ }
23
+ leadingRef.current = false;
24
+ };
25
+ return [value, debouncedSetValue];
27
26
  }
28
27
 
29
28
  exports.useDebouncedState = useDebouncedState;
@@ -1 +1 @@
1
- {"version":3,"file":"use-debounced-state.js","sources":["../../src/use-debounced-state/use-debounced-state.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport function useDebouncedState<T = any>(\n defaultValue: T,\n wait: number,\n options = { leading: false }\n) {\n const [value, setValue] = useState(defaultValue);\n const timeoutRef = useRef<number | null>(null);\n const leadingRef = useRef(true);\n\n const clearTimeout = () => window.clearTimeout(timeoutRef.current!);\n useEffect(() => clearTimeout, []);\n\n const debouncedSetValue = (newValue: T) => {\n clearTimeout();\n if (leadingRef.current && options.leading) {\n setValue(newValue);\n } else {\n timeoutRef.current = window.setTimeout(() => {\n leadingRef.current = true;\n setValue(newValue);\n }, wait);\n }\n leadingRef.current = false;\n };\n\n return [value, debouncedSetValue] as const;\n}\n"],"names":["useState","useRef","useEffect"],"mappings":";;;;;;SAEgB,iBAAiB,CAC/B,YAAe,EACf,IAAY,EACZ,OAAO,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE;IAE5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,UAAU,GAAGC,YAAM,CAAgB,IAAI,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAGA,YAAM,CAAC,IAAI,CAAC,CAAC;IAEhC,MAAM,YAAY,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAQ,CAAC,CAAC;IACpEC,eAAS,CAAC,MAAM,YAAY,EAAE,EAAE,CAAC,CAAC;IAElC,MAAM,iBAAiB,GAAG,CAAC,QAAW;QACpC,YAAY,EAAE,CAAC;QACf,IAAI,UAAU,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE;YACzC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACpB;aAAM;YACL,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;gBACrC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC1B,QAAQ,CAAC,QAAQ,CAAC,CAAC;aACpB,EAAE,IAAI,CAAC,CAAC;SACV;QACD,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;KAC5B,CAAC;IAEF,OAAO,CAAC,KAAK,EAAE,iBAAiB,CAAU,CAAC;AAC7C;;;;"}
1
+ {"version":3,"file":"use-debounced-state.js","sources":["../../src/use-debounced-state/use-debounced-state.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport function useDebouncedState<T = any>(\n defaultValue: T,\n wait: number,\n options = { leading: false }\n) {\n const [value, setValue] = useState(defaultValue);\n const timeoutRef = useRef<number | null>(null);\n const leadingRef = useRef(true);\n\n const clearTimeout = () => window.clearTimeout(timeoutRef.current!);\n useEffect(() => clearTimeout, []);\n\n const debouncedSetValue = (newValue: T) => {\n clearTimeout();\n if (leadingRef.current && options.leading) {\n setValue(newValue);\n } else {\n timeoutRef.current = window.setTimeout(() => {\n leadingRef.current = true;\n setValue(newValue);\n }, wait);\n }\n leadingRef.current = false;\n };\n\n return [value, debouncedSetValue] as const;\n}\n"],"names":["useState","useRef","useEffect"],"mappings":";;;;;;AACO,SAAS,iBAAiB,CAAC,YAAY,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE;AACpF,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,YAAY,CAAC,CAAC;AACnD,EAAE,MAAM,UAAU,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,MAAM,UAAU,GAAGA,YAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,MAAM,YAAY,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AACrE,EAAEC,eAAS,CAAC,MAAM,YAAY,EAAE,EAAE,CAAC,CAAC;AACpC,EAAE,MAAM,iBAAiB,GAAG,CAAC,QAAQ,KAAK;AAC1C,IAAI,YAAY,EAAE,CAAC;AACnB,IAAI,IAAI,UAAU,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE;AAC/C,MAAM,QAAQ,CAAC,QAAQ,CAAC,CAAC;AACzB,KAAK,MAAM;AACX,MAAM,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACnD,QAAQ,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;AAClC,QAAQ,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC3B,OAAO,EAAE,IAAI,CAAC,CAAC;AACf,KAAK;AACL,IAAI,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;AAC/B,GAAG,CAAC;AACJ,EAAE,OAAO,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;AACpC;;;;"}
@@ -5,31 +5,30 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
 
7
7
  function useDebouncedValue(value, wait, options = { leading: false }) {
8
- const [_value, setValue] = React.useState(value);
9
- const mountedRef = React.useRef(false);
10
- const timeoutRef = React.useRef(null);
11
- const cooldownRef = React.useRef(false);
12
- const cancel = () => window.clearTimeout(timeoutRef.current);
13
- React.useEffect(() => {
14
- if (mountedRef.current) {
15
- if (!cooldownRef.current && options.leading) {
16
- cooldownRef.current = true;
17
- setValue(value);
18
- }
19
- else {
20
- cancel();
21
- timeoutRef.current = window.setTimeout(() => {
22
- cooldownRef.current = false;
23
- setValue(value);
24
- }, wait);
25
- }
26
- }
27
- }, [value, options.leading, wait]);
28
- React.useEffect(() => {
29
- mountedRef.current = true;
30
- return cancel;
31
- }, []);
32
- return [_value, cancel];
8
+ const [_value, setValue] = React.useState(value);
9
+ const mountedRef = React.useRef(false);
10
+ const timeoutRef = React.useRef(null);
11
+ const cooldownRef = React.useRef(false);
12
+ const cancel = () => window.clearTimeout(timeoutRef.current);
13
+ React.useEffect(() => {
14
+ if (mountedRef.current) {
15
+ if (!cooldownRef.current && options.leading) {
16
+ cooldownRef.current = true;
17
+ setValue(value);
18
+ } else {
19
+ cancel();
20
+ timeoutRef.current = window.setTimeout(() => {
21
+ cooldownRef.current = false;
22
+ setValue(value);
23
+ }, wait);
24
+ }
25
+ }
26
+ }, [value, options.leading, wait]);
27
+ React.useEffect(() => {
28
+ mountedRef.current = true;
29
+ return cancel;
30
+ }, []);
31
+ return [_value, cancel];
33
32
  }
34
33
 
35
34
  exports.useDebouncedValue = useDebouncedValue;
@@ -1 +1 @@
1
- {"version":3,"file":"use-debounced-value.js","sources":["../../src/use-debounced-value/use-debounced-value.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\nexport function useDebouncedValue<T = any>(value: T, wait: number, options = { leading: false }) {\n const [_value, setValue] = useState(value);\n const mountedRef = useRef(false);\n const timeoutRef = useRef<number | null>(null);\n const cooldownRef = useRef(false);\n\n const cancel = () => window.clearTimeout(timeoutRef.current!);\n\n useEffect(() => {\n if (mountedRef.current) {\n if (!cooldownRef.current && options.leading) {\n cooldownRef.current = true;\n setValue(value);\n } else {\n cancel();\n timeoutRef.current = window.setTimeout(() => {\n cooldownRef.current = false;\n setValue(value);\n }, wait);\n }\n }\n }, [value, options.leading, wait]);\n\n useEffect(() => {\n mountedRef.current = true;\n return cancel;\n }, []);\n\n return [_value, cancel] as const;\n}\n"],"names":["useState","useRef","useEffect"],"mappings":";;;;;;SAEgB,iBAAiB,CAAU,KAAQ,EAAE,IAAY,EAAE,OAAO,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE;IAC7F,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,UAAU,GAAGC,YAAM,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,UAAU,GAAGA,YAAM,CAAgB,IAAI,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAGA,YAAM,CAAC,KAAK,CAAC,CAAC;IAElC,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAQ,CAAC,CAAC;IAE9DC,eAAS,CAAC;QACR,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE;gBAC3C,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC3B,QAAQ,CAAC,KAAK,CAAC,CAAC;aACjB;iBAAM;gBACL,MAAM,EAAE,CAAC;gBACT,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;oBACrC,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;oBAC5B,QAAQ,CAAC,KAAK,CAAC,CAAC;iBACjB,EAAE,IAAI,CAAC,CAAC;aACV;SACF;KACF,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnCA,eAAS,CAAC;QACR,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,OAAO,MAAM,CAAC;KACf,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,MAAM,EAAE,MAAM,CAAU,CAAC;AACnC;;;;"}
1
+ {"version":3,"file":"use-debounced-value.js","sources":["../../src/use-debounced-value/use-debounced-value.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\nexport function useDebouncedValue<T = any>(value: T, wait: number, options = { leading: false }) {\n const [_value, setValue] = useState(value);\n const mountedRef = useRef(false);\n const timeoutRef = useRef<number | null>(null);\n const cooldownRef = useRef(false);\n\n const cancel = () => window.clearTimeout(timeoutRef.current!);\n\n useEffect(() => {\n if (mountedRef.current) {\n if (!cooldownRef.current && options.leading) {\n cooldownRef.current = true;\n setValue(value);\n } else {\n cancel();\n timeoutRef.current = window.setTimeout(() => {\n cooldownRef.current = false;\n setValue(value);\n }, wait);\n }\n }\n }, [value, options.leading, wait]);\n\n useEffect(() => {\n mountedRef.current = true;\n return cancel;\n }, []);\n\n return [_value, cancel] as const;\n}\n"],"names":["useState","useRef","useEffect"],"mappings":";;;;;;AACO,SAAS,iBAAiB,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE;AAC7E,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;AAC7C,EAAE,MAAM,UAAU,GAAGC,YAAM,CAAC,KAAK,CAAC,CAAC;AACnC,EAAE,MAAM,UAAU,GAAGA,YAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,MAAM,WAAW,GAAGA,YAAM,CAAC,KAAK,CAAC,CAAC;AACpC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC/D,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,IAAI,UAAU,CAAC,OAAO,EAAE;AAC5B,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE;AACnD,QAAQ,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;AACnC,QAAQ,QAAQ,CAAC,KAAK,CAAC,CAAC;AACxB,OAAO,MAAM;AACb,QAAQ,MAAM,EAAE,CAAC;AACjB,QAAQ,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACrD,UAAU,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;AACtC,UAAU,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC1B,SAAS,EAAE,IAAI,CAAC,CAAC;AACjB,OAAO;AACP,KAAK;AACL,GAAG,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;AACrC,EAAEA,eAAS,CAAC,MAAM;AAClB,IAAI,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;AAC9B,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1B;;;;"}
@@ -5,17 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
 
7
7
  function useDidUpdate(fn, dependencies) {
8
- const mounted = React.useRef(false);
9
- React.useEffect(() => () => {
10
- mounted.current = false;
11
- }, []);
12
- React.useEffect(() => {
13
- if (mounted.current) {
14
- return fn();
15
- }
16
- mounted.current = true;
17
- return undefined;
18
- }, dependencies);
8
+ const mounted = React.useRef(false);
9
+ React.useEffect(
10
+ () => () => {
11
+ mounted.current = false;
12
+ },
13
+ []
14
+ );
15
+ React.useEffect(() => {
16
+ if (mounted.current) {
17
+ return fn();
18
+ }
19
+ mounted.current = true;
20
+ return void 0;
21
+ }, dependencies);
19
22
  }
20
23
 
21
24
  exports.useDidUpdate = useDidUpdate;
@@ -1 +1 @@
1
- {"version":3,"file":"use-did-update.js","sources":["../../src/use-did-update/use-did-update.ts"],"sourcesContent":["import { useEffect, useRef, EffectCallback, DependencyList } from 'react';\n\nexport function useDidUpdate(fn: EffectCallback, dependencies?: DependencyList) {\n const mounted = useRef(false);\n\n useEffect(\n () => () => {\n mounted.current = false;\n },\n []\n );\n\n useEffect(() => {\n if (mounted.current) {\n return fn();\n }\n\n mounted.current = true;\n return undefined;\n }, dependencies);\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;;;SAEgB,YAAY,CAAC,EAAkB,EAAE,YAA6B;IAC5E,MAAM,OAAO,GAAGA,YAAM,CAAC,KAAK,CAAC,CAAC;IAE9BC,eAAS,CACP,MAAM;QACJ,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;KACzB,EACD,EAAE,CACH,CAAC;IAEFA,eAAS,CAAC;QACR,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,OAAO,EAAE,EAAE,CAAC;SACb;QAED,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,OAAO,SAAS,CAAC;KAClB,EAAE,YAAY,CAAC,CAAC;AACnB;;;;"}
1
+ {"version":3,"file":"use-did-update.js","sources":["../../src/use-did-update/use-did-update.ts"],"sourcesContent":["import { useEffect, useRef, EffectCallback, DependencyList } from 'react';\n\nexport function useDidUpdate(fn: EffectCallback, dependencies?: DependencyList) {\n const mounted = useRef(false);\n\n useEffect(\n () => () => {\n mounted.current = false;\n },\n []\n );\n\n useEffect(() => {\n if (mounted.current) {\n return fn();\n }\n\n mounted.current = true;\n return undefined;\n }, dependencies);\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;;;AACO,SAAS,YAAY,CAAC,EAAE,EAAE,YAAY,EAAE;AAC/C,EAAE,MAAM,OAAO,GAAGA,YAAM,CAAC,KAAK,CAAC,CAAC;AAChC,EAAEC,eAAS;AACX,IAAI,MAAM,MAAM;AAChB,MAAM,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;AAC9B,KAAK;AACL,IAAI,EAAE;AACN,GAAG,CAAC;AACJ,EAAEA,eAAS,CAAC,MAAM;AAClB,IAAI,IAAI,OAAO,CAAC,OAAO,EAAE;AACzB,MAAM,OAAO,EAAE,EAAE,CAAC;AAClB,KAAK;AACL,IAAI,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;AAC3B,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,GAAG,EAAE,YAAY,CAAC,CAAC;AACnB;;;;"}
@@ -5,30 +5,30 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
 
7
7
  function useDisclosure(initialState = false, callbacks) {
8
- const { onOpen, onClose } = callbacks || {};
9
- const [opened, setOpened] = React.useState(initialState);
10
- const open = React.useCallback(() => {
11
- setOpened((isOpened) => {
12
- if (!isOpened) {
13
- onOpen === null || onOpen === void 0 ? void 0 : onOpen();
14
- return true;
15
- }
16
- return isOpened;
17
- });
18
- }, [onOpen]);
19
- const close = React.useCallback(() => {
20
- setOpened((isOpened) => {
21
- if (isOpened) {
22
- onClose === null || onClose === void 0 ? void 0 : onClose();
23
- return false;
24
- }
25
- return isOpened;
26
- });
27
- }, [onClose]);
28
- const toggle = React.useCallback(() => {
29
- opened ? close() : open();
30
- }, [close, open, opened]);
31
- return [opened, { open, close, toggle }];
8
+ const { onOpen, onClose } = callbacks || {};
9
+ const [opened, setOpened] = React.useState(initialState);
10
+ const open = React.useCallback(() => {
11
+ setOpened((isOpened) => {
12
+ if (!isOpened) {
13
+ onOpen == null ? void 0 : onOpen();
14
+ return true;
15
+ }
16
+ return isOpened;
17
+ });
18
+ }, [onOpen]);
19
+ const close = React.useCallback(() => {
20
+ setOpened((isOpened) => {
21
+ if (isOpened) {
22
+ onClose == null ? void 0 : onClose();
23
+ return false;
24
+ }
25
+ return isOpened;
26
+ });
27
+ }, [onClose]);
28
+ const toggle = React.useCallback(() => {
29
+ opened ? close() : open();
30
+ }, [close, open, opened]);
31
+ return [opened, { open, close, toggle }];
32
32
  }
33
33
 
34
34
  exports.useDisclosure = useDisclosure;
@@ -1 +1 @@
1
- {"version":3,"file":"use-disclosure.js","sources":["../../src/use-disclosure/use-disclosure.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nexport function useDisclosure(\n initialState = false,\n callbacks?: { onOpen?(): void; onClose?(): void }\n) {\n const { onOpen, onClose } = callbacks || {};\n const [opened, setOpened] = useState(initialState);\n\n const open = useCallback(() => {\n setOpened((isOpened) => {\n if (!isOpened) {\n onOpen?.();\n return true;\n }\n return isOpened;\n });\n }, [onOpen]);\n\n const close = useCallback(() => {\n setOpened((isOpened) => {\n if (isOpened) {\n onClose?.();\n return false;\n }\n return isOpened;\n });\n }, [onClose]);\n\n const toggle = useCallback(() => {\n opened ? close() : open();\n }, [close, open, opened]);\n\n return [opened, { open, close, toggle }] as const;\n}\n"],"names":["useState","useCallback"],"mappings":";;;;;;SAEgB,aAAa,CAC3B,YAAY,GAAG,KAAK,EACpB,SAAiD;IAEjD,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,IAAI,EAAE,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAC,YAAY,CAAC,CAAC;IAEnD,MAAM,IAAI,GAAGC,iBAAW,CAAC;QACvB,SAAS,CAAC,CAAC,QAAQ;YACjB,IAAI,CAAC,QAAQ,EAAE;gBACb,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;gBACX,OAAO,IAAI,CAAC;aACb;YACD,OAAO,QAAQ,CAAC;SACjB,CAAC,CAAC;KACJ,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,KAAK,GAAGA,iBAAW,CAAC;QACxB,SAAS,CAAC,CAAC,QAAQ;YACjB,IAAI,QAAQ,EAAE;gBACZ,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;gBACZ,OAAO,KAAK,CAAC;aACd;YACD,OAAO,QAAQ,CAAC;SACjB,CAAC,CAAC;KACJ,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,MAAM,GAAGA,iBAAW,CAAC;QACzB,MAAM,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,CAAC;KAC3B,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAE1B,OAAO,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAU,CAAC;AACpD;;;;"}
1
+ {"version":3,"file":"use-disclosure.js","sources":["../../src/use-disclosure/use-disclosure.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nexport function useDisclosure(\n initialState = false,\n callbacks?: { onOpen?(): void; onClose?(): void }\n) {\n const { onOpen, onClose } = callbacks || {};\n const [opened, setOpened] = useState(initialState);\n\n const open = useCallback(() => {\n setOpened((isOpened) => {\n if (!isOpened) {\n onOpen?.();\n return true;\n }\n return isOpened;\n });\n }, [onOpen]);\n\n const close = useCallback(() => {\n setOpened((isOpened) => {\n if (isOpened) {\n onClose?.();\n return false;\n }\n return isOpened;\n });\n }, [onClose]);\n\n const toggle = useCallback(() => {\n opened ? close() : open();\n }, [close, open, opened]);\n\n return [opened, { open, close, toggle }] as const;\n}\n"],"names":["useState","useCallback"],"mappings":";;;;;;AACO,SAAS,aAAa,CAAC,YAAY,GAAG,KAAK,EAAE,SAAS,EAAE;AAC/D,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,IAAI,EAAE,CAAC;AAC9C,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAC,YAAY,CAAC,CAAC;AACrD,EAAE,MAAM,IAAI,GAAGC,iBAAW,CAAC,MAAM;AACjC,IAAI,SAAS,CAAC,CAAC,QAAQ,KAAK;AAC5B,MAAM,IAAI,CAAC,QAAQ,EAAE;AACrB,QAAQ,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,EAAE,CAAC;AAC3C,QAAQ,OAAO,IAAI,CAAC;AACpB,OAAO;AACP,MAAM,OAAO,QAAQ,CAAC;AACtB,KAAK,CAAC,CAAC;AACP,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,EAAE,MAAM,KAAK,GAAGA,iBAAW,CAAC,MAAM;AAClC,IAAI,SAAS,CAAC,CAAC,QAAQ,KAAK;AAC5B,MAAM,IAAI,QAAQ,EAAE;AACpB,QAAQ,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,EAAE,CAAC;AAC7C,QAAQ,OAAO,KAAK,CAAC;AACrB,OAAO;AACP,MAAM,OAAO,QAAQ,CAAC;AACtB,KAAK,CAAC,CAAC;AACP,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,EAAE,MAAM,MAAM,GAAGA,iBAAW,CAAC,MAAM;AACnC,IAAI,MAAM,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,CAAC;AAC9B,GAAG,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AAC3C;;;;"}
@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var useIsomorphicEffect = require('../use-isomorphic-effect/use-isomorphic-effect.js');
6
6
 
7
7
  function useDocumentTitle(title) {
8
- useIsomorphicEffect.useIsomorphicEffect(() => {
9
- if (typeof title === 'string' && title.trim().length > 0) {
10
- document.title = title.trim();
11
- }
12
- }, [title]);
8
+ useIsomorphicEffect.useIsomorphicEffect(() => {
9
+ if (typeof title === "string" && title.trim().length > 0) {
10
+ document.title = title.trim();
11
+ }
12
+ }, [title]);
13
13
  }
14
14
 
15
15
  exports.useDocumentTitle = useDocumentTitle;
@@ -1 +1 @@
1
- {"version":3,"file":"use-document-title.js","sources":["../../src/use-document-title/use-document-title.ts"],"sourcesContent":["import { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\n\nexport function useDocumentTitle(title: string) {\n useIsomorphicEffect(() => {\n if (typeof title === 'string' && title.trim().length > 0) {\n document.title = title.trim();\n }\n }, [title]);\n}\n"],"names":["useIsomorphicEffect"],"mappings":";;;;;;SAEgB,gBAAgB,CAAC,KAAa;IAC5CA,uCAAmB,CAAC;QAClB,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE;YACxD,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;SAC/B;KACF,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd;;;;"}
1
+ {"version":3,"file":"use-document-title.js","sources":["../../src/use-document-title/use-document-title.ts"],"sourcesContent":["import { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\n\nexport function useDocumentTitle(title: string) {\n useIsomorphicEffect(() => {\n if (typeof title === 'string' && title.trim().length > 0) {\n document.title = title.trim();\n }\n }, [title]);\n}\n"],"names":["useIsomorphicEffect"],"mappings":";;;;;;AACO,SAAS,gBAAgB,CAAC,KAAK,EAAE;AACxC,EAAEA,uCAAmB,CAAC,MAAM;AAC5B,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE;AAC9D,MAAM,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;AACpC,KAAK;AACL,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd;;;;"}
@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
 
7
7
  function useDocumentVisibility() {
8
- const [documentVisibility, setDocumentVisibility] = React.useState('visible');
9
- React.useEffect(() => {
10
- const listener = () => setDocumentVisibility(document.visibilityState);
11
- document.addEventListener('visibilitychange', listener);
12
- return () => document.removeEventListener('visibilitychange', listener);
13
- }, []);
14
- return documentVisibility;
8
+ const [documentVisibility, setDocumentVisibility] = React.useState("visible");
9
+ React.useEffect(() => {
10
+ const listener = () => setDocumentVisibility(document.visibilityState);
11
+ document.addEventListener("visibilitychange", listener);
12
+ return () => document.removeEventListener("visibilitychange", listener);
13
+ }, []);
14
+ return documentVisibility;
15
15
  }
16
16
 
17
17
  exports.useDocumentVisibility = useDocumentVisibility;
@@ -1 +1 @@
1
- {"version":3,"file":"use-document-visibility.js","sources":["../../src/use-document-visibility/use-document-visibility.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport function useDocumentVisibility(): DocumentVisibilityState {\n const [documentVisibility, setDocumentVisibility] = useState<DocumentVisibilityState>('visible');\n\n useEffect(() => {\n const listener = () => setDocumentVisibility(document.visibilityState);\n document.addEventListener('visibilitychange', listener);\n return () => document.removeEventListener('visibilitychange', listener);\n }, []);\n\n return documentVisibility;\n}\n"],"names":["useState","useEffect"],"mappings":";;;;;;SAEgB,qBAAqB;IACnC,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAGA,cAAQ,CAA0B,SAAS,CAAC,CAAC;IAEjGC,eAAS,CAAC;QACR,MAAM,QAAQ,GAAG,MAAM,qBAAqB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QACvE,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;QACxD,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;KACzE,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,kBAAkB,CAAC;AAC5B;;;;"}
1
+ {"version":3,"file":"use-document-visibility.js","sources":["../../src/use-document-visibility/use-document-visibility.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport function useDocumentVisibility(): DocumentVisibilityState {\n const [documentVisibility, setDocumentVisibility] = useState<DocumentVisibilityState>('visible');\n\n useEffect(() => {\n const listener = () => setDocumentVisibility(document.visibilityState);\n document.addEventListener('visibilitychange', listener);\n return () => document.removeEventListener('visibilitychange', listener);\n }, []);\n\n return documentVisibility;\n}\n"],"names":["useState","useEffect"],"mappings":";;;;;;AACO,SAAS,qBAAqB,GAAG;AACxC,EAAE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAGA,cAAQ,CAAC,SAAS,CAAC,CAAC;AAC1E,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,MAAM,QAAQ,GAAG,MAAM,qBAAqB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;AAC3E,IAAI,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;AAC5D,IAAI,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;AAC5E,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO,kBAAkB,CAAC;AAC5B;;;;"}
@@ -5,15 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
 
7
7
  function useEventListener(type, listener, options) {
8
- const ref = React.useRef();
9
- React.useEffect(() => {
10
- if (ref.current) {
11
- ref.current.addEventListener(type, listener, options);
12
- return () => { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener(type, listener, options); };
13
- }
14
- return undefined;
15
- }, [listener, options]);
16
- return ref;
8
+ const ref = React.useRef();
9
+ React.useEffect(() => {
10
+ if (ref.current) {
11
+ ref.current.addEventListener(type, listener, options);
12
+ return () => {
13
+ var _a;
14
+ return (_a = ref.current) == null ? void 0 : _a.removeEventListener(type, listener, options);
15
+ };
16
+ }
17
+ return void 0;
18
+ }, [listener, options]);
19
+ return ref;
17
20
  }
18
21
 
19
22
  exports.useEventListener = useEventListener;