@mantine/hooks 7.0.0-alpha.8 → 7.0.0-alpha.9

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 (293) hide show
  1. package/cjs/use-callback-ref/use-callback-ref.js +5 -9
  2. package/cjs/use-callback-ref/use-callback-ref.js.map +1 -1
  3. package/cjs/use-click-outside/use-click-outside.js +21 -20
  4. package/cjs/use-click-outside/use-click-outside.js.map +1 -1
  5. package/cjs/use-clipboard/use-clipboard.js +26 -23
  6. package/cjs/use-clipboard/use-clipboard.js.map +1 -1
  7. package/cjs/use-color-scheme/use-color-scheme.js +3 -2
  8. package/cjs/use-color-scheme/use-color-scheme.js.map +1 -1
  9. package/cjs/use-counter/use-counter.js +9 -26
  10. package/cjs/use-counter/use-counter.js.map +1 -1
  11. package/cjs/use-debounced-callback/use-debounced-callback.js +7 -8
  12. package/cjs/use-debounced-callback/use-debounced-callback.js.map +1 -1
  13. package/cjs/use-debounced-state/use-debounced-state.js +19 -19
  14. package/cjs/use-debounced-state/use-debounced-state.js.map +1 -1
  15. package/cjs/use-debounced-value/use-debounced-value.js +25 -25
  16. package/cjs/use-debounced-value/use-debounced-value.js.map +1 -1
  17. package/cjs/use-did-update/use-did-update.js +11 -12
  18. package/cjs/use-did-update/use-did-update.js.map +1 -1
  19. package/cjs/use-disclosure/use-disclosure.js +24 -25
  20. package/cjs/use-disclosure/use-disclosure.js.map +1 -1
  21. package/cjs/use-document-title/use-document-title.js +5 -6
  22. package/cjs/use-document-title/use-document-title.js.map +1 -1
  23. package/cjs/use-document-visibility/use-document-visibility.js +7 -8
  24. package/cjs/use-document-visibility/use-document-visibility.js.map +1 -1
  25. package/cjs/use-event-listener/use-event-listener.js +9 -13
  26. package/cjs/use-event-listener/use-event-listener.js.map +1 -1
  27. package/cjs/use-eye-dropper/use-eye-dropper.js +12 -13
  28. package/cjs/use-eye-dropper/use-eye-dropper.js.map +1 -1
  29. package/cjs/use-favicon/use-favicon.js +23 -22
  30. package/cjs/use-favicon/use-favicon.js.map +1 -1
  31. package/cjs/use-focus-return/use-focus-return.js +29 -26
  32. package/cjs/use-focus-return/use-focus-return.js.map +1 -1
  33. package/cjs/use-focus-trap/create-aria-hider.js +36 -35
  34. package/cjs/use-focus-trap/create-aria-hider.js.map +1 -1
  35. package/cjs/use-focus-trap/scope-tab.js +15 -16
  36. package/cjs/use-focus-trap/scope-tab.js.map +1 -1
  37. package/cjs/use-focus-trap/tabbable.js +36 -32
  38. package/cjs/use-focus-trap/tabbable.js.map +1 -1
  39. package/cjs/use-focus-trap/use-focus-trap.js +67 -62
  40. package/cjs/use-focus-trap/use-focus-trap.js.map +1 -1
  41. package/cjs/use-focus-within/use-focus-within.js +37 -41
  42. package/cjs/use-focus-within/use-focus-within.js.map +1 -1
  43. package/cjs/use-force-update/use-force-update.js +3 -4
  44. package/cjs/use-force-update/use-force-update.js.map +1 -1
  45. package/cjs/use-fullscreen/use-fullscreen.js +83 -72
  46. package/cjs/use-fullscreen/use-fullscreen.js.map +1 -1
  47. package/cjs/use-hash/use-hash.js +16 -17
  48. package/cjs/use-hash/use-hash.js.map +1 -1
  49. package/cjs/use-headroom/use-headroom.js +23 -24
  50. package/cjs/use-headroom/use-headroom.js.map +1 -1
  51. package/cjs/use-hotkeys/parse-hotkey.js +49 -65
  52. package/cjs/use-hotkeys/parse-hotkey.js.map +1 -1
  53. package/cjs/use-hotkeys/use-hotkeys.js +22 -22
  54. package/cjs/use-hotkeys/use-hotkeys.js.map +1 -1
  55. package/cjs/use-hover/use-hover.js +17 -18
  56. package/cjs/use-hover/use-hover.js.map +1 -1
  57. package/cjs/use-id/use-id.js +12 -13
  58. package/cjs/use-id/use-id.js.map +1 -1
  59. package/cjs/use-id/use-react-id.js +3 -4
  60. package/cjs/use-id/use-react-id.js.map +1 -1
  61. package/cjs/use-idle/use-idle.js +26 -43
  62. package/cjs/use-idle/use-idle.js.map +1 -1
  63. package/cjs/use-input-state/use-input-state.js +22 -19
  64. package/cjs/use-input-state/use-input-state.js.map +1 -1
  65. package/cjs/use-intersection/use-intersection.js +17 -18
  66. package/cjs/use-intersection/use-intersection.js.map +1 -1
  67. package/cjs/use-interval/use-interval.js +28 -28
  68. package/cjs/use-interval/use-interval.js.map +1 -1
  69. package/cjs/use-isomorphic-effect/use-isomorphic-effect.js +3 -2
  70. package/cjs/use-isomorphic-effect/use-isomorphic-effect.js.map +1 -1
  71. package/cjs/use-list-state/use-list-state.js +55 -75
  72. package/cjs/use-list-state/use-list-state.js.map +1 -1
  73. package/cjs/use-local-storage/create-storage.js +70 -71
  74. package/cjs/use-local-storage/create-storage.js.map +1 -1
  75. package/cjs/use-local-storage/use-local-storage.js +1 -2
  76. package/cjs/use-local-storage/use-local-storage.js.map +1 -1
  77. package/cjs/use-logger/use-logger.js +9 -9
  78. package/cjs/use-logger/use-logger.js.map +1 -1
  79. package/cjs/use-media-query/use-media-query.js +31 -27
  80. package/cjs/use-media-query/use-media-query.js.map +1 -1
  81. package/cjs/use-merged-ref/use-merged-ref.js +11 -10
  82. package/cjs/use-merged-ref/use-merged-ref.js.map +1 -1
  83. package/cjs/use-mouse/use-mouse.js +25 -41
  84. package/cjs/use-mouse/use-mouse.js.map +1 -1
  85. package/cjs/use-move/use-move.js +88 -88
  86. package/cjs/use-move/use-move.js.map +1 -1
  87. package/cjs/use-network/use-network.js +32 -49
  88. package/cjs/use-network/use-network.js.map +1 -1
  89. package/cjs/use-os/use-os.js +30 -31
  90. package/cjs/use-os/use-os.js.map +1 -1
  91. package/cjs/use-page-leave/use-page-leave.js +4 -5
  92. package/cjs/use-page-leave/use-page-leave.js.map +1 -1
  93. package/cjs/use-pagination/use-pagination.js +58 -64
  94. package/cjs/use-pagination/use-pagination.js.map +1 -1
  95. package/cjs/use-previous/use-previous.js +5 -6
  96. package/cjs/use-previous/use-previous.js.map +1 -1
  97. package/cjs/use-queue/use-queue.js +24 -25
  98. package/cjs/use-queue/use-queue.js.map +1 -1
  99. package/cjs/use-reduced-motion/use-reduced-motion.js +1 -2
  100. package/cjs/use-reduced-motion/use-reduced-motion.js.map +1 -1
  101. package/cjs/use-resize-observer/use-resize-observer.js +36 -35
  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 +77 -78
  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 -2
  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 +46 -54
  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 +10 -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 +14 -12
  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 -2
  114. package/cjs/use-session-storage/use-session-storage.js.map +1 -1
  115. package/cjs/use-set-state/use-set-state.js +3 -20
  116. package/cjs/use-set-state/use-set-state.js.map +1 -1
  117. package/cjs/use-shallow-effect/use-shallow-effect.js +22 -23
  118. package/cjs/use-shallow-effect/use-shallow-effect.js.map +1 -1
  119. package/cjs/use-text-selection/use-text-selection.js +12 -13
  120. package/cjs/use-text-selection/use-text-selection.js.map +1 -1
  121. package/cjs/use-timeout/use-timeout.js +22 -23
  122. package/cjs/use-timeout/use-timeout.js.map +1 -1
  123. package/cjs/use-toggle/use-toggle.js +6 -7
  124. package/cjs/use-toggle/use-toggle.js.map +1 -1
  125. package/cjs/use-uncontrolled/use-uncontrolled.js +10 -17
  126. package/cjs/use-uncontrolled/use-uncontrolled.js.map +1 -1
  127. package/cjs/use-validated-state/use-validated-state.js +14 -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 -13
  130. package/cjs/use-viewport-size/use-viewport-size.js.map +1 -1
  131. package/cjs/use-window-event/use-window-event.js +4 -5
  132. package/cjs/use-window-event/use-window-event.js.map +1 -1
  133. package/cjs/use-window-scroll/use-window-scroll.js +19 -18
  134. package/cjs/use-window-scroll/use-window-scroll.js.map +1 -1
  135. package/cjs/utils/clamp/clamp.js +1 -2
  136. package/cjs/utils/clamp/clamp.js.map +1 -1
  137. package/cjs/utils/lower-first/lower-first.js +1 -2
  138. package/cjs/utils/lower-first/lower-first.js.map +1 -1
  139. package/cjs/utils/random-id/random-id.js +1 -2
  140. package/cjs/utils/random-id/random-id.js.map +1 -1
  141. package/cjs/utils/range/range.js +2 -3
  142. package/cjs/utils/range/range.js.map +1 -1
  143. package/cjs/utils/shallow-equal/shallow-equal.js +19 -20
  144. package/cjs/utils/shallow-equal/shallow-equal.js.map +1 -1
  145. package/cjs/utils/upper-first/upper-first.js +1 -2
  146. package/cjs/utils/upper-first/upper-first.js.map +1 -1
  147. package/esm/use-callback-ref/use-callback-ref.js +5 -9
  148. package/esm/use-callback-ref/use-callback-ref.js.map +1 -1
  149. package/esm/use-click-outside/use-click-outside.js +21 -20
  150. package/esm/use-click-outside/use-click-outside.js.map +1 -1
  151. package/esm/use-clipboard/use-clipboard.js +26 -23
  152. package/esm/use-clipboard/use-clipboard.js.map +1 -1
  153. package/esm/use-color-scheme/use-color-scheme.js +3 -2
  154. package/esm/use-color-scheme/use-color-scheme.js.map +1 -1
  155. package/esm/use-counter/use-counter.js +9 -26
  156. package/esm/use-counter/use-counter.js.map +1 -1
  157. package/esm/use-debounced-callback/use-debounced-callback.js +7 -8
  158. package/esm/use-debounced-callback/use-debounced-callback.js.map +1 -1
  159. package/esm/use-debounced-state/use-debounced-state.js +19 -19
  160. package/esm/use-debounced-state/use-debounced-state.js.map +1 -1
  161. package/esm/use-debounced-value/use-debounced-value.js +25 -25
  162. package/esm/use-debounced-value/use-debounced-value.js.map +1 -1
  163. package/esm/use-did-update/use-did-update.js +11 -12
  164. package/esm/use-did-update/use-did-update.js.map +1 -1
  165. package/esm/use-disclosure/use-disclosure.js +24 -25
  166. package/esm/use-disclosure/use-disclosure.js.map +1 -1
  167. package/esm/use-document-title/use-document-title.js +5 -6
  168. package/esm/use-document-title/use-document-title.js.map +1 -1
  169. package/esm/use-document-visibility/use-document-visibility.js +7 -8
  170. package/esm/use-document-visibility/use-document-visibility.js.map +1 -1
  171. package/esm/use-event-listener/use-event-listener.js +9 -13
  172. package/esm/use-event-listener/use-event-listener.js.map +1 -1
  173. package/esm/use-eye-dropper/use-eye-dropper.js +12 -13
  174. package/esm/use-eye-dropper/use-eye-dropper.js.map +1 -1
  175. package/esm/use-favicon/use-favicon.js +23 -22
  176. package/esm/use-favicon/use-favicon.js.map +1 -1
  177. package/esm/use-focus-return/use-focus-return.js +29 -26
  178. package/esm/use-focus-return/use-focus-return.js.map +1 -1
  179. package/esm/use-focus-trap/create-aria-hider.js +36 -35
  180. package/esm/use-focus-trap/create-aria-hider.js.map +1 -1
  181. package/esm/use-focus-trap/scope-tab.js +15 -16
  182. package/esm/use-focus-trap/scope-tab.js.map +1 -1
  183. package/esm/use-focus-trap/tabbable.js +36 -32
  184. package/esm/use-focus-trap/tabbable.js.map +1 -1
  185. package/esm/use-focus-trap/use-focus-trap.js +67 -62
  186. package/esm/use-focus-trap/use-focus-trap.js.map +1 -1
  187. package/esm/use-focus-within/use-focus-within.js +37 -41
  188. package/esm/use-focus-within/use-focus-within.js.map +1 -1
  189. package/esm/use-force-update/use-force-update.js +3 -4
  190. package/esm/use-force-update/use-force-update.js.map +1 -1
  191. package/esm/use-fullscreen/use-fullscreen.js +83 -72
  192. package/esm/use-fullscreen/use-fullscreen.js.map +1 -1
  193. package/esm/use-hash/use-hash.js +16 -17
  194. package/esm/use-hash/use-hash.js.map +1 -1
  195. package/esm/use-headroom/use-headroom.js +23 -24
  196. package/esm/use-headroom/use-headroom.js.map +1 -1
  197. package/esm/use-hotkeys/parse-hotkey.js +49 -65
  198. package/esm/use-hotkeys/parse-hotkey.js.map +1 -1
  199. package/esm/use-hotkeys/use-hotkeys.js +22 -22
  200. package/esm/use-hotkeys/use-hotkeys.js.map +1 -1
  201. package/esm/use-hover/use-hover.js +17 -18
  202. package/esm/use-hover/use-hover.js.map +1 -1
  203. package/esm/use-id/use-id.js +12 -13
  204. package/esm/use-id/use-id.js.map +1 -1
  205. package/esm/use-id/use-react-id.js +3 -4
  206. package/esm/use-id/use-react-id.js.map +1 -1
  207. package/esm/use-idle/use-idle.js +26 -43
  208. package/esm/use-idle/use-idle.js.map +1 -1
  209. package/esm/use-input-state/use-input-state.js +22 -19
  210. package/esm/use-input-state/use-input-state.js.map +1 -1
  211. package/esm/use-intersection/use-intersection.js +17 -18
  212. package/esm/use-intersection/use-intersection.js.map +1 -1
  213. package/esm/use-interval/use-interval.js +28 -28
  214. package/esm/use-interval/use-interval.js.map +1 -1
  215. package/esm/use-isomorphic-effect/use-isomorphic-effect.js +3 -2
  216. package/esm/use-isomorphic-effect/use-isomorphic-effect.js.map +1 -1
  217. package/esm/use-list-state/use-list-state.js +55 -75
  218. package/esm/use-list-state/use-list-state.js.map +1 -1
  219. package/esm/use-local-storage/create-storage.js +70 -71
  220. package/esm/use-local-storage/create-storage.js.map +1 -1
  221. package/esm/use-local-storage/use-local-storage.js +1 -2
  222. package/esm/use-local-storage/use-local-storage.js.map +1 -1
  223. package/esm/use-logger/use-logger.js +9 -9
  224. package/esm/use-logger/use-logger.js.map +1 -1
  225. package/esm/use-media-query/use-media-query.js +31 -27
  226. package/esm/use-media-query/use-media-query.js.map +1 -1
  227. package/esm/use-merged-ref/use-merged-ref.js +11 -10
  228. package/esm/use-merged-ref/use-merged-ref.js.map +1 -1
  229. package/esm/use-mouse/use-mouse.js +25 -41
  230. package/esm/use-mouse/use-mouse.js.map +1 -1
  231. package/esm/use-move/use-move.js +88 -88
  232. package/esm/use-move/use-move.js.map +1 -1
  233. package/esm/use-network/use-network.js +32 -49
  234. package/esm/use-network/use-network.js.map +1 -1
  235. package/esm/use-os/use-os.js +30 -31
  236. package/esm/use-os/use-os.js.map +1 -1
  237. package/esm/use-page-leave/use-page-leave.js +4 -5
  238. package/esm/use-page-leave/use-page-leave.js.map +1 -1
  239. package/esm/use-pagination/use-pagination.js +58 -64
  240. package/esm/use-pagination/use-pagination.js.map +1 -1
  241. package/esm/use-previous/use-previous.js +5 -6
  242. package/esm/use-previous/use-previous.js.map +1 -1
  243. package/esm/use-queue/use-queue.js +24 -25
  244. package/esm/use-queue/use-queue.js.map +1 -1
  245. package/esm/use-reduced-motion/use-reduced-motion.js +1 -2
  246. package/esm/use-reduced-motion/use-reduced-motion.js.map +1 -1
  247. package/esm/use-resize-observer/use-resize-observer.js +36 -35
  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 +77 -78
  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 -2
  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 +46 -54
  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 +10 -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 +14 -12
  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 -2
  260. package/esm/use-session-storage/use-session-storage.js.map +1 -1
  261. package/esm/use-set-state/use-set-state.js +3 -20
  262. package/esm/use-set-state/use-set-state.js.map +1 -1
  263. package/esm/use-shallow-effect/use-shallow-effect.js +22 -23
  264. package/esm/use-shallow-effect/use-shallow-effect.js.map +1 -1
  265. package/esm/use-text-selection/use-text-selection.js +12 -13
  266. package/esm/use-text-selection/use-text-selection.js.map +1 -1
  267. package/esm/use-timeout/use-timeout.js +22 -23
  268. package/esm/use-timeout/use-timeout.js.map +1 -1
  269. package/esm/use-toggle/use-toggle.js +6 -7
  270. package/esm/use-toggle/use-toggle.js.map +1 -1
  271. package/esm/use-uncontrolled/use-uncontrolled.js +10 -17
  272. package/esm/use-uncontrolled/use-uncontrolled.js.map +1 -1
  273. package/esm/use-validated-state/use-validated-state.js +14 -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 -13
  276. package/esm/use-viewport-size/use-viewport-size.js.map +1 -1
  277. package/esm/use-window-event/use-window-event.js +4 -5
  278. package/esm/use-window-event/use-window-event.js.map +1 -1
  279. package/esm/use-window-scroll/use-window-scroll.js +19 -18
  280. package/esm/use-window-scroll/use-window-scroll.js.map +1 -1
  281. package/esm/utils/clamp/clamp.js +1 -2
  282. package/esm/utils/clamp/clamp.js.map +1 -1
  283. package/esm/utils/lower-first/lower-first.js +1 -2
  284. package/esm/utils/lower-first/lower-first.js.map +1 -1
  285. package/esm/utils/random-id/random-id.js +1 -2
  286. package/esm/utils/random-id/random-id.js.map +1 -1
  287. package/esm/utils/range/range.js +2 -3
  288. package/esm/utils/range/range.js.map +1 -1
  289. package/esm/utils/shallow-equal/shallow-equal.js +19 -20
  290. package/esm/utils/shallow-equal/shallow-equal.js.map +1 -1
  291. package/esm/utils/upper-first/upper-first.js +1 -2
  292. package/esm/utils/upper-first/upper-first.js.map +1 -1
  293. package/package.json +5 -4
