@onepercentio/one-ui 1.3.4 → 1.3.5

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 (662) hide show
  1. package/README.md +1 -1
  2. package/dist/components/AdaptiveButton/AdaptiveButton.d.ts +9 -0
  3. package/dist/components/AdaptiveButton/AdaptiveButton.js +24 -26
  4. package/dist/components/AdaptiveButton/AdaptiveButton.js.map +1 -0
  5. package/dist/components/AdaptiveButton/index.d.ts +2 -0
  6. package/dist/components/AdaptiveButton/index.js +22 -25
  7. package/dist/components/AdaptiveButton/index.js.map +1 -0
  8. package/dist/components/AdaptiveContainer/AdaptiveContainer.d.ts +25 -0
  9. package/dist/components/AdaptiveContainer/AdaptiveContainer.js +139 -140
  10. package/dist/components/AdaptiveContainer/AdaptiveContainer.js.map +1 -0
  11. package/dist/components/AdaptiveContainer/index.d.ts +2 -0
  12. package/dist/components/AdaptiveContainer/index.js +22 -25
  13. package/dist/components/AdaptiveContainer/index.js.map +1 -0
  14. package/dist/components/AdaptiveDialog/AdaptiveDialog.d.ts +20 -0
  15. package/dist/components/AdaptiveDialog/AdaptiveDialog.js +42 -73
  16. package/dist/components/AdaptiveDialog/AdaptiveDialog.js.map +1 -0
  17. package/dist/components/AdaptiveDialog/index.d.ts +2 -0
  18. package/dist/components/AdaptiveDialog/index.js +22 -25
  19. package/dist/components/AdaptiveDialog/index.js.map +1 -0
  20. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.d.ts +25 -0
  21. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +54 -70
  22. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js.map +1 -0
  23. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.d.ts +1 -0
  24. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.js +9 -10
  25. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.js.map +1 -0
  26. package/dist/components/AdaptiveSidebar/index.d.ts +2 -0
  27. package/dist/components/AdaptiveSidebar/index.js +22 -25
  28. package/dist/components/AdaptiveSidebar/index.js.map +1 -0
  29. package/dist/components/AnchoredTooltip/AnchoredTooltip.d.ts +37 -0
  30. package/dist/components/AnchoredTooltip/AnchoredTooltip.js +154 -155
  31. package/dist/components/AnchoredTooltip/AnchoredTooltip.js.map +1 -0
  32. package/dist/components/AnchoredTooltip/index.d.ts +2 -0
  33. package/dist/components/AnchoredTooltip/index.js +22 -25
  34. package/dist/components/AnchoredTooltip/index.js.map +1 -0
  35. package/dist/components/AnimatedEntrance/AnimatedEntrance.d.ts +19 -0
  36. package/dist/components/AnimatedEntrance/AnimatedEntrance.js +121 -154
  37. package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map +1 -0
  38. package/dist/components/AnimatedEntrance/index.d.ts +2 -0
  39. package/dist/components/AnimatedEntrance/index.js +22 -25
  40. package/dist/components/AnimatedEntrance/index.js.map +1 -0
  41. package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.d.ts +29 -0
  42. package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.js +40 -80
  43. package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.js.map +1 -0
  44. package/dist/components/AsyncTriggerContainer/index.d.ts +2 -0
  45. package/dist/components/AsyncTriggerContainer/index.js +22 -25
  46. package/dist/components/AsyncTriggerContainer/index.js.map +1 -0
  47. package/dist/components/AsyncWrapper/AsyncWrapper.d.ts +14 -0
  48. package/dist/components/AsyncWrapper/AsyncWrapper.js +16 -34
  49. package/dist/components/AsyncWrapper/AsyncWrapper.js.map +1 -0
  50. package/dist/components/AsyncWrapper/index.d.ts +2 -0
  51. package/dist/components/AsyncWrapper/index.js +22 -25
  52. package/dist/components/AsyncWrapper/index.js.map +1 -0
  53. package/dist/components/Avatar/Avatar.d.ts +10 -0
  54. package/dist/components/Avatar/Avatar.js +18 -33
  55. package/dist/components/Avatar/Avatar.js.map +1 -0
  56. package/dist/components/Avatar/index.d.ts +2 -0
  57. package/dist/components/Avatar/index.js +22 -25
  58. package/dist/components/Avatar/index.js.map +1 -0
  59. package/dist/components/BucketFill/BucketFill.d.ts +11 -0
  60. package/dist/components/BucketFill/BucketFill.js +36 -49
  61. package/dist/components/BucketFill/BucketFill.js.map +1 -0
  62. package/dist/components/BucketFill/index.d.ts +2 -0
  63. package/dist/components/BucketFill/index.js +22 -25
  64. package/dist/components/BucketFill/index.js.map +1 -0
  65. package/dist/components/Button/Button.d.ts +16 -0
  66. package/dist/components/Button/Button.js +22 -30
  67. package/dist/components/Button/Button.js.map +1 -0
  68. package/dist/components/Button/index.d.ts +2 -0
  69. package/dist/components/Button/index.js +22 -25
  70. package/dist/components/Button/index.js.map +1 -0
  71. package/dist/components/Card/Card.d.ts +7 -0
  72. package/dist/components/Card/Card.js +10 -17
  73. package/dist/components/Card/Card.js.map +1 -0
  74. package/dist/components/Card/index.d.ts +2 -0
  75. package/dist/components/Card/index.js +22 -25
  76. package/dist/components/Card/index.js.map +1 -0
  77. package/dist/components/Chart/Chart.d.ts +2 -0
  78. package/dist/components/Chart/Chart.e2e.d.ts +4 -0
  79. package/dist/components/Chart/Chart.e2e.js +9 -0
  80. package/dist/components/Chart/Chart.e2e.js.map +1 -0
  81. package/dist/components/Chart/Chart.js +22 -25
  82. package/dist/components/Chart/Chart.js.map +1 -0
  83. package/dist/components/Chart/Chart.logic.d.ts +3 -0
  84. package/dist/components/Chart/Chart.logic.js +9 -10
  85. package/dist/components/Chart/Chart.logic.js.map +1 -0
  86. package/dist/components/Chart/Chart.types.d.ts +24 -0
  87. package/dist/components/Chart/Chart.types.js +2 -5
  88. package/dist/components/Chart/Chart.types.js.map +1 -0
  89. package/dist/components/Chart/Chart.view.d.ts +5 -0
  90. package/dist/components/Chart/Chart.view.js +98 -174
  91. package/dist/components/Chart/Chart.view.js.map +1 -0
  92. package/dist/components/Chart/index.d.ts +2 -0
  93. package/dist/components/Chart/index.js +22 -25
  94. package/dist/components/Chart/index.js.map +1 -0
  95. package/dist/components/CheckBox/CheckBox.d.ts +18 -0
  96. package/dist/components/CheckBox/CheckBox.js +31 -45
  97. package/dist/components/CheckBox/CheckBox.js.map +1 -0
  98. package/dist/components/CheckBox/index.d.ts +2 -0
  99. package/dist/components/CheckBox/index.js +22 -25
  100. package/dist/components/CheckBox/index.js.map +1 -0
  101. package/dist/components/CodeInput/CodeInput.d.ts +8 -0
  102. package/dist/components/CodeInput/CodeInput.js +93 -75
  103. package/dist/components/CodeInput/CodeInput.js.map +1 -0
  104. package/dist/components/CodeInput/index.d.ts +2 -0
  105. package/dist/components/CodeInput/index.js +22 -25
  106. package/dist/components/CodeInput/index.js.map +1 -0
  107. package/dist/components/Collapsable/Collapsable.d.ts +54 -0
  108. package/dist/components/Collapsable/Collapsable.js +134 -164
  109. package/dist/components/Collapsable/Collapsable.js.map +1 -0
  110. package/dist/components/Collapsable/index.d.ts +2 -0
  111. package/dist/components/Collapsable/index.js +22 -25
  112. package/dist/components/Collapsable/index.js.map +1 -0
  113. package/dist/components/Countdown/Countdown.d.ts +28 -0
  114. package/dist/components/Countdown/Countdown.js +86 -69
  115. package/dist/components/Countdown/Countdown.js.map +1 -0
  116. package/dist/components/Countdown/index.d.ts +2 -0
  117. package/dist/components/Countdown/index.js +22 -25
  118. package/dist/components/Countdown/index.js.map +1 -0
  119. package/dist/components/CurrencyInput/CurrencyInput.d.ts +11 -0
  120. package/dist/components/CurrencyInput/CurrencyInput.hook.d.ts +7 -0
  121. package/dist/components/CurrencyInput/CurrencyInput.hook.js +25 -25
  122. package/dist/components/CurrencyInput/CurrencyInput.hook.js.map +1 -0
  123. package/dist/components/CurrencyInput/CurrencyInput.js +29 -48
  124. package/dist/components/CurrencyInput/CurrencyInput.js.map +1 -0
  125. package/dist/components/CurrencyInput/index.d.ts +2 -0
  126. package/dist/components/CurrencyInput/index.js +22 -25
  127. package/dist/components/CurrencyInput/index.js.map +1 -0
  128. package/dist/components/Divider/Divider.d.ts +6 -0
  129. package/dist/components/Divider/Divider.js +10 -16
  130. package/dist/components/Divider/Divider.js.map +1 -0
  131. package/dist/components/Divider/index.d.ts +2 -0
  132. package/dist/components/Divider/index.js +22 -25
  133. package/dist/components/Divider/index.js.map +1 -0
  134. package/dist/components/EmailInput/EmailInput.d.ts +33 -0
  135. package/dist/components/EmailInput/EmailInput.js +23 -37
  136. package/dist/components/EmailInput/EmailInput.js.map +1 -0
  137. package/dist/components/EmailInput/index.d.ts +2 -0
  138. package/dist/components/EmailInput/index.js +22 -25
  139. package/dist/components/EmailInput/index.js.map +1 -0
  140. package/dist/components/FadeIn/FadeIn.d.ts +16 -0
  141. package/dist/components/FadeIn/FadeIn.js +51 -57
  142. package/dist/components/FadeIn/FadeIn.js.map +1 -0
  143. package/dist/components/FadeIn/index.d.ts +2 -0
  144. package/dist/components/FadeIn/index.js +22 -25
  145. package/dist/components/FadeIn/index.js.map +1 -0
  146. package/dist/components/FileInput/FileInput.d.ts +34 -0
  147. package/dist/components/FileInput/FileInput.js +38 -45
  148. package/dist/components/FileInput/FileInput.js.map +1 -0
  149. package/dist/components/FileInput/View/BigFactory/BigFactory.d.ts +6 -0
  150. package/dist/components/FileInput/View/BigFactory/BigFactory.js +16 -48
  151. package/dist/components/FileInput/View/BigFactory/BigFactory.js.map +1 -0
  152. package/dist/components/FileInput/View/BigFactory/index.d.ts +2 -0
  153. package/dist/components/FileInput/View/BigFactory/index.js +22 -25
  154. package/dist/components/FileInput/View/BigFactory/index.js.map +1 -0
  155. package/dist/components/FileInput/View/Compact/Compact.d.ts +11 -0
  156. package/dist/components/FileInput/View/Compact/Compact.js +46 -114
  157. package/dist/components/FileInput/View/Compact/Compact.js.map +1 -0
  158. package/dist/components/FileInput/View/Compact/index.d.ts +2 -0
  159. package/dist/components/FileInput/View/Compact/index.js +22 -25
  160. package/dist/components/FileInput/View/Compact/index.js.map +1 -0
  161. package/dist/components/FileInput/View/View.types.d.ts +8 -0
  162. package/dist/components/FileInput/View/View.types.js +2 -5
  163. package/dist/components/FileInput/View/View.types.js.map +1 -0
  164. package/dist/components/FileInput/index.d.ts +2 -0
  165. package/dist/components/FileInput/index.js +22 -25
  166. package/dist/components/FileInput/index.js.map +1 -0
  167. package/dist/components/FlowController/FlowController.d.ts +27 -0
  168. package/dist/components/FlowController/FlowController.js +25 -56
  169. package/dist/components/FlowController/FlowController.js.map +1 -0
  170. package/dist/components/FlowController/index.d.ts +2 -0
  171. package/dist/components/FlowController/index.js +22 -25
  172. package/dist/components/FlowController/index.js.map +1 -0
  173. package/dist/components/Form/Form.d.ts +30 -0
  174. package/dist/components/Form/Form.hook.d.ts +40 -0
  175. package/dist/components/Form/Form.hook.js +202 -217
  176. package/dist/components/Form/Form.hook.js.map +1 -0
  177. package/dist/components/Form/Form.js +65 -103
  178. package/dist/components/Form/Form.js.map +1 -0
  179. package/dist/components/Form/Form.types.d.ts +98 -0
  180. package/dist/components/Form/Form.types.js +53 -39
  181. package/dist/components/Form/Form.types.js.map +1 -0
  182. package/dist/components/Form/FormField/Extensions/DateField/DateField.d.ts +13 -0
  183. package/dist/components/Form/FormField/Extensions/DateField/DateField.js +53 -64
  184. package/dist/components/Form/FormField/Extensions/DateField/DateField.js.map +1 -0
  185. package/dist/components/Form/FormField/Extensions/DateField/index.d.ts +2 -0
  186. package/dist/components/Form/FormField/Extensions/DateField/index.js +22 -25
  187. package/dist/components/Form/FormField/Extensions/DateField/index.js.map +1 -0
  188. package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.d.ts +9 -0
  189. package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.js +78 -81
  190. package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.js.map +1 -0
  191. package/dist/components/Form/FormField/Extensions/PhoneField/index.d.ts +2 -0
  192. package/dist/components/Form/FormField/Extensions/PhoneField/index.js +22 -25
  193. package/dist/components/Form/FormField/Extensions/PhoneField/index.js.map +1 -0
  194. package/dist/components/Form/FormField/FormField.d.ts +5 -0
  195. package/dist/components/Form/FormField/FormField.js +148 -287
  196. package/dist/components/Form/FormField/FormField.js.map +1 -0
  197. package/dist/components/Form/FormField/FormField.types.d.ts +103 -0
  198. package/dist/components/Form/FormField/FormField.types.js +7 -10
  199. package/dist/components/Form/FormField/FormField.types.js.map +1 -0
  200. package/dist/components/Form/FormField/index.d.ts +2 -0
  201. package/dist/components/Form/FormField/index.js +22 -25
  202. package/dist/components/Form/FormField/index.js.map +1 -0
  203. package/dist/components/Form/index.d.ts +2 -0
  204. package/dist/components/Form/index.js +22 -25
  205. package/dist/components/Form/index.js.map +1 -0
  206. package/dist/components/Freeze/Freeze.d.ts +5 -0
  207. package/dist/components/Freeze/Freeze.js +9 -13
  208. package/dist/components/Freeze/Freeze.js.map +1 -0
  209. package/dist/components/Freeze/index.d.ts +2 -0
  210. package/dist/components/Freeze/index.js +22 -25
  211. package/dist/components/Freeze/index.js.map +1 -0
  212. package/dist/components/HSForms/HSForms.d.ts +12 -0
  213. package/dist/components/HSForms/HSForms.js +69 -48
  214. package/dist/components/HSForms/HSForms.js.map +1 -0
  215. package/dist/components/HSForms/index.d.ts +2 -0
  216. package/dist/components/HSForms/index.js +22 -25
  217. package/dist/components/HSForms/index.js.map +1 -0
  218. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.d.ts +9 -0
  219. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js +10 -19
  220. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js.map +1 -0
  221. package/dist/components/HeaderCloseBtn/index.d.ts +2 -0
  222. package/dist/components/HeaderCloseBtn/index.js +22 -25
  223. package/dist/components/HeaderCloseBtn/index.js.map +1 -0
  224. package/dist/components/InfinityScroll/InfinityScroll.d.ts +22 -0
  225. package/dist/components/InfinityScroll/InfinityScroll.js +94 -114
  226. package/dist/components/InfinityScroll/InfinityScroll.js.map +1 -0
  227. package/dist/components/InfinityScroll/index.d.ts +2 -0
  228. package/dist/components/InfinityScroll/index.js +22 -25
  229. package/dist/components/InfinityScroll/index.js.map +1 -0
  230. package/dist/components/Input/Input.d.ts +43 -0
  231. package/dist/components/Input/Input.js +57 -99
  232. package/dist/components/Input/Input.js.map +1 -0
  233. package/dist/components/Input/index.d.ts +2 -0
  234. package/dist/components/Input/index.js +22 -25
  235. package/dist/components/Input/index.js.map +1 -0
  236. package/dist/components/InstantCounter/InstantCounter.d.ts +16 -0
  237. package/dist/components/InstantCounter/InstantCounter.js +31 -49
  238. package/dist/components/InstantCounter/InstantCounter.js.map +1 -0
  239. package/dist/components/InstantCounter/index.d.ts +2 -0
  240. package/dist/components/InstantCounter/index.js +22 -25
  241. package/dist/components/InstantCounter/index.js.map +1 -0
  242. package/dist/components/LavaLamp/LavaLamp.d.ts +12 -0
  243. package/dist/components/LavaLamp/LavaLamp.data.d.ts +16 -0
  244. package/dist/components/LavaLamp/LavaLamp.data.js +86 -83
  245. package/dist/components/LavaLamp/LavaLamp.data.js.map +1 -0
  246. package/dist/components/LavaLamp/LavaLamp.js +32 -119
  247. package/dist/components/LavaLamp/LavaLamp.js.map +1 -0
  248. package/dist/components/LavaLamp/index.d.ts +2 -0
  249. package/dist/components/LavaLamp/index.js +22 -25
  250. package/dist/components/LavaLamp/index.js.map +1 -0
  251. package/dist/components/LavaLamp/v2/LavaLamp.d.ts +4 -0
  252. package/dist/components/LavaLamp/v2/LavaLamp.js +156 -149
  253. package/dist/components/LavaLamp/v2/LavaLamp.js.map +1 -0
  254. package/dist/components/LinkToId/LinkToId.d.ts +11 -0
  255. package/dist/components/LinkToId/LinkToId.js +27 -39
  256. package/dist/components/LinkToId/LinkToId.js.map +1 -0
  257. package/dist/components/LinkToId/index.d.ts +2 -0
  258. package/dist/components/LinkToId/index.js +22 -25
  259. package/dist/components/LinkToId/index.js.map +1 -0
  260. package/dist/components/Loader/Loader.d.ts +8 -0
  261. package/dist/components/Loader/Loader.js +22 -21
  262. package/dist/components/Loader/Loader.js.map +1 -0
  263. package/dist/components/Loader/index.d.ts +2 -0
  264. package/dist/components/Loader/index.js +22 -25
  265. package/dist/components/Loader/index.js.map +1 -0
  266. package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.d.ts +12 -0
  267. package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js +15 -27
  268. package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js.map +1 -0
  269. package/dist/components/LoaderDotsIndicator/index.d.ts +2 -0
  270. package/dist/components/LoaderDotsIndicator/index.js +22 -25
  271. package/dist/components/LoaderDotsIndicator/index.js.map +1 -0
  272. package/dist/components/LoopableVideo/LoopableVideo.d.ts +12 -0
  273. package/dist/components/LoopableVideo/LoopableVideo.js +25 -33
  274. package/dist/components/LoopableVideo/LoopableVideo.js.map +1 -0
  275. package/dist/components/LoopableVideo/index.d.ts +2 -0
  276. package/dist/components/LoopableVideo/index.js +22 -25
  277. package/dist/components/LoopableVideo/index.js.map +1 -0
  278. package/dist/components/MainGrid/MainGrid.d.ts +17 -0
  279. package/dist/components/MainGrid/MainGrid.js +23 -46
  280. package/dist/components/MainGrid/MainGrid.js.map +1 -0
  281. package/dist/components/MainGrid/index.d.ts +2 -0
  282. package/dist/components/MainGrid/index.js +22 -25
  283. package/dist/components/MainGrid/index.js.map +1 -0
  284. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.d.ts +8 -0
  285. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +23 -27
  286. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js.map +1 -0
  287. package/dist/components/MutableHamburgerButton/index.d.ts +2 -0
  288. package/dist/components/MutableHamburgerButton/index.js +22 -25
  289. package/dist/components/MutableHamburgerButton/index.js.map +1 -0
  290. package/dist/components/Notification/Notification.d.ts +8 -0
  291. package/dist/components/Notification/Notification.js +11 -18
  292. package/dist/components/Notification/Notification.js.map +1 -0
  293. package/dist/components/Notification/index.d.ts +2 -0
  294. package/dist/components/Notification/index.js +22 -25
  295. package/dist/components/Notification/index.js.map +1 -0
  296. package/dist/components/NumberInput/NumberInput.d.ts +11 -0
  297. package/dist/components/NumberInput/NumberInput.js +42 -43
  298. package/dist/components/NumberInput/NumberInput.js.map +1 -0
  299. package/dist/components/NumberInput/index.d.ts +2 -0
  300. package/dist/components/NumberInput/index.js +22 -25
  301. package/dist/components/NumberInput/index.js.map +1 -0
  302. package/dist/components/OrderableList/OrderableList.d.ts +40 -0
  303. package/dist/components/OrderableList/OrderableList.js +404 -416
  304. package/dist/components/OrderableList/OrderableList.js.map +1 -0
  305. package/dist/components/OrderableList/index.d.ts +2 -0
  306. package/dist/components/OrderableList/index.js +22 -25
  307. package/dist/components/OrderableList/index.js.map +1 -0
  308. package/dist/components/PaginationIndicator/PaginationIndicator.d.ts +45 -0
  309. package/dist/components/PaginationIndicator/PaginationIndicator.js +198 -243
  310. package/dist/components/PaginationIndicator/PaginationIndicator.js.map +1 -0
  311. package/dist/components/PaginationIndicator/index.d.ts +2 -0
  312. package/dist/components/PaginationIndicator/index.js +22 -25
  313. package/dist/components/PaginationIndicator/index.js.map +1 -0
  314. package/dist/components/Parallax/Parallax.d.ts +20 -0
  315. package/dist/components/Parallax/Parallax.js +130 -156
  316. package/dist/components/Parallax/Parallax.js.map +1 -0
  317. package/dist/components/Parallax/index.d.ts +2 -0
  318. package/dist/components/Parallax/index.js +22 -25
  319. package/dist/components/Parallax/index.js.map +1 -0
  320. package/dist/components/Parallax/math/helpers.d.ts +58 -0
  321. package/dist/components/Parallax/math/helpers.js +216 -120
  322. package/dist/components/Parallax/math/helpers.js.map +1 -0
  323. package/dist/components/PasswordInput/PasswordInput.d.ts +48 -0
  324. package/dist/components/PasswordInput/PasswordInput.js +71 -88
  325. package/dist/components/PasswordInput/PasswordInput.js.map +1 -0
  326. package/dist/components/PasswordInput/index.d.ts +2 -0
  327. package/dist/components/PasswordInput/index.js +22 -25
  328. package/dist/components/PasswordInput/index.js.map +1 -0
  329. package/dist/components/PingPongText/PingPongText.d.ts +10 -0
  330. package/dist/components/PingPongText/PingPongText.js +67 -63
  331. package/dist/components/PingPongText/PingPongText.js.map +1 -0
  332. package/dist/components/PingPongText/index.d.ts +2 -0
  333. package/dist/components/PingPongText/index.js +22 -25
  334. package/dist/components/PingPongText/index.js.map +1 -0
  335. package/dist/components/PixelatedScan/PixelatedScan.d.ts +13 -0
  336. package/dist/components/PixelatedScan/PixelatedScan.js +74 -126
  337. package/dist/components/PixelatedScan/PixelatedScan.js.map +1 -0
  338. package/dist/components/PixelatedScan/index.d.ts +2 -0
  339. package/dist/components/PixelatedScan/index.js +22 -25
  340. package/dist/components/PixelatedScan/index.js.map +1 -0
  341. package/dist/components/Portal/Portal.d.ts +20 -0
  342. package/dist/components/Portal/Portal.js +43 -46
  343. package/dist/components/Portal/Portal.js.map +1 -0
  344. package/dist/components/Portal/index.d.ts +2 -0
  345. package/dist/components/Portal/index.js +22 -25
  346. package/dist/components/Portal/index.js.map +1 -0
  347. package/dist/components/ProgressBar/ProgressBar.d.ts +32 -0
  348. package/dist/components/ProgressBar/ProgressBar.js +47 -105
  349. package/dist/components/ProgressBar/ProgressBar.js.map +1 -0
  350. package/dist/components/ProgressBar/index.d.ts +2 -0
  351. package/dist/components/ProgressBar/index.js +22 -25
  352. package/dist/components/ProgressBar/index.js.map +1 -0
  353. package/dist/components/ProgressTexts/ProgressTexts.d.ts +29 -0
  354. package/dist/components/ProgressTexts/ProgressTexts.js +29 -43
  355. package/dist/components/ProgressTexts/ProgressTexts.js.map +1 -0
  356. package/dist/components/ProgressTexts/index.d.ts +2 -0
  357. package/dist/components/ProgressTexts/index.js +22 -25
  358. package/dist/components/ProgressTexts/index.js.map +1 -0
  359. package/dist/components/Radio/Radio.d.ts +15 -0
  360. package/dist/components/Radio/Radio.js +28 -51
  361. package/dist/components/Radio/Radio.js.map +1 -0
  362. package/dist/components/Radio/index.d.ts +2 -0
  363. package/dist/components/Radio/index.js +22 -25
  364. package/dist/components/Radio/index.js.map +1 -0
  365. package/dist/components/Radio/variants/Checkmark/Checkmark.d.ts +7 -0
  366. package/dist/components/Radio/variants/Checkmark/Checkmark.js +12 -18
  367. package/dist/components/Radio/variants/Checkmark/Checkmark.js.map +1 -0
  368. package/dist/components/Radio/variants/Checkmark/index.d.ts +2 -0
  369. package/dist/components/Radio/variants/Checkmark/index.js +22 -25
  370. package/dist/components/Radio/variants/Checkmark/index.js.map +1 -0
  371. package/dist/components/Radio/variants/Generic/Generic.d.ts +7 -0
  372. package/dist/components/Radio/variants/Generic/Generic.js +12 -20
  373. package/dist/components/Radio/variants/Generic/Generic.js.map +1 -0
  374. package/dist/components/Radio/variants/Generic/index.d.ts +2 -0
  375. package/dist/components/Radio/variants/Generic/index.js +22 -25
  376. package/dist/components/Radio/variants/Generic/index.js.map +1 -0
  377. package/dist/components/SectionContainer/SectionContainer.d.ts +19 -0
  378. package/dist/components/SectionContainer/SectionContainer.js +16 -38
  379. package/dist/components/SectionContainer/SectionContainer.js.map +1 -0
  380. package/dist/components/SectionContainer/index.d.ts +2 -0
  381. package/dist/components/SectionContainer/index.js +22 -25
  382. package/dist/components/SectionContainer/index.js.map +1 -0
  383. package/dist/components/Select/Select.d.ts +42 -0
  384. package/dist/components/Select/Select.js +95 -128
  385. package/dist/components/Select/Select.js.map +1 -0
  386. package/dist/components/Select/index.d.ts +2 -0
  387. package/dist/components/Select/index.js +22 -25
  388. package/dist/components/Select/index.js.map +1 -0
  389. package/dist/components/Skeleton/Skeleton.d.ts +10 -0
  390. package/dist/components/Skeleton/Skeleton.js +14 -22
  391. package/dist/components/Skeleton/Skeleton.js.map +1 -0
  392. package/dist/components/Skeleton/index.d.ts +2 -0
  393. package/dist/components/Skeleton/index.js +22 -25
  394. package/dist/components/Skeleton/index.js.map +1 -0
  395. package/dist/components/Slider/Slider.d.ts +11 -0
  396. package/dist/components/Slider/Slider.e2e.d.ts +4 -0
  397. package/dist/components/Slider/Slider.e2e.js +6 -0
  398. package/dist/components/Slider/Slider.e2e.js.map +1 -0
  399. package/dist/components/Slider/Slider.js +59 -63
  400. package/dist/components/Slider/Slider.js.map +1 -0
  401. package/dist/components/Slider/index.d.ts +2 -0
  402. package/dist/components/Slider/index.js +22 -25
  403. package/dist/components/Slider/index.js.map +1 -0
  404. package/dist/components/Spacing/Spacing.d.ts +11 -0
  405. package/dist/components/Spacing/Spacing.js +17 -25
  406. package/dist/components/Spacing/Spacing.js.map +1 -0
  407. package/dist/components/Spacing/index.d.ts +2 -0
  408. package/dist/components/Spacing/index.js +22 -25
  409. package/dist/components/Spacing/index.js.map +1 -0
  410. package/dist/components/StaticScroller/StaticScroller.d.ts +7 -0
  411. package/dist/components/StaticScroller/StaticScroller.js +61 -65
  412. package/dist/components/StaticScroller/StaticScroller.js.map +1 -0
  413. package/dist/components/StaticScroller/index.d.ts +2 -0
  414. package/dist/components/StaticScroller/index.js +22 -25
  415. package/dist/components/StaticScroller/index.js.map +1 -0
  416. package/dist/components/Switch/Switch.d.ts +12 -0
  417. package/dist/components/Switch/Switch.js +26 -40
  418. package/dist/components/Switch/Switch.js.map +1 -0
  419. package/dist/components/Switch/index.d.ts +2 -0
  420. package/dist/components/Switch/index.js +22 -25
  421. package/dist/components/Switch/index.js.map +1 -0
  422. package/dist/components/Table/Table.d.ts +23 -0
  423. package/dist/components/Table/Table.js +56 -107
  424. package/dist/components/Table/Table.js.map +1 -0
  425. package/dist/components/Table/index.d.ts +2 -0
  426. package/dist/components/Table/index.js +22 -25
  427. package/dist/components/Table/index.js.map +1 -0
  428. package/dist/components/Tabs/Tabs.d.ts +28 -0
  429. package/dist/components/Tabs/Tabs.js +54 -59
  430. package/dist/components/Tabs/Tabs.js.map +1 -0
  431. package/dist/components/Tabs/index.d.ts +2 -0
  432. package/dist/components/Tabs/index.js +22 -25
  433. package/dist/components/Tabs/index.js.map +1 -0
  434. package/dist/components/Text/Text.d.ts +22 -0
  435. package/dist/components/Text/Text.js +30 -35
  436. package/dist/components/Text/Text.js.map +1 -0
  437. package/dist/components/Text/index.d.ts +2 -0
  438. package/dist/components/Text/index.js +22 -25
  439. package/dist/components/Text/index.js.map +1 -0
  440. package/dist/components/Transition/MasksFactory/DiagonalReveal.d.ts +1 -0
  441. package/dist/components/Transition/MasksFactory/DiagonalReveal.js +12 -46
  442. package/dist/components/Transition/MasksFactory/DiagonalReveal.js.map +1 -0
  443. package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.d.ts +5 -0
  444. package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js +49 -71
  445. package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js.map +1 -0
  446. package/dist/components/Transition/MasksFactory/PhysicsSquares.d.ts +7 -0
  447. package/dist/components/Transition/MasksFactory/PhysicsSquares.js +79 -89
  448. package/dist/components/Transition/MasksFactory/PhysicsSquares.js.map +1 -0
  449. package/dist/components/Transition/MasksFactory/SquareToBalls.d.ts +5 -0
  450. package/dist/components/Transition/MasksFactory/SquareToBalls.js +41 -60
  451. package/dist/components/Transition/MasksFactory/SquareToBalls.js.map +1 -0
  452. package/dist/components/Transition/MasksFactory/utils.d.ts +8 -0
  453. package/dist/components/Transition/MasksFactory/utils.js +27 -25
  454. package/dist/components/Transition/MasksFactory/utils.js.map +1 -0
  455. package/dist/components/Transition/Transition.d.ts +114 -0
  456. package/dist/components/Transition/Transition.js +319 -298
  457. package/dist/components/Transition/Transition.js.map +1 -0
  458. package/dist/components/Transition/index.d.ts +2 -0
  459. package/dist/components/Transition/index.js +22 -25
  460. package/dist/components/Transition/index.js.map +1 -0
  461. package/dist/components/UncontrolledTransition/UncontrolledTransition.d.ts +17 -0
  462. package/dist/components/UncontrolledTransition/UncontrolledTransition.js +93 -101
  463. package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map +1 -0
  464. package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.d.ts +1 -0
  465. package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.js +19 -27
  466. package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.js.map +1 -0
  467. package/dist/components/UncontrolledTransition/index.d.ts +2 -0
  468. package/dist/components/UncontrolledTransition/index.js +22 -25
  469. package/dist/components/UncontrolledTransition/index.js.map +1 -0
  470. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.d.ts +55 -0
  471. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +94 -101
  472. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map +1 -0
  473. package/dist/components/WalletConnectionWrapper/index.d.ts +2 -0
  474. package/dist/components/WalletConnectionWrapper/index.js +22 -25
  475. package/dist/components/WalletConnectionWrapper/index.js.map +1 -0
  476. package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.d.ts +7 -0
  477. package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js +43 -53
  478. package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js.map +1 -0
  479. package/dist/components/utilitary/ScrollAndFocusLock/index.d.ts +2 -0
  480. package/dist/components/utilitary/ScrollAndFocusLock/index.js +22 -25
  481. package/dist/components/utilitary/ScrollAndFocusLock/index.js.map +1 -0
  482. package/dist/context/AsyncProcess.d.ts +23 -0
  483. package/dist/context/AsyncProcess.js +41 -68
  484. package/dist/context/AsyncProcess.js.map +1 -0
  485. package/dist/context/ContextAsyncControl.d.ts +39 -0
  486. package/dist/context/ContextAsyncControl.js +51 -72
  487. package/dist/context/ContextAsyncControl.js.map +1 -0
  488. package/dist/context/CustomBrowserRouter.d.ts +19 -0
  489. package/dist/context/CustomBrowserRouter.js +30 -44
  490. package/dist/context/CustomBrowserRouter.js.map +1 -0
  491. package/dist/context/OneUIProvider.d.ts +209 -0
  492. package/dist/context/OneUIProvider.js +108 -102
  493. package/dist/context/OneUIProvider.js.map +1 -0
  494. package/dist/hooks/logs/useDependencyChangeDetection.d.ts +1 -0
  495. package/dist/hooks/logs/useDependencyChangeDetection.js +16 -17
  496. package/dist/hooks/logs/useDependencyChangeDetection.js.map +1 -0
  497. package/dist/hooks/logs/useIsMounting.d.ts +1 -0
  498. package/dist/hooks/logs/useIsMounting.js +7 -10
  499. package/dist/hooks/logs/useIsMounting.js.map +1 -0
  500. package/dist/hooks/persistence/useLocalStorage.d.ts +2 -0
  501. package/dist/hooks/persistence/useLocalStorage.js +40 -41
  502. package/dist/hooks/persistence/useLocalStorage.js.map +1 -0
  503. package/dist/hooks/shims/ObjectWatchShim.d.ts +1 -0
  504. package/dist/hooks/shims/ObjectWatchShim.js +46 -47
  505. package/dist/hooks/shims/ObjectWatchShim.js.map +1 -0
  506. package/dist/hooks/ui/useAdaptiveImage.d.ts +7 -0
  507. package/dist/hooks/ui/useAdaptiveImage.js +34 -29
  508. package/dist/hooks/ui/useAdaptiveImage.js.map +1 -0
  509. package/dist/hooks/ui/useAlternating.d.ts +4 -0
  510. package/dist/hooks/ui/useAlternating.js +18 -18
  511. package/dist/hooks/ui/useAlternating.js.map +1 -0
  512. package/dist/hooks/ui/useBreakpoint.d.ts +5 -0
  513. package/dist/hooks/ui/useBreakpoint.js +18 -19
  514. package/dist/hooks/ui/useBreakpoint.js.map +1 -0
  515. package/dist/hooks/ui/useCustomScrollbar.d.ts +8 -0
  516. package/dist/hooks/ui/useCustomScrollbar.js +21 -26
  517. package/dist/hooks/ui/useCustomScrollbar.js.map +1 -0
  518. package/dist/hooks/ui/useEffectIf.d.ts +2 -0
  519. package/dist/hooks/ui/useEffectIf.js +9 -11
  520. package/dist/hooks/ui/useEffectIf.js.map +1 -0
  521. package/dist/hooks/ui/useMouseHover.d.ts +11 -0
  522. package/dist/hooks/ui/useMouseHover.js +19 -25
  523. package/dist/hooks/ui/useMouseHover.js.map +1 -0
  524. package/dist/hooks/ui/usePaginationControls.d.ts +14 -0
  525. package/dist/hooks/ui/usePaginationControls.js +136 -129
  526. package/dist/hooks/ui/usePaginationControls.js.map +1 -0
  527. package/dist/hooks/ui/useSnapToViewport.d.ts +5 -0
  528. package/dist/hooks/ui/useSnapToViewport.js +19 -20
  529. package/dist/hooks/ui/useSnapToViewport.js.map +1 -0
  530. package/dist/hooks/ui/useTilt.d.ts +46 -0
  531. package/dist/hooks/ui/useTilt.js +129 -145
  532. package/dist/hooks/ui/useTilt.js.map +1 -0
  533. package/dist/hooks/ui/useZoomable.d.ts +6 -0
  534. package/dist/hooks/ui/useZoomable.js +116 -123
  535. package/dist/hooks/ui/useZoomable.js.map +1 -0
  536. package/dist/hooks/useAsyncControl.d.ts +32 -0
  537. package/dist/hooks/useAsyncControl.js +52 -67
  538. package/dist/hooks/useAsyncControl.js.map +1 -0
  539. package/dist/hooks/useContainedRepositioning.d.ts +15 -0
  540. package/dist/hooks/useContainedRepositioning.js +71 -75
  541. package/dist/hooks/useContainedRepositioning.js.map +1 -0
  542. package/dist/hooks/useCustomHistory.d.ts +14 -0
  543. package/dist/hooks/useCustomHistory.js +12 -21
  544. package/dist/hooks/useCustomHistory.js.map +1 -0
  545. package/dist/hooks/useElementFit.d.ts +18 -0
  546. package/dist/hooks/useElementFit.js +48 -43
  547. package/dist/hooks/useElementFit.js.map +1 -0
  548. package/dist/hooks/useFirestoreWatch.d.ts +12 -0
  549. package/dist/hooks/useFirestoreWatch.js +41 -41
  550. package/dist/hooks/useFirestoreWatch.js.map +1 -0
  551. package/dist/hooks/useFreeze.d.ts +5 -0
  552. package/dist/hooks/useFreeze.js +8 -10
  553. package/dist/hooks/useFreeze.js.map +1 -0
  554. package/dist/hooks/useHero.d.ts +68 -0
  555. package/dist/hooks/useHero.js +271 -249
  556. package/dist/hooks/useHero.js.map +1 -0
  557. package/dist/hooks/useIntersection.d.ts +8 -0
  558. package/dist/hooks/useIntersection.js +27 -32
  559. package/dist/hooks/useIntersection.js.map +1 -0
  560. package/dist/hooks/useMergeRefs.d.ts +9 -0
  561. package/dist/hooks/useMergeRefs.js +24 -27
  562. package/dist/hooks/useMergeRefs.js.map +1 -0
  563. package/dist/hooks/useObserve.d.ts +6 -0
  564. package/dist/hooks/useObserve.js +14 -17
  565. package/dist/hooks/useObserve.js.map +1 -0
  566. package/dist/hooks/usePagination.d.ts +57 -0
  567. package/dist/hooks/usePagination.js +164 -147
  568. package/dist/hooks/usePagination.js.map +1 -0
  569. package/dist/hooks/usePooledOperation.d.ts +19 -0
  570. package/dist/hooks/usePooledOperation.js +57 -41
  571. package/dist/hooks/usePooledOperation.js.map +1 -0
  572. package/dist/hooks/usePooling.d.ts +22 -0
  573. package/dist/hooks/usePooling.js +49 -46
  574. package/dist/hooks/usePooling.js.map +1 -0
  575. package/dist/hooks/useRebound.d.ts +13 -0
  576. package/dist/hooks/useRebound.js +19 -23
  577. package/dist/hooks/useRebound.js.map +1 -0
  578. package/dist/hooks/useShortIntl.d.ts +21 -0
  579. package/dist/hooks/useShortIntl.js +50 -72
  580. package/dist/hooks/useShortIntl.js.map +1 -0
  581. package/dist/hooks/utility/useAsyncMemo.d.ts +13 -0
  582. package/dist/hooks/utility/useAsyncMemo.js +42 -36
  583. package/dist/hooks/utility/useAsyncMemo.js.map +1 -0
  584. package/dist/hooks/utility/useDepChange.d.ts +1 -0
  585. package/dist/hooks/utility/useDepChange.js +12 -14
  586. package/dist/hooks/utility/useDepChange.js.map +1 -0
  587. package/dist/hooks/utility/useEvents.d.ts +9 -0
  588. package/dist/hooks/utility/useEvents.js +21 -26
  589. package/dist/hooks/utility/useEvents.js.map +1 -0
  590. package/dist/hooks/utility/useImmediate.d.ts +4 -0
  591. package/dist/hooks/utility/useImmediate.js +5 -8
  592. package/dist/hooks/utility/useImmediate.js.map +1 -0
  593. package/dist/hooks/utility/useManualInit.d.ts +4 -0
  594. package/dist/hooks/utility/useManualInit.js +17 -19
  595. package/dist/hooks/utility/useManualInit.js.map +1 -0
  596. package/dist/hooks/utility/useModule.d.ts +4 -0
  597. package/dist/hooks/utility/useModule.js +9 -12
  598. package/dist/hooks/utility/useModule.js.map +1 -0
  599. package/dist/hooks/utility/useQuery.d.ts +7 -0
  600. package/dist/hooks/utility/useQuery.js +7 -13
  601. package/dist/hooks/utility/useQuery.js.map +1 -0
  602. package/dist/hooks/utility/useUniqueEffect.d.ts +1 -0
  603. package/dist/hooks/utility/useUniqueEffect.js +17 -17
  604. package/dist/hooks/utility/useUniqueEffect.js.map +1 -0
  605. package/dist/index.d.ts +223 -0
  606. package/dist/index.js +349 -2147
  607. package/dist/index.js.map +1 -0
  608. package/dist/index.preprocess.d.ts +1 -0
  609. package/dist/index.preprocess.js +72 -35
  610. package/dist/index.preprocess.js.map +1 -0
  611. package/dist/models/DebugLogger.d.ts +4 -0
  612. package/dist/models/DebugLogger.js +5 -8
  613. package/dist/models/DebugLogger.js.map +1 -0
  614. package/dist/models/GenericContract.d.ts +100 -0
  615. package/dist/models/GenericContract.js +13 -42
  616. package/dist/models/GenericContract.js.map +1 -0
  617. package/dist/models/ImageScales.d.ts +7 -0
  618. package/dist/models/ImageScales.js +12 -0
  619. package/dist/models/ImageScales.js.map +1 -0
  620. package/dist/models/Orbs.d.ts +44 -0
  621. package/dist/models/Orbs.js +47 -53
  622. package/dist/models/Orbs.js.map +1 -0
  623. package/dist/storybookUtils/index.d.ts +5 -0
  624. package/dist/storybookUtils/index.js +39 -40
  625. package/dist/storybookUtils/index.js.map +1 -0
  626. package/dist/type-utils.d.ts +59 -0
  627. package/dist/type-utils.js +2 -5
  628. package/dist/type-utils.js.map +1 -0
  629. package/dist/types.d.ts +79 -0
  630. package/dist/types.js +2 -5
  631. package/dist/types.js.map +1 -0
  632. package/dist/utils/blockchain.d.ts +8 -0
  633. package/dist/utils/blockchain.js +54 -35
  634. package/dist/utils/blockchain.js.map +1 -0
  635. package/dist/utils/e2e.d.ts +19 -0
  636. package/dist/utils/e2e.js +11 -21
  637. package/dist/utils/e2e.js.map +1 -0
  638. package/dist/utils/flatten.d.ts +5 -0
  639. package/dist/utils/flatten.js +12 -15
  640. package/dist/utils/flatten.js.map +1 -0
  641. package/dist/utils/formatters.d.ts +21 -0
  642. package/dist/utils/formatters.js +43 -48
  643. package/dist/utils/formatters.js.map +1 -0
  644. package/dist/utils/html.utils.d.ts +2 -0
  645. package/dist/utils/html.utils.js +6 -12
  646. package/dist/utils/html.utils.js.map +1 -0
  647. package/dist/utils/ownEvent.d.ts +4 -0
  648. package/dist/utils/ownEvent.js +7 -9
  649. package/dist/utils/ownEvent.js.map +1 -0
  650. package/dist/utils/test.d.ts +6 -0
  651. package/dist/utils/test.js +11 -13
  652. package/dist/utils/test.js.map +1 -0
  653. package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.js +3 -1
  654. package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.js.map +1 -1
  655. package/dist-ts/components/AdaptiveDialog/AdaptiveDialog.module.scss +17 -3
  656. package/dist-ts/components/Form/FormField/Extensions/DateField/DateField.js +2 -2
  657. package/dist-ts/components/Form/FormField/Extensions/DateField/DateField.js.map +1 -1
  658. package/dist-ts/components/Form/FormField/FormField.js +5 -5
  659. package/dist-ts/components/Form/FormField/FormField.js.map +1 -1
  660. package/dist-ts/context/OneUIProvider.d.ts +6 -0
  661. package/dist-ts/context/OneUIProvider.js.map +1 -1
  662. package/package.json +1 -1
