@mantine/hooks 6.0.10 → 7.0.0-alpha.10

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 (487) hide show
  1. package/cjs/index.js +6 -4
  2. package/cjs/index.js.map +1 -1
  3. package/cjs/use-callback-ref/use-callback-ref.js +16 -0
  4. package/cjs/use-callback-ref/use-callback-ref.js.map +1 -0
  5. package/cjs/use-click-outside/use-click-outside.js +21 -19
  6. package/cjs/use-click-outside/use-click-outside.js.map +1 -1
  7. package/cjs/use-clipboard/use-clipboard.js +26 -22
  8. package/cjs/use-clipboard/use-clipboard.js.map +1 -1
  9. package/cjs/use-color-scheme/use-color-scheme.js +3 -1
  10. package/cjs/use-color-scheme/use-color-scheme.js.map +1 -1
  11. package/cjs/use-counter/use-counter.js +9 -25
  12. package/cjs/use-counter/use-counter.js.map +1 -1
  13. package/cjs/use-debounced-callback/use-debounced-callback.js +19 -0
  14. package/cjs/use-debounced-callback/use-debounced-callback.js.map +1 -0
  15. package/cjs/use-debounced-state/use-debounced-state.js +19 -18
  16. package/cjs/use-debounced-state/use-debounced-state.js.map +1 -1
  17. package/cjs/use-debounced-value/use-debounced-value.js +25 -24
  18. package/cjs/use-debounced-value/use-debounced-value.js.map +1 -1
  19. package/cjs/use-did-update/use-did-update.js +11 -11
  20. package/cjs/use-did-update/use-did-update.js.map +1 -1
  21. package/cjs/use-disclosure/use-disclosure.js +24 -24
  22. package/cjs/use-disclosure/use-disclosure.js.map +1 -1
  23. package/cjs/use-document-title/use-document-title.js +5 -5
  24. package/cjs/use-document-title/use-document-title.js.map +1 -1
  25. package/cjs/use-document-visibility/use-document-visibility.js +7 -7
  26. package/cjs/use-document-visibility/use-document-visibility.js.map +1 -1
  27. package/cjs/use-event-listener/use-event-listener.js +9 -12
  28. package/cjs/use-event-listener/use-event-listener.js.map +1 -1
  29. package/cjs/use-eye-dropper/use-eye-dropper.js +12 -12
  30. package/cjs/use-eye-dropper/use-eye-dropper.js.map +1 -1
  31. package/cjs/use-favicon/use-favicon.js +23 -21
  32. package/cjs/use-favicon/use-favicon.js.map +1 -1
  33. package/cjs/use-focus-return/use-focus-return.js +29 -25
  34. package/cjs/use-focus-return/use-focus-return.js.map +1 -1
  35. package/cjs/use-focus-trap/create-aria-hider.js +36 -34
  36. package/cjs/use-focus-trap/create-aria-hider.js.map +1 -1
  37. package/cjs/use-focus-trap/scope-tab.js +15 -15
  38. package/cjs/use-focus-trap/scope-tab.js.map +1 -1
  39. package/cjs/use-focus-trap/tabbable.js +36 -31
  40. package/cjs/use-focus-trap/tabbable.js.map +1 -1
  41. package/cjs/use-focus-trap/use-focus-trap.js +67 -61
  42. package/cjs/use-focus-trap/use-focus-trap.js.map +1 -1
  43. package/cjs/use-focus-within/use-focus-within.js +37 -40
  44. package/cjs/use-focus-within/use-focus-within.js.map +1 -1
  45. package/cjs/use-force-update/use-force-update.js +3 -3
  46. package/cjs/use-force-update/use-force-update.js.map +1 -1
  47. package/cjs/use-fullscreen/use-fullscreen.js +83 -71
  48. package/cjs/use-fullscreen/use-fullscreen.js.map +1 -1
  49. package/cjs/use-hash/use-hash.js +16 -16
  50. package/cjs/use-hash/use-hash.js.map +1 -1
  51. package/cjs/use-headroom/use-headroom.js +23 -23
  52. package/cjs/use-headroom/use-headroom.js.map +1 -1
  53. package/cjs/use-hotkeys/parse-hotkey.js +49 -64
  54. package/cjs/use-hotkeys/parse-hotkey.js.map +1 -1
  55. package/cjs/use-hotkeys/use-hotkeys.js +22 -21
  56. package/cjs/use-hotkeys/use-hotkeys.js.map +1 -1
  57. package/cjs/use-hover/use-hover.js +17 -17
  58. package/cjs/use-hover/use-hover.js.map +1 -1
  59. package/cjs/use-id/use-id.js +12 -12
  60. package/cjs/use-id/use-id.js.map +1 -1
  61. package/cjs/use-id/use-react-id.js +3 -3
  62. package/cjs/use-id/use-react-id.js.map +1 -1
  63. package/cjs/use-idle/use-idle.js +26 -42
  64. package/cjs/use-idle/use-idle.js.map +1 -1
  65. package/cjs/use-input-state/use-input-state.js +22 -18
  66. package/cjs/use-input-state/use-input-state.js.map +1 -1
  67. package/cjs/use-intersection/use-intersection.js +17 -17
  68. package/cjs/use-intersection/use-intersection.js.map +1 -1
  69. package/cjs/use-interval/use-interval.js +28 -27
  70. package/cjs/use-interval/use-interval.js.map +1 -1
  71. package/cjs/use-isomorphic-effect/use-isomorphic-effect.js +3 -1
  72. package/cjs/use-isomorphic-effect/use-isomorphic-effect.js.map +1 -1
  73. package/cjs/use-list-state/use-list-state.js +55 -74
  74. package/cjs/use-list-state/use-list-state.js.map +1 -1
  75. package/cjs/use-local-storage/create-storage.js +70 -70
  76. package/cjs/use-local-storage/create-storage.js.map +1 -1
  77. package/cjs/use-local-storage/use-local-storage.js +1 -1
  78. package/cjs/use-local-storage/use-local-storage.js.map +1 -1
  79. package/cjs/use-logger/use-logger.js +9 -8
  80. package/cjs/use-logger/use-logger.js.map +1 -1
  81. package/cjs/use-media-query/use-media-query.js +31 -26
  82. package/cjs/use-media-query/use-media-query.js.map +1 -1
  83. package/cjs/use-merged-ref/use-merged-ref.js +14 -5
  84. package/cjs/use-merged-ref/use-merged-ref.js.map +1 -1
  85. package/cjs/use-mouse/use-mouse.js +25 -40
  86. package/cjs/use-mouse/use-mouse.js.map +1 -1
  87. package/cjs/use-move/use-move.js +88 -86
  88. package/cjs/use-move/use-move.js.map +1 -1
  89. package/cjs/use-network/use-network.js +32 -48
  90. package/cjs/use-network/use-network.js.map +1 -1
  91. package/cjs/use-os/use-os.js +30 -30
  92. package/cjs/use-os/use-os.js.map +1 -1
  93. package/cjs/use-page-leave/use-page-leave.js +4 -4
  94. package/cjs/use-page-leave/use-page-leave.js.map +1 -1
  95. package/cjs/use-pagination/use-pagination.js +58 -63
  96. package/cjs/use-pagination/use-pagination.js.map +1 -1
  97. package/cjs/use-previous/use-previous.js +5 -5
  98. package/cjs/use-previous/use-previous.js.map +1 -1
  99. package/cjs/use-queue/use-queue.js +24 -24
  100. package/cjs/use-queue/use-queue.js.map +1 -1
  101. package/cjs/use-reduced-motion/use-reduced-motion.js +1 -1
  102. package/cjs/use-reduced-motion/use-reduced-motion.js.map +1 -1
  103. package/cjs/use-resize-observer/use-resize-observer.js +36 -34
  104. package/cjs/use-resize-observer/use-resize-observer.js.map +1 -1
  105. package/cjs/use-scroll-into-view/use-scroll-into-view.js +77 -77
  106. package/cjs/use-scroll-into-view/use-scroll-into-view.js.map +1 -1
  107. package/cjs/use-scroll-into-view/utils/ease-in-out-quad.js +1 -1
  108. package/cjs/use-scroll-into-view/utils/ease-in-out-quad.js.map +1 -1
  109. package/cjs/use-scroll-into-view/utils/get-relative-position.js +46 -53
  110. package/cjs/use-scroll-into-view/utils/get-relative-position.js.map +1 -1
  111. package/cjs/use-scroll-into-view/utils/get-scroll-start.js +10 -9
  112. package/cjs/use-scroll-into-view/utils/get-scroll-start.js.map +1 -1
  113. package/cjs/use-scroll-into-view/utils/set-scroll-param.js +14 -11
  114. package/cjs/use-scroll-into-view/utils/set-scroll-param.js.map +1 -1
  115. package/cjs/use-session-storage/use-session-storage.js +1 -1
  116. package/cjs/use-session-storage/use-session-storage.js.map +1 -1
  117. package/cjs/use-set-state/use-set-state.js +3 -19
  118. package/cjs/use-set-state/use-set-state.js.map +1 -1
  119. package/cjs/use-shallow-effect/use-shallow-effect.js +22 -22
  120. package/cjs/use-shallow-effect/use-shallow-effect.js.map +1 -1
  121. package/cjs/use-text-selection/use-text-selection.js +12 -12
  122. package/cjs/use-text-selection/use-text-selection.js.map +1 -1
  123. package/cjs/use-timeout/use-timeout.js +22 -26
  124. package/cjs/use-timeout/use-timeout.js.map +1 -1
  125. package/cjs/use-toggle/use-toggle.js +6 -6
  126. package/cjs/use-toggle/use-toggle.js.map +1 -1
  127. package/cjs/use-uncontrolled/use-uncontrolled.js +10 -16
  128. package/cjs/use-uncontrolled/use-uncontrolled.js.map +1 -1
  129. package/cjs/use-validated-state/use-validated-state.js +14 -13
  130. package/cjs/use-validated-state/use-validated-state.js.map +1 -1
  131. package/cjs/use-viewport-size/use-viewport-size.js +12 -12
  132. package/cjs/use-viewport-size/use-viewport-size.js.map +1 -1
  133. package/cjs/use-window-event/use-window-event.js +4 -4
  134. package/cjs/use-window-event/use-window-event.js.map +1 -1
  135. package/cjs/use-window-scroll/use-window-scroll.js +19 -17
  136. package/cjs/use-window-scroll/use-window-scroll.js.map +1 -1
  137. package/cjs/utils/clamp/clamp.js +1 -1
  138. package/cjs/utils/clamp/clamp.js.map +1 -1
  139. package/cjs/utils/lower-first/lower-first.js +1 -1
  140. package/cjs/utils/lower-first/lower-first.js.map +1 -1
  141. package/cjs/utils/random-id/random-id.js +1 -1
  142. package/cjs/utils/random-id/random-id.js.map +1 -1
  143. package/cjs/utils/range/range.js +2 -2
  144. package/cjs/utils/range/range.js.map +1 -1
  145. package/cjs/utils/shallow-equal/shallow-equal.js +19 -19
  146. package/cjs/utils/shallow-equal/shallow-equal.js.map +1 -1
  147. package/cjs/utils/upper-first/upper-first.js +1 -1
  148. package/cjs/utils/upper-first/upper-first.js.map +1 -1
  149. package/esm/index.js +4 -3
  150. package/esm/index.js.map +1 -1
  151. package/esm/use-callback-ref/use-callback-ref.js +12 -0
  152. package/esm/use-callback-ref/use-callback-ref.js.map +1 -0
  153. package/esm/use-click-outside/use-click-outside.js +21 -19
  154. package/esm/use-click-outside/use-click-outside.js.map +1 -1
  155. package/esm/use-clipboard/use-clipboard.js +26 -22
  156. package/esm/use-clipboard/use-clipboard.js.map +1 -1
  157. package/esm/use-color-scheme/use-color-scheme.js +3 -1
  158. package/esm/use-color-scheme/use-color-scheme.js.map +1 -1
  159. package/esm/use-counter/use-counter.js +9 -25
  160. package/esm/use-counter/use-counter.js.map +1 -1
  161. package/esm/use-debounced-callback/use-debounced-callback.js +15 -0
  162. package/esm/use-debounced-callback/use-debounced-callback.js.map +1 -0
  163. package/esm/use-debounced-state/use-debounced-state.js +19 -18
  164. package/esm/use-debounced-state/use-debounced-state.js.map +1 -1
  165. package/esm/use-debounced-value/use-debounced-value.js +25 -24
  166. package/esm/use-debounced-value/use-debounced-value.js.map +1 -1
  167. package/esm/use-did-update/use-did-update.js +11 -11
  168. package/esm/use-did-update/use-did-update.js.map +1 -1
  169. package/esm/use-disclosure/use-disclosure.js +24 -24
  170. package/esm/use-disclosure/use-disclosure.js.map +1 -1
  171. package/esm/use-document-title/use-document-title.js +5 -5
  172. package/esm/use-document-title/use-document-title.js.map +1 -1
  173. package/esm/use-document-visibility/use-document-visibility.js +7 -7
  174. package/esm/use-document-visibility/use-document-visibility.js.map +1 -1
  175. package/esm/use-event-listener/use-event-listener.js +9 -12
  176. package/esm/use-event-listener/use-event-listener.js.map +1 -1
  177. package/esm/use-eye-dropper/use-eye-dropper.js +12 -12
  178. package/esm/use-eye-dropper/use-eye-dropper.js.map +1 -1
  179. package/esm/use-favicon/use-favicon.js +23 -21
  180. package/esm/use-favicon/use-favicon.js.map +1 -1
  181. package/esm/use-focus-return/use-focus-return.js +29 -25
  182. package/esm/use-focus-return/use-focus-return.js.map +1 -1
  183. package/esm/use-focus-trap/create-aria-hider.js +36 -34
  184. package/esm/use-focus-trap/create-aria-hider.js.map +1 -1
  185. package/esm/use-focus-trap/scope-tab.js +15 -15
  186. package/esm/use-focus-trap/scope-tab.js.map +1 -1
  187. package/esm/use-focus-trap/tabbable.js +36 -31
  188. package/esm/use-focus-trap/tabbable.js.map +1 -1
  189. package/esm/use-focus-trap/use-focus-trap.js +67 -61
  190. package/esm/use-focus-trap/use-focus-trap.js.map +1 -1
  191. package/esm/use-focus-within/use-focus-within.js +37 -40
  192. package/esm/use-focus-within/use-focus-within.js.map +1 -1
  193. package/esm/use-force-update/use-force-update.js +3 -3
  194. package/esm/use-force-update/use-force-update.js.map +1 -1
  195. package/esm/use-fullscreen/use-fullscreen.js +83 -71
  196. package/esm/use-fullscreen/use-fullscreen.js.map +1 -1
  197. package/esm/use-hash/use-hash.js +16 -16
  198. package/esm/use-hash/use-hash.js.map +1 -1
  199. package/esm/use-headroom/use-headroom.js +23 -23
  200. package/esm/use-headroom/use-headroom.js.map +1 -1
  201. package/esm/use-hotkeys/parse-hotkey.js +49 -64
  202. package/esm/use-hotkeys/parse-hotkey.js.map +1 -1
  203. package/esm/use-hotkeys/use-hotkeys.js +22 -21
  204. package/esm/use-hotkeys/use-hotkeys.js.map +1 -1
  205. package/esm/use-hover/use-hover.js +17 -17
  206. package/esm/use-hover/use-hover.js.map +1 -1
  207. package/esm/use-id/use-id.js +12 -12
  208. package/esm/use-id/use-id.js.map +1 -1
  209. package/esm/use-id/use-react-id.js +3 -3
  210. package/esm/use-id/use-react-id.js.map +1 -1
  211. package/esm/use-idle/use-idle.js +26 -42
  212. package/esm/use-idle/use-idle.js.map +1 -1
  213. package/esm/use-input-state/use-input-state.js +22 -18
  214. package/esm/use-input-state/use-input-state.js.map +1 -1
  215. package/esm/use-intersection/use-intersection.js +17 -17
  216. package/esm/use-intersection/use-intersection.js.map +1 -1
  217. package/esm/use-interval/use-interval.js +28 -27
  218. package/esm/use-interval/use-interval.js.map +1 -1
  219. package/esm/use-isomorphic-effect/use-isomorphic-effect.js +3 -1
  220. package/esm/use-isomorphic-effect/use-isomorphic-effect.js.map +1 -1
  221. package/esm/use-list-state/use-list-state.js +55 -74
  222. package/esm/use-list-state/use-list-state.js.map +1 -1
  223. package/esm/use-local-storage/create-storage.js +70 -70
  224. package/esm/use-local-storage/create-storage.js.map +1 -1
  225. package/esm/use-local-storage/use-local-storage.js +1 -1
  226. package/esm/use-local-storage/use-local-storage.js.map +1 -1
  227. package/esm/use-logger/use-logger.js +9 -8
  228. package/esm/use-logger/use-logger.js.map +1 -1
  229. package/esm/use-media-query/use-media-query.js +31 -26
  230. package/esm/use-media-query/use-media-query.js.map +1 -1
  231. package/esm/use-merged-ref/use-merged-ref.js +14 -6
  232. package/esm/use-merged-ref/use-merged-ref.js.map +1 -1
  233. package/esm/use-mouse/use-mouse.js +25 -40
  234. package/esm/use-mouse/use-mouse.js.map +1 -1
  235. package/esm/use-move/use-move.js +88 -86
  236. package/esm/use-move/use-move.js.map +1 -1
  237. package/esm/use-network/use-network.js +32 -48
  238. package/esm/use-network/use-network.js.map +1 -1
  239. package/esm/use-os/use-os.js +30 -30
  240. package/esm/use-os/use-os.js.map +1 -1
  241. package/esm/use-page-leave/use-page-leave.js +4 -4
  242. package/esm/use-page-leave/use-page-leave.js.map +1 -1
  243. package/esm/use-pagination/use-pagination.js +58 -63
  244. package/esm/use-pagination/use-pagination.js.map +1 -1
  245. package/esm/use-previous/use-previous.js +5 -5
  246. package/esm/use-previous/use-previous.js.map +1 -1
  247. package/esm/use-queue/use-queue.js +24 -24
  248. package/esm/use-queue/use-queue.js.map +1 -1
  249. package/esm/use-reduced-motion/use-reduced-motion.js +1 -1
  250. package/esm/use-reduced-motion/use-reduced-motion.js.map +1 -1
  251. package/esm/use-resize-observer/use-resize-observer.js +36 -34
  252. package/esm/use-resize-observer/use-resize-observer.js.map +1 -1
  253. package/esm/use-scroll-into-view/use-scroll-into-view.js +77 -77
  254. package/esm/use-scroll-into-view/use-scroll-into-view.js.map +1 -1
  255. package/esm/use-scroll-into-view/utils/ease-in-out-quad.js +1 -1
  256. package/esm/use-scroll-into-view/utils/ease-in-out-quad.js.map +1 -1
  257. package/esm/use-scroll-into-view/utils/get-relative-position.js +46 -53
  258. package/esm/use-scroll-into-view/utils/get-relative-position.js.map +1 -1
  259. package/esm/use-scroll-into-view/utils/get-scroll-start.js +10 -9
  260. package/esm/use-scroll-into-view/utils/get-scroll-start.js.map +1 -1
  261. package/esm/use-scroll-into-view/utils/set-scroll-param.js +14 -11
  262. package/esm/use-scroll-into-view/utils/set-scroll-param.js.map +1 -1
  263. package/esm/use-session-storage/use-session-storage.js +1 -1
  264. package/esm/use-session-storage/use-session-storage.js.map +1 -1
  265. package/esm/use-set-state/use-set-state.js +3 -19
  266. package/esm/use-set-state/use-set-state.js.map +1 -1
  267. package/esm/use-shallow-effect/use-shallow-effect.js +22 -22
  268. package/esm/use-shallow-effect/use-shallow-effect.js.map +1 -1
  269. package/esm/use-text-selection/use-text-selection.js +12 -12
  270. package/esm/use-text-selection/use-text-selection.js.map +1 -1
  271. package/esm/use-timeout/use-timeout.js +23 -27
  272. package/esm/use-timeout/use-timeout.js.map +1 -1
  273. package/esm/use-toggle/use-toggle.js +6 -6
  274. package/esm/use-toggle/use-toggle.js.map +1 -1
  275. package/esm/use-uncontrolled/use-uncontrolled.js +10 -16
  276. package/esm/use-uncontrolled/use-uncontrolled.js.map +1 -1
  277. package/esm/use-validated-state/use-validated-state.js +14 -13
  278. package/esm/use-validated-state/use-validated-state.js.map +1 -1
  279. package/esm/use-viewport-size/use-viewport-size.js +12 -12
  280. package/esm/use-viewport-size/use-viewport-size.js.map +1 -1
  281. package/esm/use-window-event/use-window-event.js +4 -4
  282. package/esm/use-window-event/use-window-event.js.map +1 -1
  283. package/esm/use-window-scroll/use-window-scroll.js +19 -17
  284. package/esm/use-window-scroll/use-window-scroll.js.map +1 -1
  285. package/esm/utils/clamp/clamp.js +1 -1
  286. package/esm/utils/clamp/clamp.js.map +1 -1
  287. package/esm/utils/lower-first/lower-first.js +1 -1
  288. package/esm/utils/lower-first/lower-first.js.map +1 -1
  289. package/esm/utils/random-id/random-id.js +1 -1
  290. package/esm/utils/random-id/random-id.js.map +1 -1
  291. package/esm/utils/range/range.js +2 -2
  292. package/esm/utils/range/range.js.map +1 -1
  293. package/esm/utils/shallow-equal/shallow-equal.js +19 -19
  294. package/esm/utils/shallow-equal/shallow-equal.js.map +1 -1
  295. package/esm/utils/upper-first/upper-first.js +1 -1
  296. package/esm/utils/upper-first/upper-first.js.map +1 -1
  297. package/lib/index.d.ts +4 -3
  298. package/lib/use-callback-ref/use-callback-ref.d.ts +1 -0
  299. package/lib/use-click-outside/use-click-outside.d.ts +1 -2
  300. package/lib/use-clipboard/use-clipboard.d.ts +2 -3
  301. package/lib/use-color-scheme/use-color-scheme.d.ts +0 -1
  302. package/lib/use-counter/use-counter.d.ts +0 -1
  303. package/lib/use-debounced-callback/use-debounced-callback.d.ts +1 -0
  304. package/lib/use-debounced-state/use-debounced-state.d.ts +0 -1
  305. package/lib/use-debounced-value/use-debounced-value.d.ts +0 -1
  306. package/lib/use-did-update/use-did-update.d.ts +0 -1
  307. package/lib/use-disclosure/use-disclosure.d.ts +0 -1
  308. package/lib/use-document-title/use-document-title.d.ts +0 -1
  309. package/lib/use-document-visibility/use-document-visibility.d.ts +0 -1
  310. package/lib/use-event-listener/use-event-listener.d.ts +1 -2
  311. package/lib/use-eye-dropper/use-eye-dropper.d.ts +1 -2
  312. package/lib/use-favicon/use-favicon.d.ts +0 -1
  313. package/lib/use-focus-return/use-focus-return.d.ts +0 -1
  314. package/lib/use-focus-trap/create-aria-hider.d.ts +0 -1
  315. package/lib/use-focus-trap/scope-tab.d.ts +0 -1
  316. package/lib/use-focus-trap/tabbable.d.ts +2 -3
  317. package/lib/use-focus-trap/use-focus-trap.d.ts +0 -1
  318. package/lib/use-focus-within/use-focus-within.d.ts +0 -1
  319. package/lib/use-force-update/use-force-update.d.ts +0 -1
  320. package/lib/use-fullscreen/use-fullscreen.d.ts +0 -1
  321. package/lib/use-hash/use-hash.d.ts +0 -1
  322. package/lib/use-headroom/use-headroom.d.ts +0 -1
  323. package/lib/use-hotkeys/parse-hotkey.d.ts +0 -1
  324. package/lib/use-hotkeys/use-hotkeys.d.ts +0 -1
  325. package/lib/use-hover/use-hover.d.ts +1 -2
  326. package/lib/use-id/use-id.d.ts +0 -1
  327. package/lib/use-id/use-react-id.d.ts +0 -1
  328. package/lib/use-idle/use-idle.d.ts +0 -1
  329. package/lib/use-input-state/use-input-state.d.ts +1 -2
  330. package/lib/use-intersection/use-intersection.d.ts +1 -2
  331. package/lib/use-interval/use-interval.d.ts +0 -1
  332. package/lib/use-isomorphic-effect/use-isomorphic-effect.d.ts +0 -1
  333. package/lib/use-list-state/use-list-state.d.ts +0 -1
  334. package/lib/use-local-storage/create-storage.d.ts +4 -5
  335. package/lib/use-local-storage/use-local-storage.d.ts +1 -2
  336. package/lib/use-logger/use-logger.d.ts +1 -2
  337. package/lib/use-media-query/use-media-query.d.ts +1 -2
  338. package/lib/use-merged-ref/use-merged-ref.d.ts +5 -5
  339. package/lib/use-mouse/use-mouse.d.ts +1 -2
  340. package/lib/use-move/use-move.d.ts +1 -2
  341. package/lib/use-network/use-network.d.ts +0 -1
  342. package/lib/use-os/use-os.d.ts +0 -1
  343. package/lib/use-page-leave/use-page-leave.d.ts +0 -1
  344. package/lib/use-pagination/use-pagination.d.ts +0 -1
  345. package/lib/use-previous/use-previous.d.ts +0 -1
  346. package/lib/use-queue/use-queue.d.ts +0 -1
  347. package/lib/use-reduced-motion/use-reduced-motion.d.ts +1 -2
  348. package/lib/use-resize-observer/use-resize-observer.d.ts +2 -3
  349. package/lib/use-scroll-into-view/use-scroll-into-view.d.ts +2 -3
  350. package/lib/use-scroll-into-view/utils/ease-in-out-quad.d.ts +0 -1
  351. package/lib/use-scroll-into-view/utils/get-relative-position.d.ts +1 -9
  352. package/lib/use-scroll-into-view/utils/get-scroll-start.d.ts +1 -5
  353. package/lib/use-scroll-into-view/utils/set-scroll-param.d.ts +1 -6
  354. package/lib/use-session-storage/use-session-storage.d.ts +1 -2
  355. package/lib/use-set-state/use-set-state.d.ts +0 -1
  356. package/lib/use-shallow-effect/use-shallow-effect.d.ts +0 -1
  357. package/lib/use-text-selection/use-text-selection.d.ts +0 -1
  358. package/lib/use-timeout/use-timeout.d.ts +0 -1
  359. package/lib/use-toggle/use-toggle.d.ts +0 -1
  360. package/lib/use-uncontrolled/use-uncontrolled.d.ts +0 -1
  361. package/lib/use-validated-state/use-validated-state.d.ts +1 -2
  362. package/lib/use-viewport-size/use-viewport-size.d.ts +0 -1
  363. package/lib/use-window-event/use-window-event.d.ts +0 -1
  364. package/lib/use-window-scroll/use-window-scroll.d.ts +0 -1
  365. package/lib/utils/clamp/clamp.d.ts +0 -1
  366. package/lib/utils/index.d.ts +0 -2
  367. package/lib/utils/lower-first/lower-first.d.ts +0 -1
  368. package/lib/utils/random-id/random-id.d.ts +0 -1
  369. package/lib/utils/range/range.d.ts +0 -1
  370. package/lib/utils/shallow-equal/shallow-equal.d.ts +0 -1
  371. package/lib/utils/upper-first/upper-first.d.ts +0 -1
  372. package/package.json +11 -5
  373. package/cjs/use-scroll-lock/use-scroll-lock.js +0 -54
  374. package/cjs/use-scroll-lock/use-scroll-lock.js.map +0 -1
  375. package/cjs/use-scroll-lock/utils/get-lock-styles.js +0 -20
  376. package/cjs/use-scroll-lock/utils/get-lock-styles.js.map +0 -1
  377. package/cjs/use-scroll-lock/utils/get-scroll-width.js +0 -14
  378. package/cjs/use-scroll-lock/utils/get-scroll-width.js.map +0 -1
  379. package/cjs/use-scroll-lock/utils/inject-style-tag.js +0 -14
  380. package/cjs/use-scroll-lock/utils/inject-style-tag.js.map +0 -1
  381. package/cjs/use-scroll-lock/utils/insert-style-tag.js +0 -11
  382. package/cjs/use-scroll-lock/utils/insert-style-tag.js.map +0 -1
  383. package/cjs/use-scroll-lock/utils/make-style-tag.js +0 -13
  384. package/cjs/use-scroll-lock/utils/make-style-tag.js.map +0 -1
  385. package/cjs/utils/assign-ref/assign-ref.js +0 -14
  386. package/cjs/utils/assign-ref/assign-ref.js.map +0 -1
  387. package/esm/use-scroll-lock/use-scroll-lock.js +0 -50
  388. package/esm/use-scroll-lock/use-scroll-lock.js.map +0 -1
  389. package/esm/use-scroll-lock/utils/get-lock-styles.js +0 -16
  390. package/esm/use-scroll-lock/utils/get-lock-styles.js.map +0 -1
  391. package/esm/use-scroll-lock/utils/get-scroll-width.js +0 -10
  392. package/esm/use-scroll-lock/utils/get-scroll-width.js.map +0 -1
  393. package/esm/use-scroll-lock/utils/inject-style-tag.js +0 -10
  394. package/esm/use-scroll-lock/utils/inject-style-tag.js.map +0 -1
  395. package/esm/use-scroll-lock/utils/insert-style-tag.js +0 -7
  396. package/esm/use-scroll-lock/utils/insert-style-tag.js.map +0 -1
  397. package/esm/use-scroll-lock/utils/make-style-tag.js +0 -9
  398. package/esm/use-scroll-lock/utils/make-style-tag.js.map +0 -1
  399. package/esm/utils/assign-ref/assign-ref.js +0 -10
  400. package/esm/utils/assign-ref/assign-ref.js.map +0 -1
  401. package/lib/index.d.ts.map +0 -1
  402. package/lib/use-click-outside/use-click-outside.d.ts.map +0 -1
  403. package/lib/use-clipboard/use-clipboard.d.ts.map +0 -1
  404. package/lib/use-color-scheme/use-color-scheme.d.ts.map +0 -1
  405. package/lib/use-counter/use-counter.d.ts.map +0 -1
  406. package/lib/use-debounced-state/use-debounced-state.d.ts.map +0 -1
  407. package/lib/use-debounced-value/use-debounced-value.d.ts.map +0 -1
  408. package/lib/use-did-update/use-did-update.d.ts.map +0 -1
  409. package/lib/use-disclosure/use-disclosure.d.ts.map +0 -1
  410. package/lib/use-document-title/use-document-title.d.ts.map +0 -1
  411. package/lib/use-document-visibility/use-document-visibility.d.ts.map +0 -1
  412. package/lib/use-event-listener/use-event-listener.d.ts.map +0 -1
  413. package/lib/use-eye-dropper/use-eye-dropper.d.ts.map +0 -1
  414. package/lib/use-favicon/use-favicon.d.ts.map +0 -1
  415. package/lib/use-focus-return/use-focus-return.d.ts.map +0 -1
  416. package/lib/use-focus-trap/create-aria-hider.d.ts.map +0 -1
  417. package/lib/use-focus-trap/scope-tab.d.ts.map +0 -1
  418. package/lib/use-focus-trap/tabbable.d.ts.map +0 -1
  419. package/lib/use-focus-trap/use-focus-trap.d.ts.map +0 -1
  420. package/lib/use-focus-within/use-focus-within.d.ts.map +0 -1
  421. package/lib/use-force-update/use-force-update.d.ts.map +0 -1
  422. package/lib/use-fullscreen/use-fullscreen.d.ts.map +0 -1
  423. package/lib/use-hash/use-hash.d.ts.map +0 -1
  424. package/lib/use-headroom/use-headroom.d.ts.map +0 -1
  425. package/lib/use-hotkeys/parse-hotkey.d.ts.map +0 -1
  426. package/lib/use-hotkeys/use-hotkeys.d.ts.map +0 -1
  427. package/lib/use-hover/use-hover.d.ts.map +0 -1
  428. package/lib/use-id/use-id.d.ts.map +0 -1
  429. package/lib/use-id/use-react-id.d.ts.map +0 -1
  430. package/lib/use-idle/use-idle.d.ts.map +0 -1
  431. package/lib/use-input-state/use-input-state.d.ts.map +0 -1
  432. package/lib/use-intersection/use-intersection.d.ts.map +0 -1
  433. package/lib/use-interval/use-interval.d.ts.map +0 -1
  434. package/lib/use-isomorphic-effect/use-isomorphic-effect.d.ts.map +0 -1
  435. package/lib/use-list-state/use-list-state.d.ts.map +0 -1
  436. package/lib/use-local-storage/create-storage.d.ts.map +0 -1
  437. package/lib/use-local-storage/use-local-storage.d.ts.map +0 -1
  438. package/lib/use-logger/use-logger.d.ts.map +0 -1
  439. package/lib/use-media-query/use-media-query.d.ts.map +0 -1
  440. package/lib/use-merged-ref/use-merged-ref.d.ts.map +0 -1
  441. package/lib/use-mouse/use-mouse.d.ts.map +0 -1
  442. package/lib/use-move/use-move.d.ts.map +0 -1
  443. package/lib/use-network/use-network.d.ts.map +0 -1
  444. package/lib/use-os/use-os.d.ts.map +0 -1
  445. package/lib/use-page-leave/use-page-leave.d.ts.map +0 -1
  446. package/lib/use-pagination/use-pagination.d.ts.map +0 -1
  447. package/lib/use-previous/use-previous.d.ts.map +0 -1
  448. package/lib/use-queue/use-queue.d.ts.map +0 -1
  449. package/lib/use-reduced-motion/use-reduced-motion.d.ts.map +0 -1
  450. package/lib/use-resize-observer/use-resize-observer.d.ts.map +0 -1
  451. package/lib/use-scroll-into-view/use-scroll-into-view.d.ts.map +0 -1
  452. package/lib/use-scroll-into-view/utils/ease-in-out-quad.d.ts.map +0 -1
  453. package/lib/use-scroll-into-view/utils/get-relative-position.d.ts.map +0 -1
  454. package/lib/use-scroll-into-view/utils/get-scroll-start.d.ts.map +0 -1
  455. package/lib/use-scroll-into-view/utils/set-scroll-param.d.ts.map +0 -1
  456. package/lib/use-scroll-lock/use-scroll-lock.d.ts +0 -5
  457. package/lib/use-scroll-lock/use-scroll-lock.d.ts.map +0 -1
  458. package/lib/use-scroll-lock/utils/get-lock-styles.d.ts +0 -4
  459. package/lib/use-scroll-lock/utils/get-lock-styles.d.ts.map +0 -1
  460. package/lib/use-scroll-lock/utils/get-scroll-width.d.ts +0 -2
  461. package/lib/use-scroll-lock/utils/get-scroll-width.d.ts.map +0 -1
  462. package/lib/use-scroll-lock/utils/inject-style-tag.d.ts +0 -2
  463. package/lib/use-scroll-lock/utils/inject-style-tag.d.ts.map +0 -1
  464. package/lib/use-scroll-lock/utils/insert-style-tag.d.ts +0 -2
  465. package/lib/use-scroll-lock/utils/insert-style-tag.d.ts.map +0 -1
  466. package/lib/use-scroll-lock/utils/make-style-tag.d.ts +0 -2
  467. package/lib/use-scroll-lock/utils/make-style-tag.d.ts.map +0 -1
  468. package/lib/use-session-storage/use-session-storage.d.ts.map +0 -1
  469. package/lib/use-set-state/use-set-state.d.ts.map +0 -1
  470. package/lib/use-shallow-effect/use-shallow-effect.d.ts.map +0 -1
  471. package/lib/use-text-selection/use-text-selection.d.ts.map +0 -1
  472. package/lib/use-timeout/use-timeout.d.ts.map +0 -1
  473. package/lib/use-toggle/use-toggle.d.ts.map +0 -1
  474. package/lib/use-uncontrolled/use-uncontrolled.d.ts.map +0 -1
  475. package/lib/use-validated-state/use-validated-state.d.ts.map +0 -1
  476. package/lib/use-viewport-size/use-viewport-size.d.ts.map +0 -1
  477. package/lib/use-window-event/use-window-event.d.ts.map +0 -1
  478. package/lib/use-window-scroll/use-window-scroll.d.ts.map +0 -1
  479. package/lib/utils/assign-ref/assign-ref.d.ts +0 -3
  480. package/lib/utils/assign-ref/assign-ref.d.ts.map +0 -1
  481. package/lib/utils/clamp/clamp.d.ts.map +0 -1
  482. package/lib/utils/index.d.ts.map +0 -1
  483. package/lib/utils/lower-first/lower-first.d.ts.map +0 -1
  484. package/lib/utils/random-id/random-id.d.ts.map +0 -1
  485. package/lib/utils/range/range.d.ts.map +0 -1
  486. package/lib/utils/shallow-equal/shallow-equal.d.ts.map +0 -1
  487. package/lib/utils/upper-first/upper-first.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"use-headroom.js","sources":["../../src/use-headroom/use-headroom.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { useWindowScroll } from '../use-window-scroll/use-window-scroll';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\n\nexport const isFixed = (current: number, fixedAt: number) => current <= fixedAt;\nexport const isPinned = (current: number, previous: number) => current <= previous;\nexport const isReleased = (current: number, previous: number, fixedAt: number) =>\n !isPinned(current, previous) && !isFixed(current, fixedAt);\n\ninterface UseHeadroomInput {\n /** Number in px at which element should be fixed */\n fixedAt?: number;\n\n /** Called when element is pinned */\n onPin?(): void;\n\n /** Called when element is at fixed position */\n onFix?(): void;\n\n /** Called when element is unpinned */\n onRelease?(): void;\n}\n\nexport function useHeadroom({ fixedAt = 0, onPin, onFix, onRelease }: UseHeadroomInput = {}) {\n const scrollRef = useRef(0);\n const [{ y: scrollPosition }] = useWindowScroll();\n\n useIsomorphicEffect(() => {\n if (isPinned(scrollPosition, scrollRef.current)) {\n onPin?.();\n }\n }, [scrollPosition, onPin]);\n\n useIsomorphicEffect(() => {\n if (isFixed(scrollPosition, fixedAt)) {\n onFix?.();\n }\n }, [scrollPosition, fixedAt, onFix]);\n\n useIsomorphicEffect(() => {\n if (isReleased(scrollPosition, scrollRef.current, fixedAt)) {\n onRelease?.();\n }\n }, [scrollPosition, onRelease]);\n\n useIsomorphicEffect(() => {\n scrollRef.current = window.scrollY;\n }, [scrollPosition]);\n\n if (isPinned(scrollPosition, scrollRef.current)) {\n return true;\n }\n\n if (isFixed(scrollPosition, fixedAt)) {\n return true;\n }\n\n return false;\n}\n"],"names":["useRef","useWindowScroll","useIsomorphicEffect"],"mappings":";;;;;;;;AAGY,MAAC,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,IAAI,QAAQ;AACpD,MAAC,QAAQ,GAAG,CAAC,OAAO,EAAE,QAAQ,KAAK,OAAO,IAAI,SAAS;AACvD,MAAC,UAAU,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE;AAC9G,SAAS,WAAW,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE;AAC3E,EAAE,MAAM,SAAS,GAAGA,YAAM,CAAC,CAAC,CAAC,CAAC;AAC9B,EAAE,MAAM,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,GAAGC,+BAAe,EAAE,CAAC;AACpD,EAAEC,uCAAmB,CAAC,MAAM;AAC5B,IAAI,IAAI,QAAQ,CAAC,cAAc,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE;AACrD,MAAM,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,EAAE,CAAC;AACvC,KAAK;AACL,GAAG,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;AAC9B,EAAEA,uCAAmB,CAAC,MAAM;AAC5B,IAAI,IAAI,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC,EAAE;AAC1C,MAAM,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,EAAE,CAAC;AACvC,KAAK;AACL,GAAG,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;AACvC,EAAEA,uCAAmB,CAAC,MAAM;AAC5B,IAAI,IAAI,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE;AAChE,MAAM,SAAS,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,SAAS,EAAE,CAAC;AAC/C,KAAK;AACL,GAAG,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;AAClC,EAAEA,uCAAmB,CAAC,MAAM;AAC5B,IAAI,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AACvC,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AACvB,EAAE,IAAI,QAAQ,CAAC,cAAc,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE;AACnD,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,IAAI,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC,EAAE;AACxC,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;;;;"}
