@onepercentio/one-ui 0.8.5-beta.1 → 0.8.5-beta.11

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 (332) hide show
  1. package/WebpackConfigs/email-templates.js +35 -3
  2. package/cypress/support/component-index.html +4 -0
  3. package/dist/assets/styles/variables.scss +1 -0
  4. package/dist/components/AdaptiveContainer/AdaptiveContainer.d.ts +8 -1
  5. package/dist/components/AdaptiveContainer/AdaptiveContainer.js +36 -15
  6. package/dist/components/AdaptiveContainer/AdaptiveContainer.js.map +1 -1
  7. package/dist/components/AdaptiveContainer/AdaptiveContainer.module.scss +1 -1
  8. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.d.ts +17 -10
  9. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +10 -5
  10. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js.map +1 -1
  11. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.module.scss +21 -24
  12. package/dist/components/AnimatedEntrance/AnimatedEntrance.js +5 -3
  13. package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map +1 -1
  14. package/dist/components/Button/Button.d.ts +2 -2
  15. package/dist/components/Button/Button.js.map +1 -1
  16. package/dist/components/Collapsable/Collapsable.d.ts +11 -1
  17. package/dist/components/Collapsable/Collapsable.js +17 -4
  18. package/dist/components/Collapsable/Collapsable.js.map +1 -1
  19. package/dist/components/EmailInput/EmailInput.d.ts +2 -2
  20. package/dist/components/FadeIn/FadeIn.d.ts +1 -0
  21. package/dist/components/FadeIn/FadeIn.js +14 -2
  22. package/dist/components/FadeIn/FadeIn.js.map +1 -1
  23. package/dist/components/InfinityScroll/InfinityScroll.d.ts +7 -0
  24. package/dist/components/InfinityScroll/InfinityScroll.js +39 -22
  25. package/dist/components/InfinityScroll/InfinityScroll.js.map +1 -1
  26. package/dist/components/Input/Input.d.ts +1 -1
  27. package/dist/components/Loader/Loader.d.ts +3 -2
  28. package/dist/components/Loader/Loader.js +14 -2
  29. package/dist/components/Loader/Loader.js.map +1 -1
  30. package/dist/components/OrderableList/OrderableList.d.ts +13 -3
  31. package/dist/components/OrderableList/OrderableList.js +71 -14
  32. package/dist/components/OrderableList/OrderableList.js.map +1 -1
  33. package/dist/components/OrderableList/OrderableList.module.scss +15 -0
  34. package/dist/components/PaginationIndicator/PaginationIndicator.d.ts +28 -0
  35. package/dist/components/PaginationIndicator/PaginationIndicator.js +139 -0
  36. package/dist/components/PaginationIndicator/PaginationIndicator.js.map +1 -0
  37. package/dist/components/PaginationIndicator/PaginationIndicator.module.scss +48 -0
  38. package/dist/components/PaginationIndicator/index.d.ts +1 -0
  39. package/dist/components/PaginationIndicator/index.js +9 -0
  40. package/dist/components/PaginationIndicator/index.js.map +1 -0
  41. package/dist/components/PasswordInput/PasswordInput.d.ts +1 -1
  42. package/dist/components/Select/Select.d.ts +3 -1
  43. package/dist/components/Select/Select.js +2 -2
  44. package/dist/components/Select/Select.js.map +1 -1
  45. package/dist/components/Tabs/Tabs.d.ts +3 -1
  46. package/dist/components/Tabs/Tabs.js +17 -9
  47. package/dist/components/Tabs/Tabs.js.map +1 -1
  48. package/dist/components/Tabs/Tabs.module.scss +0 -1
  49. package/dist/components/Text/Text.d.ts +3 -3
  50. package/dist/components/Text/Text.js +4 -4
  51. package/dist/components/Text/Text.js.map +1 -1
  52. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map +1 -1
  53. package/dist/context/AsyncProcessQueue.js +9 -13
  54. package/dist/context/AsyncProcessQueue.js.map +1 -1
  55. package/dist/context/OneUIProvider.d.ts +10 -1
  56. package/dist/context/OneUIProvider.js +1 -1
  57. package/dist/context/OneUIProvider.js.map +1 -1
  58. package/dist/hooks/ui/useBreakpoint.d.ts +5 -0
  59. package/dist/hooks/ui/useBreakpoint.js +25 -0
  60. package/dist/hooks/ui/useBreakpoint.js.map +1 -0
  61. package/dist/hooks/ui/usePaginationControls.d.ts +14 -0
  62. package/dist/hooks/ui/usePaginationControls.js +92 -0
  63. package/dist/hooks/ui/usePaginationControls.js.map +1 -0
  64. package/dist/hooks/ui/usePaginationControls.module.scss +16 -0
  65. package/dist/hooks/useAsyncControl.d.ts +4 -1
  66. package/dist/hooks/useAsyncControl.js +3 -1
  67. package/dist/hooks/useAsyncControl.js.map +1 -1
  68. package/dist/hooks/useContainedRepositioning.d.ts +3 -1
  69. package/dist/hooks/useContainedRepositioning.js +13 -10
  70. package/dist/hooks/useContainedRepositioning.js.map +1 -1
  71. package/dist/hooks/useElementFit.d.ts +2 -2
  72. package/dist/hooks/useElementFit.js.map +1 -1
  73. package/dist/hooks/useFreeze.d.ts +1 -1
  74. package/dist/hooks/useHero.d.ts +13 -0
  75. package/dist/hooks/useHero.js +97 -0
  76. package/dist/hooks/useHero.js.map +1 -0
  77. package/dist/hooks/useMergeRefs.d.ts +5 -0
  78. package/dist/hooks/useMergeRefs.js +15 -0
  79. package/dist/hooks/useMergeRefs.js.map +1 -0
  80. package/dist/hooks/usePagination.d.ts +5 -4
  81. package/dist/hooks/usePagination.js +22 -15
  82. package/dist/hooks/usePagination.js.map +1 -1
  83. package/dist/hooks/usePaginationControls.d.ts +5 -0
  84. package/dist/hooks/usePaginationControls.js +8 -0
  85. package/dist/hooks/usePaginationControls.js.map +1 -0
  86. package/dist/models/GenericContract.d.ts +1 -1
  87. package/dist/types.d.ts +1 -2
  88. package/dist/types.js +0 -1
  89. package/dist/types.js.map +1 -1
  90. package/package.json +8 -16
  91. package/src/types.ts +85 -0
  92. package/tsconfig.json +108 -0
  93. package/WebpackConfigs/__snapshots__/email-templates.test.js.snap +0 -9
  94. package/WebpackConfigs/email-templates.test.js +0 -53
  95. package/WebpackConfigs/loaders/css-var-removal.test.ts +0 -17
  96. package/dist/__test__/analytics.d.ts +0 -3
  97. package/dist/__test__/analytics.js +0 -20
  98. package/dist/__test__/analytics.js.map +0 -1
  99. package/dist/__test__/firestore.d.ts +0 -2
  100. package/dist/__test__/firestore.js +0 -26
  101. package/dist/__test__/firestore.js.map +0 -1
  102. package/dist/__test__/utils.d.ts +0 -16
  103. package/dist/__test__/utils.js +0 -164
  104. package/dist/__test__/utils.js.map +0 -1
  105. package/dist/components/AdaptiveButton/AdaptiveButton.stories.d.ts +0 -18
  106. package/dist/components/AdaptiveButton/AdaptiveButton.stories.js +0 -82
  107. package/dist/components/AdaptiveButton/AdaptiveButton.stories.js.map +0 -1
  108. package/dist/components/AdaptiveContainer/AdaptiveContainer.stories.d.ts +0 -17
  109. package/dist/components/AdaptiveContainer/AdaptiveContainer.stories.js +0 -82
  110. package/dist/components/AdaptiveContainer/AdaptiveContainer.stories.js.map +0 -1
  111. package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.d.ts +0 -20
  112. package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.js +0 -94
  113. package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.js.map +0 -1
  114. package/dist/components/AdaptiveDialog/AdaptiveDialog.test.d.ts +0 -1
  115. package/dist/components/AdaptiveDialog/AdaptiveDialog.test.js +0 -15
  116. package/dist/components/AdaptiveDialog/AdaptiveDialog.test.js.map +0 -1
  117. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.d.ts +0 -19
  118. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.js +0 -21
  119. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.js.map +0 -1
  120. package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.d.ts +0 -16
  121. package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.js +0 -86
  122. package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.js.map +0 -1
  123. package/dist/components/AnchoredTooltip/AnchoredTooltip.test.d.ts +0 -1
  124. package/dist/components/AnchoredTooltip/AnchoredTooltip.test.js +0 -20
  125. package/dist/components/AnchoredTooltip/AnchoredTooltip.test.js.map +0 -1
  126. package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.d.ts +0 -14
  127. package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.js +0 -67
  128. package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.js.map +0 -1
  129. package/dist/components/AsyncWrapper/AsyncWrapper.stories.d.ts +0 -18
  130. package/dist/components/AsyncWrapper/AsyncWrapper.stories.js +0 -34
  131. package/dist/components/AsyncWrapper/AsyncWrapper.stories.js.map +0 -1
  132. package/dist/components/AsyncWrapper/AsyncWrapper.test.d.ts +0 -1
  133. package/dist/components/AsyncWrapper/AsyncWrapper.test.js +0 -19
  134. package/dist/components/AsyncWrapper/AsyncWrapper.test.js.map +0 -1
  135. package/dist/components/Avatar/Avatar.stories.d.ts +0 -14
  136. package/dist/components/Avatar/Avatar.stories.js +0 -19
  137. package/dist/components/Avatar/Avatar.stories.js.map +0 -1
  138. package/dist/components/Avatar/Avatar.test.d.ts +0 -1
  139. package/dist/components/Avatar/Avatar.test.js +0 -36
  140. package/dist/components/Avatar/Avatar.test.js.map +0 -1
  141. package/dist/components/BucketFill/BucketFill.stories.d.ts +0 -17
  142. package/dist/components/BucketFill/BucketFill.stories.js +0 -141
  143. package/dist/components/BucketFill/BucketFill.stories.js.map +0 -1
  144. package/dist/components/BucketFill/BucketFill.stories.module.scss +0 -3
  145. package/dist/components/Button/Button.stories.d.ts +0 -9
  146. package/dist/components/Button/Button.stories.js +0 -58
  147. package/dist/components/Button/Button.stories.js.map +0 -1
  148. package/dist/components/Button/Button.test.d.ts +0 -1
  149. package/dist/components/Button/Button.test.js +0 -15
  150. package/dist/components/Button/Button.test.js.map +0 -1
  151. package/dist/components/Card/Card.stories.d.ts +0 -15
  152. package/dist/components/Card/Card.stories.js +0 -16
  153. package/dist/components/Card/Card.stories.js.map +0 -1
  154. package/dist/components/CheckBox/CheckBox.stories.d.ts +0 -20
  155. package/dist/components/CheckBox/CheckBox.stories.js +0 -53
  156. package/dist/components/CheckBox/CheckBox.stories.js.map +0 -1
  157. package/dist/components/Collapsable/Collapsable.stories.d.ts +0 -39
  158. package/dist/components/Collapsable/Collapsable.stories.js +0 -28
  159. package/dist/components/Collapsable/Collapsable.stories.js.map +0 -1
  160. package/dist/components/Countdown/Countdown.stories.d.ts +0 -14
  161. package/dist/components/Countdown/Countdown.stories.js +0 -55
  162. package/dist/components/Countdown/Countdown.stories.js.map +0 -1
  163. package/dist/components/Divider/Divider.stories.d.ts +0 -7
  164. package/dist/components/Divider/Divider.stories.js +0 -15
  165. package/dist/components/Divider/Divider.stories.js.map +0 -1
  166. package/dist/components/EmailInput/EmailInput.stories.d.ts +0 -28
  167. package/dist/components/EmailInput/EmailInput.stories.js +0 -15
  168. package/dist/components/EmailInput/EmailInput.stories.js.map +0 -1
  169. package/dist/components/EmailInput/EmailInput.test.d.ts +0 -1
  170. package/dist/components/EmailInput/EmailInput.test.js +0 -77
  171. package/dist/components/EmailInput/EmailInput.test.js.map +0 -1
  172. package/dist/components/FadeIn/FadeIn.stories.d.ts +0 -24
  173. package/dist/components/FadeIn/FadeIn.stories.js +0 -16
  174. package/dist/components/FadeIn/FadeIn.stories.js.map +0 -1
  175. package/dist/components/FadeIn/FadeIn.test.d.ts +0 -1
  176. package/dist/components/FadeIn/FadeIn.test.js +0 -22
  177. package/dist/components/FadeIn/FadeIn.test.js.map +0 -1
  178. package/dist/components/FileInput/FileInput.stories.d.ts +0 -19
  179. package/dist/components/FileInput/FileInput.stories.js +0 -59
  180. package/dist/components/FileInput/FileInput.stories.js.map +0 -1
  181. package/dist/components/FlowController/FlowController.stories.d.ts +0 -43
  182. package/dist/components/FlowController/FlowController.stories.js +0 -101
  183. package/dist/components/FlowController/FlowController.stories.js.map +0 -1
  184. package/dist/components/FlowController/FlowController.test.d.ts +0 -1
  185. package/dist/components/FlowController/FlowController.test.js +0 -166
  186. package/dist/components/FlowController/FlowController.test.js.map +0 -1
  187. package/dist/components/Form/Form.stories.d.ts +0 -13
  188. package/dist/components/Form/Form.stories.js +0 -36
  189. package/dist/components/Form/Form.stories.js.map +0 -1
  190. package/dist/components/Freeze/Freeze.stories.d.ts +0 -7
  191. package/dist/components/Freeze/Freeze.stories.js +0 -56
  192. package/dist/components/Freeze/Freeze.stories.js.map +0 -1
  193. package/dist/components/Freeze/Freeze.test.d.ts +0 -1
  194. package/dist/components/Freeze/Freeze.test.js +0 -15
  195. package/dist/components/Freeze/Freeze.test.js.map +0 -1
  196. package/dist/components/Header/Header.stories.d.ts +0 -28
  197. package/dist/components/Header/Header.stories.js +0 -41
  198. package/dist/components/Header/Header.stories.js.map +0 -1
  199. package/dist/components/Header/Header.test.d.ts +0 -1
  200. package/dist/components/Header/Header.test.js +0 -100
  201. package/dist/components/Header/Header.test.js.map +0 -1
  202. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.d.ts +0 -14
  203. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.js +0 -16
  204. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.js.map +0 -1
  205. package/dist/components/InfinityScroll/InfinityScroll.stories.d.ts +0 -23
  206. package/dist/components/InfinityScroll/InfinityScroll.stories.js +0 -54
  207. package/dist/components/InfinityScroll/InfinityScroll.stories.js.map +0 -1
  208. package/dist/components/InfinityScroll/InfinityScroll.test.d.ts +0 -1
  209. package/dist/components/InfinityScroll/InfinityScroll.test.js +0 -189
  210. package/dist/components/InfinityScroll/InfinityScroll.test.js.map +0 -1
  211. package/dist/components/Input/Input.stories.d.ts +0 -24
  212. package/dist/components/Input/Input.stories.js +0 -21
  213. package/dist/components/Input/Input.stories.js.map +0 -1
  214. package/dist/components/Input/Input.test.d.ts +0 -1
  215. package/dist/components/Input/Input.test.js +0 -58
  216. package/dist/components/Input/Input.test.js.map +0 -1
  217. package/dist/components/InstantCounter/InstantCounter.stories.d.ts +0 -41
  218. package/dist/components/InstantCounter/InstantCounter.stories.js +0 -61
  219. package/dist/components/InstantCounter/InstantCounter.stories.js.map +0 -1
  220. package/dist/components/InstantCounter/InstantCounter.test.d.ts +0 -1
  221. package/dist/components/InstantCounter/InstantCounter.test.js +0 -50
  222. package/dist/components/InstantCounter/InstantCounter.test.js.map +0 -1
  223. package/dist/components/LinkToId/LinkToId.stories.d.ts +0 -7
  224. package/dist/components/LinkToId/LinkToId.stories.js +0 -15
  225. package/dist/components/LinkToId/LinkToId.stories.js.map +0 -1
  226. package/dist/components/LinkToId/LinkToId.test.d.ts +0 -1
  227. package/dist/components/LinkToId/LinkToId.test.js +0 -12
  228. package/dist/components/LinkToId/LinkToId.test.js.map +0 -1
  229. package/dist/components/Loader/Loader.stories.d.ts +0 -12
  230. package/dist/components/Loader/Loader.stories.js +0 -16
  231. package/dist/components/Loader/Loader.stories.js.map +0 -1
  232. package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.d.ts +0 -7
  233. package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.js +0 -15
  234. package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.stories.js.map +0 -1
  235. package/dist/components/MainGrid/MainGrid.stories.d.ts +0 -14
  236. package/dist/components/MainGrid/MainGrid.stories.js +0 -70
  237. package/dist/components/MainGrid/MainGrid.stories.js.map +0 -1
  238. package/dist/components/MainGrid/MainGrid.test.d.ts +0 -1
  239. package/dist/components/MainGrid/MainGrid.test.js +0 -18
  240. package/dist/components/MainGrid/MainGrid.test.js.map +0 -1
  241. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.d.ts +0 -21
  242. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js +0 -74
  243. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js.map +0 -1
  244. package/dist/components/Notification/Notification.stories.d.ts +0 -15
  245. package/dist/components/Notification/Notification.stories.js +0 -19
  246. package/dist/components/Notification/Notification.stories.js.map +0 -1
  247. package/dist/components/OrderableList/OrderableList.stories.d.ts +0 -14
  248. package/dist/components/OrderableList/OrderableList.stories.js +0 -77
  249. package/dist/components/OrderableList/OrderableList.stories.js.map +0 -1
  250. package/dist/components/Parallax/Parallax.stories.d.ts +0 -32
  251. package/dist/components/Parallax/Parallax.stories.js +0 -23
  252. package/dist/components/Parallax/Parallax.stories.js.map +0 -1
  253. package/dist/components/Parallax/Parallax.test.d.ts +0 -1
  254. package/dist/components/Parallax/Parallax.test.js +0 -22
  255. package/dist/components/Parallax/Parallax.test.js.map +0 -1
  256. package/dist/components/PasswordInput/PasswordInput.stories.d.ts +0 -45
  257. package/dist/components/PasswordInput/PasswordInput.stories.js +0 -22
  258. package/dist/components/PasswordInput/PasswordInput.stories.js.map +0 -1
  259. package/dist/components/PasswordInput/PasswordInput.test.d.ts +0 -1
  260. package/dist/components/PasswordInput/PasswordInput.test.js +0 -157
  261. package/dist/components/PasswordInput/PasswordInput.test.js.map +0 -1
  262. package/dist/components/PixelatedScan/PixelatedScan.stories.d.ts +0 -15
  263. package/dist/components/PixelatedScan/PixelatedScan.stories.js +0 -40
  264. package/dist/components/PixelatedScan/PixelatedScan.stories.js.map +0 -1
  265. package/dist/components/Portal/Portal.stories.d.ts +0 -7
  266. package/dist/components/Portal/Portal.stories.js +0 -15
  267. package/dist/components/Portal/Portal.stories.js.map +0 -1
  268. package/dist/components/ProgressBar/ProgressBar.stories.d.ts +0 -14
  269. package/dist/components/ProgressBar/ProgressBar.stories.js +0 -52
  270. package/dist/components/ProgressBar/ProgressBar.stories.js.map +0 -1
  271. package/dist/components/ProgressTexts/ProgressTexts.stories.d.ts +0 -24
  272. package/dist/components/ProgressTexts/ProgressTexts.stories.js +0 -90
  273. package/dist/components/ProgressTexts/ProgressTexts.stories.js.map +0 -1
  274. package/dist/components/ProgressTexts/ProgressTexts.test.d.ts +0 -1
  275. package/dist/components/ProgressTexts/ProgressTexts.test.js +0 -52
  276. package/dist/components/ProgressTexts/ProgressTexts.test.js.map +0 -1
  277. package/dist/components/SectionContainer/SectionContainer.stories.d.ts +0 -14
  278. package/dist/components/SectionContainer/SectionContainer.stories.js +0 -15
  279. package/dist/components/SectionContainer/SectionContainer.stories.js.map +0 -1
  280. package/dist/components/Select/Select.stories.d.ts +0 -56
  281. package/dist/components/Select/Select.stories.js +0 -34
  282. package/dist/components/Select/Select.stories.js.map +0 -1
  283. package/dist/components/Select/Select.test.d.ts +0 -1
  284. package/dist/components/Select/Select.test.js +0 -12
  285. package/dist/components/Select/Select.test.js.map +0 -1
  286. package/dist/components/Spacing/Spacing.stories.d.ts +0 -7
  287. package/dist/components/Spacing/Spacing.stories.js +0 -35
  288. package/dist/components/Spacing/Spacing.stories.js.map +0 -1
  289. package/dist/components/Table/Table.stories.d.ts +0 -15
  290. package/dist/components/Table/Table.stories.js +0 -88
  291. package/dist/components/Table/Table.stories.js.map +0 -1
  292. package/dist/components/Table/Table.test.d.ts +0 -1
  293. package/dist/components/Table/Table.test.js +0 -35
  294. package/dist/components/Table/Table.test.js.map +0 -1
  295. package/dist/components/Tabs/Tabs.stories.d.ts +0 -17
  296. package/dist/components/Tabs/Tabs.stories.js +0 -57
  297. package/dist/components/Tabs/Tabs.stories.js.map +0 -1
  298. package/dist/components/Tabs/Tabs.test.d.ts +0 -1
  299. package/dist/components/Tabs/Tabs.test.js +0 -39
  300. package/dist/components/Tabs/Tabs.test.js.map +0 -1
  301. package/dist/components/Text/Text.stories.d.ts +0 -7
  302. package/dist/components/Text/Text.stories.js +0 -43
  303. package/dist/components/Text/Text.stories.js.map +0 -1
  304. package/dist/components/Text/Text.test.d.ts +0 -1
  305. package/dist/components/Text/Text.test.js +0 -12
  306. package/dist/components/Text/Text.test.js.map +0 -1
  307. package/dist/components/Transition/Transition.stories.d.ts +0 -10
  308. package/dist/components/Transition/Transition.stories.js +0 -29
  309. package/dist/components/Transition/Transition.stories.js.map +0 -1
  310. package/dist/components/Transition/Transition.test.d.ts +0 -1
  311. package/dist/components/Transition/Transition.test.js +0 -55
  312. package/dist/components/Transition/Transition.test.js.map +0 -1
  313. package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.d.ts +0 -33
  314. package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.js +0 -225
  315. package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.js.map +0 -1
  316. package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.module.scss +0 -66
  317. package/dist/components/UncontrolledTransition/UncontrolledTransition.test.d.ts +0 -1
  318. package/dist/components/UncontrolledTransition/UncontrolledTransition.test.js +0 -135
  319. package/dist/components/UncontrolledTransition/UncontrolledTransition.test.js.map +0 -1
  320. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.d.ts +0 -70
  321. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.js +0 -65
  322. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.js.map +0 -1
  323. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.d.ts +0 -1
  324. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.js +0 -137
  325. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.js.map +0 -1
  326. package/dist/context/__mocks__/OneUIProvider.d.ts +0 -74
  327. package/dist/context/__mocks__/OneUIProvider.js +0 -13
  328. package/dist/context/__mocks__/OneUIProvider.js.map +0 -1
  329. package/dist/hooks/usePooling.test.d.ts +0 -1
  330. package/dist/hooks/usePooling.test.js +0 -104
  331. package/dist/hooks/usePooling.test.js.map +0 -1
  332. package/scripts/start-emulator.js +0 -48
