@onepercentio/one-ui 0.6.2 → 0.6.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 (416) hide show
  1. package/cypress/support/e2e.js +20 -18
  2. package/dist/__test__/analytics.d.ts +3 -3
  3. package/dist/__test__/analytics.js +18 -18
  4. package/dist/__test__/firestore.d.ts +2 -2
  5. package/dist/__test__/firestore.js +25 -25
  6. package/dist/__test__/utils.d.ts +16 -16
  7. package/dist/__test__/utils.js +155 -155
  8. package/dist/components/AdaptiveButton/AdaptiveButton.d.ts +8 -8
  9. package/dist/components/AdaptiveButton/AdaptiveButton.js +92 -92
  10. package/dist/components/AdaptiveButton/AdaptiveButton.stories.d.ts +18 -18
  11. package/dist/components/AdaptiveButton/AdaptiveButton.stories.js +81 -81
  12. package/dist/components/AdaptiveButton/index.d.ts +1 -1
  13. package/dist/components/AdaptiveButton/index.js +8 -8
  14. package/dist/components/AdaptiveDialog/AdaptiveDialog.d.ts +9 -9
  15. package/dist/components/AdaptiveDialog/AdaptiveDialog.js +59 -59
  16. package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.d.ts +19 -19
  17. package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.js +93 -93
  18. package/dist/components/AdaptiveDialog/AdaptiveDialog.test.d.ts +1 -1
  19. package/dist/components/AdaptiveDialog/AdaptiveDialog.test.js +14 -14
  20. package/dist/components/AdaptiveDialog/index.d.ts +1 -1
  21. package/dist/components/AdaptiveDialog/index.js +8 -8
  22. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.d.ts +14 -14
  23. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +72 -72
  24. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.module.scss +1 -0
  25. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.d.ts +19 -19
  26. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.js +20 -20
  27. package/dist/components/AdaptiveSidebar/index.d.ts +1 -1
  28. package/dist/components/AdaptiveSidebar/index.js +8 -8
  29. package/dist/components/AnchoredTooltip/AnchoredTooltip.d.ts +13 -13
  30. package/dist/components/AnchoredTooltip/AnchoredTooltip.js +173 -173
  31. package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.d.ts +16 -16
  32. package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.js +85 -85
  33. package/dist/components/AnchoredTooltip/AnchoredTooltip.test.d.ts +1 -1
  34. package/dist/components/AnchoredTooltip/AnchoredTooltip.test.js +19 -19
  35. package/dist/components/AnchoredTooltip/index.d.ts +1 -1
  36. package/dist/components/AnchoredTooltip/index.js +8 -8
  37. package/dist/components/AnimatedEntrance/AnimatedEntrance.d.ts +18 -18
  38. package/dist/components/AnimatedEntrance/AnimatedEntrance.js +125 -125
  39. package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map +1 -1
  40. package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.d.ts +14 -14
  41. package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.js +66 -66
  42. package/dist/components/AnimatedEntrance/index.d.ts +1 -1
  43. package/dist/components/AnimatedEntrance/index.js +8 -8
  44. package/dist/components/AsyncWrapper/AsyncWrapper.d.ts +10 -10
  45. package/dist/components/AsyncWrapper/AsyncWrapper.js +24 -24
  46. package/dist/components/AsyncWrapper/AsyncWrapper.stories.d.ts +18 -18
  47. package/dist/components/AsyncWrapper/AsyncWrapper.stories.js +33 -33
  48. package/dist/components/AsyncWrapper/AsyncWrapper.test.d.ts +1 -1
  49. package/dist/components/AsyncWrapper/AsyncWrapper.test.js +18 -18
  50. package/dist/components/AsyncWrapper/index.d.ts +1 -1
  51. package/dist/components/AsyncWrapper/index.js +8 -8
  52. package/dist/components/Avatar/Avatar.d.ts +8 -8
  53. package/dist/components/Avatar/Avatar.js +44 -44
  54. package/dist/components/Avatar/Avatar.js.map +1 -1
  55. package/dist/components/Avatar/Avatar.module.scss +17 -14
  56. package/dist/components/Avatar/Avatar.stories.d.ts +14 -14
  57. package/dist/components/Avatar/Avatar.stories.js +18 -18
  58. package/dist/components/Avatar/Avatar.test.d.ts +1 -1
  59. package/dist/components/Avatar/Avatar.test.js +35 -35
  60. package/dist/components/Avatar/index.d.ts +1 -1
  61. package/dist/components/Avatar/index.js +8 -8
  62. package/dist/components/BucketFill/BucketFill.d.ts +12 -12
  63. package/dist/components/BucketFill/BucketFill.js +65 -65
  64. package/dist/components/BucketFill/BucketFill.stories.d.ts +17 -17
  65. package/dist/components/BucketFill/BucketFill.stories.js +140 -140
  66. package/dist/components/BucketFill/index.d.ts +1 -1
  67. package/dist/components/BucketFill/index.js +8 -8
  68. package/dist/components/Button/Button.d.ts +14 -14
  69. package/dist/components/Button/Button.js +51 -51
  70. package/dist/components/Button/Button.stories.d.ts +9 -9
  71. package/dist/components/Button/Button.stories.js +57 -57
  72. package/dist/components/Button/Button.test.d.ts +1 -1
  73. package/dist/components/Button/Button.test.js +14 -14
  74. package/dist/components/Button/index.d.ts +1 -1
  75. package/dist/components/Button/index.js +8 -8
  76. package/dist/components/Card/Card.d.ts +7 -7
  77. package/dist/components/Card/Card.js +14 -14
  78. package/dist/components/Card/Card.stories.d.ts +15 -15
  79. package/dist/components/Card/Card.stories.js +15 -15
  80. package/dist/components/Card/index.d.ts +1 -1
  81. package/dist/components/Card/index.js +8 -8
  82. package/dist/components/CheckBox/CheckBox.d.ts +11 -11
  83. package/dist/components/CheckBox/CheckBox.js +31 -31
  84. package/dist/components/CheckBox/CheckBox.stories.d.ts +20 -20
  85. package/dist/components/CheckBox/CheckBox.stories.js +52 -52
  86. package/dist/components/CheckBox/index.d.ts +1 -1
  87. package/dist/components/CheckBox/index.js +8 -8
  88. package/dist/components/Collapsable/Collapsable.d.ts +31 -31
  89. package/dist/components/Collapsable/Collapsable.js +126 -126
  90. package/dist/components/Collapsable/Collapsable.stories.d.ts +39 -39
  91. package/dist/components/Collapsable/Collapsable.stories.js +27 -27
  92. package/dist/components/Collapsable/index.d.ts +1 -1
  93. package/dist/components/Collapsable/index.js +8 -8
  94. package/dist/components/Countdown/Countdown.d.ts +13 -13
  95. package/dist/components/Countdown/Countdown.js +79 -79
  96. package/dist/components/Countdown/Countdown.stories.d.ts +14 -14
  97. package/dist/components/Countdown/Countdown.stories.js +54 -54
  98. package/dist/components/Countdown/index.d.ts +1 -1
  99. package/dist/components/Countdown/index.js +8 -8
  100. package/dist/components/Divider/Divider.d.ts +6 -6
  101. package/dist/components/Divider/Divider.js +15 -15
  102. package/dist/components/Divider/Divider.stories.d.ts +7 -7
  103. package/dist/components/Divider/Divider.stories.js +14 -14
  104. package/dist/components/Divider/index.d.ts +1 -1
  105. package/dist/components/Divider/index.js +8 -8
  106. package/dist/components/EmailInput/EmailInput.d.ts +25 -25
  107. package/dist/components/EmailInput/EmailInput.js +51 -51
  108. package/dist/components/EmailInput/EmailInput.stories.d.ts +28 -28
  109. package/dist/components/EmailInput/EmailInput.stories.js +14 -14
  110. package/dist/components/EmailInput/EmailInput.test.d.ts +1 -1
  111. package/dist/components/EmailInput/EmailInput.test.js +76 -76
  112. package/dist/components/EmailInput/index.d.ts +1 -1
  113. package/dist/components/EmailInput/index.js +9 -9
  114. package/dist/components/FadeIn/FadeIn.d.ts +10 -10
  115. package/dist/components/FadeIn/FadeIn.js +63 -63
  116. package/dist/components/FadeIn/FadeIn.stories.d.ts +24 -24
  117. package/dist/components/FadeIn/FadeIn.stories.js +15 -15
  118. package/dist/components/FadeIn/FadeIn.test.d.ts +1 -1
  119. package/dist/components/FadeIn/FadeIn.test.js +21 -21
  120. package/dist/components/FadeIn/index.d.ts +1 -1
  121. package/dist/components/FadeIn/index.js +8 -8
  122. package/dist/components/FileInput/FileInput.d.ts +13 -13
  123. package/dist/components/FileInput/FileInput.js +74 -74
  124. package/dist/components/FileInput/FileInput.stories.d.ts +19 -19
  125. package/dist/components/FileInput/FileInput.stories.js +58 -58
  126. package/dist/components/FileInput/index.d.ts +1 -1
  127. package/dist/components/FileInput/index.js +8 -8
  128. package/dist/components/FlowController/FlowController.d.ts +23 -23
  129. package/dist/components/FlowController/FlowController.js +33 -33
  130. package/dist/components/FlowController/FlowController.stories.d.ts +43 -43
  131. package/dist/components/FlowController/FlowController.stories.js +100 -100
  132. package/dist/components/FlowController/FlowController.test.d.ts +1 -1
  133. package/dist/components/FlowController/FlowController.test.js +165 -165
  134. package/dist/components/FlowController/index.d.ts +1 -1
  135. package/dist/components/FlowController/index.js +8 -8
  136. package/dist/components/Form/Form.d.ts +48 -48
  137. package/dist/components/Form/Form.js +101 -101
  138. package/dist/components/Form/Form.stories.d.ts +13 -13
  139. package/dist/components/Form/Form.stories.js +35 -35
  140. package/dist/components/Form/index.d.ts +1 -1
  141. package/dist/components/Form/index.js +8 -8
  142. package/dist/components/Freeze/Freeze.d.ts +5 -5
  143. package/dist/components/Freeze/Freeze.js +12 -12
  144. package/dist/components/Freeze/Freeze.stories.d.ts +7 -7
  145. package/dist/components/Freeze/Freeze.stories.js +55 -55
  146. package/dist/components/Freeze/Freeze.test.d.ts +1 -1
  147. package/dist/components/Freeze/Freeze.test.js +14 -14
  148. package/dist/components/Freeze/index.d.ts +1 -1
  149. package/dist/components/Freeze/index.js +8 -8
  150. package/dist/components/HSForms/HSForms.d.ts +5 -5
  151. package/dist/components/HSForms/HSForms.js +46 -46
  152. package/dist/components/HSForms/index.d.ts +1 -1
  153. package/dist/components/HSForms/index.js +8 -8
  154. package/dist/components/Header/Header.d.ts +25 -25
  155. package/dist/components/Header/Header.js +74 -74
  156. package/dist/components/Header/Header.stories.d.ts +28 -28
  157. package/dist/components/Header/Header.stories.js +40 -40
  158. package/dist/components/Header/Header.test.d.ts +1 -1
  159. package/dist/components/Header/Header.test.js +99 -99
  160. package/dist/components/Header/index.d.ts +1 -1
  161. package/dist/components/Header/index.js +8 -8
  162. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.d.ts +8 -8
  163. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js +16 -16
  164. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.d.ts +14 -14
  165. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.js +15 -15
  166. package/dist/components/HeaderCloseBtn/index.d.ts +1 -1
  167. package/dist/components/HeaderCloseBtn/index.js +8 -8
  168. package/dist/components/InfinityScroll/InfinityScroll.d.ts +11 -11
  169. package/dist/components/InfinityScroll/InfinityScroll.js +111 -111
  170. package/dist/components/InfinityScroll/InfinityScroll.stories.d.ts +23 -23
  171. package/dist/components/InfinityScroll/InfinityScroll.stories.js +53 -53
  172. package/dist/components/InfinityScroll/InfinityScroll.test.d.ts +1 -1
  173. package/dist/components/InfinityScroll/InfinityScroll.test.js +188 -188
  174. package/dist/components/InfinityScroll/index.d.ts +1 -1
  175. package/dist/components/InfinityScroll/index.js +8 -8
  176. package/dist/components/Input/Input.d.ts +34 -34
  177. package/dist/components/Input/Input.js +95 -95
  178. package/dist/components/Input/Input.stories.d.ts +24 -24
  179. package/dist/components/Input/Input.stories.js +20 -20
  180. package/dist/components/Input/Input.test.d.ts +1 -1
  181. package/dist/components/Input/Input.test.js +57 -57
  182. package/dist/components/Input/index.d.ts +1 -1
  183. package/dist/components/Input/index.js +8 -8
  184. package/dist/components/InstantCounter/InstantCounter.d.ts +13 -13
  185. package/dist/components/InstantCounter/InstantCounter.js +58 -58
  186. package/dist/components/InstantCounter/InstantCounter.stories.d.ts +41 -41
  187. package/dist/components/InstantCounter/InstantCounter.stories.js +60 -60
  188. package/dist/components/InstantCounter/InstantCounter.test.d.ts +1 -1
  189. package/dist/components/InstantCounter/InstantCounter.test.js +49 -49
  190. package/dist/components/InstantCounter/index.d.ts +1 -1
  191. package/dist/components/InstantCounter/index.js +8 -8
  192. package/dist/components/LinkToId/LinkToId.d.ts +10 -10
  193. package/dist/components/LinkToId/LinkToId.js +32 -32
  194. package/dist/components/LinkToId/LinkToId.stories.d.ts +7 -7
  195. package/dist/components/LinkToId/LinkToId.stories.js +14 -14
  196. package/dist/components/LinkToId/LinkToId.test.d.ts +1 -1
  197. package/dist/components/LinkToId/LinkToId.test.js +11 -11
  198. package/dist/components/LinkToId/index.d.ts +1 -1
  199. package/dist/components/LinkToId/index.js +9 -9
  200. package/dist/components/Loader/Loader.d.ts +6 -6
  201. package/dist/components/Loader/Loader.js +17 -17
  202. package/dist/components/Loader/Loader.stories.d.ts +12 -12
  203. package/dist/components/Loader/Loader.stories.js +15 -15
  204. package/dist/components/Loader/index.d.ts +1 -1
  205. package/dist/components/Loader/index.js +8 -8
  206. package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.d.ts +6 -6
  207. package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js +41 -41
  208. package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.d.ts +7 -7
  209. package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.js +14 -14
  210. package/dist/components/LoaderDotsIndicator/index.d.ts +1 -1
  211. package/dist/components/LoaderDotsIndicator/index.js +8 -8
  212. package/dist/components/MainGrid/MainGrid.d.ts +10 -10
  213. package/dist/components/MainGrid/MainGrid.js +55 -55
  214. package/dist/components/MainGrid/MainGrid.stories.d.ts +14 -14
  215. package/dist/components/MainGrid/MainGrid.stories.js +69 -69
  216. package/dist/components/MainGrid/MainGrid.test.d.ts +1 -1
  217. package/dist/components/MainGrid/MainGrid.test.js +17 -17
  218. package/dist/components/MainGrid/index.d.ts +1 -1
  219. package/dist/components/MainGrid/index.js +8 -8
  220. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.d.ts +8 -8
  221. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +29 -29
  222. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.d.ts +21 -21
  223. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js +73 -73
  224. package/dist/components/MutableHamburgerButton/index.d.ts +1 -1
  225. package/dist/components/MutableHamburgerButton/index.js +8 -8
  226. package/dist/components/Notification/Notification.d.ts +7 -7
  227. package/dist/components/Notification/Notification.js +15 -15
  228. package/dist/components/Notification/Notification.stories.d.ts +15 -15
  229. package/dist/components/Notification/Notification.stories.js +18 -18
  230. package/dist/components/Notification/index.d.ts +1 -1
  231. package/dist/components/Notification/index.js +8 -8
  232. package/dist/components/Parallax/Parallax.d.ts +15 -15
  233. package/dist/components/Parallax/Parallax.js +174 -174
  234. package/dist/components/Parallax/Parallax.stories.d.ts +32 -32
  235. package/dist/components/Parallax/Parallax.stories.js +22 -22
  236. package/dist/components/Parallax/Parallax.test.d.ts +1 -1
  237. package/dist/components/Parallax/Parallax.test.js +21 -21
  238. package/dist/components/Parallax/index.d.ts +1 -1
  239. package/dist/components/Parallax/index.js +8 -8
  240. package/dist/components/Parallax/math/helpers.d.ts +58 -58
  241. package/dist/components/Parallax/math/helpers.js +228 -228
  242. package/dist/components/PasswordInput/PasswordInput.d.ts +42 -42
  243. package/dist/components/PasswordInput/PasswordInput.js +105 -105
  244. package/dist/components/PasswordInput/PasswordInput.stories.d.ts +45 -45
  245. package/dist/components/PasswordInput/PasswordInput.stories.js +21 -21
  246. package/dist/components/PasswordInput/PasswordInput.test.d.ts +1 -1
  247. package/dist/components/PasswordInput/PasswordInput.test.js +156 -156
  248. package/dist/components/PasswordInput/index.d.ts +1 -1
  249. package/dist/components/PasswordInput/index.js +8 -8
  250. package/dist/components/PixelatedScan/PixelatedScan.d.ts +8 -8
  251. package/dist/components/PixelatedScan/PixelatedScan.js +104 -104
  252. package/dist/components/PixelatedScan/PixelatedScan.stories.d.ts +15 -15
  253. package/dist/components/PixelatedScan/PixelatedScan.stories.js +39 -39
  254. package/dist/components/PixelatedScan/index.d.ts +1 -1
  255. package/dist/components/PixelatedScan/index.js +8 -8
  256. package/dist/components/Portal/Portal.d.ts +11 -11
  257. package/dist/components/Portal/Portal.js +61 -61
  258. package/dist/components/Portal/Portal.stories.d.ts +7 -7
  259. package/dist/components/Portal/Portal.stories.js +14 -14
  260. package/dist/components/Portal/index.d.ts +1 -1
  261. package/dist/components/Portal/index.js +9 -9
  262. package/dist/components/ProgressTexts/ProgressTexts.d.ts +22 -22
  263. package/dist/components/ProgressTexts/ProgressTexts.js +37 -37
  264. package/dist/components/ProgressTexts/ProgressTexts.stories.d.ts +24 -24
  265. package/dist/components/ProgressTexts/ProgressTexts.stories.js +89 -89
  266. package/dist/components/ProgressTexts/ProgressTexts.test.d.ts +1 -1
  267. package/dist/components/ProgressTexts/ProgressTexts.test.js +51 -51
  268. package/dist/components/ProgressTexts/index.d.ts +1 -1
  269. package/dist/components/ProgressTexts/index.js +8 -8
  270. package/dist/components/SectionContainer/SectionContainer.d.ts +11 -11
  271. package/dist/components/SectionContainer/SectionContainer.js +45 -45
  272. package/dist/components/SectionContainer/SectionContainer.stories.d.ts +14 -14
  273. package/dist/components/SectionContainer/SectionContainer.stories.js +14 -14
  274. package/dist/components/SectionContainer/index.d.ts +1 -1
  275. package/dist/components/SectionContainer/index.js +8 -8
  276. package/dist/components/Select/Select.d.ts +22 -22
  277. package/dist/components/Select/Select.js +75 -75
  278. package/dist/components/Select/Select.stories.d.ts +56 -56
  279. package/dist/components/Select/Select.stories.js +33 -33
  280. package/dist/components/Select/Select.test.d.ts +1 -1
  281. package/dist/components/Select/Select.test.js +11 -11
  282. package/dist/components/Select/index.d.ts +1 -1
  283. package/dist/components/Select/index.js +8 -8
  284. package/dist/components/Spacing/Spacing.d.ts +6 -6
  285. package/dist/components/Spacing/Spacing.js +14 -14
  286. package/dist/components/Spacing/Spacing.stories.d.ts +7 -7
  287. package/dist/components/Spacing/Spacing.stories.js +34 -34
  288. package/dist/components/Spacing/index.d.ts +1 -1
  289. package/dist/components/Spacing/index.js +8 -8
  290. package/dist/components/Table/Table.d.ts +19 -19
  291. package/dist/components/Table/Table.js +87 -87
  292. package/dist/components/Table/Table.stories.d.ts +15 -15
  293. package/dist/components/Table/Table.stories.js +87 -87
  294. package/dist/components/Table/Table.test.d.ts +1 -1
  295. package/dist/components/Table/Table.test.js +34 -34
  296. package/dist/components/Table/index.d.ts +1 -1
  297. package/dist/components/Table/index.js +8 -8
  298. package/dist/components/Tabs/Tabs.d.ts +11 -11
  299. package/dist/components/Tabs/Tabs.js +48 -48
  300. package/dist/components/Tabs/Tabs.stories.d.ts +17 -17
  301. package/dist/components/Tabs/Tabs.stories.js +56 -56
  302. package/dist/components/Tabs/Tabs.test.d.ts +1 -1
  303. package/dist/components/Tabs/Tabs.test.js +38 -38
  304. package/dist/components/Tabs/index.d.ts +1 -1
  305. package/dist/components/Tabs/index.js +8 -8
  306. package/dist/components/Text/Text.d.ts +15 -15
  307. package/dist/components/Text/Text.js +53 -53
  308. package/dist/components/Text/Text.stories.d.ts +7 -7
  309. package/dist/components/Text/Text.stories.js +42 -42
  310. package/dist/components/Text/Text.test.d.ts +1 -1
  311. package/dist/components/Text/Text.test.js +11 -11
  312. package/dist/components/Text/index.d.ts +1 -1
  313. package/dist/components/Text/index.js +8 -8
  314. package/dist/components/Transition/Transition.d.ts +45 -45
  315. package/dist/components/Transition/Transition.js +267 -242
  316. package/dist/components/Transition/Transition.js.map +1 -1
  317. package/dist/components/Transition/Transition.stories.d.ts +10 -10
  318. package/dist/components/Transition/Transition.stories.js +28 -28
  319. package/dist/components/Transition/Transition.test.d.ts +1 -1
  320. package/dist/components/Transition/Transition.test.js +54 -54
  321. package/dist/components/Transition/index.d.ts +1 -1
  322. package/dist/components/Transition/index.js +9 -9
  323. package/dist/components/UncontrolledTransition/UncontrolledTransition.d.ts +13 -13
  324. package/dist/components/UncontrolledTransition/UncontrolledTransition.js +93 -88
  325. package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map +1 -1
  326. package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.d.ts +33 -33
  327. package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.js +224 -224
  328. package/dist/components/UncontrolledTransition/UncontrolledTransition.test.d.ts +1 -1
  329. package/dist/components/UncontrolledTransition/UncontrolledTransition.test.js +134 -134
  330. package/dist/components/UncontrolledTransition/index.d.ts +1 -1
  331. package/dist/components/UncontrolledTransition/index.js +8 -8
  332. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.d.ts +52 -52
  333. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +120 -120
  334. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.d.ts +70 -70
  335. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.js +64 -64
  336. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.d.ts +1 -1
  337. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.js +136 -136
  338. package/dist/components/WalletConnectionWrapper/index.d.ts +1 -1
  339. package/dist/components/WalletConnectionWrapper/index.js +9 -9
  340. package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.d.ts +7 -7
  341. package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js +74 -74
  342. package/dist/components/utilitary/ScrollAndFocusLock/index.d.ts +1 -1
  343. package/dist/components/utilitary/ScrollAndFocusLock/index.js +8 -8
  344. package/dist/context/CustomBrowserRouter.d.ts +5 -5
  345. package/dist/context/CustomBrowserRouter.js +53 -53
  346. package/dist/context/OneUIProvider.d.ts +69 -69
  347. package/dist/context/OneUIProvider.js +62 -62
  348. package/dist/context/OneUIProvider.test.d.ts +1 -1
  349. package/dist/context/OneUIProvider.test.js +44 -44
  350. package/dist/context/__mocks__/OneUIProvider.d.ts +67 -67
  351. package/dist/context/__mocks__/OneUIProvider.js +12 -12
  352. package/dist/hooks/shims/ObjectWatchShim.js +51 -51
  353. package/dist/hooks/useAsyncControl.d.ts +9 -9
  354. package/dist/hooks/useAsyncControl.js +39 -39
  355. package/dist/hooks/useCustomHistory.d.ts +14 -14
  356. package/dist/hooks/useCustomHistory.js +14 -14
  357. package/dist/hooks/useCustomHistory.js.map +1 -1
  358. package/dist/hooks/useFirestoreWatch.d.ts +12 -12
  359. package/dist/hooks/useFirestoreWatch.js +37 -37
  360. package/dist/hooks/useForm.d.ts +16 -16
  361. package/dist/hooks/useForm.js +23 -23
  362. package/dist/hooks/useIntersection.d.ts +4 -4
  363. package/dist/hooks/useIntersection.js +29 -29
  364. package/dist/hooks/useObserve.d.ts +2 -2
  365. package/dist/hooks/useObserve.js +17 -17
  366. package/dist/hooks/usePagination.d.ts +19 -19
  367. package/dist/hooks/usePagination.js +64 -64
  368. package/dist/hooks/usePooledOperation.d.ts +15 -15
  369. package/dist/hooks/usePooledOperation.js +63 -63
  370. package/dist/hooks/usePooling.d.ts +17 -16
  371. package/dist/hooks/usePooling.js +49 -46
  372. package/dist/hooks/usePooling.js.map +1 -1
  373. package/dist/hooks/usePooling.test.d.ts +1 -1
  374. package/dist/hooks/usePooling.test.js +103 -103
  375. package/dist/hooks/useRebound.d.ts +9 -9
  376. package/dist/hooks/useRebound.js +23 -23
  377. package/dist/hooks/useShortIntl.d.ts +15 -15
  378. package/dist/hooks/useShortIntl.js +37 -37
  379. package/dist/models/GenericContract.d.ts +74 -66
  380. package/dist/models/GenericContract.js +13 -13
  381. package/dist/models/GenericContract.js.map +1 -1
  382. package/dist/storybookUtils/index.d.ts +5 -5
  383. package/dist/storybookUtils/index.js +26 -26
  384. package/package.json +3 -4
  385. package/scripts/start-emulator.js +0 -0
  386. package/dist/components/AsyncProcessQueue/AsyncProcessQueue.d.ts +0 -4
  387. package/dist/components/AsyncProcessQueue/AsyncProcessQueue.js +0 -14
  388. package/dist/components/AsyncProcessQueue/AsyncProcessQueue.js.map +0 -1
  389. package/dist/components/AsyncProcessQueue/AsyncProcessQueue.module.scss +0 -0
  390. package/dist/components/AsyncProcessQueue/AsyncProcessQueue.stories.d.ts +0 -10
  391. package/dist/components/AsyncProcessQueue/AsyncProcessQueue.stories.js +0 -16
  392. package/dist/components/AsyncProcessQueue/AsyncProcessQueue.stories.js.map +0 -1
  393. package/dist/components/AsyncProcessQueue/index.d.ts +0 -1
  394. package/dist/components/AsyncProcessQueue/index.js +0 -9
  395. package/dist/components/AsyncProcessQueue/index.js.map +0 -1
  396. package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.d.ts +0 -40
  397. package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.js +0 -130
  398. package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.js.map +0 -1
  399. package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.stories.d.ts +0 -59
  400. package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.stories.js +0 -62
  401. package/dist/components/WalletConnectionWrapper/v2/WalletConnectionWrapper.stories.js.map +0 -1
  402. package/dist/components/WalletConnectionWrapper/v2/index.d.ts +0 -1
  403. package/dist/components/WalletConnectionWrapper/v2/index.js +0 -9
  404. package/dist/components/WalletConnectionWrapper/v2/index.js.map +0 -1
  405. package/dist/components/WalletConnectionWrapper/v2/rLoginConfig.d.ts +0 -6
  406. package/dist/components/WalletConnectionWrapper/v2/rLoginConfig.js +0 -52
  407. package/dist/components/WalletConnectionWrapper/v2/rLoginConfig.js.map +0 -1
  408. package/dist/context/AsyncProcessQueue.d.ts +0 -10
  409. package/dist/context/AsyncProcessQueue.js +0 -16
  410. package/dist/context/AsyncProcessQueue.js.map +0 -1
  411. package/dist/hooks/useImprovedHistory.d.ts +0 -0
  412. package/dist/hooks/useImprovedHistory.js +0 -2
  413. package/dist/hooks/useImprovedHistory.js.map +0 -1
  414. package/dist/hooks/useScrollLock.d.ts +0 -0
  415. package/dist/hooks/useScrollLock.js +0 -2
  416. package/dist/hooks/useScrollLock.js.map +0 -1
