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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (298) hide show
  1. package/cjs/use-callback-ref/use-callback-ref.js +8 -5
  2. package/cjs/use-callback-ref/use-callback-ref.js.map +1 -1
  3. package/cjs/use-click-outside/use-click-outside.js +19 -21
  4. package/cjs/use-click-outside/use-click-outside.js.map +1 -1
  5. package/cjs/use-clipboard/use-clipboard.js +22 -26
  6. package/cjs/use-clipboard/use-clipboard.js.map +1 -1
  7. package/cjs/use-color-scheme/use-color-scheme.js +1 -3
  8. package/cjs/use-color-scheme/use-color-scheme.js.map +1 -1
  9. package/cjs/use-counter/use-counter.js +25 -9
  10. package/cjs/use-counter/use-counter.js.map +1 -1
  11. package/cjs/use-debounced-callback/use-debounced-callback.js +7 -7
  12. package/cjs/use-debounced-callback/use-debounced-callback.js.map +1 -1
  13. package/cjs/use-debounced-state/use-debounced-state.js +18 -19
  14. package/cjs/use-debounced-state/use-debounced-state.js.map +1 -1
  15. package/cjs/use-debounced-value/use-debounced-value.js +24 -25
  16. package/cjs/use-debounced-value/use-debounced-value.js.map +1 -1
  17. package/cjs/use-did-update/use-did-update.js +14 -11
  18. package/cjs/use-did-update/use-did-update.js.map +1 -1
  19. package/cjs/use-disclosure/use-disclosure.js +24 -24
  20. package/cjs/use-disclosure/use-disclosure.js.map +1 -1
  21. package/cjs/use-document-title/use-document-title.js +5 -5
  22. package/cjs/use-document-title/use-document-title.js.map +1 -1
  23. package/cjs/use-document-visibility/use-document-visibility.js +7 -7
  24. package/cjs/use-document-visibility/use-document-visibility.js.map +1 -1
  25. package/cjs/use-event-listener/use-event-listener.js +12 -9
  26. package/cjs/use-event-listener/use-event-listener.js.map +1 -1
  27. package/cjs/use-eye-dropper/use-eye-dropper.js +15 -12
  28. package/cjs/use-eye-dropper/use-eye-dropper.js.map +1 -1
  29. package/cjs/use-favicon/use-favicon.js +25 -23
  30. package/cjs/use-favicon/use-favicon.js.map +1 -1
  31. package/cjs/use-focus-return/use-focus-return.js +25 -29
  32. package/cjs/use-focus-return/use-focus-return.js.map +1 -1
  33. package/cjs/use-focus-trap/create-aria-hider.js +36 -36
  34. package/cjs/use-focus-trap/create-aria-hider.js.map +1 -1
  35. package/cjs/use-focus-trap/scope-tab.js +15 -15
  36. package/cjs/use-focus-trap/scope-tab.js.map +1 -1
  37. package/cjs/use-focus-trap/tabbable.js +33 -35
  38. package/cjs/use-focus-trap/tabbable.js.map +1 -1
  39. package/cjs/use-focus-trap/use-focus-trap.js +67 -67
  40. package/cjs/use-focus-trap/use-focus-trap.js.map +1 -1
  41. package/cjs/use-focus-within/use-focus-within.js +40 -37
  42. package/cjs/use-focus-within/use-focus-within.js.map +1 -1
  43. package/cjs/use-force-update/use-force-update.js +3 -3
  44. package/cjs/use-force-update/use-force-update.js.map +1 -1
  45. package/cjs/use-fullscreen/use-fullscreen.js +79 -83
  46. package/cjs/use-fullscreen/use-fullscreen.js.map +1 -1
  47. package/cjs/use-hash/use-hash.js +16 -16
  48. package/cjs/use-hash/use-hash.js.map +1 -1
  49. package/cjs/use-headroom/use-headroom.js +23 -23
  50. package/cjs/use-headroom/use-headroom.js.map +1 -1
  51. package/cjs/use-hotkeys/parse-hotkey.js +64 -49
  52. package/cjs/use-hotkeys/parse-hotkey.js.map +1 -1
  53. package/cjs/use-hotkeys/use-hotkeys.js +21 -22
  54. package/cjs/use-hotkeys/use-hotkeys.js.map +1 -1
  55. package/cjs/use-hover/use-hover.js +17 -17
  56. package/cjs/use-hover/use-hover.js.map +1 -1
  57. package/cjs/use-id/use-id.js +12 -12
  58. package/cjs/use-id/use-id.js.map +1 -1
  59. package/cjs/use-id/use-react-id.js +3 -3
  60. package/cjs/use-id/use-react-id.js.map +1 -1
  61. package/cjs/use-idle/use-idle.js +42 -26
  62. package/cjs/use-idle/use-idle.js.map +1 -1
  63. package/cjs/use-input-state/use-input-state.js +18 -22
  64. package/cjs/use-input-state/use-input-state.js.map +1 -1
  65. package/cjs/use-intersection/use-intersection.js +20 -17
  66. package/cjs/use-intersection/use-intersection.js.map +1 -1
  67. package/cjs/use-interval/use-interval.js +27 -28
  68. package/cjs/use-interval/use-interval.js.map +1 -1
  69. package/cjs/use-isomorphic-effect/use-isomorphic-effect.js +1 -3
  70. package/cjs/use-isomorphic-effect/use-isomorphic-effect.js.map +1 -1
  71. package/cjs/use-list-state/use-list-state.js +76 -55
  72. package/cjs/use-list-state/use-list-state.js.map +1 -1
  73. package/cjs/use-local-storage/create-storage.js +79 -71
  74. package/cjs/use-local-storage/create-storage.js.map +1 -1
  75. package/cjs/use-local-storage/use-local-storage.js +1 -1
  76. package/cjs/use-local-storage/use-local-storage.js.map +1 -1
  77. package/cjs/use-logger/use-logger.js +8 -9
  78. package/cjs/use-logger/use-logger.js.map +1 -1
  79. package/cjs/use-media-query/use-media-query.js +28 -31
  80. package/cjs/use-media-query/use-media-query.js.map +1 -1
  81. package/cjs/use-merged-ref/use-merged-ref.js +9 -11
  82. package/cjs/use-merged-ref/use-merged-ref.js.map +1 -1
  83. package/cjs/use-mouse/use-mouse.js +46 -25
  84. package/cjs/use-mouse/use-mouse.js.map +1 -1
  85. package/cjs/use-move/use-move.js +87 -88
  86. package/cjs/use-move/use-move.js.map +1 -1
  87. package/cjs/use-network/use-network.js +51 -32
  88. package/cjs/use-network/use-network.js.map +1 -1
  89. package/cjs/use-os/use-os.js +30 -30
  90. package/cjs/use-os/use-os.js.map +1 -1
  91. package/cjs/use-page-leave/use-page-leave.js +4 -4
  92. package/cjs/use-page-leave/use-page-leave.js.map +1 -1
  93. package/cjs/use-pagination/use-pagination.js +63 -58
  94. package/cjs/use-pagination/use-pagination.js.map +1 -1
  95. package/cjs/use-previous/use-previous.js +5 -5
  96. package/cjs/use-previous/use-previous.js.map +1 -1
  97. package/cjs/use-queue/use-queue.js +24 -24
  98. package/cjs/use-queue/use-queue.js.map +1 -1
  99. package/cjs/use-reduced-motion/use-reduced-motion.js +1 -1
  100. package/cjs/use-reduced-motion/use-reduced-motion.js.map +1 -1
  101. package/cjs/use-resize-observer/use-resize-observer.js +39 -38
  102. package/cjs/use-resize-observer/use-resize-observer.js.map +1 -1
  103. package/cjs/use-scroll-into-view/use-scroll-into-view.js +78 -75
  104. package/cjs/use-scroll-into-view/use-scroll-into-view.js.map +1 -1
  105. package/cjs/use-scroll-into-view/utils/ease-in-out-quad.js +1 -1
  106. package/cjs/use-scroll-into-view/utils/ease-in-out-quad.js.map +1 -1
  107. package/cjs/use-scroll-into-view/utils/get-relative-position.js +53 -46
  108. package/cjs/use-scroll-into-view/utils/get-relative-position.js.map +1 -1
  109. package/cjs/use-scroll-into-view/utils/get-scroll-start.js +9 -10
  110. package/cjs/use-scroll-into-view/utils/get-scroll-start.js.map +1 -1
  111. package/cjs/use-scroll-into-view/utils/set-scroll-param.js +11 -14
  112. package/cjs/use-scroll-into-view/utils/set-scroll-param.js.map +1 -1
  113. package/cjs/use-session-storage/use-session-storage.js +1 -1
  114. package/cjs/use-session-storage/use-session-storage.js.map +1 -1
  115. package/cjs/use-set-state/use-set-state.js +22 -3
  116. package/cjs/use-set-state/use-set-state.js.map +1 -1
  117. package/cjs/use-shallow-effect/use-shallow-effect.js +22 -22
  118. package/cjs/use-shallow-effect/use-shallow-effect.js.map +1 -1
  119. package/cjs/use-text-selection/use-text-selection.js +12 -12
  120. package/cjs/use-text-selection/use-text-selection.js.map +1 -1
  121. package/cjs/use-timeout/use-timeout.js +22 -22
  122. package/cjs/use-timeout/use-timeout.js.map +1 -1
  123. package/cjs/use-toggle/use-toggle.js +6 -6
  124. package/cjs/use-toggle/use-toggle.js.map +1 -1
  125. package/cjs/use-uncontrolled/use-uncontrolled.js +18 -10
  126. package/cjs/use-uncontrolled/use-uncontrolled.js.map +1 -1
  127. package/cjs/use-validated-state/use-validated-state.js +17 -14
  128. package/cjs/use-validated-state/use-validated-state.js.map +1 -1
  129. package/cjs/use-viewport-size/use-viewport-size.js +12 -12
  130. package/cjs/use-viewport-size/use-viewport-size.js.map +1 -1
  131. package/cjs/use-window-event/use-window-event.js +4 -4
  132. package/cjs/use-window-event/use-window-event.js.map +1 -1
  133. package/cjs/use-window-scroll/use-window-scroll.js +17 -19
  134. package/cjs/use-window-scroll/use-window-scroll.js.map +1 -1
  135. package/cjs/utils/clamp/clamp.js +10 -1
  136. package/cjs/utils/clamp/clamp.js.map +1 -1
  137. package/cjs/utils/lower-first/lower-first.js +1 -1
  138. package/cjs/utils/lower-first/lower-first.js.map +1 -1
  139. package/cjs/utils/random-id/random-id.js +1 -1
  140. package/cjs/utils/random-id/random-id.js.map +1 -1
  141. package/cjs/utils/range/range.js +2 -2
  142. package/cjs/utils/range/range.js.map +1 -1
  143. package/cjs/utils/shallow-equal/shallow-equal.js +19 -19
  144. package/cjs/utils/shallow-equal/shallow-equal.js.map +1 -1
  145. package/cjs/utils/upper-first/upper-first.js +1 -1
  146. package/cjs/utils/upper-first/upper-first.js.map +1 -1
  147. package/esm/use-callback-ref/use-callback-ref.js +8 -5
  148. package/esm/use-callback-ref/use-callback-ref.js.map +1 -1
  149. package/esm/use-click-outside/use-click-outside.js +19 -21
  150. package/esm/use-click-outside/use-click-outside.js.map +1 -1
  151. package/esm/use-clipboard/use-clipboard.js +22 -26
  152. package/esm/use-clipboard/use-clipboard.js.map +1 -1
  153. package/esm/use-color-scheme/use-color-scheme.js +1 -3
  154. package/esm/use-color-scheme/use-color-scheme.js.map +1 -1
  155. package/esm/use-counter/use-counter.js +25 -9
  156. package/esm/use-counter/use-counter.js.map +1 -1
  157. package/esm/use-debounced-callback/use-debounced-callback.js +7 -7
  158. package/esm/use-debounced-callback/use-debounced-callback.js.map +1 -1
  159. package/esm/use-debounced-state/use-debounced-state.js +18 -19
  160. package/esm/use-debounced-state/use-debounced-state.js.map +1 -1
  161. package/esm/use-debounced-value/use-debounced-value.js +24 -25
  162. package/esm/use-debounced-value/use-debounced-value.js.map +1 -1
  163. package/esm/use-did-update/use-did-update.js +14 -11
  164. package/esm/use-did-update/use-did-update.js.map +1 -1
  165. package/esm/use-disclosure/use-disclosure.js +24 -24
  166. package/esm/use-disclosure/use-disclosure.js.map +1 -1
  167. package/esm/use-document-title/use-document-title.js +5 -5
  168. package/esm/use-document-title/use-document-title.js.map +1 -1
  169. package/esm/use-document-visibility/use-document-visibility.js +7 -7
  170. package/esm/use-document-visibility/use-document-visibility.js.map +1 -1
  171. package/esm/use-event-listener/use-event-listener.js +12 -9
  172. package/esm/use-event-listener/use-event-listener.js.map +1 -1
  173. package/esm/use-eye-dropper/use-eye-dropper.js +15 -12
  174. package/esm/use-eye-dropper/use-eye-dropper.js.map +1 -1
  175. package/esm/use-favicon/use-favicon.js +25 -23
  176. package/esm/use-favicon/use-favicon.js.map +1 -1
  177. package/esm/use-focus-return/use-focus-return.js +25 -29
  178. package/esm/use-focus-return/use-focus-return.js.map +1 -1
  179. package/esm/use-focus-trap/create-aria-hider.js +36 -36
  180. package/esm/use-focus-trap/create-aria-hider.js.map +1 -1
  181. package/esm/use-focus-trap/scope-tab.js +15 -15
  182. package/esm/use-focus-trap/scope-tab.js.map +1 -1
  183. package/esm/use-focus-trap/tabbable.js +33 -35
  184. package/esm/use-focus-trap/tabbable.js.map +1 -1
  185. package/esm/use-focus-trap/use-focus-trap.js +67 -67
  186. package/esm/use-focus-trap/use-focus-trap.js.map +1 -1
  187. package/esm/use-focus-within/use-focus-within.js +40 -37
  188. package/esm/use-focus-within/use-focus-within.js.map +1 -1
  189. package/esm/use-force-update/use-force-update.js +3 -3
  190. package/esm/use-force-update/use-force-update.js.map +1 -1
  191. package/esm/use-fullscreen/use-fullscreen.js +79 -83
  192. package/esm/use-fullscreen/use-fullscreen.js.map +1 -1
  193. package/esm/use-hash/use-hash.js +16 -16
  194. package/esm/use-hash/use-hash.js.map +1 -1
  195. package/esm/use-headroom/use-headroom.js +23 -23
  196. package/esm/use-headroom/use-headroom.js.map +1 -1
  197. package/esm/use-hotkeys/parse-hotkey.js +64 -49
  198. package/esm/use-hotkeys/parse-hotkey.js.map +1 -1
  199. package/esm/use-hotkeys/use-hotkeys.js +21 -22
  200. package/esm/use-hotkeys/use-hotkeys.js.map +1 -1
  201. package/esm/use-hover/use-hover.js +17 -17
  202. package/esm/use-hover/use-hover.js.map +1 -1
  203. package/esm/use-id/use-id.js +12 -12
  204. package/esm/use-id/use-id.js.map +1 -1
  205. package/esm/use-id/use-react-id.js +3 -3
  206. package/esm/use-id/use-react-id.js.map +1 -1
  207. package/esm/use-idle/use-idle.js +42 -26
  208. package/esm/use-idle/use-idle.js.map +1 -1
  209. package/esm/use-input-state/use-input-state.js +18 -22
  210. package/esm/use-input-state/use-input-state.js.map +1 -1
  211. package/esm/use-intersection/use-intersection.js +20 -17
  212. package/esm/use-intersection/use-intersection.js.map +1 -1
  213. package/esm/use-interval/use-interval.js +27 -28
  214. package/esm/use-interval/use-interval.js.map +1 -1
  215. package/esm/use-isomorphic-effect/use-isomorphic-effect.js +1 -3
  216. package/esm/use-isomorphic-effect/use-isomorphic-effect.js.map +1 -1
  217. package/esm/use-list-state/use-list-state.js +76 -55
  218. package/esm/use-list-state/use-list-state.js.map +1 -1
  219. package/esm/use-local-storage/create-storage.js +79 -71
  220. package/esm/use-local-storage/create-storage.js.map +1 -1
  221. package/esm/use-local-storage/use-local-storage.js +1 -1
  222. package/esm/use-local-storage/use-local-storage.js.map +1 -1
  223. package/esm/use-logger/use-logger.js +8 -9
  224. package/esm/use-logger/use-logger.js.map +1 -1
  225. package/esm/use-media-query/use-media-query.js +28 -31
  226. package/esm/use-media-query/use-media-query.js.map +1 -1
  227. package/esm/use-merged-ref/use-merged-ref.js +9 -11
  228. package/esm/use-merged-ref/use-merged-ref.js.map +1 -1
  229. package/esm/use-mouse/use-mouse.js +46 -25
  230. package/esm/use-mouse/use-mouse.js.map +1 -1
  231. package/esm/use-move/use-move.js +87 -88
  232. package/esm/use-move/use-move.js.map +1 -1
  233. package/esm/use-network/use-network.js +51 -32
  234. package/esm/use-network/use-network.js.map +1 -1
  235. package/esm/use-os/use-os.js +30 -30
  236. package/esm/use-os/use-os.js.map +1 -1
  237. package/esm/use-page-leave/use-page-leave.js +4 -4
  238. package/esm/use-page-leave/use-page-leave.js.map +1 -1
  239. package/esm/use-pagination/use-pagination.js +63 -58
  240. package/esm/use-pagination/use-pagination.js.map +1 -1
  241. package/esm/use-previous/use-previous.js +5 -5
  242. package/esm/use-previous/use-previous.js.map +1 -1
  243. package/esm/use-queue/use-queue.js +24 -24
  244. package/esm/use-queue/use-queue.js.map +1 -1
  245. package/esm/use-reduced-motion/use-reduced-motion.js +1 -1
  246. package/esm/use-reduced-motion/use-reduced-motion.js.map +1 -1
  247. package/esm/use-resize-observer/use-resize-observer.js +39 -38
  248. package/esm/use-resize-observer/use-resize-observer.js.map +1 -1
  249. package/esm/use-scroll-into-view/use-scroll-into-view.js +78 -75
  250. package/esm/use-scroll-into-view/use-scroll-into-view.js.map +1 -1
  251. package/esm/use-scroll-into-view/utils/ease-in-out-quad.js +1 -1
  252. package/esm/use-scroll-into-view/utils/ease-in-out-quad.js.map +1 -1
  253. package/esm/use-scroll-into-view/utils/get-relative-position.js +53 -46
  254. package/esm/use-scroll-into-view/utils/get-relative-position.js.map +1 -1
  255. package/esm/use-scroll-into-view/utils/get-scroll-start.js +9 -10
  256. package/esm/use-scroll-into-view/utils/get-scroll-start.js.map +1 -1
  257. package/esm/use-scroll-into-view/utils/set-scroll-param.js +11 -14
  258. package/esm/use-scroll-into-view/utils/set-scroll-param.js.map +1 -1
  259. package/esm/use-session-storage/use-session-storage.js +1 -1
  260. package/esm/use-session-storage/use-session-storage.js.map +1 -1
  261. package/esm/use-set-state/use-set-state.js +22 -3
  262. package/esm/use-set-state/use-set-state.js.map +1 -1
  263. package/esm/use-shallow-effect/use-shallow-effect.js +22 -22
  264. package/esm/use-shallow-effect/use-shallow-effect.js.map +1 -1
  265. package/esm/use-text-selection/use-text-selection.js +12 -12
  266. package/esm/use-text-selection/use-text-selection.js.map +1 -1
  267. package/esm/use-timeout/use-timeout.js +22 -22
  268. package/esm/use-timeout/use-timeout.js.map +1 -1
  269. package/esm/use-toggle/use-toggle.js +6 -6
  270. package/esm/use-toggle/use-toggle.js.map +1 -1
  271. package/esm/use-uncontrolled/use-uncontrolled.js +18 -10
  272. package/esm/use-uncontrolled/use-uncontrolled.js.map +1 -1
  273. package/esm/use-validated-state/use-validated-state.js +17 -14
  274. package/esm/use-validated-state/use-validated-state.js.map +1 -1
  275. package/esm/use-viewport-size/use-viewport-size.js +12 -12
  276. package/esm/use-viewport-size/use-viewport-size.js.map +1 -1
  277. package/esm/use-window-event/use-window-event.js +4 -4
  278. package/esm/use-window-event/use-window-event.js.map +1 -1
  279. package/esm/use-window-scroll/use-window-scroll.js +17 -19
  280. package/esm/use-window-scroll/use-window-scroll.js.map +1 -1
  281. package/esm/utils/clamp/clamp.js +10 -1
  282. package/esm/utils/clamp/clamp.js.map +1 -1
  283. package/esm/utils/lower-first/lower-first.js +1 -1
  284. package/esm/utils/lower-first/lower-first.js.map +1 -1
  285. package/esm/utils/random-id/random-id.js +1 -1
  286. package/esm/utils/random-id/random-id.js.map +1 -1
  287. package/esm/utils/range/range.js +2 -2
  288. package/esm/utils/range/range.js.map +1 -1
  289. package/esm/utils/shallow-equal/shallow-equal.js +19 -19
  290. package/esm/utils/shallow-equal/shallow-equal.js.map +1 -1
  291. package/esm/utils/upper-first/upper-first.js +1 -1
  292. package/esm/utils/upper-first/upper-first.js.map +1 -1
  293. package/lib/use-hover/use-hover.d.ts +1 -0
  294. package/lib/use-mouse/use-mouse.d.ts +1 -0
  295. package/lib/use-move/use-move.d.ts +2 -1
  296. package/lib/use-scroll-into-view/use-scroll-into-view.d.ts +1 -0
  297. package/lib/utils/clamp/clamp.d.ts +1 -1
  298. package/package.json +5 -4