@@ -1,82 +0,0 @@
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.TargetUsage = exports.InitialImplementation = void 0;
30
- const react_1 = __importStar(require("react"));
31
- const Loader_1 = __importDefault(require("../Loader"));
32
- const MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
33
- const Tabs_1 = __importDefault(require("../Tabs"));
34
- const Text_1 = __importDefault(require("../Text"));
35
- const AdaptiveButton_1 = __importDefault(require("./AdaptiveButton"));
36
- exports.default = {
37
- component: AdaptiveButton_1.default,
38
- title: "Adaptive Button",
39
- };
40
- const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveButton_1.default, Object.assign({}, args)));
41
- exports.InitialImplementation = InitialImplementation;
42
- var Example;
43
- (function (Example) {
44
- Example[Example["Loading"] = 0] = "Loading";
45
- Example[Example["Error"] = 1] = "Error";
46
- Example[Example["Content"] = 2] = "Content";
47
- Example[Example["Success"] = 3] = "Success";
48
- })(Example || (Example = {}));
49
- const TargetUsage = () => {
50
- const [s, ss] = (0, react_1.useState)(Example.Error);
51
- const child = (0, react_1.useMemo)(() => {
52
- switch (s) {
53
- case Example.Content:
54
- return react_1.default.createElement(react_1.default.Fragment, { key: s }, "Example button");
55
- case Example.Error:
56
- return react_1.default.createElement(MutableHamburgerButton_1.default, { key: s, size: 24, state: "closed" });
57
- case Example.Success:
58
- return react_1.default.createElement(MutableHamburgerButton_1.default, { key: s, size: 24, state: "arrow-up" });
59
- case Example.Loading:
60
- return react_1.default.createElement(Loader_1.default, { key: s });
61
- }
62
- }, [s]);
63
- (0, react_1.useEffect)(() => {
64
- setInterval(() => {
65
- // ss((pv) => (pv === 3 ? 0 : pv + 1));
66
- }, 10000);
67
- }, []);
68
- return (react_1.default.createElement(react_1.default.Fragment, null,
69
- react_1.default.createElement(Tabs_1.default, { options: Object.keys(Example)
70
- .map((k) => ({
71
- id: Example[k],
72
- label: k,
73
- }))
74
- .filter((e) => parseInt(e.id, 10) >= 0), onSelect: ss, selected: s }),
75
- react_1.default.createElement(AdaptiveButton_1.default, { variant: "outline" }, child)));
76
- };
77
- exports.TargetUsage = TargetUsage;
78
- exports.InitialImplementation.args = {
79
- variant: "filled",
80
- children: (react_1.default.createElement(Text_1.default, { key: "example", type: "highlight" }, "Some content to the button")),
81
- };
82
- //# sourceMappingURL=AdaptiveButton.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AdaptiveButton.stories.js","sourceRoot":"","sources":["../../../src/components/AdaptiveButton/AdaptiveButton.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAC5D,uDAA+B;AAC/B,uFAA+D;AAC/D,mDAA2B;AAC3B,mDAA2B;AAC3B,sEAA8C;AAE9C,kBAAe;IACb,SAAS,EAAE,wBAAc;IACzB,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,8BAAC,wBAAc,oBAAK,IAAI,EAAI,CAC7B,CAAC;AAFW,QAAA,qBAAqB,yBAEhC;AACF,IAAK,OAKJ;AALD,WAAK,OAAO;IACV,2CAAO,CAAA;IACP,uCAAK,CAAA;IACL,2CAAO,CAAA;IACP,2CAAO,CAAA;AACT,CAAC,EALI,OAAO,KAAP,OAAO,QAKX;AACM,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAU,OAAO,CAAC,KAAK,CAAC,CAAC;IAEjD,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,QAAQ,CAAC,EAAE;YACT,KAAK,OAAO,CAAC,OAAO;gBAClB,OAAO,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,qBAAiC,CAAC;YACjE,KAAK,OAAO,CAAC,KAAK;gBAChB,OAAO,8BAAC,gCAAsB,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,GAAI,CAAC;YACvE,KAAK,OAAO,CAAC,OAAO;gBAClB,OAAO,8BAAC,gCAAsB,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,GAAI,CAAC;YACzE,KAAK,OAAO,CAAC,OAAO;gBAClB,OAAO,8BAAC,gBAAM,IAAC,GAAG,EAAE,CAAC,GAAI,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAER,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;YACf,yCAAyC;QAC3C,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL;QACE,8BAAC,cAAI,IACH,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;iBAC1B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBACX,EAAE,EAAE,OAAO,CAAC,CAAQ,CAAC;gBACrB,KAAK,EAAE,CAAC;aACT,CAAC,CAAC;iBACF,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,EACzC,QAAQ,EAAE,EAAS,EACnB,QAAQ,EAAE,CAAQ,GAClB;QACF,8BAAC,wBAAc,IAAC,OAAO,EAAC,SAAS,IAAE,KAAK,CAAkB,CACzD,CACJ,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,WAAW,eAqCtB;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,OAAO,EAAE,QAAQ;IACjB,QAAQ,EAAE,CACR,8BAAC,cAAI,IAAC,GAAG,EAAC,SAAS,EAAC,IAAI,EAAC,WAAW,iCAE7B,CACR;CACsD,CAAC"}
@@ -1,17 +0,0 @@
1
- import React from "react";
2
- import AdaptiveContainer from "./AdaptiveContainer";
3
- declare const _default: {
4
- component: typeof AdaptiveContainer;
5
- title: string;
6
- };
7
- export default _default;
8
- export declare const InitialImplementation: {
9
- (args: any): JSX.Element;
10
- args: Partial<{
11
- containerElement?: keyof JSX.IntrinsicElements | React.FunctionComponent<{}> | undefined;
12
- children: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
13
- } & {
14
- [k: string]: any;
15
- }>;
16
- };
17
- export declare const TargetUsage: () => JSX.Element;
@@ -1,82 +0,0 @@
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.TargetUsage = exports.InitialImplementation = void 0;
30
- const react_1 = __importStar(require("react"));
31
- const Loader_1 = __importDefault(require("../Loader"));
32
- const MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
33
- const Tabs_1 = __importDefault(require("../Tabs"));
34
- const Text_1 = __importDefault(require("../Text"));
35
- const AdaptiveContainer_1 = __importDefault(require("./AdaptiveContainer"));
36
- exports.default = {
37
- component: AdaptiveContainer_1.default,
38
- title: "Adaptive Container",
39
- };
40
- const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveContainer_1.default, Object.assign({}, args)));
41
- exports.InitialImplementation = InitialImplementation;
42
- var Example;
43
- (function (Example) {
44
- Example[Example["Loading"] = 0] = "Loading";
45
- Example[Example["Error"] = 1] = "Error";
46
- Example[Example["Content"] = 2] = "Content";
47
- Example[Example["Success"] = 3] = "Success";
48
- })(Example || (Example = {}));
49
- const TargetUsage = () => {
50
- const [s, ss] = (0, react_1.useState)(Example.Error);
51
- const child = (0, react_1.useMemo)(() => {
52
- switch (s) {
53
- case Example.Content:
54
- return react_1.default.createElement(react_1.default.Fragment, { key: s }, "Example button");
55
- case Example.Error:
56
- return react_1.default.createElement(MutableHamburgerButton_1.default, { key: s, size: 24, state: "closed" });
57
- case Example.Success:
58
- return react_1.default.createElement(MutableHamburgerButton_1.default, { key: s, size: 24, state: "arrow-up" });
59
- case Example.Loading:
60
- return react_1.default.createElement(Loader_1.default, { key: s });
61
- }
62
- }, [s]);
63
- (0, react_1.useEffect)(() => {
64
- setInterval(() => {
65
- // ss((pv) => (pv === 3 ? 0 : pv + 1));
66
- }, 10000);
67
- }, []);
68
- return (react_1.default.createElement(react_1.default.Fragment, null,
69
- react_1.default.createElement(Tabs_1.default, { options: Object.keys(Example)
70
- .map((k) => ({
71
- id: Example[k],
72
- label: k,
73
- }))
74
- .filter((e) => parseInt(e.id, 10) >= 0), onSelect: ss, selected: s }),
75
- react_1.default.createElement(AdaptiveContainer_1.default, { variant: "outline" }, child)));
76
- };
77
- exports.TargetUsage = TargetUsage;
78
- exports.InitialImplementation.args = {
79
- variant: "filled",
80
- children: (react_1.default.createElement(Text_1.default, { key: "example", type: "highlight" }, "Some content to the button")),
81
- };
82
- //# sourceMappingURL=AdaptiveContainer.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AdaptiveContainer.stories.js","sourceRoot":"","sources":["../../../src/components/AdaptiveContainer/AdaptiveContainer.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAC5D,uDAA+B;AAC/B,uFAA+D;AAC/D,mDAA2B;AAC3B,mDAA2B;AAC3B,4EAAoD;AAEpD,kBAAe;IACb,SAAS,EAAE,2BAAiB;IAC5B,KAAK,EAAE,oBAAoB;CAC5B,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,8BAAC,2BAAiB,oBAAK,IAAI,EAAI,CAChC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC;AACF,IAAK,OAKJ;AALD,WAAK,OAAO;IACV,2CAAO,CAAA;IACP,uCAAK,CAAA;IACL,2CAAO,CAAA;IACP,2CAAO,CAAA;AACT,CAAC,EALI,OAAO,KAAP,OAAO,QAKX;AACM,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAU,OAAO,CAAC,KAAK,CAAC,CAAC;IAEjD,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,QAAQ,CAAC,EAAE;YACT,KAAK,OAAO,CAAC,OAAO;gBAClB,OAAO,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,qBAAiC,CAAC;YACjE,KAAK,OAAO,CAAC,KAAK;gBAChB,OAAO,8BAAC,gCAAsB,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,GAAI,CAAC;YACvE,KAAK,OAAO,CAAC,OAAO;gBAClB,OAAO,8BAAC,gCAAsB,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,GAAI,CAAC;YACzE,KAAK,OAAO,CAAC,OAAO;gBAClB,OAAO,8BAAC,gBAAM,IAAC,GAAG,EAAE,CAAC,GAAI,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAER,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;YACf,yCAAyC;QAC3C,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL;QACE,8BAAC,cAAI,IACH,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;iBAC1B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBACX,EAAE,EAAE,OAAO,CAAC,CAAQ,CAAC;gBACrB,KAAK,EAAE,CAAC;aACT,CAAC,CAAC;iBACF,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,EACzC,QAAQ,EAAE,EAAS,EACnB,QAAQ,EAAE,CAAQ,GAClB;QACF,8BAAC,2BAAiB,IAAC,OAAO,EAAC,SAAS,IAAE,KAAK,CAAqB,CAC/D,CACJ,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,WAAW,eAqCtB;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,OAAO,EAAE,QAAQ;IACjB,QAAQ,EAAE,CACR,8BAAC,cAAI,IAAC,GAAG,EAAC,SAAS,EAAC,IAAI,EAAC,WAAW,iCAE7B,CACR;CACyD,CAAC"}
@@ -1,20 +0,0 @@
1
- import React from "react";
2
- import AdaptiveDialog from "./AdaptiveDialog";
3
- declare const _default: {
4
- component: typeof AdaptiveDialog;
5
- title: string;
6
- };
7
- export default _default;
8
- export declare const InitialImplementation: {
9
- (args: any): JSX.Element;
10
- args: Partial<{
11
- className?: string | undefined;
12
- open: boolean;
13
- onClose?: (() => void) | undefined;
14
- onClickOut?: (() => void) | undefined;
15
- } & {
16
- children?: React.ReactNode;
17
- }>;
18
- };
19
- export declare const Improvement_LockScrollWhenOpen: () => JSX.Element;
20
- export declare const Improvement_LockFocusInsideModal: () => JSX.Element;
@@ -1,94 +0,0 @@
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.Improvement_LockFocusInsideModal = exports.Improvement_LockScrollWhenOpen = exports.InitialImplementation = void 0;
30
- const react_1 = __importStar(require("react"));
31
- const AdaptiveDialog_1 = __importDefault(require("./AdaptiveDialog"));
32
- exports.default = {
33
- component: AdaptiveDialog_1.default,
34
- title: "Adaptive Dialog",
35
- };
36
- const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveDialog_1.default, Object.assign({}, args),
37
- react_1.default.createElement("p", null, "Some content"),
38
- react_1.default.createElement("h1", null, "ANs some more"),
39
- react_1.default.createElement("h1", null, "ANs some more"),
40
- react_1.default.createElement("h1", null, "ANs some more"),
41
- react_1.default.createElement("h1", null, "ANs some more"),
42
- react_1.default.createElement("h1", null, "ANs some more"),
43
- react_1.default.createElement("h1", null, "ANs some more"),
44
- react_1.default.createElement("h1", null, "ANs some more")));
45
- exports.InitialImplementation = InitialImplementation;
46
- exports.InitialImplementation.args = {
47
- open: true,
48
- };
49
- const Improvement_LockScrollWhenOpen = () => {
50
- const [o, so] = (0, react_1.useState)(false);
51
- return (react_1.default.createElement(react_1.default.Fragment, null,
52
- react_1.default.createElement(AdaptiveDialog_1.default, { open: o, onClose: () => so(false) },
53
- react_1.default.createElement("div", { style: {
54
- overflow: "auto",
55
- } }, new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement("h1", null,
56
- "Scrolling modal div item ",
57
- i,
58
- " ",
59
- react_1.default.createElement("button", { onClick: () => so(false) }, "click to close modal")))))),
60
- react_1.default.createElement("div", null, new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement(react_1.default.Fragment, null,
61
- react_1.default.createElement("h1", null,
62
- "Scrolling div item ",
63
- i,
64
- " ",
65
- react_1.default.createElement("button", { onClick: () => so(true) }, "click to open modal")),
66
- i == 24 ? (react_1.default.createElement("div", { style: { overflow: "auto", height: 40 } },
67
- react_1.default.createElement("h1", null, "Nested scroll"),
68
- react_1.default.createElement("h1", null, "Nested scroll"),
69
- react_1.default.createElement("h1", null, "Nested scroll"),
70
- react_1.default.createElement("h1", null, "Nested scroll"),
71
- react_1.default.createElement("h1", null, "Nested scroll"),
72
- react_1.default.createElement("h1", null, "Nested scroll"),
73
- react_1.default.createElement("h1", null, "Nested scroll"),
74
- react_1.default.createElement("h1", null, "Nested scroll"),
75
- react_1.default.createElement("h1", null, "Nested scroll"),
76
- react_1.default.createElement("h1", null, "Nested scroll"),
77
- react_1.default.createElement("h1", null, "Nested scroll"),
78
- react_1.default.createElement("h1", null, "Nested scroll"))) : null))))));
79
- };
80
- exports.Improvement_LockScrollWhenOpen = Improvement_LockScrollWhenOpen;
81
- const Improvement_LockFocusInsideModal = () => {
82
- const [o, oo] = (0, react_1.useState)(false);
83
- return (react_1.default.createElement(react_1.default.Fragment, null,
84
- react_1.default.createElement("h1", null, "Here we have an input"),
85
- react_1.default.createElement("input", { placeholder: "This should not be focusable when I open the modal" }),
86
- react_1.default.createElement("button", { onClick: () => oo(true) }, "Open modal"),
87
- react_1.default.createElement(AdaptiveDialog_1.default, { open: o, onClose: () => {
88
- oo(false);
89
- } },
90
- react_1.default.createElement("h1", null, "Try pressing tab to switch focus"),
91
- react_1.default.createElement("input", { placeholder: "This should be focusable" }))));
92
- };
93
- exports.Improvement_LockFocusInsideModal = Improvement_LockFocusInsideModal;
94
- //# sourceMappingURL=AdaptiveDialog.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AdaptiveDialog.stories.js","sourceRoot":"","sources":["../../../src/components/AdaptiveDialog/AdaptiveDialog.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,sEAA8C;AAE9C,kBAAe;IACb,SAAS,EAAE,wBAAc;IACzB,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,8BAAC,wBAAc,oBAAK,IAAI;IACtB,wDAAmB;IACnB,0DAAsB;IACtB,0DAAsB;IACtB,0DAAsB;IACtB,0DAAsB;IACtB,0DAAsB;IACtB,0DAAsB;IACtB,0DAAsB,CACP,CAClB,CAAC;AAXW,QAAA,qBAAqB,yBAWhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,IAAI,EAAE,IAAI;CAC6C,CAAC;AAEnD,MAAM,8BAA8B,GAAG,GAAG,EAAE;IACjD,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CACL;QACE,8BAAC,wBAAc,IAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;YAC/C,uCACE,KAAK,EAAE;oBACL,QAAQ,EAAE,MAAM;iBACjB,IAEA,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5C;;gBAC4B,CAAC;gBAAE,GAAG;gBAChC,0CAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,2BAA+B,CAC5D,CACN,CAAC,CACE,CACS;QACjB,2CACG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5C;YACE;;gBACsB,CAAC;gBAAE,GAAG;gBAC1B,0CAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,0BAA8B,CAC1D;YACJ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CACT,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE;gBAC1C,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB;gBACtB,0DAAsB,CAClB,CACP,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAC,CACE,CACL,CACJ,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,8BAA8B,kCA+CzC;AAEK,MAAM,gCAAgC,GAAG,GAAG,EAAE;IACnD,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAChC,OAAO,CACL;QACE,kEAA8B;QAC9B,yCAAO,WAAW,EAAC,oDAAoD,GAAG;QAC1E,0CAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAqB;QAEpD,8BAAC,wBAAc,IACb,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,GAAG,EAAE;gBACZ,EAAE,CAAC,KAAK,CAAC,CAAC;YACZ,CAAC;YAED,6EAAyC;YACzC,yCAAO,WAAW,EAAC,0BAA0B,GAAG,CACjC,CAChB,CACJ,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,gCAAgC,oCAmB3C"}
@@ -1,15 +0,0 @@
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
- const react_1 = __importDefault(require("react"));
7
- const react_2 = require("@testing-library/react");
8
- const AdaptiveDialog_stories_1 = require("./AdaptiveDialog.stories");
9
- function renderScreen(props) {
10
- return (0, react_2.render)(react_1.default.createElement(AdaptiveDialog_stories_1.InitialImplementation, Object.assign({}, props)));
11
- }
12
- it('Should at least render :)', () => {
13
- renderScreen({});
14
- });
15
- //# sourceMappingURL=AdaptiveDialog.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AdaptiveDialog.test.js","sourceRoot":"","sources":["../../../src/components/AdaptiveDialog/AdaptiveDialog.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAEhD,qEAA8E;AAE9E,SAAS,YAAY,CAAC,KAA6C;IACjE,OAAO,IAAA,cAAM,EAAC,8BAAC,8CAAS,oBAAK,KAAK,EAAG,CAAC,CAAC;AACzC,CAAC;AAED,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACjC,YAAY,CAAC,EAAE,CAAC,CAAC;AACrB,CAAC,CAAC,CAAA"}
@@ -1,19 +0,0 @@
1
- import React from "react";
2
- import AdaptiveSidebar from "./AdaptiveSidebar";
3
- declare const _default: {
4
- component: typeof AdaptiveSidebar;
5
- title: string;
6
- };
7
- export default _default;
8
- export declare const InitialImplementation: {
9
- (args: any): JSX.Element;
10
- args: Partial<{
11
- open?: boolean | undefined;
12
- className?: string | undefined;
13
- visibilityControlComponent?: ((props: {
14
- open: boolean;
15
- }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) | undefined;
16
- } & React.HTMLProps<HTMLDivElement> & {
17
- children?: React.ReactNode;
18
- }>;
19
- };
@@ -1,21 +0,0 @@
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.InitialImplementation = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const AdaptiveSidebar_1 = __importDefault(require("./AdaptiveSidebar"));
9
- exports.default = {
10
- component: AdaptiveSidebar_1.default,
11
- title: "Adaptive Sidebar",
12
- };
13
- const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveSidebar_1.default, Object.assign({}, args),
14
- react_1.default.createElement("div", { style: { backgroundColor: "yellow" } },
15
- react_1.default.createElement("h1", { style: { margin: 0 } }, "Um sidebar heading"),
16
- new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement("p", null,
17
- "Op\u00E7\u00E3o ",
18
- i))))));
19
- exports.InitialImplementation = InitialImplementation;
20
- exports.InitialImplementation.args = {};
21
- //# sourceMappingURL=AdaptiveSidebar.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AdaptiveSidebar.stories.js","sourceRoot":"","sources":["../../../src/components/AdaptiveSidebar/AdaptiveSidebar.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,wEAAgD;AAEhD,kBAAe;IACb,SAAS,EAAE,yBAAe;IAC1B,KAAK,EAAE,kBAAkB;CAC1B,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD,8BAAC,yBAAe,oBAAK,IAAI;IACvB,uCAAK,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE;QACvC,sCAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,yBAAyB;QAChD,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5C;;YAAU,CAAC,CAAK,CACjB,CAAC,CACE,CACU,CACnB,CAAC;AATW,QAAA,qBAAqB,yBAShC;AACF,6BAAqB,CAAC,IAAI,GAAG,EAE5B,CAAC"}
@@ -1,16 +0,0 @@
1
- import React from "react";
2
- import AnchoredTooltip from "./AnchoredTooltip";
3
- declare const _default: {
4
- component: typeof AnchoredTooltip;
5
- title: string;
6
- };
7
- export default _default;
8
- export declare const InitialImplementation: {
9
- (args: any): JSX.Element;
10
- args: Partial<{
11
- children: JSX.Element;
12
- anchorRef: React.RefObject<HTMLElement>;
13
- open: boolean;
14
- className?: string | undefined;
15
- }>;
16
- };
@@ -1,86 +0,0 @@
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.InitialImplementation = void 0;
30
- const react_1 = __importStar(require("react"));
31
- const AnchoredTooltip_1 = __importDefault(require("./AnchoredTooltip"));
32
- exports.default = {
33
- component: AnchoredTooltip_1.default,
34
- title: "Anchored Tooltip",
35
- };
36
- const InitialImplementation = (args) => {
37
- const [open, setOpen] = (0, react_1.useState)(false);
38
- const [open2, setOpen2] = (0, react_1.useState)(false);
39
- const [open3, setOpen3] = (0, react_1.useState)(false);
40
- const [open4, setOpen4] = (0, react_1.useState)(false);
41
- const elementRef = (0, react_1.useRef)(null);
42
- const elementRef2 = (0, react_1.useRef)(null);
43
- const elementRef3 = (0, react_1.useRef)(null);
44
- const elementRef4 = (0, react_1.useRef)(null);
45
- return (react_1.default.createElement(react_1.default.Fragment, null,
46
- react_1.default.createElement("div", { "data-testid": "viewport", style: {
47
- width: "200vw",
48
- height: "100vh",
49
- backgroundColor: "lightblue",
50
- display: "flex",
51
- alignItems: "center",
52
- justifyContent: "center",
53
- marginBottom: "200vh",
54
- flexDirection: "column",
55
- } },
56
- react_1.default.createElement("h1", { ref: elementRef, style: {
57
- width: "200px",
58
- height: "200px",
59
- backgroundColor: "lightyellow",
60
- }, onClick: () => setOpen((a) => !a) },
61
- "Element to anchor to",
62
- react_1.default.createElement("br", null),
63
- "Click to open tooltip"),
64
- react_1.default.createElement("h1", { ref: elementRef3, style: {
65
- alignSelf: "flex-end",
66
- }, onClick: () => setOpen3((a) => !a) }, "This one is aligned right"),
67
- react_1.default.createElement(AnchoredTooltip_1.default, { anchorRef: elementRef3, open: open3 },
68
- react_1.default.createElement("h1", { style: { maxWidth: "1000px", margin: "0px" } }, "This content will overflow the available width of the screen so it needs to go to the left side so all the content can be visible by the user currently watching the screen and interacting with the elements available")),
69
- react_1.default.createElement("h1", { ref: elementRef4, style: {
70
- alignSelf: "flex-start",
71
- }, onClick: () => setOpen4((a) => !a) }, "This one is aligned left"),
72
- react_1.default.createElement(AnchoredTooltip_1.default, { anchorRef: elementRef4, open: open4 },
73
- react_1.default.createElement("h1", { style: { maxWidth: "1000px", margin: "0px" } }, "This content will overflow the available width of the screen so it needs to go to the right side so all the content can be visible by the user currently watching the screen and interacting with the elements available")),
74
- react_1.default.createElement(AnchoredTooltip_1.default, { anchorRef: elementRef, open: open },
75
- react_1.default.createElement("div", { style: { color: "white" } },
76
- "The content of the tooltip",
77
- react_1.default.createElement("br", null),
78
- react_1.default.createElement("div", null,
79
- react_1.default.createElement("h1", { style: { margin: 0 } }, "Some extra content"))))),
80
- react_1.default.createElement("h1", { ref: elementRef2, onClick: () => setOpen2((a) => !a) }, "Another tooltip to show"),
81
- react_1.default.createElement(AnchoredTooltip_1.default, { open: open2, anchorRef: elementRef2 },
82
- react_1.default.createElement("h1", { style: { margin: 0 } }, "Another tooltip"))));
83
- };
84
- exports.InitialImplementation = InitialImplementation;
85
- exports.InitialImplementation.args = {};
86
- //# sourceMappingURL=AnchoredTooltip.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AnchoredTooltip.stories.js","sourceRoot":"","sources":["../../../src/components/AnchoredTooltip/AnchoredTooltip.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,wEAAgD;AAEhD,kBAAe;IACb,SAAS,EAAE,yBAAe;IAC1B,KAAK,EAAE,kBAAkB;CAC1B,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE;IACjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IACpD,MAAM,WAAW,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IACrD,OAAO,CACL;QACE,sDACc,UAAU,EACtB,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,OAAO;gBACf,eAAe,EAAE,WAAW;gBAC5B,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,YAAY,EAAE,OAAO;gBACrB,aAAa,EAAE,QAAQ;aACxB;YAED,sCACE,GAAG,EAAE,UAAU,EACf,KAAK,EAAE;oBACL,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,OAAO;oBACf,eAAe,EAAE,aAAa;iBAC/B,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;;gBAGjC,yCAAM;wCAEH;YACL,sCACE,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE;oBACL,SAAS,EAAE,UAAU;iBACtB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,gCAG/B;YACL,8BAAC,yBAAe,IAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK;gBAClD,sCAAI,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,8NAK3C,CACW;YAClB,sCACE,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE;oBACL,SAAS,EAAE,YAAY;iBACxB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,+BAG/B;YACL,8BAAC,yBAAe,IAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK;gBAClD,sCAAI,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,+NAK3C,CACW;YAClB,8BAAC,yBAAe,IAAC,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI;gBAChD,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;;oBAE5B,yCAAM;oBACN;wBACE,sCAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,yBAAyB,CAC7C,CACF,CACU,CACd;QACN,sCAAI,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,8BAEnD;QACL,8BAAC,yBAAe,IAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW;YAClD,sCAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,sBAAsB,CAC9B,CACjB,CACJ,CAAC;AACJ,CAAC,CAAC;AAzFW,QAAA,qBAAqB,yBAyFhC;AACF,6BAAqB,CAAC,IAAI,GAAG,EAE5B,CAAC"}
@@ -1,20 +0,0 @@
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
- const react_1 = __importDefault(require("react"));
7
- const react_2 = require("@testing-library/react");
8
- const AnchoredTooltip_stories_1 = require("./AnchoredTooltip.stories");
9
- function renderScreen(props) {
10
- return (0, react_2.render)(react_1.default.createElement(AnchoredTooltip_stories_1.InitialImplementation, Object.assign({}, props)));
11
- }
12
- it('Should at least render :)', () => {
13
- renderScreen({});
14
- });
15
- it.todo("Should display over the bound element", () => {
16
- });
17
- it.todo("Should position under when it can't show fully on top");
18
- it.todo("Should move left when the content will overflow viewport");
19
- it.todo("Should anchor to parent if we scroll over the current position");
20
- //# sourceMappingURL=AnchoredTooltip.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AnchoredTooltip.test.js","sourceRoot":"","sources":["../../../src/components/AnchoredTooltip/AnchoredTooltip.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAEhD,uEAA+E;AAE/E,SAAS,YAAY,CAAC,KAA6C;IACjE,OAAO,IAAA,cAAM,EAAC,8BAAC,+CAAS,oBAAK,KAAK,EAAG,CAAC,CAAC;AACzC,CAAC;AAED,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACjC,YAAY,CAAC,EAAE,CAAC,CAAC;AACrB,CAAC,CAAC,CAAA;AA0BF,EAAE,CAAC,IAAI,CAAC,uCAAuC,EAAE,GAAG,EAAE;AAEtD,CAAC,CAAC,CAAC;AACH,EAAE,CAAC,IAAI,CAAC,uDAAuD,CAAC,CAAC;AACjE,EAAE,CAAC,IAAI,CAAC,0DAA0D,CAAC,CAAC;AACpE,EAAE,CAAC,IAAI,CAAC,gEAAgE,CAAC,CAAC"}
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- import AnimatedEntrance from "./AnimatedEntrance";
3
- declare const _default: {
4
- component: typeof AnimatedEntrance;
5
- title: string;
6
- };
7
- export default _default;
8
- export declare const InitialImplementation: {
9
- (args: any): JSX.Element;
10
- args: Partial<{
11
- children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
12
- entranceType?: import("./AnimatedEntrance").EntranceType | undefined;
13
- }>;
14
- };
@@ -1,67 +0,0 @@
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.InitialImplementation = void 0;
30
- const react_1 = __importStar(require("react"));
31
- const Button_1 = __importDefault(require("../Button"));
32
- const AnimatedEntrance_1 = __importDefault(require("./AnimatedEntrance"));
33
- exports.default = {
34
- component: AnimatedEntrance_1.default,
35
- title: "Animated Entrance",
36
- };
37
- const ExampleEL = (key, removeElCb) => {
38
- return (react_1.default.createElement("div", { key: key },
39
- "Elemento ",
40
- key,
41
- " ",
42
- react_1.default.createElement(Button_1.default, { variant: "outline", onClick: () => removeElCb((prev) => {
43
- const filteredOut = prev.filter((prev) => String(prev.key) !== String(key));
44
- return filteredOut;
45
- }) }, "Remove")));
46
- };
47
- const InitialImplementation = (args) => {
48
- const [exampleElements, setE] = (0, react_1.useState)([]);
49
- (0, react_1.useMemo)(() => {
50
- exampleElements.push(ExampleEL(1, setE));
51
- exampleElements.push(ExampleEL(2, setE));
52
- exampleElements.push(ExampleEL(3, setE));
53
- exampleElements.push(ExampleEL(4, setE));
54
- }, []);
55
- const counter = (0, react_1.useRef)(4);
56
- return (react_1.default.createElement(react_1.default.Fragment, null,
57
- react_1.default.createElement("div", { style: { minHeight: 800 } },
58
- react_1.default.createElement(AnimatedEntrance_1.default, null, exampleElements)),
59
- react_1.default.createElement(Button_1.default, { variant: "filled", onClick: () => setE((prev) => {
60
- counter.current++;
61
- const currCounter = counter.current;
62
- return [...prev, ExampleEL(currCounter, setE)];
63
- }) }, "Add element")));
64
- };
65
- exports.InitialImplementation = InitialImplementation;
66
- exports.InitialImplementation.args = {};
67
- //# sourceMappingURL=AnimatedEntrance.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AnimatedEntrance.stories.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/AnimatedEntrance.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAKe;AACf,uDAA+B;AAC/B,0EAAkD;AAElD,kBAAe;IACb,SAAS,EAAE,0BAAgB;IAC3B,KAAK,EAAE,mBAAmB;CAC3B,CAAC;AAEF,MAAM,SAAS,GAAG,CAChB,GAAW,EACX,UAAiE,EACjE,EAAE;IACF,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG;;QACD,GAAG;QAAE,GAAG;QAClB,8BAAC,gBAAM,IACL,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,GAAG,EAAE,CACZ,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE;gBAClB,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAC7B,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAC3C,CAAC;gBACF,OAAO,WAAW,CAAC;YACrB,CAAC,CAAC,aAIG,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE;IACjD,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG,IAAA,gBAAQ,EAAiB,EAAE,CAAC,CAAC;IAE7D,IAAA,eAAO,EAAC,GAAG,EAAE;QACX,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACzC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACzC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACzC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL;QACE,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE;YAC5B,8BAAC,0BAAgB,QAAE,eAAe,CAAoB,CAClD;QACN,8BAAC,gBAAM,IACL,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE,CACZ,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;gBACZ,OAAO,CAAC,OAAO,EAAE,CAAC;gBAClB,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;gBACpC,OAAO,CAAC,GAAG,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;YACjD,CAAC,CAAC,kBAIG,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,qBAAqB,yBA8BhC;AACF,6BAAqB,CAAC,IAAI,GAAG,EAE5B,CAAC"}
@@ -1,18 +0,0 @@
1
- import React from "react";
2
- import AsyncWrapper from "./AsyncWrapper";
3
- declare const _default: {
4
- component: typeof AsyncWrapper;
5
- title: string;
6
- };
7
- export default _default;
8
- export declare const InitialImplementation: {
9
- (args: any): JSX.Element;
10
- args: Partial<{
11
- loading: boolean;
12
- error: boolean;
13
- onClose: () => void;
14
- onRetry: () => void;
15
- } & {
16
- children?: React.ReactNode;
17
- }>;
18
- };