@@ -1,23 +1,23 @@
1
- import React from "react";
2
- declare const _default: {
3
- component: React.ForwardRefExoticComponent<{
4
- items: (string | React.ReactElement<any, string | React.JSXElementConstructor<any>>)[];
5
- pageSize: number;
6
- initialPage?: number | undefined;
7
- pageClass?: string | undefined;
8
- className?: string | undefined;
9
- } & React.RefAttributes<HTMLDivElement>>;
10
- title: string;
11
- };
12
- export default _default;
13
- export declare const InitialImplementation: {
14
- (args: any): JSX.Element;
15
- args: Partial<{
16
- items: (string | React.ReactElement<any, string | React.JSXElementConstructor<any>>)[];
17
- pageSize: number;
18
- initialPage?: number | undefined;
19
- pageClass?: string | undefined;
20
- className?: string | undefined;
21
- } & React.RefAttributes<HTMLDivElement>>;
22
- };
23
- export declare const BugFixScrollWith4Items: () => JSX.Element;
1
+ import React from "react";
2
+ declare const _default: {
3
+ component: React.ForwardRefExoticComponent<{
4
+ items: (string | React.ReactElement<any, string | React.JSXElementConstructor<any>>)[];
5
+ pageSize: number;
6
+ initialPage?: number | undefined;
7
+ pageClass?: string | undefined;
8
+ className?: string | undefined;
9
+ } & React.RefAttributes<HTMLDivElement>>;
10
+ title: string;
11
+ };
12
+ export default _default;
13
+ export declare const InitialImplementation: {
14
+ (args: any): JSX.Element;
15
+ args: Partial<{
16
+ items: (string | React.ReactElement<any, string | React.JSXElementConstructor<any>>)[];
17
+ pageSize: number;
18
+ initialPage?: number | undefined;
19
+ pageClass?: string | undefined;
20
+ className?: string | undefined;
21
+ } & React.RefAttributes<HTMLDivElement>>;
22
+ };
23
+ export declare const BugFixScrollWith4Items: () => JSX.Element;
@@ -1,54 +1,54 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.BugFixScrollWith4Items = exports.InitialImplementation = void 0;
30
- const react_1 = __importStar(require("react"));
31
- const InfinityScroll_1 = __importDefault(require("./InfinityScroll"));
32
- exports.default = {
33
- component: InfinityScroll_1.default,
34
- title: "Infinity Scroll",
35
- };
36
- const InitialImplementation = (args) => (react_1.default.createElement(InfinityScroll_1.default, Object.assign({ ref: (0, react_1.createRef)() }, args)));
37
- exports.InitialImplementation = InitialImplementation;
38
- exports.InitialImplementation.args = {
39
- items: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d"].map(String),
40
- pageSize: 3,
41
- };
42
- const BugFixScrollWith4Items = () => {
43
- function H1(txt) {
44
- return (react_1.default.createElement("h1", { style: {
45
- backgroundColor: `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`,
46
- minHeight: "450px",
47
- display: "inline-block",
48
- width: "33%",
49
- } }, txt));
50
- }
51
- return (react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: ["1", "2", "3", "4"].map(H1), pageSize: 3, initialPage: 1 }));
52
- };
53
- exports.BugFixScrollWith4Items = BugFixScrollWith4Items;
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ exports.BugFixScrollWith4Items = exports.InitialImplementation = void 0;
30
+ const react_1 = __importStar(require("react"));
31
+ const InfinityScroll_1 = __importDefault(require("./InfinityScroll"));
32
+ exports.default = {
33
+ component: InfinityScroll_1.default,
34
+ title: "Infinity Scroll",
35
+ };
36
+ const InitialImplementation = (args) => (react_1.default.createElement(InfinityScroll_1.default, Object.assign({ ref: (0, react_1.createRef)() }, args)));
37
+ exports.InitialImplementation = InitialImplementation;
38
+ exports.InitialImplementation.args = {
39
+ items: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d"].map(String),
40
+ pageSize: 3,
41
+ };
42
+ const BugFixScrollWith4Items = () => {
43
+ function H1(txt) {
44
+ return (react_1.default.createElement("h1", { style: {
45
+ backgroundColor: `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`,
46
+ minHeight: "450px",
47
+ display: "inline-block",
48
+ width: "33%",
49
+ } }, txt));
50
+ }
51
+ return (react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: ["1", "2", "3", "4"].map(H1), pageSize: 3, initialPage: 1 }));
52
+ };
53
+ exports.BugFixScrollWith4Items = BugFixScrollWith4Items;
54
54
  //# sourceMappingURL=InfinityScroll.stories.js.map
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,189 +1,189 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- const react_1 = __importStar(require("react"));
27
- const react_2 = require("@testing-library/react");
28
- const InfinityScroll_1 = __importStar(require("./InfinityScroll"));
29
- const react_3 = require("@testing-library/react");
30
- HTMLElement.prototype.scrollTo = jest.fn();
31
- Object.defineProperty(HTMLElement.prototype, "offsetLeft", {
32
- set: function (val) {
33
- this._offsetLeft = val;
34
- },
35
- get: function () {
36
- return this._offsetLeft;
37
- },
38
- });
39
- const elements = [
40
- "1",
41
- "2",
42
- "3",
43
- "4",
44
- "5",
45
- "6",
46
- "7",
47
- "8",
48
- "9",
49
- "a",
50
- "b",
51
- "c",
52
- "d",
53
- "e",
54
- "f",
55
- ];
56
- it("Should be able to decide when to emulate the page recycling", () => {
57
- const wrapper = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3 }));
58
- expect(wrapper.container.textContent).toEqual("def123456");
59
- });
60
- it.each([
61
- [0, "234123412"],
62
- [1, "123412341"],
63
- ])("Should be able to show uneved number of items", (initialPage, expectation) => {
64
- const elements = ["1", "2", "3", "4"];
65
- const wrapper = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3, initialPage: initialPage }));
66
- expect(wrapper.container.textContent).toEqual(expectation);
67
- });
68
- it.each([
69
- [200, 0, 100, 200, 1],
70
- [0, 0, 100, 200, -1],
71
- [100, 0, 100, 200, 0], // This happens when the change on page is executed
72
- ])("Should be able to decide when to go to another page", (howMuchTheParentScrolled, prevSectionPosition, currSectionPosition, nextSectionPosition, expectationForPageIncrease) => {
73
- expect((0, InfinityScroll_1.shouldIncrementPage)(howMuchTheParentScrolled, prevSectionPosition, currSectionPosition, nextSectionPosition)).toEqual(expectationForPageIncrease);
74
- });
75
- it("Should not infinitize if the number of items can be displayed on single section", () => {
76
- const elements = ["1", "2", "3"];
77
- const { container } = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3, initialPage: 1 }));
78
- expect(container.textContent).toEqual("123");
79
- });
80
- describe("BugFixing", () => {
81
- it("Should be able to infinitize after single page", () => {
82
- const event = new Event("scroll");
83
- event.initEvent("scroll", true, true);
84
- const elements = ["1", "2", "3"];
85
- const moreElements = ["1", "2", "3", "4"];
86
- const { rerender, container, getByTestId } = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3 }));
87
- expect(container.textContent).toEqual("123");
88
- rerender(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: moreElements, pageSize: 3 }));
89
- expect(container.textContent).toEqual("234123412");
90
- const parent = getByTestId("infinity-parent");
91
- const prev = getByTestId("infinity-prev");
92
- const curr = getByTestId("infinity-curr");
93
- const next = getByTestId("infinity-next");
94
- prev.offsetLeft = 0;
95
- curr.offsetLeft = 100;
96
- next.offsetLeft = 200;
97
- parent.scrollLeft = 200;
98
- (0, react_3.act)(() => {
99
- parent.dispatchEvent(event);
100
- });
101
- expect(container.textContent).toEqual("123412341");
102
- });
103
- it("Should request next pages correctly", () => {
104
- const event = new Event("scroll");
105
- event.initEvent("scroll", true, true);
106
- const elements = ["1", "2", "3", "4"];
107
- const { getByTestId, container } = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3, initialPage: 1 }));
108
- expect(container.textContent).toEqual("123412341");
109
- const parent = getByTestId("infinity-parent");
110
- parent.scrollLeft = 200;
111
- function goToNextPage() {
112
- const prev = getByTestId("infinity-prev");
113
- const curr = getByTestId("infinity-curr");
114
- const next = getByTestId("infinity-next");
115
- prev.offsetLeft = 0;
116
- curr.offsetLeft = 100;
117
- next.offsetLeft = 200;
118
- parent.dispatchEvent(event);
119
- }
120
- (0, react_3.act)(() => {
121
- goToNextPage();
122
- });
123
- expect(container.textContent).toEqual("412341234");
124
- (0, react_3.act)(() => {
125
- goToNextPage();
126
- });
127
- expect(container.textContent).toEqual("341234123");
128
- (0, react_3.act)(() => {
129
- goToNextPage();
130
- });
131
- expect(container.textContent).toEqual("234123412");
132
- (0, react_3.act)(() => {
133
- goToNextPage();
134
- });
135
- expect(container.textContent).toEqual("123412341");
136
- (0, react_3.act)(() => {
137
- goToNextPage();
138
- });
139
- expect(container.textContent).toEqual("412341234");
140
- (0, react_3.act)(() => {
141
- goToNextPage();
142
- });
143
- expect(container.textContent).toEqual("341234123");
144
- });
145
- it("Should request prev pages correctly", () => {
146
- const event = new Event("scroll");
147
- event.initEvent("scroll", true, true);
148
- const elements = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
149
- const { getByTestId, container } = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3, initialPage: 1 }));
150
- expect(container.textContent).toEqual("123456789");
151
- const parent = getByTestId("infinity-parent");
152
- parent.scrollLeft = 0;
153
- function goToPrevPage() {
154
- const prev = getByTestId("infinity-prev");
155
- const curr = getByTestId("infinity-curr");
156
- const next = getByTestId("infinity-next");
157
- prev.offsetLeft = 0;
158
- curr.offsetLeft = 100;
159
- next.offsetLeft = 200;
160
- parent.dispatchEvent(event);
161
- }
162
- (0, react_3.act)(() => {
163
- goToPrevPage();
164
- });
165
- expect(container.textContent).toEqual("789123456");
166
- (0, react_3.act)(() => {
167
- goToPrevPage();
168
- });
169
- expect(container.textContent).toEqual("456789123");
170
- (0, react_3.act)(() => {
171
- goToPrevPage();
172
- });
173
- expect(container.textContent).toEqual("123456789");
174
- (0, react_3.act)(() => {
175
- goToPrevPage();
176
- });
177
- expect(container.textContent).toEqual("789123456");
178
- });
179
- });
180
- describe("Optimization", () => {
181
- it("Should slide the keys definitions to reuse divs", () => {
182
- expect((0, InfinityScroll_1.keys)(0)).toEqual([2, 1, 0].map((a) => `step_${a}`));
183
- expect((0, InfinityScroll_1.keys)(1)).toEqual([0, 2, 1].map((a) => `step_${a}`));
184
- expect((0, InfinityScroll_1.keys)(2)).toEqual([1, 0, 2].map((a) => `step_${a}`));
185
- expect((0, InfinityScroll_1.keys)(3)).toEqual([2, 1, 0].map((a) => `step_${a}`));
186
- expect((0, InfinityScroll_1.keys)(4)).toEqual([0, 2, 1].map((a) => `step_${a}`));
187
- });
188
- });
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ const react_1 = __importStar(require("react"));
27
+ const react_2 = require("@testing-library/react");
28
+ const InfinityScroll_1 = __importStar(require("./InfinityScroll"));
29
+ const react_3 = require("@testing-library/react");
30
+ HTMLElement.prototype.scrollTo = jest.fn();
31
+ Object.defineProperty(HTMLElement.prototype, "offsetLeft", {
32
+ set: function (val) {
33
+ this._offsetLeft = val;
34
+ },
35
+ get: function () {
36
+ return this._offsetLeft;
37
+ },
38
+ });
39
+ const elements = [
40
+ "1",
41
+ "2",
42
+ "3",
43
+ "4",
44
+ "5",
45
+ "6",
46
+ "7",
47
+ "8",
48
+ "9",
49
+ "a",
50
+ "b",
51
+ "c",
52
+ "d",
53
+ "e",
54
+ "f",
55
+ ];
56
+ it("Should be able to decide when to emulate the page recycling", () => {
57
+ const wrapper = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3 }));
58
+ expect(wrapper.container.textContent).toEqual("def123456");
59
+ });
60
+ it.each([
61
+ [0, "234123412"],
62
+ [1, "123412341"],
63
+ ])("Should be able to show uneved number of items", (initialPage, expectation) => {
64
+ const elements = ["1", "2", "3", "4"];
65
+ const wrapper = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3, initialPage: initialPage }));
66
+ expect(wrapper.container.textContent).toEqual(expectation);
67
+ });
68
+ it.each([
69
+ [200, 0, 100, 200, 1],
70
+ [0, 0, 100, 200, -1],
71
+ [100, 0, 100, 200, 0], // This happens when the change on page is executed
72
+ ])("Should be able to decide when to go to another page", (howMuchTheParentScrolled, prevSectionPosition, currSectionPosition, nextSectionPosition, expectationForPageIncrease) => {
73
+ expect((0, InfinityScroll_1.shouldIncrementPage)(howMuchTheParentScrolled, prevSectionPosition, currSectionPosition, nextSectionPosition)).toEqual(expectationForPageIncrease);
74
+ });
75
+ it("Should not infinitize if the number of items can be displayed on single section", () => {
76
+ const elements = ["1", "2", "3"];
77
+ const { container } = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3, initialPage: 1 }));
78
+ expect(container.textContent).toEqual("123");
79
+ });
80
+ describe("BugFixing", () => {
81
+ it("Should be able to infinitize after single page", () => {
82
+ const event = new Event("scroll");
83
+ event.initEvent("scroll", true, true);
84
+ const elements = ["1", "2", "3"];
85
+ const moreElements = ["1", "2", "3", "4"];
86
+ const { rerender, container, getByTestId } = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3 }));
87
+ expect(container.textContent).toEqual("123");
88
+ rerender(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: moreElements, pageSize: 3 }));
89
+ expect(container.textContent).toEqual("234123412");
90
+ const parent = getByTestId("infinity-parent");
91
+ const prev = getByTestId("infinity-prev");
92
+ const curr = getByTestId("infinity-curr");
93
+ const next = getByTestId("infinity-next");
94
+ prev.offsetLeft = 0;
95
+ curr.offsetLeft = 100;
96
+ next.offsetLeft = 200;
97
+ parent.scrollLeft = 200;
98
+ (0, react_3.act)(() => {
99
+ parent.dispatchEvent(event);
100
+ });
101
+ expect(container.textContent).toEqual("123412341");
102
+ });
103
+ it("Should request next pages correctly", () => {
104
+ const event = new Event("scroll");
105
+ event.initEvent("scroll", true, true);
106
+ const elements = ["1", "2", "3", "4"];
107
+ const { getByTestId, container } = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3, initialPage: 1 }));
108
+ expect(container.textContent).toEqual("123412341");
109
+ const parent = getByTestId("infinity-parent");
110
+ parent.scrollLeft = 200;
111
+ function goToNextPage() {
112
+ const prev = getByTestId("infinity-prev");
113
+ const curr = getByTestId("infinity-curr");
114
+ const next = getByTestId("infinity-next");
115
+ prev.offsetLeft = 0;
116
+ curr.offsetLeft = 100;
117
+ next.offsetLeft = 200;
118
+ parent.dispatchEvent(event);
119
+ }
120
+ (0, react_3.act)(() => {
121
+ goToNextPage();
122
+ });
123
+ expect(container.textContent).toEqual("412341234");
124
+ (0, react_3.act)(() => {
125
+ goToNextPage();
126
+ });
127
+ expect(container.textContent).toEqual("341234123");
128
+ (0, react_3.act)(() => {
129
+ goToNextPage();
130
+ });
131
+ expect(container.textContent).toEqual("234123412");
132
+ (0, react_3.act)(() => {
133
+ goToNextPage();
134
+ });
135
+ expect(container.textContent).toEqual("123412341");
136
+ (0, react_3.act)(() => {
137
+ goToNextPage();
138
+ });
139
+ expect(container.textContent).toEqual("412341234");
140
+ (0, react_3.act)(() => {
141
+ goToNextPage();
142
+ });
143
+ expect(container.textContent).toEqual("341234123");
144
+ });
145
+ it("Should request prev pages correctly", () => {
146
+ const event = new Event("scroll");
147
+ event.initEvent("scroll", true, true);
148
+ const elements = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
149
+ const { getByTestId, container } = (0, react_2.render)(react_1.default.createElement(InfinityScroll_1.default, { ref: (0, react_1.createRef)(), items: elements, pageSize: 3, initialPage: 1 }));
150
+ expect(container.textContent).toEqual("123456789");
151
+ const parent = getByTestId("infinity-parent");
152
+ parent.scrollLeft = 0;
153
+ function goToPrevPage() {
154
+ const prev = getByTestId("infinity-prev");
155
+ const curr = getByTestId("infinity-curr");
156
+ const next = getByTestId("infinity-next");
157
+ prev.offsetLeft = 0;
158
+ curr.offsetLeft = 100;
159
+ next.offsetLeft = 200;
160
+ parent.dispatchEvent(event);
161
+ }
162
+ (0, react_3.act)(() => {
163
+ goToPrevPage();
164
+ });
165
+ expect(container.textContent).toEqual("789123456");
166
+ (0, react_3.act)(() => {
167
+ goToPrevPage();
168
+ });
169
+ expect(container.textContent).toEqual("456789123");
170
+ (0, react_3.act)(() => {
171
+ goToPrevPage();
172
+ });
173
+ expect(container.textContent).toEqual("123456789");
174
+ (0, react_3.act)(() => {
175
+ goToPrevPage();
176
+ });
177
+ expect(container.textContent).toEqual("789123456");
178
+ });
179
+ });
180
+ describe("Optimization", () => {
181
+ it("Should slide the keys definitions to reuse divs", () => {
182
+ expect((0, InfinityScroll_1.keys)(0)).toEqual([2, 1, 0].map((a) => `step_${a}`));
183
+ expect((0, InfinityScroll_1.keys)(1)).toEqual([0, 2, 1].map((a) => `step_${a}`));
184
+ expect((0, InfinityScroll_1.keys)(2)).toEqual([1, 0, 2].map((a) => `step_${a}`));
185
+ expect((0, InfinityScroll_1.keys)(3)).toEqual([2, 1, 0].map((a) => `step_${a}`));
186
+ expect((0, InfinityScroll_1.keys)(4)).toEqual([0, 2, 1].map((a) => `step_${a}`));
187
+ });
188
+ });
189
189
  //# sourceMappingURL=InfinityScroll.test.js.map