@@ -2,56 +2,63 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const getRelativePosition = ({ axis, target, parent, alignment, offset, isList, }) => {
6
- if (!target || (!parent && typeof document === 'undefined')) {
7
- return 0;
5
+ const getRelativePosition = ({
6
+ axis,
7
+ target,
8
+ parent,
9
+ alignment,
10
+ offset,
11
+ isList
12
+ }) => {
13
+ if (!target || !parent && typeof document === "undefined") {
14
+ return 0;
15
+ }
16
+ const isCustomParent = !!parent;
17
+ const parentElement = parent || document.body;
18
+ const parentPosition = parentElement.getBoundingClientRect();
19
+ const targetPosition = target.getBoundingClientRect();
20
+ const getDiff = (property) => targetPosition[property] - parentPosition[property];
21
+ if (axis === "y") {
22
+ const diff = getDiff("top");
23
+ if (diff === 0)
24
+ return 0;
25
+ if (alignment === "start") {
26
+ const distance = diff - offset;
27
+ const shouldScroll = distance <= targetPosition.height * (isList ? 0 : 1) || !isList;
28
+ return shouldScroll ? distance : 0;
29
+ }
30
+ const parentHeight = isCustomParent ? parentPosition.height : window.innerHeight;
31
+ if (alignment === "end") {
32
+ const distance = diff + offset - parentHeight + targetPosition.height;
33
+ const shouldScroll = distance >= -targetPosition.height * (isList ? 0 : 1) || !isList;
34
+ return shouldScroll ? distance : 0;
35
+ }
36
+ if (alignment === "center") {
37
+ return diff - parentHeight / 2 + targetPosition.height / 2;
38
+ }
39
+ return 0;
40
+ }
41
+ if (axis === "x") {
42
+ const diff = getDiff("left");
43
+ if (diff === 0)
44
+ return 0;
45
+ if (alignment === "start") {
46
+ const distance = diff - offset;
47
+ const shouldScroll = distance <= targetPosition.width || !isList;
48
+ return shouldScroll ? distance : 0;
8
49
  }
9
- const isCustomParent = !!parent;
10
- const parentElement = parent || document.body;
11
- const parentPosition = parentElement.getBoundingClientRect();
12
- const targetPosition = target.getBoundingClientRect();
13
- const getDiff = (property) => targetPosition[property] - parentPosition[property];
14
- if (axis === 'y') {
15
- const diff = getDiff('top');
16
- if (diff === 0)
17
- return 0;
18
- if (alignment === 'start') {
19
- const distance = diff - offset;
20
- const shouldScroll = distance <= targetPosition.height * (isList ? 0 : 1) || !isList;
21
- return shouldScroll ? distance : 0;
22
- }
23
- const parentHeight = isCustomParent ? parentPosition.height : window.innerHeight;
24
- if (alignment === 'end') {
25
- const distance = diff + offset - parentHeight + targetPosition.height;
26
- const shouldScroll = distance >= -targetPosition.height * (isList ? 0 : 1) || !isList;
27
- return shouldScroll ? distance : 0;
28
- }
29
- if (alignment === 'center') {
30
- return diff - parentHeight / 2 + targetPosition.height / 2;
31
- }
32
- return 0;
50
+ const parentWidth = isCustomParent ? parentPosition.width : window.innerWidth;
51
+ if (alignment === "end") {
52
+ const distance = diff + offset - parentWidth + targetPosition.width;
53
+ const shouldScroll = distance >= -targetPosition.width || !isList;
54
+ return shouldScroll ? distance : 0;
33
55
  }
34
- if (axis === 'x') {
35
- const diff = getDiff('left');
36
- if (diff === 0)
37
- return 0;
38
- if (alignment === 'start') {
39
- const distance = diff - offset;
40
- const shouldScroll = distance <= targetPosition.width || !isList;
41
- return shouldScroll ? distance : 0;
42
- }
43
- const parentWidth = isCustomParent ? parentPosition.width : window.innerWidth;
44
- if (alignment === 'end') {
45
- const distance = diff + offset - parentWidth + targetPosition.width;
46
- const shouldScroll = distance >= -targetPosition.width || !isList;
47
- return shouldScroll ? distance : 0;
48
- }
49
- if (alignment === 'center') {
50
- return diff - parentWidth / 2 + targetPosition.width / 2;
51
- }
52
- return 0;
56
+ if (alignment === "center") {
57
+ return diff - parentWidth / 2 + targetPosition.width / 2;
53
58
  }
54
59
  return 0;
60
+ }
61
+ return 0;
55
62
  };
56
63
 
57
64
  exports.getRelativePosition = 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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"}
@@ -3,16 +3,15 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const getScrollStart = ({ axis, parent }) => {
6
- if (!parent && typeof document === 'undefined') {
7
- return 0;
8
- }
9
- const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';
10
- if (parent) {
11
- return parent[method];
12
- }
13
- const { body, documentElement } = document;
14
- // while one of it has a value the second is equal 0
15
- return body[method] + documentElement[method];
6
+ if (!parent && typeof document === "undefined") {
7
+ return 0;
8
+ }
9
+ const method = axis === "y" ? "scrollTop" : "scrollLeft";
10
+ if (parent) {
11
+ return parent[method];
12
+ }
13
+ const { body, documentElement } = document;
14
+ return body[method] + documentElement[method];
16
15
  };
17
16
 
18
17
  exports.getScrollStart = 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":";;;;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
+ {"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;;;;"}
@@ -3,20 +3,17 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const setScrollParam = ({ axis, parent, distance }) => {
6
- if (!parent && typeof document === 'undefined') {
7
- return;
8
- }
9
- const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';
10
- if (parent) {
11
- // eslint-disable-next-line no-param-reassign
12
- parent[method] = distance;
13
- }
14
- else {
15
- const { body, documentElement } = document;
16
- // https://www.w3schools.com/jsref/prop_element_scrolltop.asp
17
- body[method] = distance;
18
- documentElement[method] = distance;
19
- }
6
+ if (!parent && typeof document === "undefined") {
7
+ return;
8
+ }
9
+ const method = axis === "y" ? "scrollTop" : "scrollLeft";
10
+ if (parent) {
11
+ parent[method] = distance;
12
+ } else {
13
+ const { body, documentElement } = document;
14
+ body[method] = distance;
15
+ documentElement[method] = distance;
16
+ }
20
17
  };
21
18
 
22
19
  exports.setScrollParam = 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":";;;;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
+ {"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;;;;"}
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var createStorage = require('../use-local-storage/create-storage.js');
6
6
 
7
7
  function useSessionStorage(props) {
8
- return createStorage.createStorage('sessionStorage', 'use-session-storage')(props);
8
+ return createStorage.createStorage("sessionStorage", "use-session-storage")(props);
9
9
  }
10
10
 
11
11
  exports.useSessionStorage = 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":["createStorage"],"mappings":";;;;;;SAEgB,iBAAiB,CAAa,KAA4B;IACxE,OAAOA,2BAAa,CAAI,gBAAgB,EAAE,qBAAqB,CAAC,CAAC,KAAK,CAAC,CAAC;AAC1E;;;;"}
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":["createStorage"],"mappings":";;;;;;AACO,SAAS,iBAAiB,CAAC,KAAK,EAAE;AACzC,EAAE,OAAOA,2BAAa,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC,KAAK,CAAC,CAAC;AACvE;;;;"}
@@ -4,10 +4,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
 
7
+ var __defProp = Object.defineProperty;
8
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
9
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
10
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
+ var __spreadValues = (a, b) => {
13
+ for (var prop in b || (b = {}))
14
+ if (__hasOwnProp.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ if (__getOwnPropSymbols)
17
+ for (var prop of __getOwnPropSymbols(b)) {
18
+ if (__propIsEnum.call(b, prop))
19
+ __defNormalProp(a, prop, b[prop]);
20
+ }
21
+ return a;
22
+ };
7
23
  function useSetState(initialState) {
8
- const [state, _setState] = React.useState(initialState);
9
- const setState = React.useCallback((statePartial) => _setState((current) => (Object.assign(Object.assign({}, current), (typeof statePartial === 'function' ? statePartial(current) : statePartial)))), []);
10
- return [state, setState];
24
+ const [state, _setState] = React.useState(initialState);
25
+ const setState = React.useCallback(
26
+ (statePartial) => _setState((current) => __spreadValues(__spreadValues({}, current), typeof statePartial === "function" ? statePartial(current) : statePartial)),
27
+ []
28
+ );
29
+ return [state, setState];
11
30
  }
12
31
 
13
32
  exports.useSetState = 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":["useState","useCallback"],"mappings":";;;;;;SAEgB,WAAW,CAAgC,YAAe;IACxE,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAC,YAAY,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAGC,iBAAW,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
+ {"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":["useState","useCallback"],"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,GAAGA,cAAQ,CAAC,YAAY,CAAC,CAAC;AACpD,EAAE,MAAM,QAAQ,GAAGC,iBAAW;AAC9B,IAAI,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;AACpK,IAAI,EAAE;AACN,GAAG,CAAC;AACJ,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC3B;;;;"}
@@ -6,33 +6,33 @@ var React = require('react');
6
6
  var shallowEqual = require('../utils/shallow-equal/shallow-equal.js');
7
7
 
8
8
  function shallowCompare(prevValue, currValue) {
9
- if (!prevValue || !currValue) {
10
- return false;
11
- }
12
- if (prevValue === currValue) {
13
- return true;
14
- }
15
- if (prevValue.length !== currValue.length) {
16
- return false;
17
- }
18
- for (let i = 0; i < prevValue.length; i += 1) {
19
- if (!shallowEqual.shallowEqual(prevValue[i], currValue[i])) {
20
- return false;
21
- }
22
- }
9
+ if (!prevValue || !currValue) {
10
+ return false;
11
+ }
12
+ if (prevValue === currValue) {
23
13
  return true;
14
+ }
15
+ if (prevValue.length !== currValue.length) {
16
+ return false;
17
+ }
18
+ for (let i = 0; i < prevValue.length; i += 1) {
19
+ if (!shallowEqual.shallowEqual(prevValue[i], currValue[i])) {
20
+ return false;
21
+ }
22
+ }
23
+ return true;
24
24
  }
25
25
  function useShallowCompare(dependencies) {
26
- const ref = React.useRef([]);
27
- const updateRef = React.useRef(0);
28
- if (!shallowCompare(ref.current, dependencies)) {
29
- ref.current = dependencies;
30
- updateRef.current += 1;
31
- }
32
- return [updateRef.current];
26
+ const ref = React.useRef([]);
27
+ const updateRef = React.useRef(0);
28
+ if (!shallowCompare(ref.current, dependencies)) {
29
+ ref.current = dependencies;
30
+ updateRef.current += 1;
31
+ }
32
+ return [updateRef.current];
33
33
  }
34
34
  function useShallowEffect(cb, dependencies) {
35
- React.useEffect(cb, useShallowCompare(dependencies));
35
+ React.useEffect(cb, useShallowCompare(dependencies));
36
36
  }
37
37
 
38
38
  exports.useShallowEffect = 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":["shallowEqual","useRef","useEffect"],"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,CAACA,yBAAY,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,GAAGC,YAAM,CAA0C,EAAE,CAAC,CAAC;IAChE,MAAM,SAAS,GAAGA,YAAM,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;IAClFC,eAAS,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":["shallowEqual","useRef","useEffect"],"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,CAACA,yBAAY,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,GAAGC,YAAM,CAAC,EAAE,CAAC,CAAC;AACzB,EAAE,MAAM,SAAS,GAAGA,YAAM,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,EAAEC,eAAS,CAAC,EAAE,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC;AACjD;;;;"}
@@ -6,18 +6,18 @@ var React = require('react');
6
6
  var useForceUpdate = require('../use-force-update/use-force-update.js');
7
7
 
8
8
  function useTextSelection() {
9
- const forceUpdate = useForceUpdate.useForceUpdate();
10
- const [selection, setSelection] = React.useState(null);
11
- const handleSelectionChange = () => {
12
- setSelection(document.getSelection());
13
- forceUpdate();
14
- };
15
- React.useEffect(() => {
16
- setSelection(document.getSelection());
17
- document.addEventListener('selectionchange', handleSelectionChange);
18
- return () => document.removeEventListener('selectionchange', handleSelectionChange);
19
- }, []);
20
- return selection;
9
+ const forceUpdate = useForceUpdate.useForceUpdate();
10
+ const [selection, setSelection] = React.useState(null);
11
+ const handleSelectionChange = () => {
12
+ setSelection(document.getSelection());
13
+ forceUpdate();
14
+ };
15
+ React.useEffect(() => {
16
+ setSelection(document.getSelection());
17
+ document.addEventListener("selectionchange", handleSelectionChange);
18
+ return () => document.removeEventListener("selectionchange", handleSelectionChange);
19
+ }, []);
20
+ return selection;
21
21
  }
22
22
 
23
23
  exports.useTextSelection = 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":["useForceUpdate","useState","useEffect"],"mappings":";;;;;;;SAGgB,gBAAgB;IAC9B,MAAM,WAAW,GAAGA,6BAAc,EAAE,CAAC;IACrC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGC,cAAQ,CAAmB,IAAI,CAAC,CAAC;IAEnE,MAAM,qBAAqB,GAAG;QAC5B,YAAY,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;QACtC,WAAW,EAAE,CAAC;KACf,CAAC;IAEFC,eAAS,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
+ {"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":["useForceUpdate","useState","useEffect"],"mappings":";;;;;;;AAEO,SAAS,gBAAgB,GAAG;AACnC,EAAE,MAAM,WAAW,GAAGA,6BAAc,EAAE,CAAC;AACvC,EAAE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGC,cAAQ,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,EAAEC,eAAS,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;;;;"}
@@ -5,28 +5,28 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
 
7
7
  function useTimeout(callback, delay, options = { autoInvoke: false }) {
8
- const timeoutRef = React.useRef(null);
9
- const start = (...callbackParams) => {
10
- if (!timeoutRef.current) {
11
- timeoutRef.current = window.setTimeout(() => {
12
- callback(callbackParams);
13
- timeoutRef.current = null;
14
- }, delay);
15
- }
16
- };
17
- const clear = () => {
18
- if (timeoutRef.current) {
19
- window.clearTimeout(timeoutRef.current);
20
- timeoutRef.current = null;
21
- }
22
- };
23
- React.useEffect(() => {
24
- if (options.autoInvoke) {
25
- start();
26
- }
27
- return clear;
28
- }, [delay]);
29
- return { start, clear };
8
+ const timeoutRef = React.useRef(null);
9
+ const start = (...callbackParams) => {
10
+ if (!timeoutRef.current) {
11
+ timeoutRef.current = window.setTimeout(() => {
12
+ callback(callbackParams);
13
+ timeoutRef.current = null;
14
+ }, delay);
15
+ }
16
+ };
17
+ const clear = () => {
18
+ if (timeoutRef.current) {
19
+ window.clearTimeout(timeoutRef.current);
20
+ timeoutRef.current = null;
21
+ }
22
+ };
23
+ React.useEffect(() => {
24
+ if (options.autoInvoke) {
25
+ start();
26
+ }
27
+ return clear;
28
+ }, [delay]);
29
+ return { start, clear };
30
30
  }
31
31
 
32
32
  exports.useTimeout = 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":["useRef","useEffect"],"mappings":";;;;;;SAEgB,UAAU,CACxB,QAA4C,EAC5C,KAAa,EACb,UAAmC,EAAE,UAAU,EAAE,KAAK,EAAE;IAExD,MAAM,UAAU,GAAGA,YAAM,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;IAEFC,eAAS,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
+ {"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":["useRef","useEffect"],"mappings":";;;;;;AACO,SAAS,UAAU,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE;AAC7E,EAAE,MAAM,UAAU,GAAGA,YAAM,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,EAAEC,eAAS,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;;;;"}
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
 
7
7
  function useToggle(options = [false, true]) {
8
- const [[option], toggle] = React.useReducer((state, action) => {
9
- const value = action instanceof Function ? action(state[0]) : action;
10
- const index = Math.abs(state.indexOf(value));
11
- return state.slice(index).concat(state.slice(0, index));
12
- }, options);
13
- return [option, toggle];
8
+ const [[option], toggle] = React.useReducer((state, action) => {
9
+ const value = action instanceof Function ? action(state[0]) : action;
10
+ const index = Math.abs(state.indexOf(value));
11
+ return state.slice(index).concat(state.slice(0, index));
12
+ }, options);
13
+ return [option, toggle];
14
14
  }
15
15
 
16
16
  exports.useToggle = 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":["useReducer"],"mappings":";;;;;;SAEgB,SAAS,CAAc,UAAwB,CAAC,KAAK,EAAE,IAAI,CAAQ;IACjF,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,GAAGA,gBAAU,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
+ {"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":["useReducer"],"mappings":";;;;;;AACO,SAAS,SAAS,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;AACnD,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,GAAGA,gBAAU,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;;;;"}
@@ -4,16 +4,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
 
7
- function useUncontrolled({ value, defaultValue, finalValue, onChange = () => { }, }) {
8
- const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue !== undefined ? defaultValue : finalValue);
9
- const handleUncontrolledChange = (val) => {
10
- setUncontrolledValue(val);
11
- onChange === null || onChange === void 0 ? void 0 : onChange(val);
12
- };
13
- if (value !== undefined) {
14
- return [value, onChange, true];
15
- }
16
- return [uncontrolledValue, handleUncontrolledChange, false];
7
+ function useUncontrolled({
8
+ value,
9
+ defaultValue,
10
+ finalValue,
11
+ onChange = () => {
12
+ }
13
+ }) {
14
+ const [uncontrolledValue, setUncontrolledValue] = React.useState(
15
+ defaultValue !== void 0 ? defaultValue : finalValue
16
+ );
17
+ const handleUncontrolledChange = (val) => {
18
+ setUncontrolledValue(val);
19
+ onChange == null ? void 0 : onChange(val);
20
+ };
21
+ if (value !== void 0) {
22
+ return [value, onChange, true];
23
+ }
24
+ return [uncontrolledValue, handleUncontrolledChange, false];
17
25
  }
18
26
 
19
27
  exports.useUncontrolled = 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":["useState"],"mappings":";;;;;;SAgBgB,eAAe,CAAI,EACjC,KAAK,EACL,YAAY,EACZ,UAAU,EACV,QAAQ,GAAG,SAAQ,GACK;IACxB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAGA,cAAQ,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
+ {"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":["useState"],"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,GAAGA,cAAQ;AAC5D,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,YAAY,GAAG,UAAU;AACvD,GAAG,CAAC;AACJ,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;;;;"}
@@ -5,20 +5,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
 
7
7
  function useValidatedState(initialValue, validation, initialValidationState) {
8
- const [value, setValue] = React.useState(initialValue);
9
- const [lastValidValue, setLastValidValue] = React.useState(validation(initialValue) ? initialValue : undefined);
10
- const [valid, setValid] = React.useState(typeof initialValidationState === 'boolean' ? initialValidationState : validation(initialValue));
11
- const onChange = (val) => {
12
- if (validation(val)) {
13
- setLastValidValue(val);
14
- setValid(true);
15
- }
16
- else {
17
- setValid(false);
18
- }
19
- setValue(val);
20
- };
21
- return [{ value, lastValidValue, valid }, onChange];
8
+ const [value, setValue] = React.useState(initialValue);
9
+ const [lastValidValue, setLastValidValue] = React.useState(
10
+ validation(initialValue) ? initialValue : void 0
11
+ );
12
+ const [valid, setValid] = React.useState(
13
+ typeof initialValidationState === "boolean" ? initialValidationState : validation(initialValue)
14
+ );
15
+ const onChange = (val) => {
16
+ if (validation(val)) {
17
+ setLastValidValue(val);
18
+ setValid(true);
19
+ } else {
20
+ setValid(false);
21
+ }
22
+ setValue(val);
23
+ };
24
+ return [{ value, lastValidValue, valid }, onChange];
22
25
  }
23
26
 
24
27
  exports.useValidatedState = 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":["useState"],"mappings":";;;;;;SAEgB,iBAAiB,CAC/B,YAAe,EACf,UAAiC,EACjC,sBAAgC;IAEhC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAI,YAAY,CAAC,CAAC;IACpD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAClD,UAAU,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,SAAS,CACpD,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,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
+ {"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":["useState"],"mappings":";;;;;;AACO,SAAS,iBAAiB,CAAC,YAAY,EAAE,UAAU,EAAE,sBAAsB,EAAE;AACpF,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,YAAY,CAAC,CAAC;AACnD,EAAE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ;AACtD,IAAI,UAAU,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,KAAK,CAAC;AACpD,GAAG,CAAC;AACJ,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ;AACpC,IAAI,OAAO,sBAAsB,KAAK,SAAS,GAAG,sBAAsB,GAAG,UAAU,CAAC,YAAY,CAAC;AACnG,GAAG,CAAC;AACJ,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;;;;"}
@@ -6,20 +6,20 @@ var React = require('react');
6
6
  var useWindowEvent = require('../use-window-event/use-window-event.js');
7
7
 
8
8
  const eventListerOptions = {
9
- passive: true,
9
+ passive: true
10
10
  };
11
11
  function useViewportSize() {
12
- const [windowSize, setWindowSize] = React.useState({
13
- width: 0,
14
- height: 0,
15
- });
16
- const setSize = React.useCallback(() => {
17
- setWindowSize({ width: window.innerWidth || 0, height: window.innerHeight || 0 });
18
- }, []);
19
- useWindowEvent.useWindowEvent('resize', setSize, eventListerOptions);
20
- useWindowEvent.useWindowEvent('orientationchange', setSize, eventListerOptions);
21
- React.useEffect(setSize, []);
22
- return windowSize;
12
+ const [windowSize, setWindowSize] = React.useState({
13
+ width: 0,
14
+ height: 0
15
+ });
16
+ const setSize = React.useCallback(() => {
17
+ setWindowSize({ width: window.innerWidth || 0, height: window.innerHeight || 0 });
18
+ }, []);
19
+ useWindowEvent.useWindowEvent("resize", setSize, eventListerOptions);
20
+ useWindowEvent.useWindowEvent("orientationchange", setSize, eventListerOptions);
21
+ React.useEffect(setSize, []);
22
+ return windowSize;
23
23
  }
24
24
 
25
25
  exports.useViewportSize = useViewportSize;