@@ -1,83 +1,79 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = useContainedRepositioning;
7
- var _debounce = _interopRequireDefault(require("lodash/debounce"));
8
- var _react = require("react");
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const debounce_1 = __importDefault(require("lodash/debounce"));
7
+ const react_1 = require("react");
10
8
  /**
11
9
  * This hook takes an html and checks if its outside its parent
12
10
  * If it is, it should move it so it can be totally visible inside the container
13
11
  */
14
- function useContainedRepositioning(focused, getParent) {
15
- let {
16
- offset = 16,
17
- scale = 1,
18
- offsetLimit = Number.POSITIVE_INFINITY
19
- } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
20
- const elementToCheck = (0, _react.useRef)(null);
21
- (0, _react.useEffect)(() => {
22
- const el = elementToCheck.current;
23
- if (!el) return;
24
- const curr = el;
25
- const relativeParent = getParent(curr);
26
- if (process.env.NODE_ENV === "development") {
27
- if (window.getComputedStyle(el).position !== "relative") throw new Error("The target element MUST have position relative so it can be moved");
28
- if (window.getComputedStyle(relativeParent).position !== "relative") throw new Error("The relative to element MUST have position relative so it can calculate correctly the target position");
29
- }
30
- if (focused) {
31
- curr.style.right = "0px";
32
- const reposition = (0, _debounce.default)(() => {
33
- const alreadyRight = Number(curr.style.right.replace("px", ""));
34
- const limitOffset = relativeParent.scrollLeft + relativeParent.clientWidth;
35
- const elWidth = curr.clientWidth * scale;
36
- const offsetOfScale = (elWidth - curr.clientWidth) / 2;
37
- const cardLimit = curr.offsetLeft - offsetOfScale + alreadyRight + elWidth;
38
- const exceedingSpace = cardLimit - limitOffset;
39
- const offsetLeft = curr.offsetLeft - offsetOfScale + alreadyRight - relativeParent.scrollLeft;
40
- const isOverflowedRight = exceedingSpace > 0;
41
- const isOverflowedLeft = offsetLeft < 0;
42
- const limit = exceedingSpace + -offsetLeft;
43
- if (isOverflowedRight) {
44
- const val = Math.min(exceedingSpace - -Math.min(Math.abs(limit / 2), offset), offsetLimit);
45
- curr.style.right = "".concat(val, "px");
46
- }
47
- if (isOverflowedLeft) {
48
- const val = Math.max(offsetLeft - Math.min(Math.abs(limit) / 2, offset), -offsetLimit);
49
- curr.style.right = "".concat(val, "px");
12
+ function useContainedRepositioning(focused, getParent, { offset = 16, scale = 1, offsetLimit = Number.POSITIVE_INFINITY, } = {}) {
13
+ const elementToCheck = (0, react_1.useRef)(null);
14
+ (0, react_1.useEffect)(() => {
15
+ const el = elementToCheck.current;
16
+ if (!el)
17
+ return;
18
+ const curr = el;
19
+ const relativeParent = getParent(curr);
20
+ if (process.env.NODE_ENV === "development") {
21
+ if (window.getComputedStyle(el).position !== "relative")
22
+ throw new Error("The target element MUST have position relative so it can be moved");
23
+ if (window.getComputedStyle(relativeParent).position !== "relative")
24
+ throw new Error("The relative to element MUST have position relative so it can calculate correctly the target position");
50
25
  }
51
- if (isOverflowedLeft || isOverflowedRight) {
52
- curr.style.zIndex = "1000";
26
+ if (focused) {
27
+ curr.style.right = `0px`;
28
+ const reposition = (0, debounce_1.default)(() => {
29
+ const alreadyRight = Number(curr.style.right.replace("px", ""));
30
+ const limitOffset = relativeParent.scrollLeft + relativeParent.clientWidth;
31
+ const elWidth = curr.clientWidth * scale;
32
+ const offsetOfScale = (elWidth - curr.clientWidth) / 2;
33
+ const cardLimit = curr.offsetLeft - offsetOfScale + alreadyRight + elWidth;
34
+ const exceedingSpace = cardLimit - limitOffset;
35
+ const offsetLeft = curr.offsetLeft -
36
+ offsetOfScale +
37
+ alreadyRight -
38
+ relativeParent.scrollLeft;
39
+ const isOverflowedRight = exceedingSpace > 0;
40
+ const isOverflowedLeft = offsetLeft < 0;
41
+ const limit = exceedingSpace + -offsetLeft;
42
+ if (isOverflowedRight) {
43
+ const val = Math.min(exceedingSpace - -Math.min(Math.abs(limit / 2), offset), offsetLimit);
44
+ curr.style.right = `${val}px`;
45
+ }
46
+ if (isOverflowedLeft) {
47
+ const val = Math.max(offsetLeft - Math.min(Math.abs(limit) / 2, offset), -offsetLimit);
48
+ curr.style.right = `${val}px`;
49
+ }
50
+ if (isOverflowedLeft || isOverflowedRight) {
51
+ curr.style.zIndex = "1000";
52
+ }
53
+ }, 50);
54
+ reposition();
55
+ reposition.flush();
56
+ relativeParent.addEventListener("scroll", reposition, {
57
+ passive: true
58
+ });
59
+ return () => {
60
+ reposition.cancel();
61
+ relativeParent.removeEventListener("scroll", reposition);
62
+ el.style.right = `0px`;
63
+ const restore = ({ propertyName, currentTarget }) => {
64
+ const targetTransformation = window.getComputedStyle(currentTarget).right;
65
+ if (propertyName === "right" && targetTransformation === "0px") {
66
+ curr.style.zIndex = "";
67
+ el.removeEventListener("transitionend", restore);
68
+ }
69
+ };
70
+ el.addEventListener("transitionend", restore);
71
+ };
53
72
  }
54
- }, 50);
55
- reposition();
56
- reposition.flush();
57
- relativeParent.addEventListener("scroll", reposition, {
58
- passive: true
59
- });
60
- return () => {
61
- reposition.cancel();
62
- relativeParent.removeEventListener("scroll", reposition);
63
- el.style.right = "0px";
64
- const restore = _ref => {
65
- let {
66
- propertyName,
67
- currentTarget
68
- } = _ref;
69
- const targetTransformation = window.getComputedStyle(currentTarget).right;
70
- if (propertyName === "right" && targetTransformation === "0px") {
71
- curr.style.zIndex = "";
72
- el.removeEventListener("transitionend", restore);
73
- }
74
- };
75
- el.addEventListener("transitionend", restore);
76
- };
77
- }
78
- }, [focused]);
79
- return {
80
- elementToCheck
81
- };
73
+ }, [focused]);
74
+ return {
75
+ elementToCheck,
76
+ };
82
77
  }
83
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfZGVib3VuY2UiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwidXNlQ29udGFpbmVkUmVwb3NpdGlvbmluZyIsImZvY3VzZWQiLCJnZXRQYXJlbnQiLCJvZmZzZXQiLCJzY2FsZSIsIm9mZnNldExpbWl0IiwiTnVtYmVyIiwiUE9TSVRJVkVfSU5GSU5JVFkiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJ1bmRlZmluZWQiLCJlbGVtZW50VG9DaGVjayIsInVzZVJlZiIsInVzZUVmZmVjdCIsImVsIiwiY3VycmVudCIsImN1cnIiLCJyZWxhdGl2ZVBhcmVudCIsInByb2Nlc3MiLCJlbnYiLCJOT0RFX0VOViIsIndpbmRvdyIsImdldENvbXB1dGVkU3R5bGUiLCJwb3NpdGlvbiIsIkVycm9yIiwic3R5bGUiLCJyaWdodCIsInJlcG9zaXRpb24iLCJkZWJvdW5jZSIsImFscmVhZHlSaWdodCIsInJlcGxhY2UiLCJsaW1pdE9mZnNldCIsInNjcm9sbExlZnQiLCJjbGllbnRXaWR0aCIsImVsV2lkdGgiLCJvZmZzZXRPZlNjYWxlIiwiY2FyZExpbWl0Iiwib2Zmc2V0TGVmdCIsImV4Y2VlZGluZ1NwYWNlIiwiaXNPdmVyZmxvd2VkUmlnaHQiLCJpc092ZXJmbG93ZWRMZWZ0IiwibGltaXQiLCJ2YWwiLCJNYXRoIiwibWluIiwiYWJzIiwiY29uY2F0IiwibWF4IiwiekluZGV4IiwiZmx1c2giLCJhZGRFdmVudExpc3RlbmVyIiwicGFzc2l2ZSIsImNhbmNlbCIsInJlbW92ZUV2ZW50TGlzdGVuZXIiLCJyZXN0b3JlIiwiX3JlZiIsInByb3BlcnR5TmFtZSIsImN1cnJlbnRUYXJnZXQiLCJ0YXJnZXRUcmFuc2Zvcm1hdGlvbiJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VDb250YWluZWRSZXBvc2l0aW9uaW5nLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBkZWJvdW5jZSBmcm9tIFwibG9kYXNoL2RlYm91bmNlXCI7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG4vKipcbiAqIFRoaXMgaG9vayB0YWtlcyBhbiBodG1sIGFuZCBjaGVja3MgaWYgaXRzIG91dHNpZGUgaXRzIHBhcmVudFxuICogSWYgaXQgaXMsIGl0IHNob3VsZCBtb3ZlIGl0IHNvIGl0IGNhbiBiZSB0b3RhbGx5IHZpc2libGUgaW5zaWRlIHRoZSBjb250YWluZXJcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gdXNlQ29udGFpbmVkUmVwb3NpdGlvbmluZyhcbiAgZm9jdXNlZDogYm9vbGVhbixcbiAgZ2V0UGFyZW50OiAoZWw6IEhUTUxFbGVtZW50KSA9PiBIVE1MRWxlbWVudCxcbiAge1xuICAgIG9mZnNldCA9IDE2LFxuICAgIHNjYWxlID0gMSxcbiAgICBvZmZzZXRMaW1pdCA9IE51bWJlci5QT1NJVElWRV9JTkZJTklUWSxcbiAgfToge1xuICAgIC8qKiBUaGUgb2Zmc2V0IHRoZSBlbGVtZW50IHdpbGwgYmUgbW92ZWQgYnkgZnJvbSB0aGUgY2xvc2VzdCBib3VuZCAqL1xuICAgIG9mZnNldD86IG51bWJlcjtcblxuICAgIC8qKiBUaGUgc2NhbGVkIGVsZW1lbnQgd2lkdGggdG8gYmUgY29uc2lkZXJlZC4gdXNlZnVsbCBmb3Igd2hlbiB0aGUgZm9jdXNlZCBlbGVtZW50IHdpbGwgY2hhbmdlIHNpemUgKi9cbiAgICBzY2FsZT86IG51bWJlcjtcblxuICAgIC8qKiBMaW1pdCBvZmZzZXQgKi9cbiAgICBvZmZzZXRMaW1pdD86IG51bWJlcjtcbiAgfSA9IHt9XG4pIHtcbiAgY29uc3QgZWxlbWVudFRvQ2hlY2sgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGVsID0gZWxlbWVudFRvQ2hlY2suY3VycmVudDtcbiAgICBpZiAoIWVsKSByZXR1cm47XG5cbiAgICBjb25zdCBjdXJyID0gZWw7XG4gICAgY29uc3QgcmVsYXRpdmVQYXJlbnQgPSBnZXRQYXJlbnQoY3Vycik7XG5cbiAgICBpZiAocHJvY2Vzcy5lbnYuTk9ERV9FTlYgPT09IFwiZGV2ZWxvcG1lbnRcIikge1xuICAgICAgaWYgKHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKGVsKS5wb3NpdGlvbiAhPT0gXCJyZWxhdGl2ZVwiKVxuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICAgXCJUaGUgdGFyZ2V0IGVsZW1lbnQgTVVTVCBoYXZlIHBvc2l0aW9uIHJlbGF0aXZlIHNvIGl0IGNhbiBiZSBtb3ZlZFwiXG4gICAgICAgICk7XG4gICAgICBpZiAod2luZG93LmdldENvbXB1dGVkU3R5bGUocmVsYXRpdmVQYXJlbnQpLnBvc2l0aW9uICE9PSBcInJlbGF0aXZlXCIpXG4gICAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgICBcIlRoZSByZWxhdGl2ZSB0byBlbGVtZW50IE1VU1QgaGF2ZSBwb3NpdGlvbiByZWxhdGl2ZSBzbyBpdCBjYW4gY2FsY3VsYXRlIGNvcnJlY3RseSB0aGUgdGFyZ2V0IHBvc2l0aW9uXCJcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICBpZiAoZm9jdXNlZCkge1xuICAgICAgY3Vyci5zdHlsZS5yaWdodCA9IGAwcHhgO1xuICAgICAgY29uc3QgcmVwb3NpdGlvbiA9IGRlYm91bmNlKCgpID0+IHtcbiAgICAgICAgY29uc3QgYWxyZWFkeVJpZ2h0ID0gTnVtYmVyKGN1cnIuc3R5bGUucmlnaHQucmVwbGFjZShcInB4XCIsIFwiXCIpKTtcbiAgICAgICAgY29uc3QgbGltaXRPZmZzZXQgPVxuICAgICAgICAgIHJlbGF0aXZlUGFyZW50LnNjcm9sbExlZnQgKyByZWxhdGl2ZVBhcmVudC5jbGllbnRXaWR0aDtcbiAgICAgICAgY29uc3QgZWxXaWR0aCA9IGN1cnIuY2xpZW50V2lkdGggKiBzY2FsZTtcbiAgICAgICAgY29uc3Qgb2Zmc2V0T2ZTY2FsZSA9IChlbFdpZHRoIC0gY3Vyci5jbGllbnRXaWR0aCkgLyAyO1xuICAgICAgICBjb25zdCBjYXJkTGltaXQgPVxuICAgICAgICAgIGN1cnIub2Zmc2V0TGVmdCAtIG9mZnNldE9mU2NhbGUgKyBhbHJlYWR5UmlnaHQgKyBlbFdpZHRoO1xuICAgICAgICBjb25zdCBleGNlZWRpbmdTcGFjZSA9IGNhcmRMaW1pdCAtIGxpbWl0T2Zmc2V0O1xuICAgICAgICBjb25zdCBvZmZzZXRMZWZ0ID1cbiAgICAgICAgICBjdXJyLm9mZnNldExlZnQgLVxuICAgICAgICAgIG9mZnNldE9mU2NhbGUgK1xuICAgICAgICAgIGFscmVhZHlSaWdodCAtXG4gICAgICAgICAgcmVsYXRpdmVQYXJlbnQuc2Nyb2xsTGVmdDtcbiAgICAgICAgY29uc3QgaXNPdmVyZmxvd2VkUmlnaHQgPSBleGNlZWRpbmdTcGFjZSA+IDA7XG4gICAgICAgIGNvbnN0IGlzT3ZlcmZsb3dlZExlZnQgPSBvZmZzZXRMZWZ0IDwgMDtcbiAgICAgICAgY29uc3QgbGltaXQgPSBleGNlZWRpbmdTcGFjZSArIC1vZmZzZXRMZWZ0O1xuXG4gICAgICAgIGlmIChpc092ZXJmbG93ZWRSaWdodCkge1xuICAgICAgICAgIGNvbnN0IHZhbCA9IE1hdGgubWluKFxuICAgICAgICAgICAgZXhjZWVkaW5nU3BhY2UgLSAtTWF0aC5taW4oTWF0aC5hYnMobGltaXQgLyAyKSwgb2Zmc2V0KSxcbiAgICAgICAgICAgIG9mZnNldExpbWl0XG4gICAgICAgICAgKTtcbiAgICAgICAgICBjdXJyLnN0eWxlLnJpZ2h0ID0gYCR7dmFsfXB4YDtcbiAgICAgICAgfVxuICAgICAgICBpZiAoaXNPdmVyZmxvd2VkTGVmdCkge1xuICAgICAgICAgIGNvbnN0IHZhbCA9IE1hdGgubWF4KFxuICAgICAgICAgICAgb2Zmc2V0TGVmdCAtIE1hdGgubWluKE1hdGguYWJzKGxpbWl0KSAvIDIsIG9mZnNldCksXG4gICAgICAgICAgICAtb2Zmc2V0TGltaXRcbiAgICAgICAgICApO1xuICAgICAgICAgIGN1cnIuc3R5bGUucmlnaHQgPSBgJHt2YWx9cHhgO1xuICAgICAgICB9XG4gICAgICAgIGlmIChpc092ZXJmbG93ZWRMZWZ0IHx8IGlzT3ZlcmZsb3dlZFJpZ2h0KSB7XG4gICAgICAgICAgY3Vyci5zdHlsZS56SW5kZXggPSBcIjEwMDBcIjtcbiAgICAgICAgfVxuICAgICAgfSwgNTApO1xuICAgICAgcmVwb3NpdGlvbigpO1xuICAgICAgcmVwb3NpdGlvbi5mbHVzaCgpO1xuXG4gICAgICByZWxhdGl2ZVBhcmVudC5hZGRFdmVudExpc3RlbmVyKFwic2Nyb2xsXCIsIHJlcG9zaXRpb24sIHtcbiAgICAgICAgcGFzc2l2ZTogdHJ1ZVxuICAgICAgfSk7XG4gICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICByZXBvc2l0aW9uLmNhbmNlbCgpO1xuICAgICAgICByZWxhdGl2ZVBhcmVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwic2Nyb2xsXCIsIHJlcG9zaXRpb24pO1xuICAgICAgICBlbC5zdHlsZS5yaWdodCA9IGAwcHhgO1xuICAgICAgICBjb25zdCByZXN0b3JlID0gKHsgcHJvcGVydHlOYW1lLCBjdXJyZW50VGFyZ2V0IH06IFRyYW5zaXRpb25FdmVudCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHRhcmdldFRyYW5zZm9ybWF0aW9uID0gd2luZG93LmdldENvbXB1dGVkU3R5bGUoXG4gICAgICAgICAgICBjdXJyZW50VGFyZ2V0IGFzIEhUTUxEaXZFbGVtZW50XG4gICAgICAgICAgKS5yaWdodDtcbiAgICAgICAgICBpZiAocHJvcGVydHlOYW1lID09PSBcInJpZ2h0XCIgJiYgdGFyZ2V0VHJhbnNmb3JtYXRpb24gPT09IFwiMHB4XCIpIHtcbiAgICAgICAgICAgIGN1cnIuc3R5bGUuekluZGV4ID0gXCJcIjtcbiAgICAgICAgICAgIGVsLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJ0cmFuc2l0aW9uZW5kXCIsIHJlc3RvcmUpO1xuICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICAgICAgZWwuYWRkRXZlbnRMaXN0ZW5lcihcInRyYW5zaXRpb25lbmRcIiwgcmVzdG9yZSk7XG4gICAgICB9O1xuICAgIH1cbiAgfSwgW2ZvY3VzZWRdKTtcblxuICByZXR1cm4ge1xuICAgIGVsZW1lbnRUb0NoZWNrLFxuICB9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxTQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxNQUFBLEdBQUFELE9BQUE7QUFBMEMsU0FBQUQsdUJBQUFHLEdBQUEsV0FBQUEsR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsR0FBQUQsR0FBQSxLQUFBRSxPQUFBLEVBQUFGLEdBQUE7QUFFMUM7QUFDQTtBQUNBO0FBQ0E7QUFDZSxTQUFTRyx5QkFBeUJBLENBQy9DQyxPQUFnQixFQUNoQkMsU0FBMkMsRUFlM0M7RUFBQSxJQWRBO0lBQ0VDLE1BQU0sR0FBRyxFQUFFO0lBQ1hDLEtBQUssR0FBRyxDQUFDO0lBQ1RDLFdBQVcsR0FBR0MsTUFBTSxDQUFDQztFQVV2QixDQUFDLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxRQUFBRCxTQUFBLFFBQUFFLFNBQUEsR0FBQUYsU0FBQSxNQUFHLENBQUMsQ0FBQztFQUVOLE1BQU1HLGNBQWMsR0FBRyxJQUFBQyxhQUFNLEVBQWlCLElBQUksQ0FBQztFQUNuRCxJQUFBQyxnQkFBUyxFQUFDLE1BQU07SUFDZCxNQUFNQyxFQUFFLEdBQUdILGNBQWMsQ0FBQ0ksT0FBTztJQUNqQyxJQUFJLENBQUNELEVBQUUsRUFBRTtJQUVULE1BQU1FLElBQUksR0FBR0YsRUFBRTtJQUNmLE1BQU1HLGNBQWMsR0FBR2YsU0FBUyxDQUFDYyxJQUFJLENBQUM7SUFFdEMsSUFBSUUsT0FBTyxDQUFDQyxHQUFHLENBQUNDLFFBQVEsS0FBSyxhQUFhLEVBQUU7TUFDMUMsSUFBSUMsTUFBTSxDQUFDQyxnQkFBZ0IsQ0FBQ1IsRUFBRSxDQUFDLENBQUNTLFFBQVEsS0FBSyxVQUFVLEVBQ3JELE1BQU0sSUFBSUMsS0FBSyxDQUNiLG1FQUNGLENBQUM7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
78
+ exports.default = useContainedRepositioning;
79
+ //# sourceMappingURL=useContainedRepositioning.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useContainedRepositioning.js","sourceRoot":"","sources":["../../src/hooks/useContainedRepositioning.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,14 @@
1
+ export default function useCustomHistory(): {
2
+ goBackWithFallback(fallbackRoute: string): void;
3
+ length: number;
4
+ action: import("history").Action;
5
+ location: import("history").Location<unknown>;
6
+ push(location: import("history").LocationDescriptor<unknown>, state?: unknown): void;
7
+ replace(location: import("history").LocationDescriptor<unknown>, state?: unknown): void;
8
+ go(n: number): void;
9
+ goBack(): void;
10
+ goForward(): void;
11
+ block(prompt?: string | boolean | import("history").TransitionPromptHook<unknown> | undefined): import("history").UnregisterCallback;
12
+ listen(listener: import("history").LocationListener<unknown>): import("history").UnregisterCallback;
13
+ createHref(location: import("history").LocationDescriptorObject<unknown>): string;
14
+ };
@@ -1,24 +1,15 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = useCustomHistory;
7
- var _reactRouterDom = require("react-router-dom");
8
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
10
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
11
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
12
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const react_router_dom_1 = require("react-router-dom");
13
4
  function useCustomHistory() {
14
- const customHistory = (0, _reactRouterDom.useHistory)();
15
- const {
16
- state
17
- } = (0, _reactRouterDom.useLocation)();
18
- return _objectSpread(_objectSpread({}, customHistory), {}, {
19
- goBackWithFallback(fallbackRoute) {
20
- if (state !== null && state !== void 0 && state.internalNavigation) customHistory.goBack();else customHistory.push(fallbackRoute);
21
- }
22
- });
5
+ const customHistory = (0, react_router_dom_1.useHistory)();
6
+ const { state } = (0, react_router_dom_1.useLocation)();
7
+ return Object.assign(Object.assign({}, customHistory), { goBackWithFallback(fallbackRoute) {
8
+ if (state === null || state === void 0 ? void 0 : state.internalNavigation)
9
+ customHistory.goBack();
10
+ else
11
+ customHistory.push(fallbackRoute);
12
+ } });
23
13
  }
24
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3RSb3V0ZXJEb20iLCJyZXF1aXJlIiwib3duS2V5cyIsIm9iamVjdCIsImVudW1lcmFibGVPbmx5Iiwia2V5cyIsIk9iamVjdCIsImdldE93blByb3BlcnR5U3ltYm9scyIsInN5bWJvbHMiLCJmaWx0ZXIiLCJzeW0iLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJlbnVtZXJhYmxlIiwicHVzaCIsImFwcGx5IiwiX29iamVjdFNwcmVhZCIsInRhcmdldCIsImkiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJzb3VyY2UiLCJmb3JFYWNoIiwia2V5IiwiX2RlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9ycyIsImRlZmluZVByb3BlcnRpZXMiLCJkZWZpbmVQcm9wZXJ0eSIsIm9iaiIsInZhbHVlIiwiX3RvUHJvcGVydHlLZXkiLCJjb25maWd1cmFibGUiLCJ3cml0YWJsZSIsImFyZyIsIl90b1ByaW1pdGl2ZSIsIlN0cmluZyIsImlucHV0IiwiaGludCIsInByaW0iLCJTeW1ib2wiLCJ0b1ByaW1pdGl2ZSIsInVuZGVmaW5lZCIsInJlcyIsImNhbGwiLCJUeXBlRXJyb3IiLCJOdW1iZXIiLCJ1c2VDdXN0b21IaXN0b3J5IiwiY3VzdG9tSGlzdG9yeSIsInVzZUhpc3RvcnkiLCJzdGF0ZSIsInVzZUxvY2F0aW9uIiwiZ29CYWNrV2l0aEZhbGxiYWNrIiwiZmFsbGJhY2tSb3V0ZSIsImludGVybmFsTmF2aWdhdGlvbiIsImdvQmFjayJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VDdXN0b21IaXN0b3J5LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUhpc3RvcnksIHVzZUxvY2F0aW9uIH0gZnJvbSBcInJlYWN0LXJvdXRlci1kb21cIlxyXG5pbXBvcnQgeyBDdXN0b21TdGF0ZSB9IGZyb20gXCIuLi9jb250ZXh0L0N1c3RvbUJyb3dzZXJSb3V0ZXJcIjtcclxuXHJcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIHVzZUN1c3RvbUhpc3RvcnkoKSB7XHJcbiAgICBjb25zdCBjdXN0b21IaXN0b3J5ID0gdXNlSGlzdG9yeSgpO1xyXG4gICAgY29uc3QgeyBzdGF0ZSB9ID0gdXNlTG9jYXRpb248Q3VzdG9tU3RhdGUgfCB1bmRlZmluZWQ+KCk7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICAgIC4uLmN1c3RvbUhpc3RvcnksXHJcbiAgICAgICAgZ29CYWNrV2l0aEZhbGxiYWNrKGZhbGxiYWNrUm91dGU6IHN0cmluZykge1xyXG4gICAgICAgICAgICBpZiAoc3RhdGU/LmludGVybmFsTmF2aWdhdGlvbikgY3VzdG9tSGlzdG9yeS5nb0JhY2soKTtcclxuICAgICAgICAgICAgZWxzZSBjdXN0b21IaXN0b3J5LnB1c2goZmFsbGJhY2tSb3V0ZSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxlQUFBLEdBQUFDLE9BQUE7QUFBMEQsU0FBQUMsUUFBQUMsTUFBQSxFQUFBQyxjQUFBLFFBQUFDLElBQUEsR0FBQUMsTUFBQSxDQUFBRCxJQUFBLENBQUFGLE1BQUEsT0FBQUcsTUFBQSxDQUFBQyxxQkFBQSxRQUFBQyxPQUFBLEdBQUFGLE1BQUEsQ0FBQUMscUJBQUEsQ0FBQUosTUFBQSxHQUFBQyxjQUFBLEtBQUFJLE9BQUEsR0FBQUEsT0FBQSxDQUFBQyxNQUFBLFdBQUFDLEdBQUEsV0FBQUosTUFBQSxDQUFBSyx3QkFBQSxDQUFBUixNQUFBLEVBQUFPLEdBQUEsRUFBQUUsVUFBQSxPQUFBUCxJQUFBLENBQUFRLElBQUEsQ0FBQUMsS0FBQSxDQUFBVCxJQUFBLEVBQUFHLE9BQUEsWUFBQUgsSUFBQTtBQUFBLFNBQUFVLGNBQUFDLE1BQUEsYUFBQUMsQ0FBQSxNQUFBQSxDQUFBLEdBQUFDLFNBQUEsQ0FBQUMsTUFBQSxFQUFBRixDQUFBLFVBQUFHLE1BQUEsV0FBQUYsU0FBQSxDQUFBRCxDQUFBLElBQUFDLFNBQUEsQ0FBQUQsQ0FBQSxRQUFBQSxDQUFBLE9BQUFmLE9BQUEsQ0FBQUksTUFBQSxDQUFBYyxNQUFBLE9BQUFDLE9BQUEsV0FBQUMsR0FBQSxJQUFBQyxlQUFBLENBQUFQLE1BQUEsRUFBQU0sR0FBQSxFQUFBRixNQUFBLENBQUFFLEdBQUEsU0FBQWhCLE1BQUEsQ0FBQWtCLHlCQUFBLEdBQUFsQixNQUFBLENBQUFtQixnQkFBQSxDQUFBVCxNQUFBLEVBQUFWLE1BQUEsQ0FBQWtCLHlCQUFBLENBQUFKLE1BQUEsS0FBQWxCLE9BQUEsQ0FBQUksTUFBQSxDQUFBYyxNQUFBLEdBQUFDLE9BQUEsV0FBQUMsR0FBQSxJQUFBaEIsTUFBQSxDQUFBb0IsY0FBQSxDQUFBVixNQUFBLEVBQUFNLEdBQUEsRUFBQWhCLE1BQUEsQ0FBQUssd0JBQUEsQ0FBQVMsTUFBQSxFQUFBRSxHQUFBLGlCQUFBTixNQUFBO0FBQUEsU0FBQU8sZ0JBQUFJLEdBQUEsRUFBQUwsR0FBQSxFQUFBTSxLQUFBLElBQUFOLEdBQUEsR0FBQU8sY0FBQSxDQUFBUCxHQUFBLE9BQUFBLEdBQUEsSUFBQUssR0FBQSxJQUFBckIsTUFBQSxDQUFBb0IsY0FBQSxDQUFBQyxHQUFBLEVBQUFMLEdBQUEsSUFBQU0sS0FBQSxFQUFBQSxLQUFBLEVBQUFoQixVQUFBLFFBQUFrQixZQUFBLFFBQUFDLFFBQUEsb0JBQUFKLEdBQUEsQ0FBQUwsR0FBQSxJQUFBTSxLQUFBLFdBQUFELEdBQUE7QUFBQSxTQUFBRSxlQUFBRyxHQUFBLFFBQUFWLEdBQUEsR0FBQVcsWUFBQSxDQUFBRCxHQUFBLDJCQUFBVixHQUFBLGdCQUFBQSxHQUFBLEdBQUFZLE1BQUEsQ0FBQVosR0FBQTtBQUFBLFNBQUFXLGFBQUFFLEtBQUEsRUFBQUMsSUFBQSxlQUFBRCxLQUFBLGlCQUFBQSxLQUFBLGtCQUFBQSxLQUFBLE1BQUFFLElBQUEsR0FBQUYsS0FBQSxDQUFBRyxNQUFBLENBQUFDLFdBQUEsT0FBQUYsSUFBQSxLQUFBRyxTQUFBLFFBQUFDLEdBQUEsR0FBQUosSUFBQSxDQUFBSyxJQUFBLENBQUFQLEtBQUEsRUFBQUMsSUFBQSwyQkFBQUssR0FBQSxzQkFBQUEsR0FBQSxZQUFBRSxTQUFBLDREQUFBUCxJQUFBLGdCQUFBRixNQUFBLEdBQUFVLE1BQUEsRUFBQVQsS0FBQTtBQUczQyxTQUFTVSxnQkFBZ0JBLENBQUEsRUFBRztFQUN2QyxNQUFNQyxhQUFhLEdBQUcsSUFBQUMsMEJBQVUsRUFBQyxDQUFDO0VBQ2xDLE1BQU07SUFBRUM7RUFBTSxDQUFDLEdBQUcsSUFBQUMsMkJBQVcsRUFBMEIsQ0FBQztFQUN4RCxPQUFBbEMsYUFBQSxDQUFBQSxhQUFBLEtBQ08rQixhQUFhO0lBQ2hCSSxrQkFBa0JBLENBQUNDLGFBQXFCLEVBQUU7TUFDdEMsSUFBSUgsS0FBSyxhQUFMQSxLQUFLLGVBQUxBLEtBQUssQ0FBRUksa0JBQWtCLEVBQUVOLGFBQWEsQ0FBQ08sTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUNqRFAsYUFBYSxDQUFDakMsSUFBSSxDQUFDc0MsYUFBYSxDQUFDO0lBQzFDO0VBQUM7QUFFVCJ9
14
+ exports.default = useCustomHistory;
15
+ //# sourceMappingURL=useCustomHistory.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useCustomHistory.js","sourceRoot":"","sources":["../../src/hooks/useCustomHistory.ts"],"names":[],"mappings":";;AAAA,uDAA0D;AAG1D,SAAwB,gBAAgB;IACpC,MAAM,aAAa,GAAG,IAAA,6BAAU,GAAE,CAAC;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,8BAAW,GAA2B,CAAC;IACzD,uCACO,aAAa,KAChB,kBAAkB,CAAC,aAAqB;YACpC,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB;gBAAE,aAAa,CAAC,MAAM,EAAE,CAAC;;gBACjD,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC3C,CAAC,IACJ;AACL,CAAC;AAVD,mCAUC"}
@@ -0,0 +1,18 @@
1
+ import { RefObject } from "react";
2
+ /**
3
+ * This hook receives a base width of an element and returns how much items fit **vertically** inside the referenced html element
4
+ *
5
+ * @param baseWidth The base width of each element
6
+ */
7
+ export default function useElementFit(baseWidth: number, baseHeight?: number): {
8
+ /** The amount of items that are able to fit in the available width */
9
+ howManyItemsFit?: number;
10
+ /** The amount of items that are able to fit in the available visible space + a row more so it can be scrollable */
11
+ howManyItemsFitWithExtraRow?: number;
12
+ /** How many items would fit a single row */
13
+ howManyItemsByRow?: number;
14
+ /** How many items until it overflows width */
15
+ anItemMore?: number;
16
+ /** The ref to be sent to the element that will receive the items */
17
+ ref: RefObject<HTMLDivElement | undefined>;
18
+ };
@@ -1,54 +1,59 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = useElementFit;
7
- var _react = require("react");
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const react_1 = require("react");
8
4
  /**
9
5
  * This hook receives a base width of an element and returns how much items fit **vertically** inside the referenced html element
10
6
  *
11
7
  * @param baseWidth The base width of each element
12
8
  */
13
9
  function useElementFit(baseWidth, baseHeight) {
14
- const ref = (0, _react.useRef)(undefined);
15
- function calculateDimension() {
16
- var _ref$current;
17
- function howManyItemsStackVertically() {
18
- if (!ref.current || baseHeight === undefined) return 1;
19
- return Math.floor(ref.current.clientHeight / baseHeight);
10
+ const ref = (0, react_1.useRef)(undefined);
11
+ function calculateDimension() {
12
+ var _a;
13
+ function howManyItemsStackVertically() {
14
+ if (!ref.current || baseHeight === undefined)
15
+ return 1;
16
+ return Math.floor(ref.current.clientHeight / baseHeight);
17
+ }
18
+ if (window.PRERENDER)
19
+ return {
20
+ howManyItemsWillBeVisible: 4,
21
+ byRow: 4,
22
+ };
23
+ const width = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || window.visualViewport.width;
24
+ const maxItemsHorizontally = Math.floor(width / baseWidth) || 1;
25
+ return {
26
+ howManyItemsWillBeVisible: maxItemsHorizontally * howManyItemsStackVertically(),
27
+ byRow: maxItemsHorizontally,
28
+ };
20
29
  }
21
- if (window.PRERENDER) return {
22
- howManyItemsWillBeVisible: 4,
23
- byRow: 4
24
- };
25
- const width = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.clientWidth) || window.visualViewport.width;
26
- const maxItemsHorizontally = Math.floor(width / baseWidth) || 1;
30
+ const [itemsToShow, setItemsToShow] = (0, react_1.useState)(window.PRERENDER
31
+ ? {
32
+ byRow: 4,
33
+ howManyItemsWillBeVisible: 4,
34
+ }
35
+ : undefined);
36
+ (0, react_1.useEffect)(() => {
37
+ setItemsToShow(calculateDimension());
38
+ function onResize() {
39
+ setItemsToShow(calculateDimension());
40
+ }
41
+ window.addEventListener("resize", onResize);
42
+ return () => {
43
+ window.removeEventListener("resize", onResize);
44
+ };
45
+ }, []);
27
46
  return {
28
- howManyItemsWillBeVisible: maxItemsHorizontally * howManyItemsStackVertically(),
29
- byRow: maxItemsHorizontally
47
+ howManyItemsFit: itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.howManyItemsWillBeVisible,
48
+ howManyItemsFitWithExtraRow: itemsToShow
49
+ ? itemsToShow.howManyItemsWillBeVisible + itemsToShow.byRow
50
+ : undefined,
51
+ anItemMore: itemsToShow
52
+ ? itemsToShow.howManyItemsWillBeVisible + 1
53
+ : undefined,
54
+ howManyItemsByRow: itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.byRow,
55
+ ref,
30
56
  };
31
- }
32
- const [itemsToShow, setItemsToShow] = (0, _react.useState)(window.PRERENDER ? {
33
- byRow: 4,
34
- howManyItemsWillBeVisible: 4
35
- } : undefined);
36
- (0, _react.useEffect)(() => {
37
- setItemsToShow(calculateDimension());
38
- function onResize() {
39
- setItemsToShow(calculateDimension());
40
- }
41
- window.addEventListener("resize", onResize);
42
- return () => {
43
- window.removeEventListener("resize", onResize);
44
- };
45
- }, []);
46
- return {
47
- howManyItemsFit: itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.howManyItemsWillBeVisible,
48
- howManyItemsFitWithExtraRow: itemsToShow ? itemsToShow.howManyItemsWillBeVisible + itemsToShow.byRow : undefined,
49
- anItemMore: itemsToShow ? itemsToShow.howManyItemsWillBeVisible + 1 : undefined,
50
- howManyItemsByRow: itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.byRow,
51
- ref
52
- };
53
57
  }
54
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJyZXF1aXJlIiwidXNlRWxlbWVudEZpdCIsImJhc2VXaWR0aCIsImJhc2VIZWlnaHQiLCJyZWYiLCJ1c2VSZWYiLCJ1bmRlZmluZWQiLCJjYWxjdWxhdGVEaW1lbnNpb24iLCJfcmVmJGN1cnJlbnQiLCJob3dNYW55SXRlbXNTdGFja1ZlcnRpY2FsbHkiLCJjdXJyZW50IiwiTWF0aCIsImZsb29yIiwiY2xpZW50SGVpZ2h0Iiwid2luZG93IiwiUFJFUkVOREVSIiwiaG93TWFueUl0ZW1zV2lsbEJlVmlzaWJsZSIsImJ5Um93Iiwid2lkdGgiLCJjbGllbnRXaWR0aCIsInZpc3VhbFZpZXdwb3J0IiwibWF4SXRlbXNIb3Jpem9udGFsbHkiLCJpdGVtc1RvU2hvdyIsInNldEl0ZW1zVG9TaG93IiwidXNlU3RhdGUiLCJ1c2VFZmZlY3QiLCJvblJlc2l6ZSIsImFkZEV2ZW50TGlzdGVuZXIiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiaG93TWFueUl0ZW1zRml0IiwiaG93TWFueUl0ZW1zRml0V2l0aEV4dHJhUm93IiwiYW5JdGVtTW9yZSIsImhvd01hbnlJdGVtc0J5Um93Il0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2hvb2tzL3VzZUVsZW1lbnRGaXQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VFZmZlY3QsIHVzZUxheW91dEVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG4vKipcbiAqIFRoaXMgaG9vayByZWNlaXZlcyBhIGJhc2Ugd2lkdGggb2YgYW4gZWxlbWVudCBhbmQgcmV0dXJucyBob3cgbXVjaCBpdGVtcyBmaXQgKip2ZXJ0aWNhbGx5KiogaW5zaWRlIHRoZSByZWZlcmVuY2VkIGh0bWwgZWxlbWVudFxuICpcbiAqIEBwYXJhbSBiYXNlV2lkdGggVGhlIGJhc2Ugd2lkdGggb2YgZWFjaCBlbGVtZW50XG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIHVzZUVsZW1lbnRGaXQoXG4gIGJhc2VXaWR0aDogbnVtYmVyLFxuICBiYXNlSGVpZ2h0PzogbnVtYmVyXG4pOiB7XG4gIC8qKiBUaGUgYW1vdW50IG9mIGl0ZW1zIHRoYXQgYXJlIGFibGUgdG8gZml0IGluIHRoZSBhdmFpbGFibGUgd2lkdGggKi9cbiAgaG93TWFueUl0ZW1zRml0PzogbnVtYmVyO1xuICAvKiogVGhlIGFtb3VudCBvZiBpdGVtcyB0aGF0IGFyZSBhYmxlIHRvIGZpdCBpbiB0aGUgYXZhaWxhYmxlIHZpc2libGUgc3BhY2UgKyBhIHJvdyBtb3JlIHNvIGl0IGNhbiBiZSBzY3JvbGxhYmxlICovXG4gIGhvd01hbnlJdGVtc0ZpdFdpdGhFeHRyYVJvdz86IG51bWJlcjtcbiAgLyoqIEhvdyBtYW55IGl0ZW1zIHdvdWxkIGZpdCBhIHNpbmdsZSByb3cgKi9cbiAgaG93TWFueUl0ZW1zQnlSb3c/OiBudW1iZXI7XG4gIC8qKiBIb3cgbWFueSBpdGVtcyB1bnRpbCBpdCBvdmVyZmxvd3Mgd2lkdGggKi9cbiAgYW5JdGVtTW9yZT86IG51bWJlcjtcblxuICAvKiogVGhlIHJlZiB0byBiZSBzZW50IHRvIHRoZSBlbGVtZW50IHRoYXQgd2lsbCByZWNlaXZlIHRoZSBpdGVtcyAqL1xuICByZWY6IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudCB8IHVuZGVmaW5lZD47XG59IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50Pih1bmRlZmluZWQpO1xuICBmdW5jdGlvbiBjYWxjdWxhdGVEaW1lbnNpb24oKSB7XG4gICAgZnVuY3Rpb24gaG93TWFueUl0ZW1zU3RhY2tWZXJ0aWNhbGx5KCkge1xuICAgICAgaWYgKCFyZWYuY3VycmVudCB8fCBiYXNlSGVpZ2h0ID09PSB1bmRlZmluZWQpIHJldHVybiAxO1xuICAgICAgcmV0dXJuIE1hdGguZmxvb3IocmVmLmN1cnJlbnQhLmNsaWVudEhlaWdodCAvIGJhc2VIZWlnaHQpO1xuICAgIH1cbiAgICBpZiAoKHdpbmRvdyBhcyBhbnkpLlBSRVJFTkRFUilcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGhvd01hbnlJdGVtc1dpbGxCZVZpc2libGU6IDQsXG4gICAgICAgIGJ5Um93OiA0LFxuICAgICAgfTtcblxuICAgIGNvbnN0IHdpZHRoID0gcmVmLmN1cnJlbnQ/LmNsaWVudFdpZHRoIHx8IHdpbmRvdy52aXN1YWxWaWV3cG9ydCEud2lkdGg7XG4gICAgY29uc3QgbWF4SXRlbXNIb3Jpem9udGFsbHkgPSBNYXRoLmZsb29yKHdpZHRoIC8gYmFzZVdpZHRoKSB8fCAxO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIGhvd01hbnlJdGVtc1dpbGxCZVZpc2libGU6XG4gICAgICAgIG1heEl0ZW1zSG9yaXpvbnRhbGx5ICogaG93TWFueUl0ZW1zU3RhY2tWZXJ0aWNhbGx5KCksXG4gICAgICBieVJvdzogbWF4SXRlbXNIb3Jpem9udGFsbHksXG4gICAgfTtcbiAgfVxuICBjb25zdCBbaXRlbXNUb1Nob3csIHNldEl0ZW1zVG9TaG93XSA9IHVzZVN0YXRlPFxuICAgIFJldHVyblR5cGU8dHlwZW9mIGNhbGN1bGF0ZURpbWVuc2lvbj4gfCB1bmRlZmluZWRcbiAgPihcbiAgICAod2luZG93IGFzIGFueSkuUFJFUkVOREVSXG4gICAgICA/IHtcbiAgICAgICAgICBieVJvdzogNCxcbiAgICAgICAgICBob3dNYW55SXRlbXNXaWxsQmVWaXNpYmxlOiA0LFxuICAgICAgICB9XG4gICAgICA6IHVuZGVmaW5lZFxuICApO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEl0ZW1zVG9TaG93KGNhbGN1bGF0ZURpbWVuc2lvbigpKTtcbiAgICBmdW5jdGlvbiBvblJlc2l6ZSgpIHtcbiAgICAgIHNldEl0ZW1zVG9TaG93KGNhbGN1bGF0ZURpbWVuc2lvbigpKTtcbiAgICB9XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoXCJyZXNpemVcIiwgb25SZXNpemUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBvblJlc2l6ZSk7XG4gICAgfTtcbiAgfSwgW10pO1xuXG4gIHJldHVybiB7XG4gICAgaG93TWFueUl0ZW1zRml0OiBpdGVtc1RvU2hvdz8uaG93TWFueUl0ZW1zV2lsbEJlVmlzaWJsZSxcbiAgICBob3dNYW55SXRlbXNGaXRXaXRoRXh0cmFSb3c6IGl0ZW1zVG9TaG93XG4gICAgICA/IGl0ZW1zVG9TaG93Lmhvd01hbnlJdGVtc1dpbGxCZVZpc2libGUgKyBpdGVtc1RvU2hvdy5ieVJvd1xuICAgICAgOiB1bmRlZmluZWQsXG4gICAgYW5JdGVtTW9yZTogaXRlbXNUb1Nob3dcbiAgICAgID8gaXRlbXNUb1Nob3cuaG93TWFueUl0ZW1zV2lsbEJlVmlzaWJsZSArIDFcbiAgICAgIDogdW5kZWZpbmVkLFxuICAgIGhvd01hbnlJdGVtc0J5Um93OiBpdGVtc1RvU2hvdz8uYnlSb3csXG4gICAgcmVmLFxuICB9O1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLE9BQUE7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ2UsU0FBU0MsYUFBYUEsQ0FDbkNDLFNBQWlCLEVBQ2pCQyxVQUFtQixFQWFuQjtFQUNBLE1BQU1DLEdBQUcsR0FBRyxJQUFBQyxhQUFNLEVBQWlCQyxTQUFTLENBQUM7RUFDN0MsU0FBU0Msa0JBQWtCQSxDQUFBLEVBQUc7SUFBQSxJQUFBQyxZQUFBO0lBQzVCLFNBQVNDLDJCQUEyQkEsQ0FBQSxFQUFHO01BQ3JDLElBQUksQ0FBQ0wsR0FBRyxDQUFDTSxPQUFPLElBQUlQLFVBQVUsS0FBS0csU0FBUyxFQUFFLE9BQU8sQ0FBQztNQUN0RCxPQUFPSyxJQUFJLENBQUNDLEtBQUssQ0FBQ1IsR0FBRyxDQUFDTSxPQUFPLENBQUVHLFlBQVksR0FBR1YsVUFBVSxDQUFDO0lBQzNEO0lBQ0EsSUFBS1csTUFBTSxDQUFTQyxTQUFTLEVBQzNCLE9BQU87TUFDTEMseUJBQXlCLEVBQUUsQ0FBQztNQUM1QkMsS0FBSyxFQUFFO0lBQ1QsQ0FBQztJQUVILE1BQU1DLEtBQUssR0FBRyxFQUFBVixZQUFBLEdBQUFKLEdBQUcsQ0FBQ00sT0FBTyxjQUFBRixZQUFBLHVCQUFYQSxZQUFBLENBQWFXLFdBQVcsS0FBSUwsTUFBTSxDQUFDTSxjQUFjLENBQUVGLEtBQUs7SUFDdEUsTUFBTUcsb0JBQW9CLEdBQUdWLElBQUksQ0FBQ0MsS0FBSyxDQUFDTSxLQUFLLEdBQUdoQixTQUFTLENBQUMsSUFBSSxDQUFDO0lBRS9ELE9BQU87TUFDTGMseUJBQXlCLEVBQ3ZCSyxvQkFBb0IsR0FBR1osMkJBQTJCLENBQUMsQ0FBQztNQUN0RFEsS0FBSyxFQUFFSTtJQUNULENBQUM7RUFDSDtFQUNBLE1BQU0sQ0FBQ0MsV0FBVyxFQUFFQyxjQUFjLENBQUMsR0FBRyxJQUFBQyxlQUFRLEVBRzNDVixNQUFNLENBQVNDLFNBQVMsR0FDckI7SUFDRUUsS0FBSyxFQUFFLENBQUM7SUFDUkQseUJBQXlCLEVBQUU7RUFDN0IsQ0FBQyxHQUNEVixTQUNOLENBQUM7RUFDRCxJQUFBbUIsZ0JBQVMsRUFBQyxNQUFNO0lBQ2RGLGNBQWMsQ0FBQ2hCLGtCQUFrQixDQUFDLENBQUMsQ0FBQztJQUNwQyxTQUFTbUIsUUFBUUEsQ0FBQSxFQUFHO01BQ2xCSCxjQUFjLENBQUNoQixrQkFBa0IsQ0FBQyxDQUFDLENBQUM7SUFDdEM7SUFDQU8sTUFBTSxDQUFDYSxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUVELFFBQVEsQ0FBQztJQUMzQyxPQUFPLE1BQU07TUFDWFosTUFBTSxDQUFDYyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUVGLFFBQVEsQ0FBQztJQUNoRCxDQUFDO0VBQ0gsQ0FBQyxFQUFFLEVBQUUsQ0FBQztFQUVOLE9BQU87SUFDTEcsZUFBZSxFQUFFUCxXQUFXLGFBQVhBLFdBQVcsdUJBQVhBLFdBQVcsQ0FBRU4seUJBQXlCO0lBQ3ZEYywyQkFBMkIsRUFBRVIsV0FBVyxHQUNwQ0EsV0FBVyxDQUFDTix5QkFBeUIsR0FBR00sV0FBVyxDQUFDTCxLQUFLLEdBQ3pEWCxTQUFTO0lBQ2J5QixVQUFVLEVBQUVULFdBQVcsR0FDbkJBLFdBQVcsQ0FBQ04seUJBQXlCLEdBQUcsQ0FBQyxHQUN6Q1YsU0FBUztJQUNiMEIsaUJBQWlCLEVBQUVWLFdBQVcsYUFBWEEsV0FBVyx1QkFBWEEsV0FBVyxDQUFFTCxLQUFLO0lBQ3JDYjtFQUNGLENBQUM7QUFDSCJ9
58
+ exports.default = useElementFit;
59
+ //# sourceMappingURL=useElementFit.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useElementFit.js","sourceRoot":"","sources":["../../src/hooks/useElementFit.ts"],"names":[],"mappings":";;AAAA,iCAAgF;AAEhF;;;;GAIG;AACH,SAAwB,aAAa,CACnC,SAAiB,EACjB,UAAmB;IAcnB,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,SAAS,CAAC,CAAC;IAC9C,SAAS,kBAAkB;;QACzB,SAAS,2BAA2B;YAClC,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,UAAU,KAAK,SAAS;gBAAE,OAAO,CAAC,CAAC;YACvD,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAQ,CAAC,YAAY,GAAG,UAAU,CAAC,CAAC;QAC5D,CAAC;QACD,IAAK,MAAc,CAAC,SAAS;YAC3B,OAAO;gBACL,yBAAyB,EAAE,CAAC;gBAC5B,KAAK,EAAE,CAAC;aACT,CAAC;QAEJ,MAAM,KAAK,GAAG,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,WAAW,KAAI,MAAM,CAAC,cAAe,CAAC,KAAK,CAAC;QACvE,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;QAEhE,OAAO;YACL,yBAAyB,EACvB,oBAAoB,GAAG,2BAA2B,EAAE;YACtD,KAAK,EAAE,oBAAoB;SAC5B,CAAC;IACJ,CAAC;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAG3C,MAAc,CAAC,SAAS;QACvB,CAAC,CAAC;YACE,KAAK,EAAE,CAAC;YACR,yBAAyB,EAAE,CAAC;SAC7B;QACH,CAAC,CAAC,SAAS,CACd,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,cAAc,CAAC,kBAAkB,EAAE,CAAC,CAAC;QACrC,SAAS,QAAQ;YACf,cAAc,CAAC,kBAAkB,EAAE,CAAC,CAAC;QACvC,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,eAAe,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,yBAAyB;QACvD,2BAA2B,EAAE,WAAW;YACtC,CAAC,CAAC,WAAW,CAAC,yBAAyB,GAAG,WAAW,CAAC,KAAK;YAC3D,CAAC,CAAC,SAAS;QACb,UAAU,EAAE,WAAW;YACrB,CAAC,CAAC,WAAW,CAAC,yBAAyB,GAAG,CAAC;YAC3C,CAAC,CAAC,SAAS;QACb,iBAAiB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK;QACrC,GAAG;KACJ,CAAC;AACJ,CAAC;AArED,gCAqEC"}
@@ -0,0 +1,12 @@
1
+ import { DocumentChangeType, Unsubscribe } from "firebase/firestore";
2
+ type SnapshotFactoryCb<D extends any> = (changes: {
3
+ doc: D;
4
+ type: DocumentChangeType;
5
+ }[]) => void;
6
+ export type SnapshotFactoryReturn<D extends {
7
+ id: string;
8
+ }> = (cb: SnapshotFactoryCb<D>) => Unsubscribe;
9
+ export default function useFirestoreWatch<D extends {
10
+ id: string;
11
+ }, P extends any[]>(queryFactory: (...params: P) => SnapshotFactoryReturn<D>, params: P): D[] | undefined;
12
+ export {};
@@ -1,45 +1,45 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = useFirestoreWatch;
7
- var _react = require("react");
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const react_1 = require("react");
8
4
  function useFirestoreWatch(queryFactory, params) {
9
- const [docsList, updateList] = (0, _react.useState)();
10
- (0, _react.useEffect)(() => {
11
- const unsub = queryFactory(...params)(changes => {
12
- updateList(function () {
13
- let prevList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
14
- for (let docChange of changes) {
15
- if (docChange.type === undefined) {
16
- const existing = prevList.find(f => f.id === docChange.doc.id);
17
- if (existing) docChange.type = "modified";else docChange.type = "added";
18
- }
19
- switch (docChange.type) {
20
- case 'added':
21
- if (!prevList.find(f => f.id === docChange.doc.id)) {
22
- prevList.unshift(docChange.doc);
23
- }
24
- break;
25
- case 'modified':
26
- prevList = prevList.map(item => {
27
- if (item.id === docChange.doc.id) for (let key in docChange.doc) {
28
- item[key] = docChange.doc[key];
5
+ const [docsList, updateList] = (0, react_1.useState)();
6
+ (0, react_1.useEffect)(() => {
7
+ const unsub = queryFactory(...params)((changes) => {
8
+ updateList((prevList = []) => {
9
+ for (let docChange of changes) {
10
+ if (docChange.type === undefined) {
11
+ const existing = prevList.find((f) => f.id === docChange.doc.id);
12
+ if (existing)
13
+ docChange.type = "modified";
14
+ else
15
+ docChange.type = "added";
16
+ }
17
+ switch (docChange.type) {
18
+ case 'added':
19
+ if (!prevList.find((f) => f.id === docChange.doc.id)) {
20
+ prevList.unshift(docChange.doc);
21
+ }
22
+ break;
23
+ case 'modified':
24
+ prevList = prevList.map((item) => {
25
+ if (item.id === docChange.doc.id)
26
+ for (let key in docChange.doc) {
27
+ item[key] = docChange.doc[key];
28
+ }
29
+ return item;
30
+ });
31
+ break;
32
+ case 'removed':
33
+ prevList = prevList.filter((item) => item.id !== docChange.doc.id);
34
+ break;
35
+ }
29
36
  }
30
- return item;
31
- });
32
- break;
33
- case 'removed':
34
- prevList = prevList.filter(item => item.id !== docChange.doc.id);
35
- break;
36
- }
37
- }
38
- return [...prevList];
39
- });
40
- });
41
- return unsub;
42
- }, params);
43
- return docsList;
37
+ return [...prevList];
38
+ });
39
+ });
40
+ return unsub;
41
+ }, params);
42
+ return docsList;
44
43
  }
45
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJyZXF1aXJlIiwidXNlRmlyZXN0b3JlV2F0Y2giLCJxdWVyeUZhY3RvcnkiLCJwYXJhbXMiLCJkb2NzTGlzdCIsInVwZGF0ZUxpc3QiLCJ1c2VTdGF0ZSIsInVzZUVmZmVjdCIsInVuc3ViIiwiY2hhbmdlcyIsInByZXZMaXN0IiwiYXJndW1lbnRzIiwibGVuZ3RoIiwidW5kZWZpbmVkIiwiZG9jQ2hhbmdlIiwidHlwZSIsImV4aXN0aW5nIiwiZmluZCIsImYiLCJpZCIsImRvYyIsInVuc2hpZnQiLCJtYXAiLCJpdGVtIiwia2V5IiwiZmlsdGVyIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2hvb2tzL3VzZUZpcmVzdG9yZVdhdGNoLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcclxuaW1wb3J0IHsgRG9jdW1lbnRDaGFuZ2VUeXBlLCBVbnN1YnNjcmliZSB9IGZyb20gXCJmaXJlYmFzZS9maXJlc3RvcmVcIjtcclxuXHJcbnR5cGUgU25hcHNob3RGYWN0b3J5Q2I8RCBleHRlbmRzIGFueT4gPSAoY2hhbmdlczoge1xyXG4gICAgZG9jOiBELFxyXG4gICAgdHlwZTogRG9jdW1lbnRDaGFuZ2VUeXBlXHJcbn1bXSkgPT4gdm9pZFxyXG5cclxuZXhwb3J0IHR5cGUgU25hcHNob3RGYWN0b3J5UmV0dXJuPEQgZXh0ZW5kcyB7IGlkOiBzdHJpbmcgfT4gPSAoY2I6IFNuYXBzaG90RmFjdG9yeUNiPEQ+KSA9PiBVbnN1YnNjcmliZVxyXG5cclxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gdXNlRmlyZXN0b3JlV2F0Y2g8RCBleHRlbmRzIHsgaWQ6IHN0cmluZyB9LCBQIGV4dGVuZHMgYW55W10+KHF1ZXJ5RmFjdG9yeTogKC4uLnBhcmFtczogUCkgPT4gU25hcHNob3RGYWN0b3J5UmV0dXJuPEQ+LCBwYXJhbXM6IFApIHtcclxuICAgIGNvbnN0IFtkb2NzTGlzdCwgdXBkYXRlTGlzdF0gPSB1c2VTdGF0ZTxEW10+KCk7XHJcblxyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBjb25zdCB1bnN1YiA9IHF1ZXJ5RmFjdG9yeSguLi5wYXJhbXMpKChjaGFuZ2VzKSA9PiB7XHJcbiAgICAgICAgICAgIHVwZGF0ZUxpc3QoKHByZXZMaXN0ID0gW10pID0+IHtcclxuICAgICAgICAgICAgICAgIGZvciAobGV0IGRvY0NoYW5nZSBvZiBjaGFuZ2VzKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKGRvY0NoYW5nZS50eXBlID09PSB1bmRlZmluZWQpIHtcclxuICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGV4aXN0aW5nID0gcHJldkxpc3QuZmluZCgoZikgPT4gZi5pZCA9PT0gZG9jQ2hhbmdlLmRvYy5pZCk7XHJcbiAgICAgICAgICAgICAgICAgICAgICBpZiAoZXhpc3RpbmcpIGRvY0NoYW5nZS50eXBlID0gXCJtb2RpZmllZFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICBlbHNlIGRvY0NoYW5nZS50eXBlID0gXCJhZGRlZFwiXHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIHN3aXRjaCAoZG9jQ2hhbmdlLnR5cGUpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgY2FzZSAnYWRkZWQnOlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKCFwcmV2TGlzdC5maW5kKChmKSA9PiBmLmlkID09PSBkb2NDaGFuZ2UuZG9jLmlkKSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHByZXZMaXN0LnVuc2hpZnQoZG9jQ2hhbmdlLmRvYylcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJyZWFrXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNhc2UgJ21vZGlmaWVkJzpcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHByZXZMaXN0ID0gcHJldkxpc3QhLm1hcCgoaXRlbSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmIChpdGVtLmlkID09PSBkb2NDaGFuZ2UuZG9jLmlkKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3IgKGxldCBrZXkgaW4gZG9jQ2hhbmdlLmRvYykge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaXRlbVtrZXldID0gZG9jQ2hhbmdlLmRvY1trZXldO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGl0ZW1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBicmVha1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBjYXNlICdyZW1vdmVkJzpcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHByZXZMaXN0ID0gcHJldkxpc3QhLmZpbHRlcihcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoaXRlbSkgPT4gaXRlbS5pZCAhPT0gZG9jQ2hhbmdlLmRvYy5pZFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYnJlYWtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIFsuLi5wcmV2TGlzdF1cclxuICAgICAgICAgICAgfSlcclxuXHJcbiAgICAgICAgfSlcclxuICAgICAgICByZXR1cm4gdW5zdWI7XHJcbiAgICB9LCBwYXJhbXMpO1xyXG5cclxuICAgIHJldHVybiBkb2NzTGlzdDtcclxufSJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxPQUFBO0FBVWUsU0FBU0MsaUJBQWlCQSxDQUE0Q0MsWUFBd0QsRUFBRUMsTUFBUyxFQUFFO0VBQ3RKLE1BQU0sQ0FBQ0MsUUFBUSxFQUFFQyxVQUFVLENBQUMsR0FBRyxJQUFBQyxlQUFRLEVBQU0sQ0FBQztFQUU5QyxJQUFBQyxnQkFBUyxFQUFDLE1BQU07SUFDWixNQUFNQyxLQUFLLEdBQUdOLFlBQVksQ0FBQyxHQUFHQyxNQUFNLENBQUMsQ0FBRU0sT0FBTyxJQUFLO01BQy9DSixVQUFVLENBQUMsWUFBbUI7UUFBQSxJQUFsQkssUUFBUSxHQUFBQyxTQUFBLENBQUFDLE1BQUEsUUFBQUQsU0FBQSxRQUFBRSxTQUFBLEdBQUFGLFNBQUEsTUFBRyxFQUFFO1FBQ3JCLEtBQUssSUFBSUcsU0FBUyxJQUFJTCxPQUFPLEVBQUU7VUFDM0IsSUFBSUssU0FBUyxDQUFDQyxJQUFJLEtBQUtGLFNBQVMsRUFBRTtZQUNoQyxNQUFNRyxRQUFRLEdBQUdOLFFBQVEsQ0FBQ08sSUFBSSxDQUFFQyxDQUFDLElBQUtBLENBQUMsQ0FBQ0MsRUFBRSxLQUFLTCxTQUFTLENBQUNNLEdBQUcsQ0FBQ0QsRUFBRSxDQUFDO1lBQ2hFLElBQUlILFFBQVEsRUFBRUYsU0FBUyxDQUFDQyxJQUFJLEdBQUcsVUFBVSxNQUNwQ0QsU0FBUyxDQUFDQyxJQUFJLEdBQUcsT0FBTztVQUMvQjtVQUNBLFFBQVFELFNBQVMsQ0FBQ0MsSUFBSTtZQUNsQixLQUFLLE9BQU87Y0FDUixJQUFJLENBQUNMLFFBQVEsQ0FBQ08sSUFBSSxDQUFFQyxDQUFDLElBQUtBLENBQUMsQ0FBQ0MsRUFBRSxLQUFLTCxTQUFTLENBQUNNLEdBQUcsQ0FBQ0QsRUFBRSxDQUFDLEVBQUU7Z0JBQ2xEVCxRQUFRLENBQUNXLE9BQU8sQ0FBQ1AsU0FBUyxDQUFDTSxHQUFHLENBQUM7Y0FDbkM7Y0FDQTtZQUNKLEtBQUssVUFBVTtjQUNYVixRQUFRLEdBQUdBLFFBQVEsQ0FBRVksR0FBRyxDQUFFQyxJQUFJLElBQUs7Z0JBQy9CLElBQUlBLElBQUksQ0FBQ0osRUFBRSxLQUFLTCxTQUFTLENBQUNNLEdBQUcsQ0FBQ0QsRUFBRSxFQUM1QixLQUFLLElBQUlLLEdBQUcsSUFBSVYsU0FBUyxDQUFDTSxHQUFHLEVBQUU7a0JBQzNCRyxJQUFJLENBQUNDLEdBQUcsQ0FBQyxHQUFHVixTQUFTLENBQUNNLEdBQUcsQ0FBQ0ksR0FBRyxDQUFDO2dCQUNsQztnQkFDSixPQUFPRCxJQUFJO2NBQ2YsQ0FBQyxDQUFDO2NBQ0Y7WUFDSixLQUFLLFNBQVM7Y0FDVmIsUUFBUSxHQUFHQSxRQUFRLENBQUVlLE1BQU0sQ0FDdEJGLElBQUksSUFBS0EsSUFBSSxDQUFDSixFQUFFLEtBQUtMLFNBQVMsQ0FBQ00sR0FBRyxDQUFDRCxFQUN4QyxDQUFDO2NBQ0Q7VUFDUjtRQUNKO1FBRUEsT0FBTyxDQUFDLEdBQUdULFFBQVEsQ0FBQztNQUN4QixDQUFDLENBQUM7SUFFTixDQUFDLENBQUM7SUFDRixPQUFPRixLQUFLO0VBQ2hCLENBQUMsRUFBRUwsTUFBTSxDQUFDO0VBRVYsT0FBT0MsUUFBUTtBQUNuQiJ9
44
+ exports.default = useFirestoreWatch;
45
+ //# sourceMappingURL=useFirestoreWatch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useFirestoreWatch.js","sourceRoot":"","sources":["../../src/hooks/useFirestoreWatch.ts"],"names":[],"mappings":";;AAAA,iCAA4C;AAU5C,SAAwB,iBAAiB,CAA4C,YAAwD,EAAE,MAAS;IACpJ,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAO,CAAC;IAE/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE;YAC9C,UAAU,CAAC,CAAC,QAAQ,GAAG,EAAE,EAAE,EAAE;gBACzB,KAAK,IAAI,SAAS,IAAI,OAAO,EAAE,CAAC;oBAC5B,IAAI,SAAS,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;wBACjC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;wBACjE,IAAI,QAAQ;4BAAE,SAAS,CAAC,IAAI,GAAG,UAAU,CAAA;;4BACpC,SAAS,CAAC,IAAI,GAAG,OAAO,CAAA;oBAC/B,CAAC;oBACD,QAAQ,SAAS,CAAC,IAAI,EAAE,CAAC;wBACrB,KAAK,OAAO;4BACR,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;gCACnD,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;4BACnC,CAAC;4BACD,MAAK;wBACT,KAAK,UAAU;4BACX,QAAQ,GAAG,QAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gCAC9B,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE;oCAC5B,KAAK,IAAI,GAAG,IAAI,SAAS,CAAC,GAAG,EAAE,CAAC;wCAC5B,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;oCACnC,CAAC;gCACL,OAAO,IAAI,CAAA;4BACf,CAAC,CAAC,CAAA;4BACF,MAAK;wBACT,KAAK,SAAS;4BACV,QAAQ,GAAG,QAAS,CAAC,MAAM,CACvB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE,CACzC,CAAA;4BACD,MAAK;oBACb,CAAC;gBACL,CAAC;gBAED,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAA;YACxB,CAAC,CAAC,CAAA;QAEN,CAAC,CAAC,CAAA;QACF,OAAO,KAAK,CAAC;IACjB,CAAC,EAAE,MAAM,CAAC,CAAC;IAEX,OAAO,QAAQ,CAAC;AACpB,CAAC;AA3CD,oCA2CC"}
@@ -0,0 +1,5 @@
1
+ /**
2
+ * This hook pipes a data and when it is set to a falsy value ("", undefined, null, 0),
3
+ * it returns the previous valid value
4
+ */
5
+ export default function useFreeze<T>(something: T): T | undefined;
@@ -1,17 +1,15 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = useFreeze;
7
- var _react = require("react");
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const react_1 = require("react");
8
4
  /**
9
5
  * This hook pipes a data and when it is set to a falsy value ("", undefined, null, 0),
10
6
  * it returns the previous valid value
11
7
  */
12
8
  function useFreeze(something) {
13
- const currChildOrPrev = (0, _react.useRef)(undefined);
14
- currChildOrPrev.current = something === undefined ? currChildOrPrev.current : something;
15
- return currChildOrPrev.current;
9
+ const currChildOrPrev = (0, react_1.useRef)(undefined);
10
+ currChildOrPrev.current =
11
+ something === undefined ? currChildOrPrev.current : something;
12
+ return currChildOrPrev.current;
16
13
  }
17
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJyZXF1aXJlIiwidXNlRnJlZXplIiwic29tZXRoaW5nIiwiY3VyckNoaWxkT3JQcmV2IiwidXNlUmVmIiwidW5kZWZpbmVkIiwiY3VycmVudCJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy91c2VGcmVlemUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbi8qKlxuICogVGhpcyBob29rIHBpcGVzIGEgZGF0YSBhbmQgd2hlbiBpdCBpcyBzZXQgdG8gYSBmYWxzeSB2YWx1ZSAoXCJcIiwgdW5kZWZpbmVkLCBudWxsLCAwKSxcbiAqIGl0IHJldHVybnMgdGhlIHByZXZpb3VzIHZhbGlkIHZhbHVlXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIHVzZUZyZWV6ZTxUPihzb21ldGhpbmc6IFQpIHtcbiAgY29uc3QgY3VyckNoaWxkT3JQcmV2ID0gdXNlUmVmPFQ+KHVuZGVmaW5lZCk7XG4gIGN1cnJDaGlsZE9yUHJldi5jdXJyZW50ID1cbiAgICBzb21ldGhpbmcgPT09IHVuZGVmaW5lZCA/IGN1cnJDaGlsZE9yUHJldi5jdXJyZW50IDogc29tZXRoaW5nO1xuICByZXR1cm4gY3VyckNoaWxkT3JQcmV2LmN1cnJlbnQ7XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsT0FBQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ2UsU0FBU0MsU0FBU0EsQ0FBSUMsU0FBWSxFQUFFO0VBQ2pELE1BQU1DLGVBQWUsR0FBRyxJQUFBQyxhQUFNLEVBQUlDLFNBQVMsQ0FBQztFQUM1Q0YsZUFBZSxDQUFDRyxPQUFPLEdBQ3JCSixTQUFTLEtBQUtHLFNBQVMsR0FBR0YsZUFBZSxDQUFDRyxPQUFPLEdBQUdKLFNBQVM7RUFDL0QsT0FBT0MsZUFBZSxDQUFDRyxPQUFPO0FBQ2hDIn0=
14
+ exports.default = useFreeze;
15
+ //# sourceMappingURL=useFreeze.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useFreeze.js","sourceRoot":"","sources":["../../src/hooks/useFreeze.ts"],"names":[],"mappings":";;AAAA,iCAA+B;AAE/B;;;GAGG;AACH,SAAwB,SAAS,CAAI,SAAY;IAC/C,MAAM,eAAe,GAAG,IAAA,cAAM,EAAI,SAAS,CAAC,CAAC;IAC7C,eAAe,CAAC,OAAO;QACrB,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAChE,OAAO,eAAe,CAAC,OAAO,CAAC;AACjC,CAAC;AALD,4BAKC"}
@@ -0,0 +1,68 @@
1
+ import React, { CSSProperties } from "react";
2
+ type ShouldSkip = boolean;
3
+ type Result = [
4
+ originContainer: Element | VisualViewport,
5
+ targetContainer: Element | VisualViewport
6
+ ];
7
+ /**
8
+ * This hook implements the logic for a hero animation between 2 elements sharing the same id
9
+ */
10
+ export default function useHero(id: string, options?: Partial<{
11
+ propsToTransition: Exclude<keyof CSSProperties, "width" | "height" | "top" | "left">[];
12
+ /** If set, the default properties (width, height, etc...) will not transition, and propsToTransition will be the only ones that will be transitioned */
13
+ overridePropsToTransition: boolean;
14
+ "data-preffix": string;
15
+ /** This indicates this hero animation will probably be repeated multiple time */
16
+ repeatable: boolean;
17
+ }>, events?: {
18
+ /**
19
+ * Should return if the detected element should be "heroed"
20
+ *
21
+ * Usefull for when the hero has 2 possible origins.
22
+ * For example, one could hero only the current hovered element with el.matches(":hover")
23
+ */
24
+ onHeroDetect?: (origin: HTMLDivElement, target: HTMLDivElement) => boolean;
25
+ /**
26
+ * Do something when the hero ends
27
+ *
28
+ * Usefull for triggering secondary animations
29
+ */
30
+ onHeroEnd?: () => void;
31
+ /** Do somethign with the clone before it goes to the html */
32
+ onHeroCloned?: (clone: HTMLDivElement) => void;
33
+ /**
34
+ * Do something when the hero starts the transition
35
+ * Here it's usefull to switch classNames with the target.
36
+ *
37
+ * If done correctly, it will transition from state a to b smoothly
38
+ */
39
+ onHeroStart?: (clone: HTMLDivElement, origin: HTMLDivElement, target: HTMLDivElement) => void;
40
+ /**
41
+ * Is called when the hero is coming/going outside the viewport
42
+ *
43
+ * By default it's set to skip all heroes that have these conditions
44
+ *
45
+ * @returns If the hero should be skipped or not
46
+ */
47
+ onHeroSkip?: (origin: HTMLDivElement, target: HTMLDivElement) => ShouldSkip;
48
+ /**
49
+ * Called when a hero is skipped
50
+ */
51
+ onHeroSkipped?: () => void;
52
+ /**
53
+ * Before transition start, setup the properties that will be used for hero animation
54
+ * @returns The container that will be used to check if the hero is out or in the view
55
+ */
56
+ onBeforeTransition?: (origin: HTMLDivElement, target: HTMLDivElement) => Result | Readonly<Result>;
57
+ }): {
58
+ heroRef: React.RefObject<HTMLDivElement | null>;
59
+ getHerosOnScreen: () => HTMLDivElement[];
60
+ trigger: () => void;
61
+ heroComponentRef: (componentId: string) => (elRef: HTMLDivElement | null) => void;
62
+ };
63
+ type EVENTS_INTERFACE = Parameters<typeof useHero>[2];
64
+ type TRANSITION_TYPES = "ACCELERATION";
65
+ export declare const TRANSITION_FACTORY: {
66
+ [n in TRANSITION_TYPES]: (events?: EVENTS_INTERFACE) => EVENTS_INTERFACE;
67
+ };
68
+ export {};