1
+ {"version":3,"file":"use-headroom.js","sources":["../../src/use-headroom/use-headroom.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { useWindowScroll } from '../use-window-scroll/use-window-scroll';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\n\nexport const isFixed = (current: number, fixedAt: number) => current <= fixedAt;\nexport const isPinned = (current: number, previous: number) => current <= previous;\nexport const isReleased = (current: number, previous: number, fixedAt: number) =>\n !isPinned(current, previous) && !isFixed(current, fixedAt);\n\ninterface UseHeadroomInput {\n /** Number in px at which element should be fixed */\n fixedAt?: number;\n\n /** Called when element is pinned */\n onPin?(): void;\n\n /** Called when element is at fixed position */\n onFix?(): void;\n\n /** Called when element is unpinned */\n onRelease?(): void;\n}\n\nexport function useHeadroom({ fixedAt = 0, onPin, onFix, onRelease }: UseHeadroomInput = {}) {\n const scrollRef = useRef(0);\n const [{ y: scrollPosition }] = useWindowScroll();\n\n useIsomorphicEffect(() => {\n if (isPinned(scrollPosition, scrollRef.current)) {\n onPin?.();\n }\n }, [scrollPosition, onPin]);\n\n useIsomorphicEffect(() => {\n if (isFixed(scrollPosition, fixedAt)) {\n onFix?.();\n }\n }, [scrollPosition, fixedAt, onFix]);\n\n useIsomorphicEffect(() => {\n if (isReleased(scrollPosition, scrollRef.current, fixedAt)) {\n onRelease?.();\n }\n }, [scrollPosition, onRelease]);\n\n useIsomorphicEffect(() => {\n scrollRef.current = window.scrollY;\n }, [scrollPosition]);\n\n if (isPinned(scrollPosition, scrollRef.current)) {\n return true;\n }\n\n if (isFixed(scrollPosition, fixedAt)) {\n return true;\n }\n\n return false;\n}\n"],"names":["useRef","useWindowScroll","useIsomorphicEffect"],"mappings":";;;;;;;;MAIa,OAAO,GAAG,CAAC,OAAe,EAAE,OAAe,KAAK,OAAO,IAAI,QAAQ;MACnE,QAAQ,GAAG,CAAC,OAAe,EAAE,QAAgB,KAAK,OAAO,IAAI,SAAS;MACtE,UAAU,GAAG,CAAC,OAAe,EAAE,QAAgB,EAAE,OAAe,KAC3E,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE;SAgB7C,WAAW,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,KAAuB,EAAE;IACzF,MAAM,SAAS,GAAGA,YAAM,CAAC,CAAC,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,GAAGC,+BAAe,EAAE,CAAC;IAElDC,uCAAmB,CAAC;QAClB,IAAI,QAAQ,CAAC,cAAc,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE;YAC/C,KAAK,aAAL,KAAK,uBAAL,KAAK,EAAI,CAAC;SACX;KACF,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5BA,uCAAmB,CAAC;QAClB,IAAI,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC,EAAE;YACpC,KAAK,aAAL,KAAK,uBAAL,KAAK,EAAI,CAAC;SACX;KACF,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErCA,uCAAmB,CAAC;QAClB,IAAI,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE;YAC1D,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAC;SACf;KACF,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;IAEhCA,uCAAmB,CAAC;QAClB,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;KACpC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,IAAI,QAAQ,CAAC,cAAc,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE;QAC/C,OAAO,IAAI,CAAC;KACb;IAED,IAAI,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC,EAAE;QACpC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,KAAK,CAAC;AACf;;;;;;;"}
@@ -2,81 +2,66 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var __defProp = Object.defineProperty;
6
- var __defProps = Object.defineProperties;
7
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
8
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
- var __spreadValues = (a, b) => {
13
- for (var prop in b || (b = {}))
14
- if (__hasOwnProp.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- if (__getOwnPropSymbols)
17
- for (var prop of __getOwnPropSymbols(b)) {
18
- if (__propIsEnum.call(b, prop))
19
- __defNormalProp(a, prop, b[prop]);
20
- }
21
- return a;
22
- };
23
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
5
  function parseHotkey(hotkey) {
25
- const keys = hotkey.toLowerCase().split("+").map((part) => part.trim());
26
- const modifiers = {
27
- alt: keys.includes("alt"),
28
- ctrl: keys.includes("ctrl"),
29
- meta: keys.includes("meta"),
30
- mod: keys.includes("mod"),
31
- shift: keys.includes("shift")
32
- };
33
- const reservedKeys = ["alt", "ctrl", "meta", "shift", "mod"];
34
- const freeKey = keys.find((key) => !reservedKeys.includes(key));
35
- return __spreadProps(__spreadValues({}, modifiers), {
36
- key: freeKey
37
- });
6
+ const keys = hotkey
7
+ .toLowerCase()
8
+ .split('+')
9
+ .map((part) => part.trim());
10
+ const modifiers = {
11
+ alt: keys.includes('alt'),
12
+ ctrl: keys.includes('ctrl'),
13
+ meta: keys.includes('meta'),
14
+ mod: keys.includes('mod'),
15
+ shift: keys.includes('shift'),
16
+ };
17
+ const reservedKeys = ['alt', 'ctrl', 'meta', 'shift', 'mod'];
18
+ const freeKey = keys.find((key) => !reservedKeys.includes(key));
19
+ return Object.assign(Object.assign({}, modifiers), { key: freeKey });
38
20
  }
39
21
  function isExactHotkey(hotkey, event) {
40
- const { alt, ctrl, meta, mod, shift, key } = hotkey;
41
- const { altKey, ctrlKey, metaKey, shiftKey, key: pressedKey } = event;
42
- if (alt !== altKey) {
43
- return false;
44
- }
45
- if (mod) {
46
- if (!ctrlKey && !metaKey) {
47
- return false;
22
+ const { alt, ctrl, meta, mod, shift, key } = hotkey;
23
+ const { altKey, ctrlKey, metaKey, shiftKey, key: pressedKey } = event;
24
+ if (alt !== altKey) {
25
+ return false;
26
+ }
27
+ if (mod) {
28
+ if (!ctrlKey && !metaKey) {
29
+ return false;
30
+ }
48
31
  }
49
- } else {
50
- if (ctrl !== ctrlKey) {
51
- return false;
32
+ else {
33
+ if (ctrl !== ctrlKey) {
34
+ return false;
35
+ }
36
+ if (meta !== metaKey) {
37
+ return false;
38
+ }
52
39
  }
53
- if (meta !== metaKey) {
54
- return false;
40
+ if (shift !== shiftKey) {
41
+ return false;
42
+ }
43
+ if (key &&
44
+ (pressedKey.toLowerCase() === key.toLowerCase() ||
45
+ event.code.replace('Key', '').toLowerCase() === key.toLowerCase())) {
46
+ return true;
55
47
  }
56
- }
57
- if (shift !== shiftKey) {
58
48
  return false;
59
- }
60
- if (key && (pressedKey.toLowerCase() === key.toLowerCase() || event.code.replace("Key", "").toLowerCase() === key.toLowerCase())) {
61
- return true;
62
- }
63
- return false;
64
49
  }
65
50
  function getHotkeyMatcher(hotkey) {
66
- return (event) => isExactHotkey(parseHotkey(hotkey), event);
51
+ return (event) => isExactHotkey(parseHotkey(hotkey), event);
67
52
  }
68
53
  function getHotkeyHandler(hotkeys) {
69
- return (event) => {
70
- const _event = "nativeEvent" in event ? event.nativeEvent : event;
71
- hotkeys.forEach(([hotkey, handler, options = { preventDefault: true }]) => {
72
- if (getHotkeyMatcher(hotkey)(_event)) {
73
- if (options.preventDefault) {
74
- event.preventDefault();
75
- }
76
- handler(_event);
77
- }
78
- });
79
- };
54
+ return (event) => {
55
+ const _event = 'nativeEvent' in event ? event.nativeEvent : event;
56
+ hotkeys.forEach(([hotkey, handler, options = { preventDefault: true }]) => {
57
+ if (getHotkeyMatcher(hotkey)(_event)) {
58
+ if (options.preventDefault) {
59
+ event.preventDefault();
60
+ }
61
+ handler(_event);
62
+ }
63
+ });
64
+ };
80
65
  }
81
66
 
82
67
  exports.getHotkeyHandler = getHotkeyHandler;
@@ -1 +1 @@
1
- {"version":3,"file":"parse-hotkey.js","sources":["../../src/use-hotkeys/parse-hotkey.ts"],"sourcesContent":["export type KeyboardModifiers = {\n alt: boolean;\n ctrl: boolean;\n meta: boolean;\n mod: boolean;\n shift: boolean;\n};\n\nexport type Hotkey = KeyboardModifiers & {\n key?: string;\n};\n\ntype CheckHotkeyMatch = (event: KeyboardEvent) => boolean;\n\nexport function parseHotkey(hotkey: string): Hotkey {\n const keys = hotkey\n .toLowerCase()\n .split('+')\n .map((part) => part.trim());\n\n const modifiers: KeyboardModifiers = {\n alt: keys.includes('alt'),\n ctrl: keys.includes('ctrl'),\n meta: keys.includes('meta'),\n mod: keys.includes('mod'),\n shift: keys.includes('shift'),\n };\n\n const reservedKeys = ['alt', 'ctrl', 'meta', 'shift', 'mod'];\n\n const freeKey = keys.find((key) => !reservedKeys.includes(key));\n\n return {\n ...modifiers,\n key: freeKey,\n };\n}\n\nfunction isExactHotkey(hotkey: Hotkey, event: KeyboardEvent): boolean {\n const { alt, ctrl, meta, mod, shift, key } = hotkey;\n const { altKey, ctrlKey, metaKey, shiftKey, key: pressedKey } = event;\n\n if (alt !== altKey) {\n return false;\n }\n\n if (mod) {\n if (!ctrlKey && !metaKey) {\n return false;\n }\n } else {\n if (ctrl !== ctrlKey) {\n return false;\n }\n if (meta !== metaKey) {\n return false;\n }\n }\n if (shift !== shiftKey) {\n return false;\n }\n\n if (\n key &&\n (pressedKey.toLowerCase() === key.toLowerCase() ||\n event.code.replace('Key', '').toLowerCase() === key.toLowerCase())\n ) {\n return true;\n }\n\n return false;\n}\n\nexport function getHotkeyMatcher(hotkey: string): CheckHotkeyMatch {\n return (event) => isExactHotkey(parseHotkey(hotkey), event);\n}\n\nexport interface HotkeyItemOptions {\n preventDefault?: boolean;\n}\n\ntype HotkeyItem = [\n string,\n (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => void,\n HotkeyItemOptions?\n];\n\nexport function getHotkeyHandler(hotkeys: HotkeyItem[]) {\n return (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => {\n const _event = 'nativeEvent' in event ? event.nativeEvent : event;\n hotkeys.forEach(([hotkey, handler, options = { preventDefault: true }]) => {\n if (getHotkeyMatcher(hotkey)(_event)) {\n if (options.preventDefault) {\n event.preventDefault();\n }\n\n handler(_event);\n }\n });\n };\n}\n"],"names":[],"mappings":";;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,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;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3D,SAAS,WAAW,CAAC,MAAM,EAAE;AACpC,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;AAC1E,EAAE,MAAM,SAAS,GAAG;AACpB,IAAI,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC7B,IAAI,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC/B,IAAI,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC/B,IAAI,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC7B,IAAI,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;AACjC,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAC/D,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AAClE,EAAE,OAAO,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,EAAE;AACtD,IAAI,GAAG,EAAE,OAAO;AAChB,GAAG,CAAC,CAAC;AACL,CAAC;AACD,SAAS,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE;AACtC,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;AACtD,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;AACxE,EAAE,IAAI,GAAG,KAAK,MAAM,EAAE;AACtB,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,IAAI,GAAG,EAAE;AACX,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE;AAC9B,MAAM,OAAO,KAAK,CAAC;AACnB,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,IAAI,KAAK,OAAO,EAAE;AAC1B,MAAM,OAAO,KAAK,CAAC;AACnB,KAAK;AACL,IAAI,IAAI,IAAI,KAAK,OAAO,EAAE;AAC1B,MAAM,OAAO,KAAK,CAAC;AACnB,KAAK;AACL,GAAG;AACH,EAAE,IAAI,KAAK,KAAK,QAAQ,EAAE;AAC1B,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,IAAI,GAAG,KAAK,UAAU,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,WAAW,EAAE,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,WAAW,EAAE,CAAC,EAAE;AACpI,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACM,SAAS,gBAAgB,CAAC,MAAM,EAAE;AACzC,EAAE,OAAO,CAAC,KAAK,KAAK,aAAa,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC;AAC9D,CAAC;AACM,SAAS,gBAAgB,CAAC,OAAO,EAAE;AAC1C,EAAE,OAAO,CAAC,KAAK,KAAK;AACpB,IAAI,MAAM,MAAM,GAAG,aAAa,IAAI,KAAK,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;AACtE,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,KAAK;AAC/E,MAAM,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE;AAC5C,QAAQ,IAAI,OAAO,CAAC,cAAc,EAAE;AACpC,UAAU,KAAK,CAAC,cAAc,EAAE,CAAC;AACjC,SAAS;AACT,QAAQ,OAAO,CAAC,MAAM,CAAC,CAAC;AACxB,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ;;;;;;"}
1
+ {"version":3,"file":"parse-hotkey.js","sources":["../../src/use-hotkeys/parse-hotkey.ts"],"sourcesContent":["export type KeyboardModifiers = {\n alt: boolean;\n ctrl: boolean;\n meta: boolean;\n mod: boolean;\n shift: boolean;\n};\n\nexport type Hotkey = KeyboardModifiers & {\n key?: string;\n};\n\ntype CheckHotkeyMatch = (event: KeyboardEvent) => boolean;\n\nexport function parseHotkey(hotkey: string): Hotkey {\n const keys = hotkey\n .toLowerCase()\n .split('+')\n .map((part) => part.trim());\n\n const modifiers: KeyboardModifiers = {\n alt: keys.includes('alt'),\n ctrl: keys.includes('ctrl'),\n meta: keys.includes('meta'),\n mod: keys.includes('mod'),\n shift: keys.includes('shift'),\n };\n\n const reservedKeys = ['alt', 'ctrl', 'meta', 'shift', 'mod'];\n\n const freeKey = keys.find((key) => !reservedKeys.includes(key));\n\n return {\n ...modifiers,\n key: freeKey,\n };\n}\n\nfunction isExactHotkey(hotkey: Hotkey, event: KeyboardEvent): boolean {\n const { alt, ctrl, meta, mod, shift, key } = hotkey;\n const { altKey, ctrlKey, metaKey, shiftKey, key: pressedKey } = event;\n\n if (alt !== altKey) {\n return false;\n }\n\n if (mod) {\n if (!ctrlKey && !metaKey) {\n return false;\n }\n } else {\n if (ctrl !== ctrlKey) {\n return false;\n }\n if (meta !== metaKey) {\n return false;\n }\n }\n if (shift !== shiftKey) {\n return false;\n }\n\n if (\n key &&\n (pressedKey.toLowerCase() === key.toLowerCase() ||\n event.code.replace('Key', '').toLowerCase() === key.toLowerCase())\n ) {\n return true;\n }\n\n return false;\n}\n\nexport function getHotkeyMatcher(hotkey: string): CheckHotkeyMatch {\n return (event) => isExactHotkey(parseHotkey(hotkey), event);\n}\n\nexport interface HotkeyItemOptions {\n preventDefault?: boolean;\n}\n\ntype HotkeyItem = [\n string,\n (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => void,\n HotkeyItemOptions?\n];\n\nexport function getHotkeyHandler(hotkeys: HotkeyItem[]) {\n return (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => {\n const _event = 'nativeEvent' in event ? event.nativeEvent : event;\n hotkeys.forEach(([hotkey, handler, options = { preventDefault: true }]) => {\n if (getHotkeyMatcher(hotkey)(_event)) {\n if (options.preventDefault) {\n event.preventDefault();\n }\n\n handler(_event);\n }\n });\n };\n}\n"],"names":[],"mappings":";;;;SAcgB,WAAW,CAAC,MAAc;IACxC,MAAM,IAAI,GAAG,MAAM;SAChB,WAAW,EAAE;SACb,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAE9B,MAAM,SAAS,GAAsB;QACnC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACzB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC3B,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC3B,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACzB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;KAC9B,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IAE7D,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAEhE,uCACK,SAAS,KACZ,GAAG,EAAE,OAAO,IACZ;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,MAAc,EAAE,KAAoB;IACzD,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;IACpD,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEtE,IAAI,GAAG,KAAK,MAAM,EAAE;QAClB,OAAO,KAAK,CAAC;KACd;IAED,IAAI,GAAG,EAAE;QACP,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE;YACxB,OAAO,KAAK,CAAC;SACd;KACF;SAAM;QACL,IAAI,IAAI,KAAK,OAAO,EAAE;YACpB,OAAO,KAAK,CAAC;SACd;QACD,IAAI,IAAI,KAAK,OAAO,EAAE;YACpB,OAAO,KAAK,CAAC;SACd;KACF;IACD,IAAI,KAAK,KAAK,QAAQ,EAAE;QACtB,OAAO,KAAK,CAAC;KACd;IAED,IACE,GAAG;SACF,UAAU,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,WAAW,EAAE;YAC7C,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,WAAW,EAAE,CAAC,EACpE;QACA,OAAO,IAAI,CAAC;KACb;IAED,OAAO,KAAK,CAAC;AACf,CAAC;SAEe,gBAAgB,CAAC,MAAc;IAC7C,OAAO,CAAC,KAAK,KAAK,aAAa,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC;AAC9D,CAAC;SAYe,gBAAgB,CAAC,OAAqB;IACpD,OAAO,CAAC,KAAuD;QAC7D,MAAM,MAAM,GAAG,aAAa,IAAI,KAAK,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;QAClE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC;YACpE,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE;gBACpC,IAAI,OAAO,CAAC,cAAc,EAAE;oBAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;iBACxB;gBAED,OAAO,CAAC,MAAM,CAAC,CAAC;aACjB;SACF,CAAC,CAAC;KACJ,CAAC;AACJ;;;;;;"}
@@ -6,29 +6,30 @@ var React = require('react');
6
6
  var parseHotkey = require('./parse-hotkey.js');
7
7
 
8
8
  function shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable = false) {
9
- if (event.target instanceof HTMLElement) {
10
- if (triggerOnContentEditable) {
11
- return !tagsToIgnore.includes(event.target.tagName);
9
+ if (event.target instanceof HTMLElement) {
10
+ if (triggerOnContentEditable) {
11
+ return !tagsToIgnore.includes(event.target.tagName);
12
+ }
13
+ return !event.target.isContentEditable && !tagsToIgnore.includes(event.target.tagName);
12
14
  }
13
- return !event.target.isContentEditable && !tagsToIgnore.includes(event.target.tagName);
14
- }
15
- return true;
15
+ return true;
16
16
  }
17
- function useHotkeys(hotkeys, tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"], triggerOnContentEditable = false) {
18
- React.useEffect(() => {
19
- const keydownListener = (event) => {
20
- hotkeys.forEach(([hotkey, handler, options = { preventDefault: true }]) => {
21
- if (parseHotkey.getHotkeyMatcher(hotkey)(event) && shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable)) {
22
- if (options.preventDefault) {
23
- event.preventDefault();
24
- }
25
- handler(event);
26
- }
27
- });
28
- };
29
- document.documentElement.addEventListener("keydown", keydownListener);
30
- return () => document.documentElement.removeEventListener("keydown", keydownListener);
31
- }, [hotkeys]);
17
+ function useHotkeys(hotkeys, tagsToIgnore = ['INPUT', 'TEXTAREA', 'SELECT'], triggerOnContentEditable = false) {
18
+ React.useEffect(() => {
19
+ const keydownListener = (event) => {
20
+ hotkeys.forEach(([hotkey, handler, options = { preventDefault: true }]) => {
21
+ if (parseHotkey.getHotkeyMatcher(hotkey)(event) &&
22
+ shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable)) {
23
+ if (options.preventDefault) {
24
+ event.preventDefault();
25
+ }
26
+ handler(event);
27
+ }
28
+ });
29
+ };
30
+ document.documentElement.addEventListener('keydown', keydownListener);
31
+ return () => document.documentElement.removeEventListener('keydown', keydownListener);
32
+ }, [hotkeys]);
32
33
  }
33
34
 
34
35
  exports.getHotkeyHandler = parseHotkey.getHotkeyHandler;
@@ -1 +1 @@
1
- {"version":3,"file":"use-hotkeys.js","sources":["../../src/use-hotkeys/use-hotkeys.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { getHotkeyHandler, getHotkeyMatcher, HotkeyItemOptions } from './parse-hotkey';\n\nexport type { HotkeyItemOptions };\nexport { getHotkeyHandler };\n\nexport type HotkeyItem = [string, (event: KeyboardEvent) => void, HotkeyItemOptions?];\n\nfunction shouldFireEvent(\n event: KeyboardEvent,\n tagsToIgnore: string[],\n triggerOnContentEditable = false\n) {\n if (event.target instanceof HTMLElement) {\n if (triggerOnContentEditable) {\n return !tagsToIgnore.includes(event.target.tagName);\n }\n\n return !event.target.isContentEditable && !tagsToIgnore.includes(event.target.tagName);\n }\n\n return true;\n}\n\nexport function useHotkeys(\n hotkeys: HotkeyItem[],\n tagsToIgnore: string[] = ['INPUT', 'TEXTAREA', 'SELECT'],\n triggerOnContentEditable = false\n) {\n useEffect(() => {\n const keydownListener = (event: KeyboardEvent) => {\n hotkeys.forEach(([hotkey, handler, options = { preventDefault: true }]) => {\n if (\n getHotkeyMatcher(hotkey)(event) &&\n shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable)\n ) {\n if (options.preventDefault) {\n event.preventDefault();\n }\n\n handler(event);\n }\n });\n };\n\n document.documentElement.addEventListener('keydown', keydownListener);\n return () => document.documentElement.removeEventListener('keydown', keydownListener);\n }, [hotkeys]);\n}\n"],"names":["useEffect","getHotkeyMatcher"],"mappings":";;;;;;;AAGA,SAAS,eAAe,CAAC,KAAK,EAAE,YAAY,EAAE,wBAAwB,GAAG,KAAK,EAAE;AAChF,EAAE,IAAI,KAAK,CAAC,MAAM,YAAY,WAAW,EAAE;AAC3C,IAAI,IAAI,wBAAwB,EAAE;AAClC,MAAM,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAC1D,KAAK;AACL,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,iBAAiB,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAC3F,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACM,SAAS,UAAU,CAAC,OAAO,EAAE,YAAY,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,wBAAwB,GAAG,KAAK,EAAE;AACtH,EAAEA,eAAS,CAAC,MAAM;AAClB,IAAI,MAAM,eAAe,GAAG,CAAC,KAAK,KAAK;AACvC,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,KAAK;AACjF,QAAQ,IAAIC,4BAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,IAAI,eAAe,CAAC,KAAK,EAAE,YAAY,EAAE,wBAAwB,CAAC,EAAE;AAC/G,UAAU,IAAI,OAAO,CAAC,cAAc,EAAE;AACtC,YAAY,KAAK,CAAC,cAAc,EAAE,CAAC;AACnC,WAAW;AACX,UAAU,OAAO,CAAC,KAAK,CAAC,CAAC;AACzB,SAAS;AACT,OAAO,CAAC,CAAC;AACT,KAAK,CAAC;AACN,IAAI,QAAQ,CAAC,eAAe,CAAC,gBAAgB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAC1E,IAAI,OAAO,MAAM,QAAQ,CAAC,eAAe,CAAC,mBAAmB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAC1F,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB;;;;;"}
1
+ {"version":3,"file":"use-hotkeys.js","sources":["../../src/use-hotkeys/use-hotkeys.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { getHotkeyHandler, getHotkeyMatcher, HotkeyItemOptions } from './parse-hotkey';\n\nexport type { HotkeyItemOptions };\nexport { getHotkeyHandler };\n\nexport type HotkeyItem = [string, (event: KeyboardEvent) => void, HotkeyItemOptions?];\n\nfunction shouldFireEvent(\n event: KeyboardEvent,\n tagsToIgnore: string[],\n triggerOnContentEditable = false\n) {\n if (event.target instanceof HTMLElement) {\n if (triggerOnContentEditable) {\n return !tagsToIgnore.includes(event.target.tagName);\n }\n\n return !event.target.isContentEditable && !tagsToIgnore.includes(event.target.tagName);\n }\n\n return true;\n}\n\nexport function useHotkeys(\n hotkeys: HotkeyItem[],\n tagsToIgnore: string[] = ['INPUT', 'TEXTAREA', 'SELECT'],\n triggerOnContentEditable = false\n) {\n useEffect(() => {\n const keydownListener = (event: KeyboardEvent) => {\n hotkeys.forEach(([hotkey, handler, options = { preventDefault: true }]) => {\n if (\n getHotkeyMatcher(hotkey)(event) &&\n shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable)\n ) {\n if (options.preventDefault) {\n event.preventDefault();\n }\n\n handler(event);\n }\n });\n };\n\n document.documentElement.addEventListener('keydown', keydownListener);\n return () => document.documentElement.removeEventListener('keydown', keydownListener);\n }, [hotkeys]);\n}\n"],"names":["useEffect","getHotkeyMatcher"],"mappings":";;;;;;;AAQA,SAAS,eAAe,CACtB,KAAoB,EACpB,YAAsB,EACtB,wBAAwB,GAAG,KAAK;IAEhC,IAAI,KAAK,CAAC,MAAM,YAAY,WAAW,EAAE;QACvC,IAAI,wBAAwB,EAAE;YAC5B,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;SACrD;QAED,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,iBAAiB,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;KACxF;IAED,OAAO,IAAI,CAAC;AACd,CAAC;SAEe,UAAU,CACxB,OAAqB,EACrB,eAAyB,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,EACxD,wBAAwB,GAAG,KAAK;IAEhCA,eAAS,CAAC;QACR,MAAM,eAAe,GAAG,CAAC,KAAoB;YAC3C,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC;gBACpE,IACEC,4BAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC;oBAC/B,eAAe,CAAC,KAAK,EAAE,YAAY,EAAE,wBAAwB,CAAC,EAC9D;oBACA,IAAI,OAAO,CAAC,cAAc,EAAE;wBAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;qBACxB;oBAED,OAAO,CAAC,KAAK,CAAC,CAAC;iBAChB;aACF,CAAC,CAAC;SACJ,CAAC;QAEF,QAAQ,CAAC,eAAe,CAAC,gBAAgB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;QACtE,OAAO,MAAM,QAAQ,CAAC,eAAe,CAAC,mBAAmB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;KACvF,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB;;;;;"}
@@ -5,23 +5,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
 
7
7
  function useHover() {
8
- const [hovered, setHovered] = React.useState(false);
9
- const ref = React.useRef(null);
10
- const onMouseEnter = React.useCallback(() => setHovered(true), []);
11
- const onMouseLeave = React.useCallback(() => setHovered(false), []);
12
- React.useEffect(() => {
13
- if (ref.current) {
14
- ref.current.addEventListener("mouseenter", onMouseEnter);
15
- ref.current.addEventListener("mouseleave", onMouseLeave);
16
- return () => {
17
- var _a, _b;
18
- (_a = ref.current) == null ? void 0 : _a.removeEventListener("mouseenter", onMouseEnter);
19
- (_b = ref.current) == null ? void 0 : _b.removeEventListener("mouseleave", onMouseLeave);
20
- };
21
- }
22
- return void 0;
23
- }, []);
24
- return { ref, hovered };
8
+ const [hovered, setHovered] = React.useState(false);
9
+ const ref = React.useRef(null);
10
+ const onMouseEnter = React.useCallback(() => setHovered(true), []);
11
+ const onMouseLeave = React.useCallback(() => setHovered(false), []);
12
+ React.useEffect(() => {
13
+ if (ref.current) {
14
+ ref.current.addEventListener('mouseenter', onMouseEnter);
15
+ ref.current.addEventListener('mouseleave', onMouseLeave);
16
+ return () => {
17
+ var _a, _b;
18
+ (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseenter', onMouseEnter);
19
+ (_b = ref.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', onMouseLeave);
20
+ };
21
+ }
22
+ return undefined;
23
+ }, []);
24
+ return { ref, hovered };
25
25
  }
26
26
 
27
27
  exports.useHover = useHover;
@@ -1 +1 @@
1
- {"version":3,"file":"use-hover.js","sources":["../../src/use-hover/use-hover.ts"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\n\nexport function useHover<T extends HTMLElement = HTMLDivElement>() {\n const [hovered, setHovered] = useState(false);\n const ref = useRef<T>(null);\n const onMouseEnter = useCallback(() => setHovered(true), []);\n const onMouseLeave = useCallback(() => setHovered(false), []);\n\n useEffect(() => {\n if (ref.current) {\n ref.current.addEventListener('mouseenter', onMouseEnter);\n ref.current.addEventListener('mouseleave', onMouseLeave);\n\n return () => {\n ref.current?.removeEventListener('mouseenter', onMouseEnter);\n ref.current?.removeEventListener('mouseleave', onMouseLeave);\n };\n }\n\n return undefined;\n }, []);\n\n return { ref, hovered };\n}\n"],"names":["useState","useRef","useCallback","useEffect"],"mappings":";;;;;;AACO,SAAS,QAAQ,GAAG;AAC3B,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;AAChD,EAAE,MAAM,GAAG,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAC;AAC3B,EAAE,MAAM,YAAY,GAAGC,iBAAW,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;AAC/D,EAAE,MAAM,YAAY,GAAGA,iBAAW,CAAC,MAAM,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;AAChE,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,IAAI,GAAG,CAAC,OAAO,EAAE;AACrB,MAAM,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAC/D,MAAM,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAC/D,MAAM,OAAO,MAAM;AACnB,QAAQ,IAAI,EAAE,EAAE,EAAE,CAAC;AACnB,QAAQ,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AACjG,QAAQ,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AACjG,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;AAC1B;;;;"}
1
+ {"version":3,"file":"use-hover.js","sources":["../../src/use-hover/use-hover.ts"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\n\nexport function useHover<T extends HTMLElement = HTMLDivElement>() {\n const [hovered, setHovered] = useState(false);\n const ref = useRef<T>(null);\n const onMouseEnter = useCallback(() => setHovered(true), []);\n const onMouseLeave = useCallback(() => setHovered(false), []);\n\n useEffect(() => {\n if (ref.current) {\n ref.current.addEventListener('mouseenter', onMouseEnter);\n ref.current.addEventListener('mouseleave', onMouseLeave);\n\n return () => {\n ref.current?.removeEventListener('mouseenter', onMouseEnter);\n ref.current?.removeEventListener('mouseleave', onMouseLeave);\n };\n }\n\n return undefined;\n }, []);\n\n return { ref, hovered };\n}\n"],"names":["useState","useRef","useCallback","useEffect"],"mappings":";;;;;;SAEgB,QAAQ;IACtB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAGC,YAAM,CAAI,IAAI,CAAC,CAAC;IAC5B,MAAM,YAAY,GAAGC,iBAAW,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7D,MAAM,YAAY,GAAGA,iBAAW,CAAC,MAAM,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAE9DC,eAAS,CAAC;QACR,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;YACzD,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;YAEzD,OAAO;;gBACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;gBAC7D,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;aAC9D,CAAC;SACH;QAED,OAAO,SAAS,CAAC;KAClB,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;AAC1B;;;;"}
@@ -8,18 +8,18 @@ var useReactId = require('./use-react-id.js');
8
8
  var randomId = require('../utils/random-id/random-id.js');
9
9
 
10
10
  function useId(staticId) {
11
- const reactId = useReactId.useReactId();
12
- const [uuid, setUuid] = React.useState(reactId);
13
- useIsomorphicEffect.useIsomorphicEffect(() => {
14
- setUuid(randomId.randomId());
15
- }, []);
16
- if (typeof staticId === "string") {
17
- return staticId;
18
- }
19
- if (typeof window === "undefined") {
20
- return reactId;
21
- }
22
- return uuid;
11
+ const reactId = useReactId.useReactId();
12
+ const [uuid, setUuid] = React.useState(reactId);
13
+ useIsomorphicEffect.useIsomorphicEffect(() => {
14
+ setUuid(randomId.randomId());
15
+ }, []);
16
+ if (typeof staticId === 'string') {
17
+ return staticId;
18
+ }
19
+ if (typeof window === 'undefined') {
20
+ return reactId;
21
+ }
22
+ return uuid;
23
23
  }
24
24
 
25
25
  exports.useId = useId;
@@ -1 +1 @@
1
- {"version":3,"file":"use-id.js","sources":["../../src/use-id/use-id.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\nimport { randomId } from '../utils';\nimport { useReactId } from './use-react-id';\n\nexport function useId(staticId?: string) {\n const reactId = useReactId();\n const [uuid, setUuid] = useState(reactId);\n\n useIsomorphicEffect(() => {\n setUuid(randomId());\n }, []);\n\n if (typeof staticId === 'string') {\n return staticId;\n }\n\n if (typeof window === 'undefined') {\n return reactId;\n }\n\n return uuid;\n}\n"],"names":["useReactId","useState","useIsomorphicEffect","randomId"],"mappings":";;;;;;;;;AAIO,SAAS,KAAK,CAAC,QAAQ,EAAE;AAChC,EAAE,MAAM,OAAO,GAAGA,qBAAU,EAAE,CAAC;AAC/B,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGC,cAAQ,CAAC,OAAO,CAAC,CAAC;AAC5C,EAAEC,uCAAmB,CAAC,MAAM;AAC5B,IAAI,OAAO,CAACC,iBAAQ,EAAE,CAAC,CAAC;AACxB,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AACpC,IAAI,OAAO,QAAQ,CAAC;AACpB,GAAG;AACH,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACrC,IAAI,OAAO,OAAO,CAAC;AACnB,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd;;;;"}
1
+ {"version":3,"file":"use-id.js","sources":["../../src/use-id/use-id.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\nimport { randomId } from '../utils';\nimport { useReactId } from './use-react-id';\n\nexport function useId(staticId?: string) {\n const reactId = useReactId();\n const [uuid, setUuid] = useState(reactId);\n\n useIsomorphicEffect(() => {\n setUuid(randomId());\n }, []);\n\n if (typeof staticId === 'string') {\n return staticId;\n }\n\n if (typeof window === 'undefined') {\n return reactId;\n }\n\n return uuid;\n}\n"],"names":["useReactId","useState","useIsomorphicEffect","randomId"],"mappings":";;;;;;;;;SAKgB,KAAK,CAAC,QAAiB;IACrC,MAAM,OAAO,GAAGA,qBAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGC,cAAQ,CAAC,OAAO,CAAC,CAAC;IAE1CC,uCAAmB,CAAC;QAClB,OAAO,CAACC,iBAAQ,EAAE,CAAC,CAAC;KACrB,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAChC,OAAO,QAAQ,CAAC;KACjB;IAED,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AACd;;;;"}
@@ -8,10 +8,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
8
8
 
9
9
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
10
 
11
- const __useId = React__default["useId".toString()] || (() => void 0);
11
+ const __useId = React__default['useId'.toString()] || (() => undefined);
12
12
  function useReactId() {
13
- const id = __useId();
14
- return id ? `mantine-${id.replace(/:/g, "")}` : "";
13
+ const id = __useId();
14
+ return id ? `mantine-${id.replace(/:/g, '')}` : '';
15
15
  }
16
16
 
17
17
  exports.useReactId = useReactId;
@@ -1 +1 @@
1
- {"version":3,"file":"use-react-id.js","sources":["../../src/use-id/use-react-id.ts"],"sourcesContent":["import React from 'react';\n\nconst __useId: () => string | undefined = (React as any)['useId'.toString()] || (() => undefined);\n\nexport function useReactId() {\n const id = __useId();\n return id ? `mantine-${id.replace(/:/g, '')}` : '';\n}\n"],"names":["React"],"mappings":";;;;;;;;;;AACA,MAAM,OAAO,GAAGA,cAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,CAAC,CAAC;AACrD,SAAS,UAAU,GAAG;AAC7B,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,CAAC;AACvB,EAAE,OAAO,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;AACrD;;;;"}
1
+ {"version":3,"file":"use-react-id.js","sources":["../../src/use-id/use-react-id.ts"],"sourcesContent":["import React from 'react';\n\nconst __useId: () => string | undefined = (React as any)['useId'.toString()] || (() => undefined);\n\nexport function useReactId() {\n const id = __useId();\n return id ? `mantine-${id.replace(/:/g, '')}` : '';\n}\n"],"names":["React"],"mappings":";;;;;;;;;;AAEA,MAAM,OAAO,GAA8BA,cAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,MAAM,SAAS,CAAC,CAAC;SAElF,UAAU;IACxB,MAAM,EAAE,GAAG,OAAO,EAAE,CAAC;IACrB,OAAO,EAAE,GAAG,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;AACrD;;;;"}
@@ -4,53 +4,37 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
 
7
- var __defProp = Object.defineProperty;
8
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
- var __spreadValues = (a, b) => {
13
- for (var prop in b || (b = {}))
14
- if (__hasOwnProp.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- if (__getOwnPropSymbols)
17
- for (var prop of __getOwnPropSymbols(b)) {
18
- if (__propIsEnum.call(b, prop))
19
- __defNormalProp(a, prop, b[prop]);
20
- }
21
- return a;
22
- };
23
7
  const DEFAULT_EVENTS = [
24
- "keypress",
25
- "mousemove",
26
- "touchmove",
27
- "click",
28
- "scroll"
8
+ 'keypress',
9
+ 'mousemove',
10
+ 'touchmove',
11
+ 'click',
12
+ 'scroll',
29
13
  ];
30
14
  const DEFAULT_OPTIONS = {
31
- events: DEFAULT_EVENTS,
32
- initialState: true
15
+ events: DEFAULT_EVENTS,
16
+ initialState: true,
33
17
  };
34
18
  function useIdle(timeout, options) {
35
- const { events, initialState } = __spreadValues(__spreadValues({}, DEFAULT_OPTIONS), options);
36
- const [idle, setIdle] = React.useState(initialState);
37
- const timer = React.useRef();
38
- React.useEffect(() => {
39
- const handleEvents = () => {
40
- setIdle(false);
41
- if (timer.current) {
42
- window.clearTimeout(timer.current);
43
- }
44
- timer.current = window.setTimeout(() => {
45
- setIdle(true);
46
- }, timeout);
47
- };
48
- events.forEach((event) => document.addEventListener(event, handleEvents));
49
- return () => {
50
- events.forEach((event) => document.removeEventListener(event, handleEvents));
51
- };
52
- }, [timeout]);
53
- return idle;
19
+ const { events, initialState } = Object.assign(Object.assign({}, DEFAULT_OPTIONS), options);
20
+ const [idle, setIdle] = React.useState(initialState);
21
+ const timer = React.useRef();
22
+ React.useEffect(() => {
23
+ const handleEvents = () => {
24
+ setIdle(false);
25
+ if (timer.current) {
26
+ window.clearTimeout(timer.current);
27
+ }
28
+ timer.current = window.setTimeout(() => {
29
+ setIdle(true);
30
+ }, timeout);
31
+ };
32
+ events.forEach((event) => document.addEventListener(event, handleEvents));
33
+ return () => {
34
+ events.forEach((event) => document.removeEventListener(event, handleEvents));
35
+ };
36
+ }, [timeout]);
37
+ return idle;
54
38
  }
55
39
 
56
40
  exports.useIdle = useIdle;
@@ -1 +1 @@
1
- {"version":3,"file":"use-idle.js","sources":["../../src/use-idle/use-idle.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\n\nconst DEFAULT_EVENTS: (keyof DocumentEventMap)[] = [\n 'keypress',\n 'mousemove',\n 'touchmove',\n 'click',\n 'scroll',\n];\nconst DEFAULT_OPTIONS = {\n events: DEFAULT_EVENTS,\n initialState: true,\n};\n\nexport function useIdle(\n timeout: number,\n options?: Partial<{ events: (keyof DocumentEventMap)[]; initialState: boolean }>\n) {\n const { events, initialState } = { ...DEFAULT_OPTIONS, ...options };\n const [idle, setIdle] = useState<boolean>(initialState);\n const timer = useRef<number>();\n\n useEffect(() => {\n const handleEvents = () => {\n setIdle(false);\n\n if (timer.current) {\n window.clearTimeout(timer.current);\n }\n\n timer.current = window.setTimeout(() => {\n setIdle(true);\n }, timeout);\n };\n\n events.forEach((event) => document.addEventListener(event, handleEvents));\n\n return () => {\n events.forEach((event) => document.removeEventListener(event, handleEvents));\n };\n }, [timeout]);\n\n return idle;\n}\n"],"names":["useState","useRef","useEffect"],"mappings":"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"}
1
+ {"version":3,"file":"use-idle.js","sources":["../../src/use-idle/use-idle.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\n\nconst DEFAULT_EVENTS: (keyof DocumentEventMap)[] = [\n 'keypress',\n 'mousemove',\n 'touchmove',\n 'click',\n 'scroll',\n];\nconst DEFAULT_OPTIONS = {\n events: DEFAULT_EVENTS,\n initialState: true,\n};\n\nexport function useIdle(\n timeout: number,\n options?: Partial<{ events: (keyof DocumentEventMap)[]; initialState: boolean }>\n) {\n const { events, initialState } = { ...DEFAULT_OPTIONS, ...options };\n const [idle, setIdle] = useState<boolean>(initialState);\n const timer = useRef<number>();\n\n useEffect(() => {\n const handleEvents = () => {\n setIdle(false);\n\n if (timer.current) {\n window.clearTimeout(timer.current);\n }\n\n timer.current = window.setTimeout(() => {\n setIdle(true);\n }, timeout);\n };\n\n events.forEach((event) => document.addEventListener(event, handleEvents));\n\n return () => {\n events.forEach((event) => document.removeEventListener(event, handleEvents));\n };\n }, [timeout]);\n\n return idle;\n}\n"],"names":["useState","useRef","useEffect"],"mappings":";;;;;;AAEA,MAAM,cAAc,GAA+B;IACjD,UAAU;IACV,WAAW;IACX,WAAW;IACX,OAAO;IACP,QAAQ;CACT,CAAC;AACF,MAAM,eAAe,GAAG;IACtB,MAAM,EAAE,cAAc;IACtB,YAAY,EAAE,IAAI;CACnB,CAAC;SAEc,OAAO,CACrB,OAAe,EACf,OAAgF;IAEhF,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,mCAAQ,eAAe,GAAK,OAAO,CAAE,CAAC;IACpE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAGA,cAAQ,CAAU,YAAY,CAAC,CAAC;IACxD,MAAM,KAAK,GAAGC,YAAM,EAAU,CAAC;IAE/BC,eAAS,CAAC;QACR,MAAM,YAAY,GAAG;YACnB,OAAO,CAAC,KAAK,CAAC,CAAC;YAEf,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;aACpC;YAED,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;gBAChC,OAAO,CAAC,IAAI,CAAC,CAAC;aACf,EAAE,OAAO,CAAC,CAAC;SACb,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;QAE1E,OAAO;YACL,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,mBAAmB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;SAC9E,CAAC;KACH,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,IAAI,CAAC;AACd;;;;"}
@@ -5,26 +5,30 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
 
7
7
  function getInputOnChange(setValue) {
8
- return (val) => {
9
- if (!val) {
10
- setValue(val);
11
- } else if (typeof val === "function") {
12
- setValue(val);
13
- } else if (typeof val === "object" && "nativeEvent" in val) {
14
- const { currentTarget } = val;
15
- if (currentTarget.type === "checkbox") {
16
- setValue(currentTarget.checked);
17
- } else {
18
- setValue(currentTarget.value);
19
- }
20
- } else {
21
- setValue(val);
22
- }
23
- };
8
+ return (val) => {
9
+ if (!val) {
10
+ setValue(val);
11
+ }
12
+ else if (typeof val === 'function') {
13
+ setValue(val);
14
+ }
15
+ else if (typeof val === 'object' && 'nativeEvent' in val) {
16
+ const { currentTarget } = val;
17
+ if (currentTarget.type === 'checkbox') {
18
+ setValue(currentTarget.checked);
19
+ }
20
+ else {
21
+ setValue(currentTarget.value);
22
+ }
23
+ }
24
+ else {
25
+ setValue(val);
26
+ }
27
+ };
24
28
  }
25
29
  function useInputState(initialState) {
26
- const [value, setValue] = React.useState(initialState);
27
- return [value, getInputOnChange(setValue)];
30
+ const [value, setValue] = React.useState(initialState);
31
+ return [value, getInputOnChange(setValue)];
28
32
  }
29
33
 
30
34
  exports.getInputOnChange = getInputOnChange;
@@ -1 +1 @@
1
- {"version":3,"file":"use-input-state.js","sources":["../../src/use-input-state/use-input-state.ts"],"sourcesContent":["import React, { useState } from 'react';\n\nexport function getInputOnChange<T>(\n setValue: (value: null | undefined | T | ((current: T) => T)) => void\n) {\n return (val: null | undefined | T | React.ChangeEvent<any> | ((current: T) => T)) => {\n if (!val) {\n setValue(val as T);\n } else if (typeof val === 'function') {\n setValue(val);\n } else if (typeof val === 'object' && 'nativeEvent' in val) {\n const { currentTarget } = val;\n\n if (currentTarget.type === 'checkbox') {\n setValue((currentTarget as any).checked as any);\n } else {\n setValue(currentTarget.value as any);\n }\n } else {\n setValue(val);\n }\n };\n}\n\nexport function useInputState<T>(initialState: T) {\n const [value, setValue] = useState(initialState);\n return [value, getInputOnChange<T>(setValue)] as [\n T,\n (value: null | undefined | T | React.ChangeEvent<any>) => void\n ];\n}\n"],"names":["useState"],"mappings":";;;;;;AACO,SAAS,gBAAgB,CAAC,QAAQ,EAAE;AAC3C,EAAE,OAAO,CAAC,GAAG,KAAK;AAClB,IAAI,IAAI,CAAC,GAAG,EAAE;AACd,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;AACpB,KAAK,MAAM,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;AAC1C,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;AACpB,KAAK,MAAM,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,aAAa,IAAI,GAAG,EAAE;AAChE,MAAM,MAAM,EAAE,aAAa,EAAE,GAAG,GAAG,CAAC;AACpC,MAAM,IAAI,aAAa,CAAC,IAAI,KAAK,UAAU,EAAE;AAC7C,QAAQ,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AACxC,OAAO,MAAM;AACb,QAAQ,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACtC,OAAO;AACP,KAAK,MAAM;AACX,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC;AACpB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC;AACM,SAAS,aAAa,CAAC,YAAY,EAAE;AAC5C,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,YAAY,CAAC,CAAC;AACnD,EAAE,OAAO,CAAC,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC7C;;;;;"}
1
+ {"version":3,"file":"use-input-state.js","sources":["../../src/use-input-state/use-input-state.ts"],"sourcesContent":["import React, { useState } from 'react';\n\nexport function getInputOnChange<T>(\n setValue: (value: null | undefined | T | ((current: T) => T)) => void\n) {\n return (val: null | undefined | T | React.ChangeEvent<any> | ((current: T) => T)) => {\n if (!val) {\n setValue(val as T);\n } else if (typeof val === 'function') {\n setValue(val);\n } else if (typeof val === 'object' && 'nativeEvent' in val) {\n const { currentTarget } = val;\n\n if (currentTarget.type === 'checkbox') {\n setValue((currentTarget as any).checked as any);\n } else {\n setValue(currentTarget.value as any);\n }\n } else {\n setValue(val);\n }\n };\n}\n\nexport function useInputState<T>(initialState: T) {\n const [value, setValue] = useState<T>(initialState);\n return [value, getInputOnChange<T>(setValue as any)] as [\n T,\n (value: null | undefined | T | React.ChangeEvent<any>) => void\n ];\n}\n"],"names":["useState"],"mappings":";;;;;;SAEgB,gBAAgB,CAC9B,QAAqE;IAErE,OAAO,CAAC,GAAwE;QAC9E,IAAI,CAAC,GAAG,EAAE;YACR,QAAQ,CAAC,GAAQ,CAAC,CAAC;SACpB;aAAM,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YACpC,QAAQ,CAAC,GAAG,CAAC,CAAC;SACf;aAAM,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,aAAa,IAAI,GAAG,EAAE;YAC1D,MAAM,EAAE,aAAa,EAAE,GAAG,GAAG,CAAC;YAE9B,IAAI,aAAa,CAAC,IAAI,KAAK,UAAU,EAAE;gBACrC,QAAQ,CAAE,aAAqB,CAAC,OAAc,CAAC,CAAC;aACjD;iBAAM;gBACL,QAAQ,CAAC,aAAa,CAAC,KAAY,CAAC,CAAC;aACtC;SACF;aAAM;YACL,QAAQ,CAAC,GAAG,CAAC,CAAC;SACf;KACF,CAAC;AACJ,CAAC;SAEe,aAAa,CAAI,YAAe;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAI,YAAY,CAAC,CAAC;IACpD,OAAO,CAAC,KAAK,EAAE,gBAAgB,CAAI,QAAe,CAAC,CAGlD,CAAC;AACJ;;;;;"}
@@ -5,23 +5,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
 
7
7
  function useIntersection(options) {
8
- const [entry, setEntry] = React.useState(null);
9
- const observer = React.useRef();
10
- const ref = React.useCallback((element) => {
11
- if (observer.current) {
12
- observer.current.disconnect();
13
- observer.current = null;
14
- }
15
- if (element === null) {
16
- setEntry(null);
17
- return;
18
- }
19
- observer.current = new IntersectionObserver(([_entry]) => {
20
- setEntry(_entry);
21
- }, options);
22
- observer.current.observe(element);
23
- }, [options == null ? void 0 : options.rootMargin, options == null ? void 0 : options.root, options == null ? void 0 : options.threshold]);
24
- return { ref, entry };
8
+ const [entry, setEntry] = React.useState(null);
9
+ const observer = React.useRef(null);
10
+ const ref = React.useCallback((element) => {
11
+ if (observer.current) {
12
+ observer.current.disconnect();
13
+ observer.current = null;
14
+ }
15
+ if (element === null) {
16
+ setEntry(null);
17
+ return;
18
+ }
19
+ observer.current = new IntersectionObserver(([_entry]) => {
20
+ setEntry(_entry);
21
+ }, options);
22
+ observer.current.observe(element);
23
+ }, [options === null || options === void 0 ? void 0 : options.rootMargin, options === null || options === void 0 ? void 0 : options.root, options === null || options === void 0 ? void 0 : options.threshold]);
24
+ return { ref, entry };
25
25
  }
26
26
 
27
27
  exports.useIntersection = useIntersection;
@@ -1 +1 @@
1
- {"version":3,"file":"use-intersection.js","sources":["../../src/use-intersection/use-intersection.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nexport function useIntersection<T extends HTMLElement = any>(\n options?: ConstructorParameters<typeof IntersectionObserver>[1]\n) {\n const [entry, setEntry] = useState<IntersectionObserverEntry>(null);\n\n const observer = useRef<IntersectionObserver>();\n\n const ref = useCallback(\n (element: T | null) => {\n if (observer.current) {\n observer.current.disconnect();\n observer.current = null;\n }\n\n if (element === null) {\n setEntry(null);\n return;\n }\n\n observer.current = new IntersectionObserver(([_entry]) => {\n setEntry(_entry);\n }, options);\n\n observer.current.observe(element);\n },\n [options?.rootMargin, options?.root, options?.threshold]\n );\n\n return { ref, entry };\n}\n"],"names":["useState","useRef","useCallback"],"mappings":";;;;;;AACO,SAAS,eAAe,CAAC,OAAO,EAAE;AACzC,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,IAAI,CAAC,CAAC;AAC3C,EAAE,MAAM,QAAQ,GAAGC,YAAM,EAAE,CAAC;AAC5B,EAAE,MAAM,GAAG,GAAGC,iBAAW,CAAC,CAAC,OAAO,KAAK;AACvC,IAAI,IAAI,QAAQ,CAAC,OAAO,EAAE;AAC1B,MAAM,QAAQ,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;AACpC,MAAM,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;AAC9B,KAAK;AACL,IAAI,IAAI,OAAO,KAAK,IAAI,EAAE;AAC1B,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;AACrB,MAAM,OAAO;AACb,KAAK;AACL,IAAI,QAAQ,CAAC,OAAO,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK;AAC9D,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AACvB,KAAK,EAAE,OAAO,CAAC,CAAC;AAChB,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AACtC,GAAG,EAAE,CAAC,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,UAAU,EAAE,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,IAAI,EAAE,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;AAC7I,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AACxB;;;;"}
1
+ {"version":3,"file":"use-intersection.js","sources":["../../src/use-intersection/use-intersection.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nexport function useIntersection<T extends HTMLElement = any>(\n options?: ConstructorParameters<typeof IntersectionObserver>[1]\n) {\n const [entry, setEntry] = useState<IntersectionObserverEntry | null>(null);\n\n const observer = useRef<IntersectionObserver | null>(null);\n\n const ref = useCallback(\n (element: T | null) => {\n if (observer.current) {\n observer.current.disconnect();\n observer.current = null;\n }\n\n if (element === null) {\n setEntry(null);\n return;\n }\n\n observer.current = new IntersectionObserver(([_entry]) => {\n setEntry(_entry);\n }, options);\n\n observer.current.observe(element);\n },\n [options?.rootMargin, options?.root, options?.threshold]\n );\n\n return { ref, entry };\n}\n"],"names":["useState","useRef","useCallback"],"mappings":";;;;;;SAEgB,eAAe,CAC7B,OAA+D;IAE/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAmC,IAAI,CAAC,CAAC;IAE3E,MAAM,QAAQ,GAAGC,YAAM,CAA8B,IAAI,CAAC,CAAC;IAE3D,MAAM,GAAG,GAAGC,iBAAW,CACrB,CAAC,OAAiB;QAChB,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;YAC9B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;SACzB;QAED,IAAI,OAAO,KAAK,IAAI,EAAE;YACpB,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,OAAO;SACR;QAED,QAAQ,CAAC,OAAO,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC;YACnD,QAAQ,CAAC,MAAM,CAAC,CAAC;SAClB,EAAE,OAAO,CAAC,CAAC;QAEZ,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;KACnC,EACD,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC,CACzD,CAAC;IAEF,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AACxB;;;;"}