@mantine/hooks 7.0.0-alpha.7 → 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 (372) 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 +10 -5
  294. package/cjs/utils/assign-ref/assign-ref.js +0 -14
  295. package/cjs/utils/assign-ref/assign-ref.js.map +0 -1
  296. package/esm/utils/assign-ref/assign-ref.js +0 -10
  297. package/esm/utils/assign-ref/assign-ref.js.map +0 -1
  298. package/lib/index.d.ts.map +0 -1
  299. package/lib/use-click-outside/use-click-outside.d.ts.map +0 -1
  300. package/lib/use-clipboard/use-clipboard.d.ts.map +0 -1
  301. package/lib/use-color-scheme/use-color-scheme.d.ts.map +0 -1
  302. package/lib/use-counter/use-counter.d.ts.map +0 -1
  303. package/lib/use-debounced-state/use-debounced-state.d.ts.map +0 -1
  304. package/lib/use-debounced-value/use-debounced-value.d.ts.map +0 -1
  305. package/lib/use-did-update/use-did-update.d.ts.map +0 -1
  306. package/lib/use-disclosure/use-disclosure.d.ts.map +0 -1
  307. package/lib/use-document-title/use-document-title.d.ts.map +0 -1
  308. package/lib/use-document-visibility/use-document-visibility.d.ts.map +0 -1
  309. package/lib/use-event-listener/use-event-listener.d.ts.map +0 -1
  310. package/lib/use-eye-dropper/use-eye-dropper.d.ts.map +0 -1
  311. package/lib/use-favicon/use-favicon.d.ts.map +0 -1
  312. package/lib/use-focus-return/use-focus-return.d.ts.map +0 -1
  313. package/lib/use-focus-trap/create-aria-hider.d.ts.map +0 -1
  314. package/lib/use-focus-trap/scope-tab.d.ts.map +0 -1
  315. package/lib/use-focus-trap/tabbable.d.ts.map +0 -1
  316. package/lib/use-focus-trap/use-focus-trap.d.ts.map +0 -1
  317. package/lib/use-focus-within/use-focus-within.d.ts.map +0 -1
  318. package/lib/use-force-update/use-force-update.d.ts.map +0 -1
  319. package/lib/use-fullscreen/use-fullscreen.d.ts.map +0 -1
  320. package/lib/use-hash/use-hash.d.ts.map +0 -1
  321. package/lib/use-headroom/use-headroom.d.ts.map +0 -1
  322. package/lib/use-hotkeys/parse-hotkey.d.ts.map +0 -1
  323. package/lib/use-hotkeys/use-hotkeys.d.ts.map +0 -1
  324. package/lib/use-hover/use-hover.d.ts.map +0 -1
  325. package/lib/use-id/use-id.d.ts.map +0 -1
  326. package/lib/use-id/use-react-id.d.ts.map +0 -1
  327. package/lib/use-idle/use-idle.d.ts.map +0 -1
  328. package/lib/use-input-state/use-input-state.d.ts.map +0 -1
  329. package/lib/use-intersection/use-intersection.d.ts.map +0 -1
  330. package/lib/use-interval/use-interval.d.ts.map +0 -1
  331. package/lib/use-isomorphic-effect/use-isomorphic-effect.d.ts.map +0 -1
  332. package/lib/use-list-state/use-list-state.d.ts.map +0 -1
  333. package/lib/use-local-storage/create-storage.d.ts.map +0 -1
  334. package/lib/use-local-storage/use-local-storage.d.ts.map +0 -1
  335. package/lib/use-logger/use-logger.d.ts.map +0 -1
  336. package/lib/use-media-query/use-media-query.d.ts.map +0 -1
  337. package/lib/use-merged-ref/use-merged-ref.d.ts.map +0 -1
  338. package/lib/use-mouse/use-mouse.d.ts.map +0 -1
  339. package/lib/use-move/use-move.d.ts.map +0 -1
  340. package/lib/use-network/use-network.d.ts.map +0 -1
  341. package/lib/use-os/use-os.d.ts.map +0 -1
  342. package/lib/use-page-leave/use-page-leave.d.ts.map +0 -1
  343. package/lib/use-pagination/use-pagination.d.ts.map +0 -1
  344. package/lib/use-previous/use-previous.d.ts.map +0 -1
  345. package/lib/use-queue/use-queue.d.ts.map +0 -1
  346. package/lib/use-reduced-motion/use-reduced-motion.d.ts.map +0 -1
  347. package/lib/use-resize-observer/use-resize-observer.d.ts.map +0 -1
  348. package/lib/use-scroll-into-view/use-scroll-into-view.d.ts.map +0 -1
  349. package/lib/use-scroll-into-view/utils/ease-in-out-quad.d.ts.map +0 -1
  350. package/lib/use-scroll-into-view/utils/get-relative-position.d.ts.map +0 -1
  351. package/lib/use-scroll-into-view/utils/get-scroll-start.d.ts.map +0 -1
  352. package/lib/use-scroll-into-view/utils/set-scroll-param.d.ts.map +0 -1
  353. package/lib/use-session-storage/use-session-storage.d.ts.map +0 -1
  354. package/lib/use-set-state/use-set-state.d.ts.map +0 -1
  355. package/lib/use-shallow-effect/use-shallow-effect.d.ts.map +0 -1
  356. package/lib/use-text-selection/use-text-selection.d.ts.map +0 -1
  357. package/lib/use-timeout/use-timeout.d.ts.map +0 -1
  358. package/lib/use-toggle/use-toggle.d.ts.map +0 -1
  359. package/lib/use-uncontrolled/use-uncontrolled.d.ts.map +0 -1
  360. package/lib/use-validated-state/use-validated-state.d.ts.map +0 -1
  361. package/lib/use-viewport-size/use-viewport-size.d.ts.map +0 -1
  362. package/lib/use-window-event/use-window-event.d.ts.map +0 -1
  363. package/lib/use-window-scroll/use-window-scroll.d.ts.map +0 -1
  364. package/lib/utils/assign-ref/assign-ref.d.ts +0 -2
  365. package/lib/utils/assign-ref/assign-ref.d.ts.map +0 -1
  366. package/lib/utils/clamp/clamp.d.ts.map +0 -1
  367. package/lib/utils/index.d.ts.map +0 -1
  368. package/lib/utils/lower-first/lower-first.d.ts.map +0 -1
  369. package/lib/utils/random-id/random-id.d.ts.map +0 -1
  370. package/lib/utils/range/range.d.ts.map +0 -1
  371. package/lib/utils/shallow-equal/shallow-equal.d.ts.map +0 -1
  372. package/lib/utils/upper-first/upper-first.d.ts.map +0 -1