@@ -1,4 +1,3 @@
1
- 'use client';
2
1
  'use strict';
3
2
 
4
3
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -9,69 +8,75 @@ var scopeTab = require('./scope-tab.js');
9
8
  var createAriaHider = require('./create-aria-hider.js');
10
9
 
11
10
  function useFocusTrap(active = true) {
12
- const ref = React.useRef();
13
- const restoreAria = React.useRef(null);
14
- const focusNode = (node) => {
15
- let focusElement = node.querySelector("[data-autofocus]");
16
- if (!focusElement) {
17
- const children = Array.from(node.querySelectorAll(tabbable.FOCUS_SELECTOR));
18
- focusElement = children.find(tabbable.tabbable) || children.find(tabbable.focusable) || null;
19
- if (!focusElement && tabbable.focusable(node))
20
- focusElement = node;
21
- }
22
- if (focusElement) {
23
- focusElement.focus({ preventScroll: true });
24
- } else if (process.env.NODE_ENV === "development") {
25
- console.warn("[@mantine/hooks/use-focus-trap] Failed to find focusable element within provided node", node);
26
- }
27
- };
28
- const setRef = React.useCallback((node) => {
29
- if (!active) {
30
- return;
31
- }
32
- if (node === null) {
33
- if (restoreAria.current) {
34
- restoreAria.current();
35
- restoreAria.current = null;
36
- }
37
- return;
38
- }
39
- restoreAria.current = createAriaHider.createAriaHider(node);
40
- if (ref.current === node) {
41
- return;
42
- }
43
- if (node) {
44
- setTimeout(() => {
45
- if (node.getRootNode()) {
46
- focusNode(node);
47
- } else if (process.env.NODE_ENV === "development") {
48
- console.warn("[@mantine/hooks/use-focus-trap] Ref node is not part of the dom", node);
11
+ const ref = React.useRef();
12
+ const restoreAria = React.useRef(null);
13
+ const focusNode = (node) => {
14
+ let focusElement = node.querySelector('[data-autofocus]');
15
+ if (!focusElement) {
16
+ const children = Array.from(node.querySelectorAll(tabbable.FOCUS_SELECTOR));
17
+ focusElement = children.find(tabbable.tabbable) || children.find(tabbable.focusable) || null;
18
+ if (!focusElement && tabbable.focusable(node))
19
+ focusElement = node;
20
+ }
21
+ if (focusElement) {
22
+ focusElement.focus({ preventScroll: true });
23
+ }
24
+ else if (process.env.NODE_ENV === 'development') {
25
+ // eslint-disable-next-line no-console
26
+ console.warn('[@mantine/hooks/use-focus-trap] Failed to find focusable element within provided node', node);
49
27
  }
50
- });
51
- ref.current = node;
52
- } else {
53
- ref.current = null;
54
- }
55
- }, [active]);
56
- React.useEffect(() => {
57
- if (!active) {
58
- return void 0;
59
- }
60
- ref.current && setTimeout(() => focusNode(ref.current));
61
- const handleKeyDown = (event) => {
62
- if (event.key === "Tab" && ref.current) {
63
- scopeTab.scopeTab(ref.current, event);
64
- }
65
- };
66
- document.addEventListener("keydown", handleKeyDown);
67
- return () => {
68
- document.removeEventListener("keydown", handleKeyDown);
69
- if (restoreAria.current) {
70
- restoreAria.current();
71
- }
72
28
  };
73
- }, [active]);
74
- return setRef;
29
+ const setRef = React.useCallback((node) => {
30
+ if (!active) {
31
+ return;
32
+ }
33
+ if (node === null) {
34
+ if (restoreAria.current) {
35
+ restoreAria.current();
36
+ restoreAria.current = null;
37
+ }
38
+ return;
39
+ }
40
+ restoreAria.current = createAriaHider.createAriaHider(node);
41
+ if (ref.current === node) {
42
+ return;
43
+ }
44
+ if (node) {
45
+ // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
46
+ setTimeout(() => {
47
+ if (node.getRootNode()) {
48
+ focusNode(node);
49
+ }
50
+ else if (process.env.NODE_ENV === 'development') {
51
+ // eslint-disable-next-line no-console
52
+ console.warn('[@mantine/hooks/use-focus-trap] Ref node is not part of the dom', node);
53
+ }
54
+ });
55
+ ref.current = node;
56
+ }
57
+ else {
58
+ ref.current = null;
59
+ }
60
+ }, [active]);
61
+ React.useEffect(() => {
62
+ if (!active) {
63
+ return undefined;
64
+ }
65
+ ref.current && setTimeout(() => focusNode(ref.current));
66
+ const handleKeyDown = (event) => {
67
+ if (event.key === 'Tab' && ref.current) {
68
+ scopeTab.scopeTab(ref.current, event);
69
+ }
70
+ };
71
+ document.addEventListener('keydown', handleKeyDown);
72
+ return () => {
73
+ document.removeEventListener('keydown', handleKeyDown);
74
+ if (restoreAria.current) {
75
+ restoreAria.current();
76
+ }
77
+ };
78
+ }, [active]);
79
+ return setRef;
75
80
  }
76
81
 
77
82
  exports.useFocusTrap = useFocusTrap;
@@ -1 +1 @@
1
- {"version":3,"file":"use-focus-trap.js","sources":["../../src/use-focus-trap/use-focus-trap.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { FOCUS_SELECTOR, focusable, tabbable } from './tabbable';\nimport { scopeTab } from './scope-tab';\nimport { createAriaHider } from './create-aria-hider';\n\nexport function useFocusTrap(active = true): (instance: HTMLElement | null) => void {\n const ref = useRef<HTMLElement | null>();\n const restoreAria = useRef<Function | null>(null);\n\n const focusNode = (node: HTMLElement) => {\n let focusElement: HTMLElement | null = node.querySelector('[data-autofocus]');\n\n if (!focusElement) {\n const children = Array.from<HTMLElement>(node.querySelectorAll(FOCUS_SELECTOR));\n focusElement = children.find(tabbable) || children.find(focusable) || null;\n if (!focusElement && focusable(node)) focusElement = node;\n }\n\n if (focusElement) {\n focusElement.focus({ preventScroll: true });\n } else if (process.env.NODE_ENV === 'development') {\n // eslint-disable-next-line no-console\n console.warn(\n '[@mantine/hooks/use-focus-trap] Failed to find focusable element within provided node',\n node\n );\n }\n };\n\n const setRef = useCallback(\n (node: HTMLElement | null) => {\n if (!active) {\n return;\n }\n\n if (node === null) {\n if (restoreAria.current) {\n restoreAria.current();\n restoreAria.current = null;\n }\n return;\n }\n\n restoreAria.current = createAriaHider(node);\n if (ref.current === node) {\n return;\n }\n\n if (node) {\n // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.\n setTimeout(() => {\n if (node.getRootNode()) {\n focusNode(node);\n } else if (process.env.NODE_ENV === 'development') {\n // eslint-disable-next-line no-console\n console.warn('[@mantine/hooks/use-focus-trap] Ref node is not part of the dom', node);\n }\n });\n\n ref.current = node;\n } else {\n ref.current = null;\n }\n },\n [active]\n );\n\n useEffect(() => {\n if (!active) {\n return undefined;\n }\n\n ref.current && setTimeout(() => focusNode(ref.current!));\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Tab' && ref.current) {\n scopeTab(ref.current, event);\n }\n };\n\n document.addEventListener('keydown', handleKeyDown);\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n\n if (restoreAria.current) {\n restoreAria.current();\n }\n };\n }, [active]);\n\n return setRef;\n}\n"],"names":["useRef","FOCUS_SELECTOR","tabbable","focusable","useCallback","createAriaHider","useEffect","scopeTab"],"mappings":"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"}
1
+ {"version":3,"file":"use-focus-trap.js","sources":["../../src/use-focus-trap/use-focus-trap.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { FOCUS_SELECTOR, focusable, tabbable } from './tabbable';\nimport { scopeTab } from './scope-tab';\nimport { createAriaHider } from './create-aria-hider';\n\nexport function useFocusTrap(active = true): (instance: HTMLElement | null) => void {\n const ref = useRef<HTMLElement | null>();\n const restoreAria = useRef<Function | null>(null);\n\n const focusNode = (node: HTMLElement) => {\n let focusElement: HTMLElement | null = node.querySelector('[data-autofocus]');\n\n if (!focusElement) {\n const children = Array.from<HTMLElement>(node.querySelectorAll(FOCUS_SELECTOR));\n focusElement = children.find(tabbable) || children.find(focusable) || null;\n if (!focusElement && focusable(node)) focusElement = node;\n }\n\n if (focusElement) {\n focusElement.focus({ preventScroll: true });\n } else if (process.env.NODE_ENV === 'development') {\n // eslint-disable-next-line no-console\n console.warn(\n '[@mantine/hooks/use-focus-trap] Failed to find focusable element within provided node',\n node\n );\n }\n };\n\n const setRef = useCallback(\n (node: HTMLElement | null) => {\n if (!active) {\n return;\n }\n\n if (node === null) {\n if (restoreAria.current) {\n restoreAria.current();\n restoreAria.current = null;\n }\n return;\n }\n\n restoreAria.current = createAriaHider(node);\n if (ref.current === node) {\n return;\n }\n\n if (node) {\n // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.\n setTimeout(() => {\n if (node.getRootNode()) {\n focusNode(node);\n } else if (process.env.NODE_ENV === 'development') {\n // eslint-disable-next-line no-console\n console.warn('[@mantine/hooks/use-focus-trap] Ref node is not part of the dom', node);\n }\n });\n\n ref.current = node;\n } else {\n ref.current = null;\n }\n },\n [active]\n );\n\n useEffect(() => {\n if (!active) {\n return undefined;\n }\n\n ref.current && setTimeout(() => focusNode(ref.current!));\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Tab' && ref.current) {\n scopeTab(ref.current, event);\n }\n };\n\n document.addEventListener('keydown', handleKeyDown);\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n\n if (restoreAria.current) {\n restoreAria.current();\n }\n };\n }, [active]);\n\n return setRef;\n}\n"],"names":["useRef","FOCUS_SELECTOR","tabbable","focusable","useCallback","createAriaHider","useEffect","scopeTab"],"mappings":";;;;;;;;;SAKgB,YAAY,CAAC,MAAM,GAAG,IAAI;IACxC,MAAM,GAAG,GAAGA,YAAM,EAAsB,CAAC;IACzC,MAAM,WAAW,GAAGA,YAAM,CAAkB,IAAI,CAAC,CAAC;IAElD,MAAM,SAAS,GAAG,CAAC,IAAiB;QAClC,IAAI,YAAY,GAAuB,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QAE9E,IAAI,CAAC,YAAY,EAAE;YACjB,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAc,IAAI,CAAC,gBAAgB,CAACC,uBAAc,CAAC,CAAC,CAAC;YAChF,YAAY,GAAG,QAAQ,CAAC,IAAI,CAACC,iBAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,CAACC,kBAAS,CAAC,IAAI,IAAI,CAAC;YAC3E,IAAI,CAAC,YAAY,IAAIA,kBAAS,CAAC,IAAI,CAAC;gBAAE,YAAY,GAAG,IAAI,CAAC;SAC3D;QAED,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;SAC7C;aAAM,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;;YAEjD,OAAO,CAAC,IAAI,CACV,uFAAuF,EACvF,IAAI,CACL,CAAC;SACH;KACF,CAAC;IAEF,MAAM,MAAM,GAAGC,iBAAW,CACxB,CAAC,IAAwB;QACvB,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QAED,IAAI,IAAI,KAAK,IAAI,EAAE;YACjB,IAAI,WAAW,CAAC,OAAO,EAAE;gBACvB,WAAW,CAAC,OAAO,EAAE,CAAC;gBACtB,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;aAC5B;YACD,OAAO;SACR;QAED,WAAW,CAAC,OAAO,GAAGC,+BAAe,CAAC,IAAI,CAAC,CAAC;QAC5C,IAAI,GAAG,CAAC,OAAO,KAAK,IAAI,EAAE;YACxB,OAAO;SACR;QAED,IAAI,IAAI,EAAE;;YAER,UAAU,CAAC;gBACT,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE;oBACtB,SAAS,CAAC,IAAI,CAAC,CAAC;iBACjB;qBAAM,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;;oBAEjD,OAAO,CAAC,IAAI,CAAC,iEAAiE,EAAE,IAAI,CAAC,CAAC;iBACvF;aACF,CAAC,CAAC;YAEH,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;SACpB;aAAM;YACL,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;SACpB;KACF,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEFC,eAAS,CAAC;QACR,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,SAAS,CAAC;SAClB;QAED,GAAG,CAAC,OAAO,IAAI,UAAU,CAAC,MAAM,SAAS,CAAC,GAAG,CAAC,OAAQ,CAAC,CAAC,CAAC;QAEzD,MAAM,aAAa,GAAG,CAAC,KAAoB;YACzC,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,GAAG,CAAC,OAAO,EAAE;gBACtCC,iBAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;aAC9B;SACF,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YAEvD,IAAI,WAAW,CAAC,OAAO,EAAE;gBACvB,WAAW,CAAC,OAAO,EAAE,CAAC;aACvB;SACF,CAAC;KACH,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,MAAM,CAAC;AAChB;;;;"}
@@ -1,4 +1,3 @@
1
- 'use client';
2
1
  'use strict';
3
2
 
4
3
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,47 +5,44 @@ Object.defineProperty(exports, '__esModule', { value: true });
6
5
  var React = require('react');
7
6
 
8
7
  function containsRelatedTarget(event) {
9
- if (event.currentTarget instanceof HTMLElement && event.relatedTarget instanceof HTMLElement) {
10
- return event.currentTarget.contains(event.relatedTarget);
11
- }
12
- return false;
13
- }
14
- function useFocusWithin({
15
- onBlur,
16
- onFocus
17
- } = {}) {
18
- const ref = React.useRef();
19
- const [focused, _setFocused] = React.useState(false);
20
- const focusedRef = React.useRef(false);
21
- const setFocused = (value) => {
22
- _setFocused(value);
23
- focusedRef.current = value;
24
- };
25
- const handleFocusIn = (event) => {
26
- if (!focusedRef.current) {
27
- setFocused(true);
28
- onFocus == null ? void 0 : onFocus(event);
29
- }
30
- };
31
- const handleFocusOut = (event) => {
32
- if (focusedRef.current && !containsRelatedTarget(event)) {
33
- setFocused(false);
34
- onBlur == null ? void 0 : onBlur(event);
8
+ if (event.currentTarget instanceof HTMLElement && event.relatedTarget instanceof HTMLElement) {
9
+ return event.currentTarget.contains(event.relatedTarget);
35
10
  }
36
- };
37
- React.useEffect(() => {
38
- if (ref.current) {
39
- ref.current.addEventListener("focusin", handleFocusIn);
40
- ref.current.addEventListener("focusout", handleFocusOut);
41
- return () => {
42
- var _a, _b;
43
- (_a = ref.current) == null ? void 0 : _a.removeEventListener("focusin", handleFocusIn);
44
- (_b = ref.current) == null ? void 0 : _b.removeEventListener("focusout", handleFocusOut);
45
- };
46
- }
47
- return void 0;
48
- }, [handleFocusIn, handleFocusOut]);
49
- return { ref, focused };
11
+ return false;
12
+ }
13
+ function useFocusWithin({ onBlur, onFocus, } = {}) {
14
+ const ref = React.useRef();
15
+ const [focused, _setFocused] = React.useState(false);
16
+ const focusedRef = React.useRef(false);
17
+ const setFocused = (value) => {
18
+ _setFocused(value);
19
+ focusedRef.current = value;
20
+ };
21
+ const handleFocusIn = (event) => {
22
+ if (!focusedRef.current) {
23
+ setFocused(true);
24
+ onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
25
+ }
26
+ };
27
+ const handleFocusOut = (event) => {
28
+ if (focusedRef.current && !containsRelatedTarget(event)) {
29
+ setFocused(false);
30
+ onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
31
+ }
32
+ };
33
+ React.useEffect(() => {
34
+ if (ref.current) {
35
+ ref.current.addEventListener('focusin', handleFocusIn);
36
+ ref.current.addEventListener('focusout', handleFocusOut);
37
+ return () => {
38
+ var _a, _b;
39
+ (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('focusin', handleFocusIn);
40
+ (_b = ref.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('focusout', handleFocusOut);
41
+ };
42
+ }
43
+ return undefined;
44
+ }, [handleFocusIn, handleFocusOut]);
45
+ return { ref: ref, focused };
50
46
  }
51
47
 
52
48
  exports.useFocusWithin = useFocusWithin;
@@ -1 +1 @@
1
- {"version":3,"file":"use-focus-within.js","sources":["../../src/use-focus-within/use-focus-within.ts"],"sourcesContent":["import { useRef, useState, useEffect } from 'react';\n\nexport interface UseFocusWithinOptions {\n onFocus?(event: FocusEvent): void;\n onBlur?(event: FocusEvent): void;\n}\n\nfunction containsRelatedTarget(event: FocusEvent) {\n if (event.currentTarget instanceof HTMLElement && event.relatedTarget instanceof HTMLElement) {\n return event.currentTarget.contains(event.relatedTarget);\n }\n\n return false;\n}\n\nexport function useFocusWithin<T extends HTMLElement = any>({\n onBlur,\n onFocus,\n}: UseFocusWithinOptions = {}): { ref: React.MutableRefObject<T>; focused: boolean } {\n const ref = useRef<T>();\n const [focused, _setFocused] = useState(false);\n const focusedRef = useRef(false);\n const setFocused = (value: boolean) => {\n _setFocused(value);\n focusedRef.current = value;\n };\n\n const handleFocusIn = (event: FocusEvent) => {\n if (!focusedRef.current) {\n setFocused(true);\n onFocus?.(event);\n }\n };\n\n const handleFocusOut = (event: FocusEvent) => {\n if (focusedRef.current && !containsRelatedTarget(event)) {\n setFocused(false);\n onBlur?.(event);\n }\n };\n\n useEffect(() => {\n if (ref.current) {\n ref.current.addEventListener('focusin', handleFocusIn);\n ref.current.addEventListener('focusout', handleFocusOut);\n\n return () => {\n ref.current?.removeEventListener('focusin', handleFocusIn);\n ref.current?.removeEventListener('focusout', handleFocusOut);\n };\n }\n\n return undefined;\n }, [handleFocusIn, handleFocusOut]);\n\n return { ref: ref as React.MutableRefObject<T>, focused };\n}\n"],"names":["useRef","useState","useEffect"],"mappings":";;;;;;;AACA,SAAS,qBAAqB,CAAC,KAAK,EAAE;AACtC,EAAE,IAAI,KAAK,CAAC,aAAa,YAAY,WAAW,IAAI,KAAK,CAAC,aAAa,YAAY,WAAW,EAAE;AAChG,IAAI,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;AAC7D,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACM,SAAS,cAAc,CAAC;AAC/B,EAAE,MAAM;AACR,EAAE,OAAO;AACT,CAAC,GAAG,EAAE,EAAE;AACR,EAAE,MAAM,GAAG,GAAGA,YAAM,EAAE,CAAC;AACvB,EAAE,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAC;AACjD,EAAE,MAAM,UAAU,GAAGD,YAAM,CAAC,KAAK,CAAC,CAAC;AACnC,EAAE,MAAM,UAAU,GAAG,CAAC,KAAK,KAAK;AAChC,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;AACvB,IAAI,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;AAC/B,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,CAAC,KAAK,KAAK;AACnC,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;AAC7B,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC;AACvB,MAAM,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;AAChD,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,cAAc,GAAG,CAAC,KAAK,KAAK;AACpC,IAAI,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE;AAC7D,MAAM,UAAU,CAAC,KAAK,CAAC,CAAC;AACxB,MAAM,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AAC9C,KAAK;AACL,GAAG,CAAC;AACJ,EAAEE,eAAS,CAAC,MAAM;AAClB,IAAI,IAAI,GAAG,CAAC,OAAO,EAAE;AACrB,MAAM,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;AAC7D,MAAM,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,EAAE,cAAc,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,SAAS,EAAE,aAAa,CAAC,CAAC;AAC/F,QAAQ,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;AACjG,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,GAAG,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;AACtC,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;AAC1B;;"}
1
+ {"version":3,"file":"use-focus-within.js","sources":["../../src/use-focus-within/use-focus-within.ts"],"sourcesContent":["import { useRef, useState, useEffect } from 'react';\n\nexport interface UseFocusWithinOptions {\n onFocus?(event: FocusEvent): void;\n onBlur?(event: FocusEvent): void;\n}\n\nfunction containsRelatedTarget(event: FocusEvent) {\n if (event.currentTarget instanceof HTMLElement && event.relatedTarget instanceof HTMLElement) {\n return event.currentTarget.contains(event.relatedTarget);\n }\n\n return false;\n}\n\nexport function useFocusWithin<T extends HTMLElement = any>({\n onBlur,\n onFocus,\n}: UseFocusWithinOptions = {}): { ref: React.MutableRefObject<T>; focused: boolean } {\n const ref = useRef<T>();\n const [focused, _setFocused] = useState(false);\n const focusedRef = useRef(false);\n const setFocused = (value: boolean) => {\n _setFocused(value);\n focusedRef.current = value;\n };\n\n const handleFocusIn = (event: FocusEvent) => {\n if (!focusedRef.current) {\n setFocused(true);\n onFocus?.(event);\n }\n };\n\n const handleFocusOut = (event: FocusEvent) => {\n if (focusedRef.current && !containsRelatedTarget(event)) {\n setFocused(false);\n onBlur?.(event);\n }\n };\n\n useEffect(() => {\n if (ref.current) {\n ref.current.addEventListener('focusin', handleFocusIn);\n ref.current.addEventListener('focusout', handleFocusOut);\n\n return () => {\n ref.current?.removeEventListener('focusin', handleFocusIn);\n ref.current?.removeEventListener('focusout', handleFocusOut);\n };\n }\n\n return undefined;\n }, [handleFocusIn, handleFocusOut]);\n\n return { ref: ref as React.MutableRefObject<T>, focused };\n}\n"],"names":["useRef","useState","useEffect"],"mappings":";;;;;;AAOA,SAAS,qBAAqB,CAAC,KAAiB;IAC9C,IAAI,KAAK,CAAC,aAAa,YAAY,WAAW,IAAI,KAAK,CAAC,aAAa,YAAY,WAAW,EAAE;QAC5F,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;KAC1D;IAED,OAAO,KAAK,CAAC;AACf,CAAC;SAEe,cAAc,CAA8B,EAC1D,MAAM,EACN,OAAO,MACkB,EAAE;IAC3B,MAAM,GAAG,GAAGA,YAAM,EAAK,CAAC;IACxB,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAGD,YAAM,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG,CAAC,KAAc;QAChC,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;KAC5B,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAiB;QACtC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YACvB,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;SAClB;KACF,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAAiB;QACvC,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE;YACvD,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,CAAC;SACjB;KACF,CAAC;IAEFE,eAAS,CAAC;QACR,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACvD,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;YAEzD,OAAO;;gBACL,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;gBAC3D,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;aAC9D,CAAC;SACH;QAED,OAAO,SAAS,CAAC;KAClB,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAEpC,OAAO,EAAE,GAAG,EAAE,GAAgC,EAAE,OAAO,EAAE,CAAC;AAC5D;;;;"}
@@ -1,14 +1,13 @@
1
- 'use client';
2
1
  'use strict';
3
2
 
4
3
  Object.defineProperty(exports, '__esModule', { value: true });
5
4
 
6
5
  var React = require('react');
7
6
 
8
- const reducer = (value) => (value + 1) % 1e6;
7
+ const reducer = (value) => (value + 1) % 1000000;
9
8
  function useForceUpdate() {
10
- const [, update] = React.useReducer(reducer, 0);
11
- return update;
9
+ const [, update] = React.useReducer(reducer, 0);
10
+ return update;
12
11
  }
13
12
 
14
13
  exports.useForceUpdate = useForceUpdate;
@@ -1 +1 @@
1
- {"version":3,"file":"use-force-update.js","sources":["../../src/use-force-update/use-force-update.ts"],"sourcesContent":["import { useReducer } from 'react';\n\nconst reducer = (value: number) => (value + 1) % 1000000;\n\nexport function useForceUpdate(): () => void {\n const [, update] = useReducer(reducer, 0);\n return update;\n}\n"],"names":["useReducer"],"mappings":";;;;;;;AACA,MAAM,OAAO,GAAG,CAAC,KAAK,KAAK,CAAC,KAAK,GAAG,CAAC,IAAI,GAAG,CAAC;AACtC,SAAS,cAAc,GAAG;AACjC,EAAE,MAAM,GAAG,MAAM,CAAC,GAAGA,gBAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;AAC5C,EAAE,OAAO,MAAM,CAAC;AAChB;;"}
1
+ {"version":3,"file":"use-force-update.js","sources":["../../src/use-force-update/use-force-update.ts"],"sourcesContent":["import { useReducer } from 'react';\n\nconst reducer = (value: number) => (value + 1) % 1000000;\n\nexport function useForceUpdate(): () => void {\n const [, update] = useReducer(reducer, 0);\n return update;\n}\n"],"names":["useReducer"],"mappings":";;;;;;AAEA,MAAM,OAAO,GAAG,CAAC,KAAa,KAAK,CAAC,KAAK,GAAG,CAAC,IAAI,OAAO,CAAC;SAEzC,cAAc;IAC5B,MAAM,GAAG,MAAM,CAAC,GAAGA,gBAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAC1C,OAAO,MAAM,CAAC;AAChB;;;;"}
@@ -1,89 +1,100 @@
1
- 'use client';
2
1
  'use strict';
3
2
 
4
3
  Object.defineProperty(exports, '__esModule', { value: true });
5
4
 
5
+ var tslib = require('tslib');
6
6
  var React = require('react');
7
7
 
8
8
  function getFullscreenElement() {
9
- const _document = window.document;
10
- const fullscreenElement = _document.fullscreenElement || _document.webkitFullscreenElement || _document.mozFullScreenElement || _document.msFullscreenElement;
11
- return fullscreenElement;
9
+ const _document = window.document;
10
+ const fullscreenElement = _document.fullscreenElement ||
11
+ _document.webkitFullscreenElement ||
12
+ _document.mozFullScreenElement ||
13
+ _document.msFullscreenElement;
14
+ return fullscreenElement;
12
15
  }
13
- async function exitFullscreen() {
14
- const _document = window.document;
15
- if (typeof _document.exitFullscreen === "function")
16
- return _document.exitFullscreen();
17
- if (typeof _document.msExitFullscreen === "function")
18
- return _document.msExitFullscreen();
19
- if (typeof _document.webkitExitFullscreen === "function")
20
- return _document.webkitExitFullscreen();
21
- if (typeof _document.mozCancelFullScreen === "function")
22
- return _document.mozCancelFullScreen();
23
- return null;
16
+ function exitFullscreen() {
17
+ return tslib.__awaiter(this, void 0, void 0, function* () {
18
+ const _document = window.document;
19
+ if (typeof _document.exitFullscreen === 'function')
20
+ return _document.exitFullscreen();
21
+ if (typeof _document.msExitFullscreen === 'function')
22
+ return _document.msExitFullscreen();
23
+ if (typeof _document.webkitExitFullscreen === 'function')
24
+ return _document.webkitExitFullscreen();
25
+ if (typeof _document.mozCancelFullScreen === 'function')
26
+ return _document.mozCancelFullScreen();
27
+ return null;
28
+ });
24
29
  }
25
- async function enterFullScreen(element) {
26
- var _a, _b, _c, _d, _e;
27
- const _element = element;
28
- return ((_a = _element.requestFullscreen) == null ? void 0 : _a.call(_element)) || ((_b = _element.msRequestFullscreen) == null ? void 0 : _b.call(_element)) || ((_c = _element.webkitEnterFullscreen) == null ? void 0 : _c.call(_element)) || ((_d = _element.webkitRequestFullscreen) == null ? void 0 : _d.call(_element)) || ((_e = _element.mozRequestFullscreen) == null ? void 0 : _e.call(_element));
30
+ function enterFullScreen(element) {
31
+ var _a, _b, _c, _d, _e;
32
+ return tslib.__awaiter(this, void 0, void 0, function* () {
33
+ const _element = element;
34
+ return (((_a = _element.requestFullscreen) === null || _a === void 0 ? void 0 : _a.call(_element)) ||
35
+ ((_b = _element.msRequestFullscreen) === null || _b === void 0 ? void 0 : _b.call(_element)) ||
36
+ ((_c = _element.webkitEnterFullscreen) === null || _c === void 0 ? void 0 : _c.call(_element)) ||
37
+ ((_d = _element.webkitRequestFullscreen) === null || _d === void 0 ? void 0 : _d.call(_element)) ||
38
+ ((_e = _element.mozRequestFullscreen) === null || _e === void 0 ? void 0 : _e.call(_element)));
39
+ });
29
40
  }
30
- const prefixes = ["", "webkit", "moz", "ms"];
31
- function addEvents(element, {
32
- onFullScreen,
33
- onError
34
- }) {
35
- prefixes.forEach((prefix) => {
36
- element.addEventListener(`${prefix}fullscreenchange`, onFullScreen);
37
- element.addEventListener(`${prefix}fullscreenerror`, onError);
38
- });
39
- return () => {
41
+ const prefixes = ['', 'webkit', 'moz', 'ms'];
42
+ function addEvents(element, { onFullScreen, onError, }) {
40
43
  prefixes.forEach((prefix) => {
41
- element.removeEventListener(`${prefix}fullscreenchange`, onFullScreen);
42
- element.removeEventListener(`${prefix}fullscreenerror`, onError);
44
+ element.addEventListener(`${prefix}fullscreenchange`, onFullScreen);
45
+ element.addEventListener(`${prefix}fullscreenerror`, onError);
43
46
  });
44
- };
47
+ return () => {
48
+ prefixes.forEach((prefix) => {
49
+ element.removeEventListener(`${prefix}fullscreenchange`, onFullScreen);
50
+ element.removeEventListener(`${prefix}fullscreenerror`, onError);
51
+ });
52
+ };
45
53
  }
46
54
  function useFullscreen() {
47
- const [fullscreen, setFullscreen] = React.useState(false);
48
- const _ref = React.useRef();
49
- const handleFullscreenChange = React.useCallback((event) => {
50
- setFullscreen(event.target === getFullscreenElement());
51
- }, [setFullscreen]);
52
- const handleFullscreenError = React.useCallback((event) => {
53
- setFullscreen(false);
54
- console.error(`[@mantine/hooks] use-fullscreen: Error attempting full-screen mode method: ${event} (${event.target})`);
55
- }, [setFullscreen]);
56
- const toggle = React.useCallback(async () => {
57
- if (!getFullscreenElement()) {
58
- await enterFullScreen(_ref.current);
59
- } else {
60
- await exitFullscreen();
61
- }
62
- }, []);
63
- const ref = React.useCallback((element) => {
64
- if (element === null) {
65
- _ref.current = window.document.documentElement;
66
- } else {
67
- _ref.current = element;
68
- }
69
- }, []);
70
- React.useEffect(() => {
71
- if (!_ref.current && window.document) {
72
- _ref.current = window.document.documentElement;
73
- return addEvents(_ref.current, {
74
- onFullScreen: handleFullscreenChange,
75
- onError: handleFullscreenError
76
- });
77
- }
78
- if (_ref.current) {
79
- return addEvents(_ref.current, {
80
- onFullScreen: handleFullscreenChange,
81
- onError: handleFullscreenError
82
- });
83
- }
84
- return void 0;
85
- }, []);
86
- return { ref, toggle, fullscreen };
55
+ const [fullscreen, setFullscreen] = React.useState(false);
56
+ const _ref = React.useRef();
57
+ const handleFullscreenChange = React.useCallback((event) => {
58
+ setFullscreen(event.target === getFullscreenElement());
59
+ }, [setFullscreen]);
60
+ const handleFullscreenError = React.useCallback((event) => {
61
+ setFullscreen(false);
62
+ // eslint-disable-next-line no-console
63
+ console.error(`[@mantine/hooks] use-fullscreen: Error attempting full-screen mode method: ${event} (${event.target})`);
64
+ }, [setFullscreen]);
65
+ const toggle = React.useCallback(() => tslib.__awaiter(this, void 0, void 0, function* () {
66
+ if (!getFullscreenElement()) {
67
+ yield enterFullScreen(_ref.current);
68
+ }
69
+ else {
70
+ yield exitFullscreen();
71
+ }
72
+ }), []);
73
+ const ref = React.useCallback((element) => {
74
+ if (element === null) {
75
+ _ref.current = window.document.documentElement;
76
+ }
77
+ else {
78
+ _ref.current = element;
79
+ }
80
+ }, []);
81
+ React.useEffect(() => {
82
+ if (!_ref.current && window.document) {
83
+ _ref.current = window.document.documentElement;
84
+ return addEvents(_ref.current, {
85
+ onFullScreen: handleFullscreenChange,
86
+ onError: handleFullscreenError,
87
+ });
88
+ }
89
+ if (_ref.current) {
90
+ return addEvents(_ref.current, {
91
+ onFullScreen: handleFullscreenChange,
92
+ onError: handleFullscreenError,
93
+ });
94
+ }
95
+ return undefined;
96
+ }, []);
97
+ return { ref, toggle, fullscreen };
87
98
  }
88
99
 
89
100
  exports.useFullscreen = useFullscreen;
@@ -1 +1 @@
1
- {"version":3,"file":"use-fullscreen.js","sources":["../../src/use-fullscreen/use-fullscreen.ts"],"sourcesContent":["import { useCallback, useRef, useState, useEffect } from 'react';\n\nfunction getFullscreenElement(): HTMLElement | null {\n const _document = window.document as any;\n\n const fullscreenElement =\n _document.fullscreenElement ||\n _document.webkitFullscreenElement ||\n _document.mozFullScreenElement ||\n _document.msFullscreenElement;\n\n return fullscreenElement;\n}\n\nasync function exitFullscreen() {\n const _document = window.document as any;\n\n if (typeof _document.exitFullscreen === 'function') return _document.exitFullscreen();\n if (typeof _document.msExitFullscreen === 'function') return _document.msExitFullscreen();\n if (typeof _document.webkitExitFullscreen === 'function') return _document.webkitExitFullscreen();\n if (typeof _document.mozCancelFullScreen === 'function') return _document.mozCancelFullScreen();\n\n return null;\n}\n\nasync function enterFullScreen(element: HTMLElement) {\n const _element = element as any;\n\n return (\n _element.requestFullscreen?.() ||\n _element.msRequestFullscreen?.() ||\n _element.webkitEnterFullscreen?.() ||\n _element.webkitRequestFullscreen?.() ||\n _element.mozRequestFullscreen?.()\n );\n}\n\nconst prefixes = ['', 'webkit', 'moz', 'ms'];\n\nfunction addEvents(\n element: HTMLElement,\n {\n onFullScreen,\n onError,\n }: { onFullScreen: (event: Event) => void; onError: (event: Event) => void }\n) {\n prefixes.forEach((prefix) => {\n element.addEventListener(`${prefix}fullscreenchange`, onFullScreen);\n element.addEventListener(`${prefix}fullscreenerror`, onError);\n });\n\n return () => {\n prefixes.forEach((prefix) => {\n element.removeEventListener(`${prefix}fullscreenchange`, onFullScreen);\n element.removeEventListener(`${prefix}fullscreenerror`, onError);\n });\n };\n}\n\nexport function useFullscreen<T extends HTMLElement = any>() {\n const [fullscreen, setFullscreen] = useState<boolean>(false);\n\n const _ref = useRef<T>();\n\n const handleFullscreenChange = useCallback(\n (event: Event) => {\n setFullscreen(event.target === getFullscreenElement());\n },\n [setFullscreen]\n );\n\n const handleFullscreenError = useCallback(\n (event: Event) => {\n setFullscreen(false);\n // eslint-disable-next-line no-console\n console.error(\n `[@mantine/hooks] use-fullscreen: Error attempting full-screen mode method: ${event} (${event.target})`\n );\n },\n [setFullscreen]\n );\n\n const toggle = useCallback(async () => {\n if (!getFullscreenElement()) {\n await enterFullScreen(_ref.current!);\n } else {\n await exitFullscreen();\n }\n }, []);\n\n const ref = useCallback((element: T | null) => {\n if (element === null) {\n _ref.current = window.document.documentElement as T;\n } else {\n _ref.current = element;\n }\n }, []);\n\n useEffect(() => {\n if (!_ref.current && window.document) {\n _ref.current = window.document.documentElement as T;\n return addEvents(_ref.current, {\n onFullScreen: handleFullscreenChange,\n onError: handleFullscreenError,\n });\n }\n\n if (_ref.current) {\n return addEvents(_ref.current, {\n onFullScreen: handleFullscreenChange,\n onError: handleFullscreenError,\n });\n }\n\n return undefined;\n }, []);\n\n return { ref, toggle, fullscreen } as const;\n}\n"],"names":["useState","useRef","useCallback","useEffect"],"mappings":"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"}
1
+ {"version":3,"file":"use-fullscreen.js","sources":["../../src/use-fullscreen/use-fullscreen.ts"],"sourcesContent":["import { useCallback, useRef, useState, useEffect } from 'react';\n\nfunction getFullscreenElement(): HTMLElement | null {\n const _document = window.document as any;\n\n const fullscreenElement =\n _document.fullscreenElement ||\n _document.webkitFullscreenElement ||\n _document.mozFullScreenElement ||\n _document.msFullscreenElement;\n\n return fullscreenElement;\n}\n\nasync function exitFullscreen() {\n const _document = window.document as any;\n\n if (typeof _document.exitFullscreen === 'function') return _document.exitFullscreen();\n if (typeof _document.msExitFullscreen === 'function') return _document.msExitFullscreen();\n if (typeof _document.webkitExitFullscreen === 'function') return _document.webkitExitFullscreen();\n if (typeof _document.mozCancelFullScreen === 'function') return _document.mozCancelFullScreen();\n\n return null;\n}\n\nasync function enterFullScreen(element: HTMLElement) {\n const _element = element as any;\n\n return (\n _element.requestFullscreen?.() ||\n _element.msRequestFullscreen?.() ||\n _element.webkitEnterFullscreen?.() ||\n _element.webkitRequestFullscreen?.() ||\n _element.mozRequestFullscreen?.()\n );\n}\n\nconst prefixes = ['', 'webkit', 'moz', 'ms'];\n\nfunction addEvents(\n element: HTMLElement,\n {\n onFullScreen,\n onError,\n }: { onFullScreen: (event: Event) => void; onError: (event: Event) => void }\n) {\n prefixes.forEach((prefix) => {\n element.addEventListener(`${prefix}fullscreenchange`, onFullScreen);\n element.addEventListener(`${prefix}fullscreenerror`, onError);\n });\n\n return () => {\n prefixes.forEach((prefix) => {\n element.removeEventListener(`${prefix}fullscreenchange`, onFullScreen);\n element.removeEventListener(`${prefix}fullscreenerror`, onError);\n });\n };\n}\n\nexport function useFullscreen<T extends HTMLElement = any>() {\n const [fullscreen, setFullscreen] = useState<boolean>(false);\n\n const _ref = useRef<T>();\n\n const handleFullscreenChange = useCallback(\n (event: Event) => {\n setFullscreen(event.target === getFullscreenElement());\n },\n [setFullscreen]\n );\n\n const handleFullscreenError = useCallback(\n (event: Event) => {\n setFullscreen(false);\n // eslint-disable-next-line no-console\n console.error(\n `[@mantine/hooks] use-fullscreen: Error attempting full-screen mode method: ${event} (${event.target})`\n );\n },\n [setFullscreen]\n );\n\n const toggle = useCallback(async () => {\n if (!getFullscreenElement()) {\n await enterFullScreen(_ref.current!);\n } else {\n await exitFullscreen();\n }\n }, []);\n\n const ref = useCallback((element: T | null) => {\n if (element === null) {\n _ref.current = window.document.documentElement as T;\n } else {\n _ref.current = element;\n }\n }, []);\n\n useEffect(() => {\n if (!_ref.current && window.document) {\n _ref.current = window.document.documentElement as T;\n return addEvents(_ref.current, {\n onFullScreen: handleFullscreenChange,\n onError: handleFullscreenError,\n });\n }\n\n if (_ref.current) {\n return addEvents(_ref.current, {\n onFullScreen: handleFullscreenChange,\n onError: handleFullscreenError,\n });\n }\n\n return undefined;\n }, []);\n\n return { ref, toggle, fullscreen } as const;\n}\n"],"names":["useState","useRef","useCallback","useEffect"],"mappings":"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"}
@@ -1,4 +1,3 @@
1
- 'use client';
2
1
  'use strict';
3
2
 
4
3
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,22 +6,22 @@ var React = require('react');
7
6
  var useWindowEvent = require('../use-window-event/use-window-event.js');
8
7
 
9
8
  function useHash() {
10
- const [hash, setHashValue] = React.useState("");
11
- const setHash = (value) => {
12
- const valueWithHash = value.startsWith("#") ? value : `#${value}`;
13
- window.location.hash = valueWithHash;
14
- setHashValue(valueWithHash);
15
- };
16
- useWindowEvent.useWindowEvent("hashchange", () => {
17
- const newHash = window.location.hash;
18
- if (hash !== newHash) {
19
- setHashValue(hash);
20
- }
21
- });
22
- React.useEffect(() => {
23
- setHashValue(window.location.hash);
24
- }, []);
25
- return [hash, setHash];
9
+ const [hash, setHashValue] = React.useState('');
10
+ const setHash = (value) => {
11
+ const valueWithHash = value.startsWith('#') ? value : `#${value}`;
12
+ window.location.hash = valueWithHash;
13
+ setHashValue(valueWithHash);
14
+ };
15
+ useWindowEvent.useWindowEvent('hashchange', () => {
16
+ const newHash = window.location.hash;
17
+ if (hash !== newHash) {
18
+ setHashValue(hash);
19
+ }
20
+ });
21
+ React.useEffect(() => {
22
+ setHashValue(window.location.hash);
23
+ }, []);
24
+ return [hash, setHash];
26
25
  }
27
26
 
28
27
  exports.useHash = useHash;
@@ -1 +1 @@
1
- {"version":3,"file":"use-hash.js","sources":["../../src/use-hash/use-hash.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useWindowEvent } from '../use-window-event/use-window-event';\n\nexport function useHash() {\n const [hash, setHashValue] = useState<string>('');\n\n const setHash = (value: string) => {\n const valueWithHash = value.startsWith('#') ? value : `#${value}`;\n window.location.hash = valueWithHash;\n setHashValue(valueWithHash);\n };\n\n useWindowEvent('hashchange', () => {\n const newHash = window.location.hash;\n if (hash !== newHash) {\n setHashValue(hash);\n }\n });\n\n useEffect(() => {\n setHashValue(window.location.hash);\n }, []);\n\n return [hash, setHash] as const;\n}\n"],"names":["useState","useWindowEvent","useEffect"],"mappings":";;;;;;;;AAEO,SAAS,OAAO,GAAG;AAC1B,EAAE,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAC,EAAE,CAAC,CAAC;AAC5C,EAAE,MAAM,OAAO,GAAG,CAAC,KAAK,KAAK;AAC7B,IAAI,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AACtE,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,aAAa,CAAC;AACzC,IAAI,YAAY,CAAC,aAAa,CAAC,CAAC;AAChC,GAAG,CAAC;AACJ,EAAEC,6BAAc,CAAC,YAAY,EAAE,MAAM;AACrC,IAAI,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;AACzC,IAAI,IAAI,IAAI,KAAK,OAAO,EAAE;AAC1B,MAAM,YAAY,CAAC,IAAI,CAAC,CAAC;AACzB,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AACvC,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACzB;;"}
1
+ {"version":3,"file":"use-hash.js","sources":["../../src/use-hash/use-hash.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useWindowEvent } from '../use-window-event/use-window-event';\n\nexport function useHash() {\n const [hash, setHashValue] = useState<string>('');\n\n const setHash = (value: string) => {\n const valueWithHash = value.startsWith('#') ? value : `#${value}`;\n window.location.hash = valueWithHash;\n setHashValue(valueWithHash);\n };\n\n useWindowEvent('hashchange', () => {\n const newHash = window.location.hash;\n if (hash !== newHash) {\n setHashValue(hash);\n }\n });\n\n useEffect(() => {\n setHashValue(window.location.hash);\n }, []);\n\n return [hash, setHash] as const;\n}\n"],"names":["useState","useWindowEvent","useEffect"],"mappings":";;;;;;;SAGgB,OAAO;IACrB,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAS,EAAE,CAAC,CAAC;IAElD,MAAM,OAAO,GAAG,CAAC,KAAa;QAC5B,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;QAClE,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,aAAa,CAAC;QACrC,YAAY,CAAC,aAAa,CAAC,CAAC;KAC7B,CAAC;IAEFC,6BAAc,CAAC,YAAY,EAAE;QAC3B,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QACrC,IAAI,IAAI,KAAK,OAAO,EAAE;YACpB,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;KACF,CAAC,CAAC;IAEHC,eAAS,CAAC;QACR,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACpC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,IAAI,EAAE,OAAO,CAAU,CAAC;AAClC;;;;"}