@@ -1 +1 @@
1
- export { default } from './InfinityScroll';
1
+ export { default } from './InfinityScroll';
@@ -1,9 +1,9 @@
1
- "use strict";
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
- exports.default = void 0;
7
- var InfinityScroll_1 = require("./InfinityScroll");
8
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InfinityScroll_1).default; } });
1
+ "use strict";
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
+ exports.default = void 0;
7
+ var InfinityScroll_1 = require("./InfinityScroll");
8
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InfinityScroll_1).default; } });
9
9
  //# sourceMappingURL=index.js.map
@@ -1,34 +1,34 @@
1
- import React, { ChangeEventHandler, DetailedHTMLProps } from "react";
2
- export declare type InputProps = {
3
- decoration?: React.ReactElement | null;
4
- error?: string;
5
- hideError?: "onfocus";
6
- placeholder?: string;
7
- disclaimer?: string;
8
- multiline?: number;
9
- border?: boolean;
10
- icon?: {
11
- onClick?: () => void;
12
- } & DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, any>;
13
- Icon?: React.ReactElement;
14
- onChange?: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
15
- } & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange">;
16
- export declare enum InputTestIds {
17
- DISCLAIMER = "disclaimer",
18
- ERROR = "error"
19
- }
20
- declare const _default: React.ForwardRefExoticComponent<{
21
- decoration?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
22
- error?: string | undefined;
23
- hideError?: "onfocus" | undefined;
24
- placeholder?: string | undefined;
25
- disclaimer?: string | undefined;
26
- multiline?: number | undefined;
27
- border?: boolean | undefined;
28
- icon?: ({
29
- onClick?: (() => void) | undefined;
30
- } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
31
- Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
32
- onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
33
- } & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>>;
34
- export default _default;
1
+ import React, { ChangeEventHandler, DetailedHTMLProps } from "react";
2
+ export declare type InputProps = {
3
+ decoration?: React.ReactElement | null;
4
+ error?: string;
5
+ hideError?: "onfocus";
6
+ placeholder?: string;
7
+ disclaimer?: string;
8
+ multiline?: number;
9
+ border?: boolean;
10
+ icon?: {
11
+ onClick?: () => void;
12
+ } & DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, any>;
13
+ Icon?: React.ReactElement;
14
+ onChange?: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
15
+ } & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange">;
16
+ export declare enum InputTestIds {
17
+ DISCLAIMER = "disclaimer",
18
+ ERROR = "error"
19
+ }
20
+ declare const _default: React.ForwardRefExoticComponent<{
21
+ decoration?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
22
+ error?: string | undefined;
23
+ hideError?: "onfocus" | undefined;
24
+ placeholder?: string | undefined;
25
+ disclaimer?: string | undefined;
26
+ multiline?: number | undefined;
27
+ border?: boolean | undefined;
28
+ icon?: ({
29
+ onClick?: (() => void) | undefined;
30
+ } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
31
+ Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
32
+ onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
33
+ } & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>>;
34
+ export default _default;