@@ -1,61 +1,53 @@
1
- 'use client';
2
- const getRelativePosition = ({
3
- axis,
4
- target,
5
- parent,
6
- alignment,
7
- offset,
8
- isList
9
- }) => {
10
- if (!target || !parent && typeof document === "undefined") {
11
- return 0;
12
- }
13
- const isCustomParent = !!parent;
14
- const parentElement = parent || document.body;
15
- const parentPosition = parentElement.getBoundingClientRect();
16
- const targetPosition = target.getBoundingClientRect();
17
- const getDiff = (property) => targetPosition[property] - parentPosition[property];
18
- if (axis === "y") {
19
- const diff = getDiff("top");
20
- if (diff === 0)
21
- return 0;
22
- if (alignment === "start") {
23
- const distance = diff - offset;
24
- const shouldScroll = distance <= targetPosition.height * (isList ? 0 : 1) || !isList;
25
- return shouldScroll ? distance : 0;
26
- }
27
- const parentHeight = isCustomParent ? parentPosition.height : window.innerHeight;
28
- if (alignment === "end") {
29
- const distance = diff + offset - parentHeight + targetPosition.height;
30
- const shouldScroll = distance >= -targetPosition.height * (isList ? 0 : 1) || !isList;
31
- return shouldScroll ? distance : 0;
32
- }
33
- if (alignment === "center") {
34
- return diff - parentHeight / 2 + targetPosition.height / 2;
35
- }
36
- return 0;
37
- }
38
- if (axis === "x") {
39
- const diff = getDiff("left");
40
- if (diff === 0)
41
- return 0;
42
- if (alignment === "start") {
43
- const distance = diff - offset;
44
- const shouldScroll = distance <= targetPosition.width || !isList;
45
- return shouldScroll ? distance : 0;
1
+ const getRelativePosition = ({ axis, target, parent, alignment, offset, isList, }) => {
2
+ if (!target || (!parent && typeof document === 'undefined')) {
3
+ return 0;
46
4
  }
47
- const parentWidth = isCustomParent ? parentPosition.width : window.innerWidth;
48
- if (alignment === "end") {
49
- const distance = diff + offset - parentWidth + targetPosition.width;
50
- const shouldScroll = distance >= -targetPosition.width || !isList;
51
- return shouldScroll ? distance : 0;
5
+ const isCustomParent = !!parent;
6
+ const parentElement = parent || document.body;
7
+ const parentPosition = parentElement.getBoundingClientRect();
8
+ const targetPosition = target.getBoundingClientRect();
9
+ const getDiff = (property) => targetPosition[property] - parentPosition[property];
10
+ if (axis === 'y') {
11
+ const diff = getDiff('top');
12
+ if (diff === 0)
13
+ return 0;
14
+ if (alignment === 'start') {
15
+ const distance = diff - offset;
16
+ const shouldScroll = distance <= targetPosition.height * (isList ? 0 : 1) || !isList;
17
+ return shouldScroll ? distance : 0;
18
+ }
19
+ const parentHeight = isCustomParent ? parentPosition.height : window.innerHeight;
20
+ if (alignment === 'end') {
21
+ const distance = diff + offset - parentHeight + targetPosition.height;
22
+ const shouldScroll = distance >= -targetPosition.height * (isList ? 0 : 1) || !isList;
23
+ return shouldScroll ? distance : 0;
24
+ }
25
+ if (alignment === 'center') {
26
+ return diff - parentHeight / 2 + targetPosition.height / 2;
27
+ }
28
+ return 0;
52
29
  }
53
- if (alignment === "center") {
54
- return diff - parentWidth / 2 + targetPosition.width / 2;
30
+ if (axis === 'x') {
31
+ const diff = getDiff('left');
32
+ if (diff === 0)
33
+ return 0;
34
+ if (alignment === 'start') {
35
+ const distance = diff - offset;
36
+ const shouldScroll = distance <= targetPosition.width || !isList;
37
+ return shouldScroll ? distance : 0;
38
+ }
39
+ const parentWidth = isCustomParent ? parentPosition.width : window.innerWidth;
40
+ if (alignment === 'end') {
41
+ const distance = diff + offset - parentWidth + targetPosition.width;
42
+ const shouldScroll = distance >= -targetPosition.width || !isList;
43
+ return shouldScroll ? distance : 0;
44
+ }
45
+ if (alignment === 'center') {
46
+ return diff - parentWidth / 2 + targetPosition.width / 2;
47
+ }
48
+ return 0;
55
49
  }
56
50
  return 0;
57
- }
58
- return 0;
59
51
  };
60
52
 
61
53
  export { getRelativePosition };
@@ -1 +1 @@
1
- {"version":3,"file":"get-relative-position.js","sources":["../../../src/use-scroll-into-view/utils/get-relative-position.ts"],"sourcesContent":["export const getRelativePosition = ({\n axis,\n target,\n parent,\n alignment,\n offset,\n isList,\n}: any): number => {\n if (!target || (!parent && typeof document === 'undefined')) {\n return 0;\n }\n const isCustomParent = !!parent;\n const parentElement = parent || document.body;\n const parentPosition = parentElement.getBoundingClientRect();\n const targetPosition = target.getBoundingClientRect();\n\n const getDiff = (property: 'top' | 'left'): number =>\n targetPosition[property] - parentPosition[property];\n\n if (axis === 'y') {\n const diff = getDiff('top');\n\n if (diff === 0) return 0;\n\n if (alignment === 'start') {\n const distance = diff - offset;\n const shouldScroll = distance <= targetPosition.height * (isList ? 0 : 1) || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n const parentHeight = isCustomParent ? parentPosition.height : window.innerHeight;\n\n if (alignment === 'end') {\n const distance = diff + offset - parentHeight + targetPosition.height;\n const shouldScroll = distance >= -targetPosition.height * (isList ? 0 : 1) || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n if (alignment === 'center') {\n return diff - parentHeight / 2 + targetPosition.height / 2;\n }\n\n return 0;\n }\n\n if (axis === 'x') {\n const diff = getDiff('left');\n\n if (diff === 0) return 0;\n\n if (alignment === 'start') {\n const distance = diff - offset;\n const shouldScroll = distance <= targetPosition.width || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n const parentWidth = isCustomParent ? parentPosition.width : window.innerWidth;\n\n if (alignment === 'end') {\n const distance = diff + offset - parentWidth + targetPosition.width;\n const shouldScroll = distance >= -targetPosition.width || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n if (alignment === 'center') {\n return diff - parentWidth / 2 + targetPosition.width / 2;\n }\n\n return 0;\n }\n\n return 0;\n};\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"get-relative-position.js","sources":["../../../src/use-scroll-into-view/utils/get-relative-position.ts"],"sourcesContent":["export const getRelativePosition = ({\n axis,\n target,\n parent,\n alignment,\n offset,\n isList,\n}: any): number => {\n if (!target || (!parent && typeof document === 'undefined')) {\n return 0;\n }\n const isCustomParent = !!parent;\n const parentElement = parent || document.body;\n const parentPosition = parentElement.getBoundingClientRect();\n const targetPosition = target.getBoundingClientRect();\n\n const getDiff = (property: 'top' | 'left'): number =>\n targetPosition[property] - parentPosition[property];\n\n if (axis === 'y') {\n const diff = getDiff('top');\n\n if (diff === 0) return 0;\n\n if (alignment === 'start') {\n const distance = diff - offset;\n const shouldScroll = distance <= targetPosition.height * (isList ? 0 : 1) || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n const parentHeight = isCustomParent ? parentPosition.height : window.innerHeight;\n\n if (alignment === 'end') {\n const distance = diff + offset - parentHeight + targetPosition.height;\n const shouldScroll = distance >= -targetPosition.height * (isList ? 0 : 1) || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n if (alignment === 'center') {\n return diff - parentHeight / 2 + targetPosition.height / 2;\n }\n\n return 0;\n }\n\n if (axis === 'x') {\n const diff = getDiff('left');\n\n if (diff === 0) return 0;\n\n if (alignment === 'start') {\n const distance = diff - offset;\n const shouldScroll = distance <= targetPosition.width || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n const parentWidth = isCustomParent ? parentPosition.width : window.innerWidth;\n\n if (alignment === 'end') {\n const distance = diff + offset - parentWidth + targetPosition.width;\n const shouldScroll = distance >= -targetPosition.width || !isList;\n\n return shouldScroll ? distance : 0;\n }\n\n if (alignment === 'center') {\n return diff - parentWidth / 2 + targetPosition.width / 2;\n }\n\n return 0;\n }\n\n return 0;\n};\n"],"names":[],"mappings":"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"}
@@ -1,14 +1,14 @@
1
- 'use client';
2
1
  const getScrollStart = ({ axis, parent }) => {
3
- if (!parent && typeof document === "undefined") {
4
- return 0;
5
- }
6
- const method = axis === "y" ? "scrollTop" : "scrollLeft";
7
- if (parent) {
8
- return parent[method];
9
- }
10
- const { body, documentElement } = document;
11
- return body[method] + documentElement[method];
2
+ if (!parent && typeof document === 'undefined') {
3
+ return 0;
4
+ }
5
+ const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';
6
+ if (parent) {
7
+ return parent[method];
8
+ }
9
+ const { body, documentElement } = document;
10
+ // while one of it has a value the second is equal 0
11
+ return body[method] + documentElement[method];
12
12
  };
13
13
 
14
14
  export { getScrollStart };
@@ -1 +1 @@
1
- {"version":3,"file":"get-scroll-start.js","sources":["../../../src/use-scroll-into-view/utils/get-scroll-start.ts"],"sourcesContent":["export const getScrollStart = ({ axis, parent }: any) => {\n if (!parent && typeof document === 'undefined') {\n return 0;\n }\n\n const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';\n\n if (parent) {\n return parent[method];\n }\n\n const { body, documentElement } = document;\n\n // while one of it has a value the second is equal 0\n return body[method] + documentElement[method];\n};\n"],"names":[],"mappings":";AAAY,MAAC,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK;AACpD,EAAE,IAAI,CAAC,MAAM,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;AAClD,IAAI,OAAO,CAAC,CAAC;AACb,GAAG;AACH,EAAE,MAAM,MAAM,GAAG,IAAI,KAAK,GAAG,GAAG,WAAW,GAAG,YAAY,CAAC;AAC3D,EAAE,IAAI,MAAM,EAAE;AACd,IAAI,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC;AAC1B,GAAG;AACH,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;AAC7C,EAAE,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;AAChD;;"}
1
+ {"version":3,"file":"get-scroll-start.js","sources":["../../../src/use-scroll-into-view/utils/get-scroll-start.ts"],"sourcesContent":["export const getScrollStart = ({ axis, parent }: any) => {\n if (!parent && typeof document === 'undefined') {\n return 0;\n }\n\n const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';\n\n if (parent) {\n return parent[method];\n }\n\n const { body, documentElement } = document;\n\n // while one of it has a value the second is equal 0\n return body[method] + documentElement[method];\n};\n"],"names":[],"mappings":"MAAa,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAO;IAClD,IAAI,CAAC,MAAM,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;QAC9C,OAAO,CAAC,CAAC;KACV;IAED,MAAM,MAAM,GAAG,IAAI,KAAK,GAAG,GAAG,WAAW,GAAG,YAAY,CAAC;IAEzD,IAAI,MAAM,EAAE;QACV,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC;KACvB;IAED,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;;IAG3C,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;AAChD;;;;"}
@@ -1,16 +1,18 @@
1
- 'use client';
2
1
  const setScrollParam = ({ axis, parent, distance }) => {
3
- if (!parent && typeof document === "undefined") {
4
- return;
5
- }
6
- const method = axis === "y" ? "scrollTop" : "scrollLeft";
7
- if (parent) {
8
- parent[method] = distance;
9
- } else {
10
- const { body, documentElement } = document;
11
- body[method] = distance;
12
- documentElement[method] = distance;
13
- }
2
+ if (!parent && typeof document === 'undefined') {
3
+ return;
4
+ }
5
+ const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';
6
+ if (parent) {
7
+ // eslint-disable-next-line no-param-reassign
8
+ parent[method] = distance;
9
+ }
10
+ else {
11
+ const { body, documentElement } = document;
12
+ // https://www.w3schools.com/jsref/prop_element_scrolltop.asp
13
+ body[method] = distance;
14
+ documentElement[method] = distance;
15
+ }
14
16
  };
15
17
 
16
18
  export { setScrollParam };
@@ -1 +1 @@
1
- {"version":3,"file":"set-scroll-param.js","sources":["../../../src/use-scroll-into-view/utils/set-scroll-param.ts"],"sourcesContent":["export const setScrollParam = ({ axis, parent, distance }: any) => {\n if (!parent && typeof document === 'undefined') {\n return;\n }\n\n const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';\n\n if (parent) {\n // eslint-disable-next-line no-param-reassign\n parent[method] = distance;\n } else {\n const { body, documentElement } = document;\n\n // https://www.w3schools.com/jsref/prop_element_scrolltop.asp\n body[method] = distance;\n documentElement[method] = distance;\n }\n};\n"],"names":[],"mappings":";AAAY,MAAC,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK;AAC9D,EAAE,IAAI,CAAC,MAAM,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;AAClD,IAAI,OAAO;AACX,GAAG;AACH,EAAE,MAAM,MAAM,GAAG,IAAI,KAAK,GAAG,GAAG,WAAW,GAAG,YAAY,CAAC;AAC3D,EAAE,IAAI,MAAM,EAAE;AACd,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC;AAC9B,GAAG,MAAM;AACT,IAAI,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;AAC/C,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC;AAC5B,IAAI,eAAe,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC;AACvC,GAAG;AACH;;"}
1
+ {"version":3,"file":"set-scroll-param.js","sources":["../../../src/use-scroll-into-view/utils/set-scroll-param.ts"],"sourcesContent":["export const setScrollParam = ({ axis, parent, distance }: any) => {\n if (!parent && typeof document === 'undefined') {\n return;\n }\n\n const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';\n\n if (parent) {\n // eslint-disable-next-line no-param-reassign\n parent[method] = distance;\n } else {\n const { body, documentElement } = document;\n\n // https://www.w3schools.com/jsref/prop_element_scrolltop.asp\n body[method] = distance;\n documentElement[method] = distance;\n }\n};\n"],"names":[],"mappings":"MAAa,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAO;IAC5D,IAAI,CAAC,MAAM,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;QAC9C,OAAO;KACR;IAED,MAAM,MAAM,GAAG,IAAI,KAAK,GAAG,GAAG,WAAW,GAAG,YAAY,CAAC;IAEzD,IAAI,MAAM,EAAE;;QAEV,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC;KAC3B;SAAM;QACL,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;;QAG3C,IAAI,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC;QACxB,eAAe,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC;KACpC;AACH;;;;"}
@@ -1,8 +1,7 @@
1
- 'use client';
2
1
  import { createStorage } from '../use-local-storage/create-storage.js';
3
2
 
4
3
  function useSessionStorage(props) {
5
- return createStorage("sessionStorage", "use-session-storage")(props);
4
+ return createStorage('sessionStorage', 'use-session-storage')(props);
6
5
  }
7
6
 
8
7
  export { useSessionStorage };
@@ -1 +1 @@
1
- {"version":3,"file":"use-session-storage.js","sources":["../../src/use-session-storage/use-session-storage.ts"],"sourcesContent":["import { createStorage, IStorageProperties } from '../use-local-storage/create-storage';\n\nexport function useSessionStorage<T = string>(props: IStorageProperties<T>) {\n return createStorage<T>('sessionStorage', 'use-session-storage')(props);\n}\n"],"names":[],"mappings":";;;AACO,SAAS,iBAAiB,CAAC,KAAK,EAAE;AACzC,EAAE,OAAO,aAAa,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC,KAAK,CAAC,CAAC;AACvE;;"}
1
+ {"version":3,"file":"use-session-storage.js","sources":["../../src/use-session-storage/use-session-storage.ts"],"sourcesContent":["import { createStorage, IStorageProperties } from '../use-local-storage/create-storage';\n\nexport function useSessionStorage<T = string>(props: IStorageProperties<T>) {\n return createStorage<T>('sessionStorage', 'use-session-storage')(props);\n}\n"],"names":[],"mappings":";;SAEgB,iBAAiB,CAAa,KAA4B;IACxE,OAAO,aAAa,CAAI,gBAAgB,EAAE,qBAAqB,CAAC,CAAC,KAAK,CAAC,CAAC;AAC1E;;;;"}
@@ -1,26 +1,9 @@
1
- 'use client';
2
1
  import { useState, useCallback } from 'react';
3
2
 
4
- var __defProp = Object.defineProperty;
5
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
- var __spreadValues = (a, b) => {
10
- for (var prop in b || (b = {}))
11
- if (__hasOwnProp.call(b, prop))
12
- __defNormalProp(a, prop, b[prop]);
13
- if (__getOwnPropSymbols)
14
- for (var prop of __getOwnPropSymbols(b)) {
15
- if (__propIsEnum.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- }
18
- return a;
19
- };
20
3
  function useSetState(initialState) {
21
- const [state, _setState] = useState(initialState);
22
- const setState = useCallback((statePartial) => _setState((current) => __spreadValues(__spreadValues({}, current), typeof statePartial === "function" ? statePartial(current) : statePartial)), []);
23
- return [state, setState];
4
+ const [state, _setState] = useState(initialState);
5
+ const setState = useCallback((statePartial) => _setState((current) => (Object.assign(Object.assign({}, current), (typeof statePartial === 'function' ? statePartial(current) : statePartial)))), []);
6
+ return [state, setState];
24
7
  }
25
8
 
26
9
  export { useSetState };
@@ -1 +1 @@
1
- {"version":3,"file":"use-set-state.js","sources":["../../src/use-set-state/use-set-state.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nexport function useSetState<T extends Record<string, any>>(initialState: T) {\n const [state, _setState] = useState(initialState);\n const setState = useCallback(\n (statePartial: Partial<T> | ((currentState: T) => Partial<T>)) =>\n _setState((current) => ({\n ...current,\n ...(typeof statePartial === 'function' ? statePartial(current) : statePartial),\n })),\n []\n );\n return [state, setState] as const;\n}\n"],"names":[],"mappings":";;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEK,SAAS,WAAW,CAAC,YAAY,EAAE;AAC1C,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;AACpD,EAAE,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,OAAO,KAAK,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,YAAY,KAAK,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACrM,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC3B;;"}
1
+ {"version":3,"file":"use-set-state.js","sources":["../../src/use-set-state/use-set-state.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nexport function useSetState<T extends Record<string, any>>(initialState: T) {\n const [state, _setState] = useState(initialState);\n const setState = useCallback(\n (statePartial: Partial<T> | ((currentState: T) => Partial<T>)) =>\n _setState((current) => ({\n ...current,\n ...(typeof statePartial === 'function' ? statePartial(current) : statePartial),\n })),\n []\n );\n return [state, setState] as const;\n}\n"],"names":[],"mappings":";;SAEgB,WAAW,CAAgC,YAAe;IACxE,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,YAA4D,KAC3D,SAAS,CAAC,CAAC,OAAO,sCACb,OAAO,IACN,OAAO,YAAY,KAAK,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,YAAY,GAC7E,CAAC,EACL,EAAE,CACH,CAAC;IACF,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAU,CAAC;AACpC;;;;"}
@@ -1,35 +1,34 @@
1
- 'use client';
2
1
  import { useEffect, useRef } from 'react';
3
2
  import { shallowEqual } from '../utils/shallow-equal/shallow-equal.js';
4
3
 
5
4
  function shallowCompare(prevValue, currValue) {
6
- if (!prevValue || !currValue) {
7
- return false;
8
- }
9
- if (prevValue === currValue) {
10
- return true;
11
- }
12
- if (prevValue.length !== currValue.length) {
13
- return false;
14
- }
15
- for (let i = 0; i < prevValue.length; i += 1) {
16
- if (!shallowEqual(prevValue[i], currValue[i])) {
17
- return false;
5
+ if (!prevValue || !currValue) {
6
+ return false;
7
+ }
8
+ if (prevValue === currValue) {
9
+ return true;
10
+ }
11
+ if (prevValue.length !== currValue.length) {
12
+ return false;
18
13
  }
19
- }
20
- return true;
14
+ for (let i = 0; i < prevValue.length; i += 1) {
15
+ if (!shallowEqual(prevValue[i], currValue[i])) {
16
+ return false;
17
+ }
18
+ }
19
+ return true;
21
20
  }
22
21
  function useShallowCompare(dependencies) {
23
- const ref = useRef([]);
24
- const updateRef = useRef(0);
25
- if (!shallowCompare(ref.current, dependencies)) {
26
- ref.current = dependencies;
27
- updateRef.current += 1;
28
- }
29
- return [updateRef.current];
22
+ const ref = useRef([]);
23
+ const updateRef = useRef(0);
24
+ if (!shallowCompare(ref.current, dependencies)) {
25
+ ref.current = dependencies;
26
+ updateRef.current += 1;
27
+ }
28
+ return [updateRef.current];
30
29
  }
31
30
  function useShallowEffect(cb, dependencies) {
32
- useEffect(cb, useShallowCompare(dependencies));
31
+ useEffect(cb, useShallowCompare(dependencies));
33
32
  }
34
33
 
35
34
  export { useShallowEffect };
@@ -1 +1 @@
1
- {"version":3,"file":"use-shallow-effect.js","sources":["../../src/use-shallow-effect/use-shallow-effect.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { shallowEqual } from '../utils/shallow-equal/shallow-equal';\n\nfunction shallowCompare(prevValue?: React.DependencyList | null, currValue?: React.DependencyList) {\n if (!prevValue || !currValue) {\n return false;\n }\n\n if (prevValue === currValue) {\n return true;\n }\n\n if (prevValue.length !== currValue.length) {\n return false;\n }\n\n for (let i = 0; i < prevValue.length; i += 1) {\n if (!shallowEqual(prevValue[i], currValue[i])) {\n return false;\n }\n }\n\n return true;\n}\n\nfunction useShallowCompare(dependencies?: React.DependencyList) {\n const ref = useRef<React.DependencyList | null | undefined>([]);\n const updateRef = useRef<number>(0);\n\n if (!shallowCompare(ref.current, dependencies)) {\n ref.current = dependencies;\n updateRef.current += 1;\n }\n\n return [updateRef.current];\n}\n\nexport function useShallowEffect(cb: () => void, dependencies?: React.DependencyList): void {\n useEffect(cb, useShallowCompare(dependencies));\n}\n"],"names":[],"mappings":";;;;AAEA,SAAS,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE;AAC9C,EAAE,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,EAAE;AAChC,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,IAAI,SAAS,KAAK,SAAS,EAAE;AAC/B,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,IAAI,SAAS,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,EAAE;AAC7C,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;AAChD,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE;AACnD,MAAM,OAAO,KAAK,CAAC;AACnB,KAAK;AACL,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,SAAS,iBAAiB,CAAC,YAAY,EAAE;AACzC,EAAE,MAAM,GAAG,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;AACzB,EAAE,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAC9B,EAAE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,EAAE,YAAY,CAAC,EAAE;AAClD,IAAI,GAAG,CAAC,OAAO,GAAG,YAAY,CAAC;AAC/B,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,CAAC;AAC3B,GAAG;AACH,EAAE,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AAC7B,CAAC;AACM,SAAS,gBAAgB,CAAC,EAAE,EAAE,YAAY,EAAE;AACnD,EAAE,SAAS,CAAC,EAAE,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC;AACjD;;"}
1
+ {"version":3,"file":"use-shallow-effect.js","sources":["../../src/use-shallow-effect/use-shallow-effect.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { shallowEqual } from '../utils/shallow-equal/shallow-equal';\n\nfunction shallowCompare(prevValue?: React.DependencyList | null, currValue?: React.DependencyList) {\n if (!prevValue || !currValue) {\n return false;\n }\n\n if (prevValue === currValue) {\n return true;\n }\n\n if (prevValue.length !== currValue.length) {\n return false;\n }\n\n for (let i = 0; i < prevValue.length; i += 1) {\n if (!shallowEqual(prevValue[i], currValue[i])) {\n return false;\n }\n }\n\n return true;\n}\n\nfunction useShallowCompare(dependencies?: React.DependencyList) {\n const ref = useRef<React.DependencyList | null | undefined>([]);\n const updateRef = useRef<number>(0);\n\n if (!shallowCompare(ref.current, dependencies)) {\n ref.current = dependencies;\n updateRef.current += 1;\n }\n\n return [updateRef.current];\n}\n\nexport function useShallowEffect(cb: () => void, dependencies?: React.DependencyList): void {\n useEffect(cb, useShallowCompare(dependencies));\n}\n"],"names":[],"mappings":";;;AAGA,SAAS,cAAc,CAAC,SAAuC,EAAE,SAAgC;IAC/F,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,EAAE;QAC5B,OAAO,KAAK,CAAC;KACd;IAED,IAAI,SAAS,KAAK,SAAS,EAAE;QAC3B,OAAO,IAAI,CAAC;KACb;IAED,IAAI,SAAS,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,EAAE;QACzC,OAAO,KAAK,CAAC;KACd;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;QAC5C,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE;YAC7C,OAAO,KAAK,CAAC;SACd;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,iBAAiB,CAAC,YAAmC;IAC5D,MAAM,GAAG,GAAG,MAAM,CAA0C,EAAE,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC;IAEpC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,EAAE,YAAY,CAAC,EAAE;QAC9C,GAAG,CAAC,OAAO,GAAG,YAAY,CAAC;QAC3B,SAAS,CAAC,OAAO,IAAI,CAAC,CAAC;KACxB;IAED,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AAC7B,CAAC;SAEe,gBAAgB,CAAC,EAAc,EAAE,YAAmC;IAClF,SAAS,CAAC,EAAE,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC;AACjD;;;;"}
@@ -1,20 +1,19 @@
1
- 'use client';
2
1
  import { useState, useEffect } from 'react';
3
2
  import { useForceUpdate } from '../use-force-update/use-force-update.js';
4
3
 
5
4
  function useTextSelection() {
6
- const forceUpdate = useForceUpdate();
7
- const [selection, setSelection] = useState(null);
8
- const handleSelectionChange = () => {
9
- setSelection(document.getSelection());
10
- forceUpdate();
11
- };
12
- useEffect(() => {
13
- setSelection(document.getSelection());
14
- document.addEventListener("selectionchange", handleSelectionChange);
15
- return () => document.removeEventListener("selectionchange", handleSelectionChange);
16
- }, []);
17
- return selection;
5
+ const forceUpdate = useForceUpdate();
6
+ const [selection, setSelection] = useState(null);
7
+ const handleSelectionChange = () => {
8
+ setSelection(document.getSelection());
9
+ forceUpdate();
10
+ };
11
+ useEffect(() => {
12
+ setSelection(document.getSelection());
13
+ document.addEventListener('selectionchange', handleSelectionChange);
14
+ return () => document.removeEventListener('selectionchange', handleSelectionChange);
15
+ }, []);
16
+ return selection;
18
17
  }
19
18
 
20
19
  export { useTextSelection };
@@ -1 +1 @@
1
- {"version":3,"file":"use-text-selection.js","sources":["../../src/use-text-selection/use-text-selection.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useForceUpdate } from '../use-force-update/use-force-update';\n\nexport function useTextSelection(): Selection | null {\n const forceUpdate = useForceUpdate();\n const [selection, setSelection] = useState<Selection | null>(null);\n\n const handleSelectionChange = () => {\n setSelection(document.getSelection());\n forceUpdate();\n };\n\n useEffect(() => {\n setSelection(document.getSelection());\n document.addEventListener('selectionchange', handleSelectionChange);\n return () => document.removeEventListener('selectionchange', handleSelectionChange);\n }, []);\n\n return selection;\n}\n"],"names":[],"mappings":";;;;AAEO,SAAS,gBAAgB,GAAG;AACnC,EAAE,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;AACvC,EAAE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;AACnD,EAAE,MAAM,qBAAqB,GAAG,MAAM;AACtC,IAAI,YAAY,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;AAC1C,IAAI,WAAW,EAAE,CAAC;AAClB,GAAG,CAAC;AACJ,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,YAAY,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;AAC1C,IAAI,QAAQ,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;AACxE,IAAI,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;AACxF,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO,SAAS,CAAC;AACnB;;"}
1
+ {"version":3,"file":"use-text-selection.js","sources":["../../src/use-text-selection/use-text-selection.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useForceUpdate } from '../use-force-update/use-force-update';\n\nexport function useTextSelection(): Selection | null {\n const forceUpdate = useForceUpdate();\n const [selection, setSelection] = useState<Selection | null>(null);\n\n const handleSelectionChange = () => {\n setSelection(document.getSelection());\n forceUpdate();\n };\n\n useEffect(() => {\n setSelection(document.getSelection());\n document.addEventListener('selectionchange', handleSelectionChange);\n return () => document.removeEventListener('selectionchange', handleSelectionChange);\n }, []);\n\n return selection;\n}\n"],"names":[],"mappings":";;;SAGgB,gBAAgB;IAC9B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IAEnE,MAAM,qBAAqB,GAAG;QAC5B,YAAY,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;QACtC,WAAW,EAAE,CAAC;KACf,CAAC;IAEF,SAAS,CAAC;QACR,YAAY,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;QACtC,QAAQ,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;QACpE,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;KACrF,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,SAAS,CAAC;AACnB;;;;"}
@@ -1,29 +1,28 @@
1
- 'use client';
2
1
  import { useRef, useEffect } from 'react';
3
2
 
4
3
  function useTimeout(callback, delay, options = { autoInvoke: false }) {
5
- const timeoutRef = useRef(null);
6
- const start = (...callbackParams) => {
7
- if (!timeoutRef.current) {
8
- timeoutRef.current = window.setTimeout(() => {
9
- callback(callbackParams);
10
- timeoutRef.current = null;
11
- }, delay);
12
- }
13
- };
14
- const clear = () => {
15
- if (timeoutRef.current) {
16
- window.clearTimeout(timeoutRef.current);
17
- timeoutRef.current = null;
18
- }
19
- };
20
- useEffect(() => {
21
- if (options.autoInvoke) {
22
- start();
23
- }
24
- return clear;
25
- }, [delay]);
26
- return { start, clear };
4
+ const timeoutRef = useRef(null);
5
+ const start = (...callbackParams) => {
6
+ if (!timeoutRef.current) {
7
+ timeoutRef.current = window.setTimeout(() => {
8
+ callback(callbackParams);
9
+ timeoutRef.current = null;
10
+ }, delay);
11
+ }
12
+ };
13
+ const clear = () => {
14
+ if (timeoutRef.current) {
15
+ window.clearTimeout(timeoutRef.current);
16
+ timeoutRef.current = null;
17
+ }
18
+ };
19
+ useEffect(() => {
20
+ if (options.autoInvoke) {
21
+ start();
22
+ }
23
+ return clear;
24
+ }, [delay]);
25
+ return { start, clear };
27
26
  }
28
27
 
29
28
  export { useTimeout };
@@ -1 +1 @@
1
- {"version":3,"file":"use-timeout.js","sources":["../../src/use-timeout/use-timeout.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\nexport function useTimeout(\n callback: (...callbackParams: any[]) => void,\n delay: number,\n options: { autoInvoke: boolean } = { autoInvoke: false }\n) {\n const timeoutRef = useRef<number | null>(null);\n\n const start = (...callbackParams: any[]) => {\n if (!timeoutRef.current) {\n timeoutRef.current = window.setTimeout(() => {\n callback(callbackParams);\n timeoutRef.current = null;\n }, delay);\n }\n };\n\n const clear = () => {\n if (timeoutRef.current) {\n window.clearTimeout(timeoutRef.current);\n timeoutRef.current = null;\n }\n };\n\n useEffect(() => {\n if (options.autoInvoke) {\n start();\n }\n\n return clear;\n }, [delay]);\n\n return { start, clear };\n}\n"],"names":[],"mappings":";;;AACO,SAAS,UAAU,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE;AAC7E,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,MAAM,KAAK,GAAG,CAAC,GAAG,cAAc,KAAK;AACvC,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;AAC7B,MAAM,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACnD,QAAQ,QAAQ,CAAC,cAAc,CAAC,CAAC;AACjC,QAAQ,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;AAClC,OAAO,EAAE,KAAK,CAAC,CAAC;AAChB,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,KAAK,GAAG,MAAM;AACtB,IAAI,IAAI,UAAU,CAAC,OAAO,EAAE;AAC5B,MAAM,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC9C,MAAM,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;AAChC,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,IAAI,OAAO,CAAC,UAAU,EAAE;AAC5B,MAAM,KAAK,EAAE,CAAC;AACd,KAAK;AACL,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC1B;;"}
1
+ {"version":3,"file":"use-timeout.js","sources":["../../src/use-timeout/use-timeout.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\nexport function useTimeout(\n callback: (...callbackParams: any[]) => void,\n delay: number,\n options: { autoInvoke: boolean } = { autoInvoke: false }\n) {\n const timeoutRef = useRef<number | null>(null);\n\n const start = (...callbackParams: any[]) => {\n if (!timeoutRef.current) {\n timeoutRef.current = window.setTimeout(() => {\n callback(callbackParams);\n timeoutRef.current = null;\n }, delay);\n }\n };\n\n const clear = () => {\n if (timeoutRef.current) {\n window.clearTimeout(timeoutRef.current);\n timeoutRef.current = null;\n }\n };\n\n useEffect(() => {\n if (options.autoInvoke) {\n start();\n }\n\n return clear;\n }, [delay]);\n\n return { start, clear };\n}\n"],"names":[],"mappings":";;SAEgB,UAAU,CACxB,QAA4C,EAC5C,KAAa,EACb,UAAmC,EAAE,UAAU,EAAE,KAAK,EAAE;IAExD,MAAM,UAAU,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAE/C,MAAM,KAAK,GAAG,CAAC,GAAG,cAAqB;QACrC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YACvB,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;gBACrC,QAAQ,CAAC,cAAc,CAAC,CAAC;gBACzB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;aAC3B,EAAE,KAAK,CAAC,CAAC;SACX;KACF,CAAC;IAEF,MAAM,KAAK,GAAG;QACZ,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACxC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;SAC3B;KACF,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,OAAO,CAAC,UAAU,EAAE;YACtB,KAAK,EAAE,CAAC;SACT;QAED,OAAO,KAAK,CAAC;KACd,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC1B;;;;"}
@@ -1,13 +1,12 @@
1
- 'use client';
2
1
  import { useReducer } from 'react';
3
2
 
4
3
  function useToggle(options = [false, true]) {
5
- const [[option], toggle] = useReducer((state, action) => {
6
- const value = action instanceof Function ? action(state[0]) : action;
7
- const index = Math.abs(state.indexOf(value));
8
- return state.slice(index).concat(state.slice(0, index));
9
- }, options);
10
- return [option, toggle];
4
+ const [[option], toggle] = useReducer((state, action) => {
5
+ const value = action instanceof Function ? action(state[0]) : action;
6
+ const index = Math.abs(state.indexOf(value));
7
+ return state.slice(index).concat(state.slice(0, index));
8
+ }, options);
9
+ return [option, toggle];
11
10
  }
12
11
 
13
12
  export { useToggle };
@@ -1 +1 @@
1
- {"version":3,"file":"use-toggle.js","sources":["../../src/use-toggle/use-toggle.ts"],"sourcesContent":["import { useReducer } from 'react';\n\nexport function useToggle<T = boolean>(options: readonly T[] = [false, true] as any) {\n const [[option], toggle] = useReducer((state: T[], action: React.SetStateAction<T>) => {\n const value = action instanceof Function ? action(state[0]) : action;\n const index = Math.abs(state.indexOf(value));\n\n return state.slice(index).concat(state.slice(0, index));\n }, options as T[]);\n\n return [option, toggle as (value?: React.SetStateAction<T>) => void] as const;\n}\n"],"names":[],"mappings":";;;AACO,SAAS,SAAS,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;AACnD,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK;AAC3D,IAAI,MAAM,KAAK,GAAG,MAAM,YAAY,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;AACzE,IAAI,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AACjD,IAAI,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAC5D,GAAG,EAAE,OAAO,CAAC,CAAC;AACd,EAAE,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1B;;"}
1
+ {"version":3,"file":"use-toggle.js","sources":["../../src/use-toggle/use-toggle.ts"],"sourcesContent":["import { useReducer } from 'react';\n\nexport function useToggle<T = boolean>(options: readonly T[] = [false, true] as any) {\n const [[option], toggle] = useReducer((state: T[], action: React.SetStateAction<T>) => {\n const value = action instanceof Function ? action(state[0]) : action;\n const index = Math.abs(state.indexOf(value));\n\n return state.slice(index).concat(state.slice(0, index));\n }, options as T[]);\n\n return [option, toggle as (value?: React.SetStateAction<T>) => void] as const;\n}\n"],"names":[],"mappings":";;SAEgB,SAAS,CAAc,UAAwB,CAAC,KAAK,EAAE,IAAI,CAAQ;IACjF,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,KAAU,EAAE,MAA+B;QAChF,MAAM,KAAK,GAAG,MAAM,YAAY,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;QACrE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QAE7C,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;KACzD,EAAE,OAAc,CAAC,CAAC;IAEnB,OAAO,CAAC,MAAM,EAAE,MAAmD,CAAU,CAAC;AAChF;;;;"}
@@ -1,22 +1,15 @@
1
- 'use client';
2
1
  import { useState } from 'react';
3
2
 
4
- function useUncontrolled({
5
- value,
6
- defaultValue,
7
- finalValue,
8
- onChange = () => {
9
- }
10
- }) {
11
- const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue !== void 0 ? defaultValue : finalValue);
12
- const handleUncontrolledChange = (val) => {
13
- setUncontrolledValue(val);
14
- onChange == null ? void 0 : onChange(val);
15
- };
16
- if (value !== void 0) {
17
- return [value, onChange, true];
18
- }
19
- return [uncontrolledValue, handleUncontrolledChange, false];
3
+ function useUncontrolled({ value, defaultValue, finalValue, onChange = () => { }, }) {
4
+ const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue !== undefined ? defaultValue : finalValue);
5
+ const handleUncontrolledChange = (val) => {
6
+ setUncontrolledValue(val);
7
+ onChange === null || onChange === void 0 ? void 0 : onChange(val);
8
+ };
9
+ if (value !== undefined) {
10
+ return [value, onChange, true];
11
+ }
12
+ return [uncontrolledValue, handleUncontrolledChange, false];
20
13
  }
21
14
 
22
15
  export { useUncontrolled };
@@ -1 +1 @@
1
- {"version":3,"file":"use-uncontrolled.js","sources":["../../src/use-uncontrolled/use-uncontrolled.ts"],"sourcesContent":["import { useState } from 'react';\n\ninterface UseUncontrolledInput<T> {\n /** Value for controlled state */\n value?: T;\n\n /** Initial value for uncontrolled state */\n defaultValue?: T;\n\n /** Final value for uncontrolled state when value and defaultValue are not provided */\n finalValue?: T;\n\n /** Controlled state onChange handler */\n onChange?(value: T): void;\n}\n\nexport function useUncontrolled<T>({\n value,\n defaultValue,\n finalValue,\n onChange = () => {},\n}: UseUncontrolledInput<T>): [T, (value: T) => void, boolean] {\n const [uncontrolledValue, setUncontrolledValue] = useState(\n defaultValue !== undefined ? defaultValue : finalValue\n );\n\n const handleUncontrolledChange = (val: T) => {\n setUncontrolledValue(val);\n onChange?.(val);\n };\n\n if (value !== undefined) {\n return [value as T, onChange, true];\n }\n\n return [uncontrolledValue as T, handleUncontrolledChange, false];\n}\n"],"names":[],"mappings":";;;AACO,SAAS,eAAe,CAAC;AAChC,EAAE,KAAK;AACP,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,QAAQ,GAAG,MAAM;AACnB,GAAG;AACH,CAAC,EAAE;AACH,EAAE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,YAAY,KAAK,KAAK,CAAC,GAAG,YAAY,GAAG,UAAU,CAAC,CAAC;AAClH,EAAE,MAAM,wBAAwB,GAAG,CAAC,GAAG,KAAK;AAC5C,IAAI,oBAAoB,CAAC,GAAG,CAAC,CAAC;AAC9B,IAAI,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;AAC9C,GAAG,CAAC;AACJ,EAAE,IAAI,KAAK,KAAK,KAAK,CAAC,EAAE;AACxB,IAAI,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;AACnC,GAAG;AACH,EAAE,OAAO,CAAC,iBAAiB,EAAE,wBAAwB,EAAE,KAAK,CAAC,CAAC;AAC9D;;"}
1
+ {"version":3,"file":"use-uncontrolled.js","sources":["../../src/use-uncontrolled/use-uncontrolled.ts"],"sourcesContent":["import { useState } from 'react';\n\ninterface UseUncontrolledInput<T> {\n /** Value for controlled state */\n value?: T;\n\n /** Initial value for uncontrolled state */\n defaultValue?: T;\n\n /** Final value for uncontrolled state when value and defaultValue are not provided */\n finalValue?: T;\n\n /** Controlled state onChange handler */\n onChange?(value: T): void;\n}\n\nexport function useUncontrolled<T>({\n value,\n defaultValue,\n finalValue,\n onChange = () => {},\n}: UseUncontrolledInput<T>): [T, (value: T) => void, boolean] {\n const [uncontrolledValue, setUncontrolledValue] = useState(\n defaultValue !== undefined ? defaultValue : finalValue\n );\n\n const handleUncontrolledChange = (val: T) => {\n setUncontrolledValue(val);\n onChange?.(val);\n };\n\n if (value !== undefined) {\n return [value as T, onChange, true];\n }\n\n return [uncontrolledValue as T, handleUncontrolledChange, false];\n}\n"],"names":[],"mappings":";;SAgBgB,eAAe,CAAI,EACjC,KAAK,EACL,YAAY,EACZ,UAAU,EACV,QAAQ,GAAG,SAAQ,GACK;IACxB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CACxD,YAAY,KAAK,SAAS,GAAG,YAAY,GAAG,UAAU,CACvD,CAAC;IAEF,MAAM,wBAAwB,GAAG,CAAC,GAAM;QACtC,oBAAoB,CAAC,GAAG,CAAC,CAAC;QAC1B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,CAAC,CAAC;KACjB,CAAC;IAEF,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO,CAAC,KAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;KACrC;IAED,OAAO,CAAC,iBAAsB,EAAE,wBAAwB,EAAE,KAAK,CAAC,CAAC;AACnE;;;;"}
@@ -1,20 +1,20 @@
1
- 'use client';
2
1
  import { useState } from 'react';
3
2
 
4
3
  function useValidatedState(initialValue, validation, initialValidationState) {
5
- const [value, setValue] = useState(initialValue);
6
- const [lastValidValue, setLastValidValue] = useState(validation(initialValue) ? initialValue : void 0);
7
- const [valid, setValid] = useState(typeof initialValidationState === "boolean" ? initialValidationState : validation(initialValue));
8
- const onChange = (val) => {
9
- if (validation(val)) {
10
- setLastValidValue(val);
11
- setValid(true);
12
- } else {
13
- setValid(false);
14
- }
15
- setValue(val);
16
- };
17
- return [{ value, lastValidValue, valid }, onChange];
4
+ const [value, setValue] = useState(initialValue);
5
+ const [lastValidValue, setLastValidValue] = useState(validation(initialValue) ? initialValue : undefined);
6
+ const [valid, setValid] = useState(typeof initialValidationState === 'boolean' ? initialValidationState : validation(initialValue));
7
+ const onChange = (val) => {
8
+ if (validation(val)) {
9
+ setLastValidValue(val);
10
+ setValid(true);
11
+ }
12
+ else {
13
+ setValid(false);
14
+ }
15
+ setValue(val);
16
+ };
17
+ return [{ value, lastValidValue, valid }, onChange];
18
18
  }
19
19
 
20
20
  export { useValidatedState };
@@ -1 +1 @@
1
- {"version":3,"file":"use-validated-state.js","sources":["../../src/use-validated-state/use-validated-state.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport function useValidatedState<T>(\n initialValue: T,\n validation: (value: T) => boolean,\n initialValidationState?: boolean\n) {\n const [value, setValue] = useState<T>(initialValue);\n const [lastValidValue, setLastValidValue] = useState<T | undefined>(\n validation(initialValue) ? initialValue : undefined\n );\n const [valid, setValid] = useState<boolean>(\n typeof initialValidationState === 'boolean' ? initialValidationState : validation(initialValue)\n );\n\n const onChange = (val: T) => {\n if (validation(val)) {\n setLastValidValue(val);\n setValid(true);\n } else {\n setValid(false);\n }\n\n setValue(val);\n };\n\n return [{ value, lastValidValue, valid }, onChange] as const;\n}\n"],"names":[],"mappings":";;;AACO,SAAS,iBAAiB,CAAC,YAAY,EAAE,UAAU,EAAE,sBAAsB,EAAE;AACpF,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;AACnD,EAAE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC;AACzG,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,sBAAsB,KAAK,SAAS,GAAG,sBAAsB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC;AACtI,EAAE,MAAM,QAAQ,GAAG,CAAC,GAAG,KAAK;AAC5B,IAAI,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE;AACzB,MAAM,iBAAiB,CAAC,GAAG,CAAC,CAAC;AAC7B,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;AACrB,KAAK,MAAM;AACX,MAAM,QAAQ,CAAC,KAAK,CAAC,CAAC;AACtB,KAAK;AACL,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC;AAClB,GAAG,CAAC;AACJ,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC;AACtD;;"}
1
+ {"version":3,"file":"use-validated-state.js","sources":["../../src/use-validated-state/use-validated-state.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport function useValidatedState<T>(\n initialValue: T,\n validation: (value: T) => boolean,\n initialValidationState?: boolean\n) {\n const [value, setValue] = useState<T>(initialValue);\n const [lastValidValue, setLastValidValue] = useState<T | undefined>(\n validation(initialValue) ? initialValue : undefined\n );\n const [valid, setValid] = useState<boolean>(\n typeof initialValidationState === 'boolean' ? initialValidationState : validation(initialValue)\n );\n\n const onChange = (val: T) => {\n if (validation(val)) {\n setLastValidValue(val);\n setValid(true);\n } else {\n setValid(false);\n }\n\n setValue(val);\n };\n\n return [{ value, lastValidValue, valid }, onChange] as const;\n}\n"],"names":[],"mappings":";;SAEgB,iBAAiB,CAC/B,YAAe,EACf,UAAiC,EACjC,sBAAgC;IAEhC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,YAAY,CAAC,CAAC;IACpD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,UAAU,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,SAAS,CACpD,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,OAAO,sBAAsB,KAAK,SAAS,GAAG,sBAAsB,GAAG,UAAU,CAAC,YAAY,CAAC,CAChG,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,GAAM;QACtB,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE;YACnB,iBAAiB,CAAC,GAAG,CAAC,CAAC;YACvB,QAAQ,CAAC,IAAI,CAAC,CAAC;SAChB;aAAM;YACL,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QAED,QAAQ,CAAC,GAAG,CAAC,CAAC;KACf,CAAC;IAEF,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAU,CAAC;AAC/D;;;;"}
@@ -1,22 +1,21 @@
1
- 'use client';
2
1
  import { useState, useCallback, useEffect } from 'react';
3
2
  import { useWindowEvent } from '../use-window-event/use-window-event.js';
4
3
 
5
4
  const eventListerOptions = {
6
- passive: true
5
+ passive: true,
7
6
  };
8
7
  function useViewportSize() {
9
- const [windowSize, setWindowSize] = useState({
10
- width: 0,
11
- height: 0
12
- });
13
- const setSize = useCallback(() => {
14
- setWindowSize({ width: window.innerWidth || 0, height: window.innerHeight || 0 });
15
- }, []);
16
- useWindowEvent("resize", setSize, eventListerOptions);
17
- useWindowEvent("orientationchange", setSize, eventListerOptions);
18
- useEffect(setSize, []);
19
- return windowSize;
8
+ const [windowSize, setWindowSize] = useState({
9
+ width: 0,
10
+ height: 0,
11
+ });
12
+ const setSize = useCallback(() => {
13
+ setWindowSize({ width: window.innerWidth || 0, height: window.innerHeight || 0 });
14
+ }, []);
15
+ useWindowEvent('resize', setSize, eventListerOptions);
16
+ useWindowEvent('orientationchange', setSize, eventListerOptions);
17
+ useEffect(setSize, []);
18
+ return windowSize;
20
19
  }
21
20
 
22
21
  export { useViewportSize };