@onepercentio/one-ui 0.1.2

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 (483) hide show
  1. package/WebpackConfigs/__snapshots__/email-templates.test.js.snap +9 -0
  2. package/WebpackConfigs/email-templates.js +251 -0
  3. package/WebpackConfigs/email-templates.test.js +53 -0
  4. package/WebpackConfigs/loaders/css-var-removal.js +44 -0
  5. package/WebpackConfigs/loaders/css-var-removal.test.ts +17 -0
  6. package/WebpackConfigs/loaders/static-loader.js +26 -0
  7. package/WebpackConfigs/loaders/svg-to-png.js +170 -0
  8. package/WebpackConfigs/scripts/css-inliner.ts +24 -0
  9. package/dist/__test__/utils.d.ts +1 -0
  10. package/dist/__test__/utils.js +14 -0
  11. package/dist/__test__/utils.js.map +1 -0
  12. package/dist/assets/img/svg/checkbox.svg +3 -0
  13. package/dist/assets/styles/index.scss +2 -0
  14. package/dist/assets/styles/mixins.scss +12 -0
  15. package/dist/assets/styles/variables.scss +49 -0
  16. package/dist/components/AdaptiveDialog/AdaptiveDialog.d.ts +9 -0
  17. package/dist/components/AdaptiveDialog/AdaptiveDialog.js +86 -0
  18. package/dist/components/AdaptiveDialog/AdaptiveDialog.js.map +1 -0
  19. package/dist/components/AdaptiveDialog/AdaptiveDialog.module.scss +137 -0
  20. package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.d.ts +19 -0
  21. package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.js +90 -0
  22. package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.js.map +1 -0
  23. package/dist/components/AdaptiveDialog/AdaptiveDialog.test.d.ts +1 -0
  24. package/dist/components/AdaptiveDialog/AdaptiveDialog.test.js +15 -0
  25. package/dist/components/AdaptiveDialog/AdaptiveDialog.test.js.map +1 -0
  26. package/dist/components/AdaptiveDialog/index.d.ts +1 -0
  27. package/dist/components/AdaptiveDialog/index.js +9 -0
  28. package/dist/components/AdaptiveDialog/index.js.map +1 -0
  29. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.d.ts +7 -0
  30. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +59 -0
  31. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js.map +1 -0
  32. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.module.scss +48 -0
  33. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.d.ts +15 -0
  34. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.js +21 -0
  35. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.js.map +1 -0
  36. package/dist/components/AdaptiveSidebar/index.d.ts +1 -0
  37. package/dist/components/AdaptiveSidebar/index.js +9 -0
  38. package/dist/components/AdaptiveSidebar/index.js.map +1 -0
  39. package/dist/components/AnchoredTooltip/AnchoredTooltip.d.ts +12 -0
  40. package/dist/components/AnchoredTooltip/AnchoredTooltip.js +162 -0
  41. package/dist/components/AnchoredTooltip/AnchoredTooltip.js.map +1 -0
  42. package/dist/components/AnchoredTooltip/AnchoredTooltip.module.scss +61 -0
  43. package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.d.ts +16 -0
  44. package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.js +82 -0
  45. package/dist/components/AnchoredTooltip/AnchoredTooltip.stories.js.map +1 -0
  46. package/dist/components/AnchoredTooltip/AnchoredTooltip.test.d.ts +1 -0
  47. package/dist/components/AnchoredTooltip/AnchoredTooltip.test.js +20 -0
  48. package/dist/components/AnchoredTooltip/AnchoredTooltip.test.js.map +1 -0
  49. package/dist/components/AnchoredTooltip/index.d.ts +1 -0
  50. package/dist/components/AnchoredTooltip/index.js +9 -0
  51. package/dist/components/AnchoredTooltip/index.js.map +1 -0
  52. package/dist/components/AsyncWrapper/AsyncWrapper.d.ts +10 -0
  53. package/dist/components/AsyncWrapper/AsyncWrapper.js +25 -0
  54. package/dist/components/AsyncWrapper/AsyncWrapper.js.map +1 -0
  55. package/dist/components/AsyncWrapper/AsyncWrapper.stories.d.ts +18 -0
  56. package/dist/components/AsyncWrapper/AsyncWrapper.stories.js +34 -0
  57. package/dist/components/AsyncWrapper/AsyncWrapper.stories.js.map +1 -0
  58. package/dist/components/AsyncWrapper/AsyncWrapper.test.d.ts +1 -0
  59. package/dist/components/AsyncWrapper/AsyncWrapper.test.js +19 -0
  60. package/dist/components/AsyncWrapper/AsyncWrapper.test.js.map +1 -0
  61. package/dist/components/AsyncWrapper/index.d.ts +1 -0
  62. package/dist/components/AsyncWrapper/index.js +9 -0
  63. package/dist/components/AsyncWrapper/index.js.map +1 -0
  64. package/dist/components/Avatar/Avatar.d.ts +8 -0
  65. package/dist/components/Avatar/Avatar.js +41 -0
  66. package/dist/components/Avatar/Avatar.js.map +1 -0
  67. package/dist/components/Avatar/Avatar.module.scss +19 -0
  68. package/dist/components/Avatar/Avatar.stories.d.ts +14 -0
  69. package/dist/components/Avatar/Avatar.stories.js +19 -0
  70. package/dist/components/Avatar/Avatar.stories.js.map +1 -0
  71. package/dist/components/Avatar/Avatar.test.d.ts +1 -0
  72. package/dist/components/Avatar/Avatar.test.js +36 -0
  73. package/dist/components/Avatar/Avatar.test.js.map +1 -0
  74. package/dist/components/Avatar/index.d.ts +1 -0
  75. package/dist/components/Avatar/index.js +9 -0
  76. package/dist/components/Avatar/index.js.map +1 -0
  77. package/dist/components/Button/Button.d.ts +7 -0
  78. package/dist/components/Button/Button.js +27 -0
  79. package/dist/components/Button/Button.js.map +1 -0
  80. package/dist/components/Button/Button.module.scss +42 -0
  81. package/dist/components/Button/Button.stories.d.ts +9 -0
  82. package/dist/components/Button/Button.stories.js +34 -0
  83. package/dist/components/Button/Button.stories.js.map +1 -0
  84. package/dist/components/Button/Button.test.d.ts +1 -0
  85. package/dist/components/Button/Button.test.js +15 -0
  86. package/dist/components/Button/Button.test.js.map +1 -0
  87. package/dist/components/Button/index.d.ts +1 -0
  88. package/dist/components/Button/index.js +9 -0
  89. package/dist/components/Button/index.js.map +1 -0
  90. package/dist/components/Card/Card.d.ts +7 -0
  91. package/dist/components/Card/Card.js +15 -0
  92. package/dist/components/Card/Card.js.map +1 -0
  93. package/dist/components/Card/Card.module.scss +12 -0
  94. package/dist/components/Card/Card.stories.d.ts +15 -0
  95. package/dist/components/Card/Card.stories.js +16 -0
  96. package/dist/components/Card/Card.stories.js.map +1 -0
  97. package/dist/components/Card/index.d.ts +1 -0
  98. package/dist/components/Card/index.js +9 -0
  99. package/dist/components/Card/index.js.map +1 -0
  100. package/dist/components/CheckBox/CheckBox.d.ts +11 -0
  101. package/dist/components/CheckBox/CheckBox.js +32 -0
  102. package/dist/components/CheckBox/CheckBox.js.map +1 -0
  103. package/dist/components/CheckBox/CheckBox.module.scss +25 -0
  104. package/dist/components/CheckBox/CheckBox.stories.d.ts +20 -0
  105. package/dist/components/CheckBox/CheckBox.stories.js +30 -0
  106. package/dist/components/CheckBox/CheckBox.stories.js.map +1 -0
  107. package/dist/components/CheckBox/index.d.ts +1 -0
  108. package/dist/components/CheckBox/index.js +9 -0
  109. package/dist/components/CheckBox/index.js.map +1 -0
  110. package/dist/components/Collapsable/Collapsable.d.ts +33 -0
  111. package/dist/components/Collapsable/Collapsable.js +120 -0
  112. package/dist/components/Collapsable/Collapsable.js.map +1 -0
  113. package/dist/components/Collapsable/Collapsable.module.scss +33 -0
  114. package/dist/components/Collapsable/Collapsable.stories.d.ts +39 -0
  115. package/dist/components/Collapsable/Collapsable.stories.js +28 -0
  116. package/dist/components/Collapsable/Collapsable.stories.js.map +1 -0
  117. package/dist/components/Collapsable/index.d.ts +1 -0
  118. package/dist/components/Collapsable/index.js +9 -0
  119. package/dist/components/Collapsable/index.js.map +1 -0
  120. package/dist/components/Countdown/Countdown.d.ts +13 -0
  121. package/dist/components/Countdown/Countdown.js +76 -0
  122. package/dist/components/Countdown/Countdown.js.map +1 -0
  123. package/dist/components/Countdown/Countdown.stories.d.ts +14 -0
  124. package/dist/components/Countdown/Countdown.stories.js +32 -0
  125. package/dist/components/Countdown/Countdown.stories.js.map +1 -0
  126. package/dist/components/Countdown/index.d.ts +1 -0
  127. package/dist/components/Countdown/index.js +9 -0
  128. package/dist/components/Countdown/index.js.map +1 -0
  129. package/dist/components/Divider/Divider.d.ts +6 -0
  130. package/dist/components/Divider/Divider.js +16 -0
  131. package/dist/components/Divider/Divider.js.map +1 -0
  132. package/dist/components/Divider/Divider.module.scss +7 -0
  133. package/dist/components/Divider/Divider.stories.d.ts +7 -0
  134. package/dist/components/Divider/Divider.stories.js +15 -0
  135. package/dist/components/Divider/Divider.stories.js.map +1 -0
  136. package/dist/components/Divider/index.d.ts +1 -0
  137. package/dist/components/Divider/index.js +9 -0
  138. package/dist/components/Divider/index.js.map +1 -0
  139. package/dist/components/EmailInput/EmailInput.d.ts +20 -0
  140. package/dist/components/EmailInput/EmailInput.js +46 -0
  141. package/dist/components/EmailInput/EmailInput.js.map +1 -0
  142. package/dist/components/EmailInput/EmailInput.module.scss +0 -0
  143. package/dist/components/EmailInput/EmailInput.stories.d.ts +24 -0
  144. package/dist/components/EmailInput/EmailInput.stories.js +15 -0
  145. package/dist/components/EmailInput/EmailInput.stories.js.map +1 -0
  146. package/dist/components/EmailInput/EmailInput.test.d.ts +1 -0
  147. package/dist/components/EmailInput/EmailInput.test.js +73 -0
  148. package/dist/components/EmailInput/EmailInput.test.js.map +1 -0
  149. package/dist/components/EmailInput/index.d.ts +1 -0
  150. package/dist/components/EmailInput/index.js +9 -0
  151. package/dist/components/EmailInput/index.js.map +1 -0
  152. package/dist/components/FadeIn/FadeIn.d.ts +10 -0
  153. package/dist/components/FadeIn/FadeIn.js +60 -0
  154. package/dist/components/FadeIn/FadeIn.js.map +1 -0
  155. package/dist/components/FadeIn/FadeIn.module.scss +18 -0
  156. package/dist/components/FadeIn/FadeIn.stories.d.ts +24 -0
  157. package/dist/components/FadeIn/FadeIn.stories.js +16 -0
  158. package/dist/components/FadeIn/FadeIn.stories.js.map +1 -0
  159. package/dist/components/FadeIn/FadeIn.test.d.ts +1 -0
  160. package/dist/components/FadeIn/FadeIn.test.js +22 -0
  161. package/dist/components/FadeIn/FadeIn.test.js.map +1 -0
  162. package/dist/components/FadeIn/index.d.ts +1 -0
  163. package/dist/components/FadeIn/index.js +9 -0
  164. package/dist/components/FadeIn/index.js.map +1 -0
  165. package/dist/components/FileInput/FileInput.d.ts +13 -0
  166. package/dist/components/FileInput/FileInput.js +71 -0
  167. package/dist/components/FileInput/FileInput.js.map +1 -0
  168. package/dist/components/FileInput/FileInput.module.scss +27 -0
  169. package/dist/components/FileInput/FileInput.stories.d.ts +19 -0
  170. package/dist/components/FileInput/FileInput.stories.js +55 -0
  171. package/dist/components/FileInput/FileInput.stories.js.map +1 -0
  172. package/dist/components/FileInput/index.d.ts +1 -0
  173. package/dist/components/FileInput/index.js +9 -0
  174. package/dist/components/FileInput/index.js.map +1 -0
  175. package/dist/components/FlowController/FlowController.d.ts +23 -0
  176. package/dist/components/FlowController/FlowController.js +34 -0
  177. package/dist/components/FlowController/FlowController.js.map +1 -0
  178. package/dist/components/FlowController/FlowController.module.scss +47 -0
  179. package/dist/components/FlowController/FlowController.stories.d.ts +43 -0
  180. package/dist/components/FlowController/FlowController.stories.js +97 -0
  181. package/dist/components/FlowController/FlowController.stories.js.map +1 -0
  182. package/dist/components/FlowController/FlowController.test.d.ts +1 -0
  183. package/dist/components/FlowController/FlowController.test.js +166 -0
  184. package/dist/components/FlowController/FlowController.test.js.map +1 -0
  185. package/dist/components/FlowController/index.d.ts +1 -0
  186. package/dist/components/FlowController/index.js +9 -0
  187. package/dist/components/FlowController/index.js.map +1 -0
  188. package/dist/components/Freeze/Freeze.d.ts +5 -0
  189. package/dist/components/Freeze/Freeze.js +13 -0
  190. package/dist/components/Freeze/Freeze.js.map +1 -0
  191. package/dist/components/Freeze/Freeze.stories.d.ts +7 -0
  192. package/dist/components/Freeze/Freeze.stories.js +52 -0
  193. package/dist/components/Freeze/Freeze.stories.js.map +1 -0
  194. package/dist/components/Freeze/Freeze.test.d.ts +1 -0
  195. package/dist/components/Freeze/Freeze.test.js +15 -0
  196. package/dist/components/Freeze/Freeze.test.js.map +1 -0
  197. package/dist/components/Freeze/index.d.ts +1 -0
  198. package/dist/components/Freeze/index.js +9 -0
  199. package/dist/components/Freeze/index.js.map +1 -0
  200. package/dist/components/HSForms/HSForms.d.ts +5 -0
  201. package/dist/components/HSForms/HSForms.js +47 -0
  202. package/dist/components/HSForms/HSForms.js.map +1 -0
  203. package/dist/components/HSForms/index.d.ts +1 -0
  204. package/dist/components/HSForms/index.js +9 -0
  205. package/dist/components/HSForms/index.js.map +1 -0
  206. package/dist/components/Header/Header.d.ts +24 -0
  207. package/dist/components/Header/Header.js +71 -0
  208. package/dist/components/Header/Header.js.map +1 -0
  209. package/dist/components/Header/Header.module.scss +109 -0
  210. package/dist/components/Header/Header.stories.d.ts +27 -0
  211. package/dist/components/Header/Header.stories.js +41 -0
  212. package/dist/components/Header/Header.stories.js.map +1 -0
  213. package/dist/components/Header/Header.test.d.ts +1 -0
  214. package/dist/components/Header/Header.test.js +96 -0
  215. package/dist/components/Header/Header.test.js.map +1 -0
  216. package/dist/components/Header/index.d.ts +1 -0
  217. package/dist/components/Header/index.js +9 -0
  218. package/dist/components/Header/index.js.map +1 -0
  219. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.d.ts +8 -0
  220. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js +17 -0
  221. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js.map +1 -0
  222. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.module.scss +44 -0
  223. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.d.ts +14 -0
  224. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.js +16 -0
  225. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.stories.js.map +1 -0
  226. package/dist/components/HeaderCloseBtn/index.d.ts +1 -0
  227. package/dist/components/HeaderCloseBtn/index.js +9 -0
  228. package/dist/components/HeaderCloseBtn/index.js.map +1 -0
  229. package/dist/components/InfinityScroll/InfinityScroll.d.ts +11 -0
  230. package/dist/components/InfinityScroll/InfinityScroll.js +108 -0
  231. package/dist/components/InfinityScroll/InfinityScroll.js.map +1 -0
  232. package/dist/components/InfinityScroll/InfinityScroll.module.scss +30 -0
  233. package/dist/components/InfinityScroll/InfinityScroll.stories.d.ts +23 -0
  234. package/dist/components/InfinityScroll/InfinityScroll.stories.js +50 -0
  235. package/dist/components/InfinityScroll/InfinityScroll.stories.js.map +1 -0
  236. package/dist/components/InfinityScroll/InfinityScroll.test.d.ts +1 -0
  237. package/dist/components/InfinityScroll/InfinityScroll.test.js +185 -0
  238. package/dist/components/InfinityScroll/InfinityScroll.test.js.map +1 -0
  239. package/dist/components/InfinityScroll/index.d.ts +1 -0
  240. package/dist/components/InfinityScroll/index.js +9 -0
  241. package/dist/components/InfinityScroll/index.js.map +1 -0
  242. package/dist/components/Input/Input.d.ts +26 -0
  243. package/dist/components/Input/Input.js +82 -0
  244. package/dist/components/Input/Input.js.map +1 -0
  245. package/dist/components/Input/Input.module.scss +68 -0
  246. package/dist/components/Input/Input.stories.d.ts +20 -0
  247. package/dist/components/Input/Input.stories.js +21 -0
  248. package/dist/components/Input/Input.stories.js.map +1 -0
  249. package/dist/components/Input/Input.test.d.ts +1 -0
  250. package/dist/components/Input/Input.test.js +54 -0
  251. package/dist/components/Input/Input.test.js.map +1 -0
  252. package/dist/components/Input/index.d.ts +1 -0
  253. package/dist/components/Input/index.js +9 -0
  254. package/dist/components/Input/index.js.map +1 -0
  255. package/dist/components/Loader/Loader.d.ts +6 -0
  256. package/dist/components/Loader/Loader.js +18 -0
  257. package/dist/components/Loader/Loader.js.map +1 -0
  258. package/dist/components/Loader/Loader.module.scss +40 -0
  259. package/dist/components/Loader/Loader.stories.d.ts +12 -0
  260. package/dist/components/Loader/Loader.stories.js +16 -0
  261. package/dist/components/Loader/Loader.stories.js.map +1 -0
  262. package/dist/components/Loader/index.d.ts +1 -0
  263. package/dist/components/Loader/index.js +9 -0
  264. package/dist/components/Loader/index.js.map +1 -0
  265. package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.d.ts +6 -0
  266. package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js +38 -0
  267. package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js.map +1 -0
  268. package/dist/components/LoaderDotsIndicator/index.d.ts +1 -0
  269. package/dist/components/LoaderDotsIndicator/index.js +9 -0
  270. package/dist/components/LoaderDotsIndicator/index.js.map +1 -0
  271. package/dist/components/MainGrid/MainGrid.d.ts +9 -0
  272. package/dist/components/MainGrid/MainGrid.js +52 -0
  273. package/dist/components/MainGrid/MainGrid.js.map +1 -0
  274. package/dist/components/MainGrid/MainGrid.module.scss +28 -0
  275. package/dist/components/MainGrid/MainGrid.stories.d.ts +13 -0
  276. package/dist/components/MainGrid/MainGrid.stories.js +66 -0
  277. package/dist/components/MainGrid/MainGrid.stories.js.map +1 -0
  278. package/dist/components/MainGrid/MainGrid.test.d.ts +1 -0
  279. package/dist/components/MainGrid/MainGrid.test.js +18 -0
  280. package/dist/components/MainGrid/MainGrid.test.js.map +1 -0
  281. package/dist/components/MainGrid/index.d.ts +1 -0
  282. package/dist/components/MainGrid/index.js +9 -0
  283. package/dist/components/MainGrid/index.js.map +1 -0
  284. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.d.ts +7 -0
  285. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +18 -0
  286. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js.map +1 -0
  287. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.module.scss +82 -0
  288. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.d.ts +13 -0
  289. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js +16 -0
  290. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.stories.js.map +1 -0
  291. package/dist/components/MutableHamburgerButton/index.d.ts +1 -0
  292. package/dist/components/MutableHamburgerButton/index.js +9 -0
  293. package/dist/components/MutableHamburgerButton/index.js.map +1 -0
  294. package/dist/components/Notification/Notification.d.ts +7 -0
  295. package/dist/components/Notification/Notification.js +16 -0
  296. package/dist/components/Notification/Notification.js.map +1 -0
  297. package/dist/components/Notification/Notification.module.scss +25 -0
  298. package/dist/components/Notification/Notification.stories.d.ts +15 -0
  299. package/dist/components/Notification/Notification.stories.js +19 -0
  300. package/dist/components/Notification/Notification.stories.js.map +1 -0
  301. package/dist/components/Notification/index.d.ts +1 -0
  302. package/dist/components/Notification/index.js +9 -0
  303. package/dist/components/Notification/index.js.map +1 -0
  304. package/dist/components/Parallax/Parallax.d.ts +15 -0
  305. package/dist/components/Parallax/Parallax.js +171 -0
  306. package/dist/components/Parallax/Parallax.js.map +1 -0
  307. package/dist/components/Parallax/Parallax.module.scss +28 -0
  308. package/dist/components/Parallax/Parallax.stories.d.ts +32 -0
  309. package/dist/components/Parallax/Parallax.stories.js +23 -0
  310. package/dist/components/Parallax/Parallax.stories.js.map +1 -0
  311. package/dist/components/Parallax/Parallax.test.d.ts +1 -0
  312. package/dist/components/Parallax/Parallax.test.js +22 -0
  313. package/dist/components/Parallax/Parallax.test.js.map +1 -0
  314. package/dist/components/Parallax/index.d.ts +1 -0
  315. package/dist/components/Parallax/index.js +9 -0
  316. package/dist/components/Parallax/index.js.map +1 -0
  317. package/dist/components/Parallax/math/helpers.d.ts +58 -0
  318. package/dist/components/Parallax/math/helpers.js +230 -0
  319. package/dist/components/Parallax/math/helpers.js.map +1 -0
  320. package/dist/components/PasswordInput/PasswordInput.d.ts +38 -0
  321. package/dist/components/PasswordInput/PasswordInput.js +102 -0
  322. package/dist/components/PasswordInput/PasswordInput.js.map +1 -0
  323. package/dist/components/PasswordInput/PasswordInput.module.scss +11 -0
  324. package/dist/components/PasswordInput/PasswordInput.test.d.ts +1 -0
  325. package/dist/components/PasswordInput/PasswordInput.test.js +153 -0
  326. package/dist/components/PasswordInput/PasswordInput.test.js.map +1 -0
  327. package/dist/components/PasswordInput/index.d.ts +1 -0
  328. package/dist/components/PasswordInput/index.js +9 -0
  329. package/dist/components/PasswordInput/index.js.map +1 -0
  330. package/dist/components/PixelatedScan/PixelatedScan.d.ts +8 -0
  331. package/dist/components/PixelatedScan/PixelatedScan.js +101 -0
  332. package/dist/components/PixelatedScan/PixelatedScan.js.map +1 -0
  333. package/dist/components/PixelatedScan/PixelatedScan.module.scss +86 -0
  334. package/dist/components/PixelatedScan/PixelatedScan.stories.d.ts +15 -0
  335. package/dist/components/PixelatedScan/PixelatedScan.stories.js +40 -0
  336. package/dist/components/PixelatedScan/PixelatedScan.stories.js.map +1 -0
  337. package/dist/components/PixelatedScan/index.d.ts +1 -0
  338. package/dist/components/PixelatedScan/index.js +9 -0
  339. package/dist/components/PixelatedScan/index.js.map +1 -0
  340. package/dist/components/ProgressTexts/ProgressTexts.d.ts +22 -0
  341. package/dist/components/ProgressTexts/ProgressTexts.js +38 -0
  342. package/dist/components/ProgressTexts/ProgressTexts.js.map +1 -0
  343. package/dist/components/ProgressTexts/ProgressTexts.module.scss +37 -0
  344. package/dist/components/ProgressTexts/ProgressTexts.stories.d.ts +24 -0
  345. package/dist/components/ProgressTexts/ProgressTexts.stories.js +86 -0
  346. package/dist/components/ProgressTexts/ProgressTexts.stories.js.map +1 -0
  347. package/dist/components/ProgressTexts/ProgressTexts.test.d.ts +1 -0
  348. package/dist/components/ProgressTexts/ProgressTexts.test.js +52 -0
  349. package/dist/components/ProgressTexts/ProgressTexts.test.js.map +1 -0
  350. package/dist/components/ProgressTexts/index.d.ts +1 -0
  351. package/dist/components/ProgressTexts/index.js +9 -0
  352. package/dist/components/ProgressTexts/index.js.map +1 -0
  353. package/dist/components/Select/Select.d.ts +22 -0
  354. package/dist/components/Select/Select.js +72 -0
  355. package/dist/components/Select/Select.js.map +1 -0
  356. package/dist/components/Select/Select.module.scss +47 -0
  357. package/dist/components/Select/Select.stories.d.ts +48 -0
  358. package/dist/components/Select/Select.stories.js +34 -0
  359. package/dist/components/Select/Select.stories.js.map +1 -0
  360. package/dist/components/Select/Select.test.d.ts +1 -0
  361. package/dist/components/Select/Select.test.js +12 -0
  362. package/dist/components/Select/Select.test.js.map +1 -0
  363. package/dist/components/Select/index.d.ts +1 -0
  364. package/dist/components/Select/index.js +9 -0
  365. package/dist/components/Select/index.js.map +1 -0
  366. package/dist/components/Spacing/Spacing.d.ts +6 -0
  367. package/dist/components/Spacing/Spacing.js +15 -0
  368. package/dist/components/Spacing/Spacing.js.map +1 -0
  369. package/dist/components/Spacing/Spacing.module.scss +13 -0
  370. package/dist/components/Spacing/Spacing.stories.d.ts +7 -0
  371. package/dist/components/Spacing/Spacing.stories.js +35 -0
  372. package/dist/components/Spacing/Spacing.stories.js.map +1 -0
  373. package/dist/components/Spacing/index.d.ts +1 -0
  374. package/dist/components/Spacing/index.js +9 -0
  375. package/dist/components/Spacing/index.js.map +1 -0
  376. package/dist/components/Table/Table.d.ts +19 -0
  377. package/dist/components/Table/Table.js +84 -0
  378. package/dist/components/Table/Table.js.map +1 -0
  379. package/dist/components/Table/Table.module.scss +76 -0
  380. package/dist/components/Table/Table.stories.d.ts +15 -0
  381. package/dist/components/Table/Table.stories.js +84 -0
  382. package/dist/components/Table/Table.stories.js.map +1 -0
  383. package/dist/components/Table/Table.test.d.ts +1 -0
  384. package/dist/components/Table/Table.test.js +35 -0
  385. package/dist/components/Table/Table.test.js.map +1 -0
  386. package/dist/components/Table/index.d.ts +1 -0
  387. package/dist/components/Table/index.js +9 -0
  388. package/dist/components/Table/index.js.map +1 -0
  389. package/dist/components/Tabs/Tabs.d.ts +11 -0
  390. package/dist/components/Tabs/Tabs.js +45 -0
  391. package/dist/components/Tabs/Tabs.js.map +1 -0
  392. package/dist/components/Tabs/Tabs.module.scss +22 -0
  393. package/dist/components/Tabs/Tabs.test.d.ts +1 -0
  394. package/dist/components/Tabs/Tabs.test.js +39 -0
  395. package/dist/components/Tabs/Tabs.test.js.map +1 -0
  396. package/dist/components/Tabs/index.d.ts +1 -0
  397. package/dist/components/Tabs/index.js +9 -0
  398. package/dist/components/Tabs/index.js.map +1 -0
  399. package/dist/components/Text/Text.d.ts +8 -0
  400. package/dist/components/Text/Text.js +27 -0
  401. package/dist/components/Text/Text.js.map +1 -0
  402. package/dist/components/Text/Text.module.scss +77 -0
  403. package/dist/components/Text/Text.stories.d.ts +7 -0
  404. package/dist/components/Text/Text.stories.js +20 -0
  405. package/dist/components/Text/Text.stories.js.map +1 -0
  406. package/dist/components/Text/Text.test.d.ts +1 -0
  407. package/dist/components/Text/Text.test.js +12 -0
  408. package/dist/components/Text/Text.test.js.map +1 -0
  409. package/dist/components/Text/index.d.ts +1 -0
  410. package/dist/components/Text/index.js +9 -0
  411. package/dist/components/Text/index.js.map +1 -0
  412. package/dist/components/Transition/Transition.d.ts +47 -0
  413. package/dist/components/Transition/Transition.js +223 -0
  414. package/dist/components/Transition/Transition.js.map +1 -0
  415. package/dist/components/Transition/Transition.module.scss +135 -0
  416. package/dist/components/Transition/Transition.stories.d.ts +10 -0
  417. package/dist/components/Transition/Transition.stories.js +29 -0
  418. package/dist/components/Transition/Transition.stories.js.map +1 -0
  419. package/dist/components/Transition/Transition.test.d.ts +1 -0
  420. package/dist/components/Transition/Transition.test.js +55 -0
  421. package/dist/components/Transition/Transition.test.js.map +1 -0
  422. package/dist/components/Transition/index.d.ts +1 -0
  423. package/dist/components/Transition/index.js +10 -0
  424. package/dist/components/Transition/index.js.map +1 -0
  425. package/dist/components/UncontrolledTransition/UncontrolledTransition.d.ts +11 -0
  426. package/dist/components/UncontrolledTransition/UncontrolledTransition.js +95 -0
  427. package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map +1 -0
  428. package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.d.ts +28 -0
  429. package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.js +180 -0
  430. package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.js.map +1 -0
  431. package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.module.scss +62 -0
  432. package/dist/components/UncontrolledTransition/UncontrolledTransition.test.d.ts +1 -0
  433. package/dist/components/UncontrolledTransition/UncontrolledTransition.test.js +131 -0
  434. package/dist/components/UncontrolledTransition/UncontrolledTransition.test.js.map +1 -0
  435. package/dist/components/UncontrolledTransition/index.d.ts +1 -0
  436. package/dist/components/UncontrolledTransition/index.js +9 -0
  437. package/dist/components/UncontrolledTransition/index.js.map +1 -0
  438. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.d.ts +35 -0
  439. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +86 -0
  440. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map +1 -0
  441. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.d.ts +47 -0
  442. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.js +56 -0
  443. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.js.map +1 -0
  444. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.d.ts +1 -0
  445. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.js +133 -0
  446. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.js.map +1 -0
  447. package/dist/components/WalletConnectionWrapper/index.d.ts +1 -0
  448. package/dist/components/WalletConnectionWrapper/index.js +9 -0
  449. package/dist/components/WalletConnectionWrapper/index.js.map +1 -0
  450. package/dist/context/OneUIProvider.d.ts +54 -0
  451. package/dist/context/OneUIProvider.js +60 -0
  452. package/dist/context/OneUIProvider.js.map +1 -0
  453. package/dist/context/OneUIProvider.test.d.ts +1 -0
  454. package/dist/context/OneUIProvider.test.js +46 -0
  455. package/dist/context/OneUIProvider.test.js.map +1 -0
  456. package/dist/context/__mocks__/OneUIProvider.d.ts +45 -0
  457. package/dist/context/__mocks__/OneUIProvider.js +13 -0
  458. package/dist/context/__mocks__/OneUIProvider.js.map +1 -0
  459. package/dist/hooks/useAsyncControl.d.ts +9 -0
  460. package/dist/hooks/useAsyncControl.js +40 -0
  461. package/dist/hooks/useAsyncControl.js.map +1 -0
  462. package/dist/hooks/usePagination.d.ts +19 -0
  463. package/dist/hooks/usePagination.js +65 -0
  464. package/dist/hooks/usePagination.js.map +1 -0
  465. package/dist/hooks/usePooledOperation.d.ts +15 -0
  466. package/dist/hooks/usePooledOperation.js +64 -0
  467. package/dist/hooks/usePooledOperation.js.map +1 -0
  468. package/dist/hooks/usePooling.d.ts +16 -0
  469. package/dist/hooks/usePooling.js +47 -0
  470. package/dist/hooks/usePooling.js.map +1 -0
  471. package/dist/hooks/usePooling.test.d.ts +1 -0
  472. package/dist/hooks/usePooling.test.js +104 -0
  473. package/dist/hooks/usePooling.test.js.map +1 -0
  474. package/dist/hooks/useShortIntl.d.ts +14 -0
  475. package/dist/hooks/useShortIntl.js +35 -0
  476. package/dist/hooks/useShortIntl.js.map +1 -0
  477. package/dist/models/GenericContract.d.ts +66 -0
  478. package/dist/models/GenericContract.js +14 -0
  479. package/dist/models/GenericContract.js.map +1 -0
  480. package/dist/storybookUtils/index.d.ts +5 -0
  481. package/dist/storybookUtils/index.js +27 -0
  482. package/dist/storybookUtils/index.js.map +1 -0
  483. package/package.json +85 -0
@@ -0,0 +1,34 @@
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.HeadingImage = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const Button_1 = __importDefault(require("../Button"));
9
+ const HeaderCloseBtn_1 = __importDefault(require("../HeaderCloseBtn"));
10
+ const Transition_1 = __importDefault(require("../Transition"));
11
+ const FlowController_module_scss_1 = __importDefault(require("./FlowController.module.scss"));
12
+ /**
13
+ * Container for a flow, managing the go back and close controller
14
+ **/
15
+ function FlowController({ children, buttons, step, onClose, onBack, fullPage, firstStep = 0, style, wrapper: Wrapper = "div", }) {
16
+ function _handleBackPress() {
17
+ if (isAtFirstStep)
18
+ onClose && onClose();
19
+ else if (onBack)
20
+ onBack();
21
+ }
22
+ const isAtFirstStep = step === firstStep;
23
+ const shouldDisplayHeaderButton = (isAtFirstStep && onClose) || (!isAtFirstStep && onBack);
24
+ return (react_1.default.createElement(Wrapper, { onClick: (e) => e.stopPropagation(), className: FlowController_module_scss_1.default.container, style: style },
25
+ react_1.default.createElement("header", null, shouldDisplayHeaderButton && (react_1.default.createElement(HeaderCloseBtn_1.default, { mode: isAtFirstStep ? "close" : "back", hidden: !onBack, onClick: _handleBackPress }))),
26
+ react_1.default.createElement(Transition_1.default, { step: step, className: FlowController_module_scss_1.default.transition, contentClassName: `${fullPage ? FlowController_module_scss_1.default.fullHeight : ""} ${FlowController_module_scss_1.default.content}` }, children),
27
+ react_1.default.createElement("footer", { className: buttons.find((b) => b.state === "hidden") ? FlowController_module_scss_1.default.hidden : undefined }, buttons.map((b) => (react_1.default.createElement(Button_1.default, { onClick: b.onClick, disabled: b.state === "hidden" || b.state === "disabled" }, b.label))))));
28
+ }
29
+ exports.default = FlowController;
30
+ function HeadingImage({ src }) {
31
+ return react_1.default.createElement("img", { src: src, className: FlowController_module_scss_1.default.headingImg });
32
+ }
33
+ exports.HeadingImage = HeadingImage;
34
+ //# sourceMappingURL=FlowController.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FlowController.js","sourceRoot":"","sources":["../../../src/components/FlowController/FlowController.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAgF;AAChF,uDAA+B;AAC/B,uEAA+C;AAC/C,+DAAuC;AACvC,8FAAkD;AAGlD;;IAEI;AACJ,SAAwB,cAAc,CAGpC,EACA,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,CAAC,EACb,KAAK,EACL,OAAO,EAAE,OAAO,GAAG,KAAY,GAezB;IACN,SAAS,gBAAgB;QACvB,IAAI,aAAa;YAAE,OAAO,IAAI,OAAO,EAAE,CAAC;aACnC,IAAI,MAAM;YAAE,MAAM,EAAE,CAAC;IAC5B,CAAC;IAED,MAAM,aAAa,GAAG,IAAI,KAAK,SAAS,CAAC;IAEzC,MAAM,yBAAyB,GAC7B,CAAC,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,aAAa,IAAI,MAAM,CAAC,CAAC;IAE3D,OAAO,CACL,8BAAC,OAAO,IACN,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAC/C,SAAS,EAAE,oCAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,KAAK;QAEZ,8CACG,yBAAyB,IAAI,CAC5B,8BAAC,wBAAc,IACb,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACtC,MAAM,EAAE,CAAC,MAAM,EACf,OAAO,EAAE,gBAAgB,GACzB,CACH,CACM;QACT,8BAAC,oBAAU,IACT,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,oCAAM,CAAC,UAAU,EAC5B,gBAAgB,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,oCAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IACpD,oCAAM,CAAC,OACT,EAAE,IAED,QAAQ,CACE;QACb,0CACE,SAAS,EACP,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,oCAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAGtE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,8BAAC,gBAAM,IACL,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,KAAK,KAAK,UAAU,IAEvD,CAAC,CAAC,KAAK,CACD,CACV,CAAC,CACK,CACD,CACX,CAAC;AACJ,CAAC;AA9ED,iCA8EC;AAED,SAAgB,YAAY,CAAC,EAAE,GAAG,EAAmB;IACnD,OAAO,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,oCAAM,CAAC,UAAU,GAAI,CAAC;AACzD,CAAC;AAFD,oCAEC"}
@@ -0,0 +1,47 @@
1
+ @import "../../assets/styles/index.scss";
2
+
3
+ .container {
4
+ .headingImg {
5
+ width: 100%;
6
+ margin: 0px -33px;
7
+ }
8
+ height: 100%;
9
+ display: flex;
10
+ flex-direction: column;
11
+ justify-content: space-between;
12
+ button {
13
+ width: 100%;
14
+ border-top: 1px solid $lightGray;
15
+ }
16
+ .transition {
17
+ margin-top: -105px;
18
+ height: 100%;
19
+ .content {
20
+ padding: 0px 33px 33px 33px;
21
+ margin-top: 105px;
22
+ max-height: calc(100% - 105px);
23
+
24
+ &.fullHeight {
25
+ margin-top: 0px;
26
+ max-height: 100%;
27
+ height: 100%;
28
+ }
29
+ }
30
+ section {
31
+ border-top: 1px solid $lightGray;
32
+ margin: 0px -33px;
33
+ padding: 0px 33px;
34
+ }
35
+ }
36
+ header {
37
+ margin: 55px 33px;
38
+ margin-bottom: 33px;
39
+ }
40
+ footer {
41
+ transition: opacity $fast;
42
+ opacity: 1;
43
+ }
44
+ footer.hidden {
45
+ opacity: 0;
46
+ }
47
+ }
@@ -0,0 +1,43 @@
1
+ import React from "react";
2
+ import C from "./FlowController";
3
+ declare const _default: {
4
+ component: typeof C;
5
+ title: string;
6
+ };
7
+ export default _default;
8
+ export declare const Primary: {
9
+ (args: any): JSX.Element;
10
+ args: Partial<{
11
+ onClose?: (() => void) | undefined;
12
+ onBack?: (() => void) | undefined;
13
+ step: number;
14
+ firstStep?: number | undefined;
15
+ buttons: {
16
+ label: string;
17
+ onClick: () => void;
18
+ state: import("./FlowController").FlowControlState;
19
+ }[];
20
+ children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
21
+ fullPage?: boolean | undefined;
22
+ style?: React.CSSProperties | undefined;
23
+ wrapper?: React.ElementType<any> | undefined;
24
+ } & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>)>;
25
+ };
26
+ export declare const BugfixMultipleChanges: {
27
+ (args: any): JSX.Element;
28
+ args: Partial<{
29
+ onClose?: (() => void) | undefined;
30
+ onBack?: (() => void) | undefined;
31
+ step: number;
32
+ firstStep?: number | undefined;
33
+ buttons: {
34
+ label: string;
35
+ onClick: () => void;
36
+ state: import("./FlowController").FlowControlState;
37
+ }[];
38
+ children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
39
+ fullPage?: boolean | undefined;
40
+ style?: React.CSSProperties | undefined;
41
+ wrapper?: React.ElementType<any> | undefined;
42
+ } & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>)>;
43
+ };
@@ -0,0 +1,97 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ exports.BugfixMultipleChanges = exports.Primary = void 0;
26
+ const react_1 = __importStar(require("react"));
27
+ const FlowController_1 = __importDefault(require("./FlowController"));
28
+ exports.default = {
29
+ component: FlowController_1.default,
30
+ title: "Fluxo de etapas",
31
+ };
32
+ const Primary = (args) => react_1.default.createElement(FlowController_1.default, Object.assign({}, args));
33
+ exports.Primary = Primary;
34
+ exports.Primary.args = {
35
+ step: 3,
36
+ children: [
37
+ react_1.default.createElement("div", null, "Etapa 1"),
38
+ react_1.default.createElement("div", null, "Etapa 2"),
39
+ react_1.default.createElement("div", null, "Etapa 3"),
40
+ react_1.default.createElement("div", null, "Etapa 4"),
41
+ react_1.default.createElement("div", null, "Etapa 5"),
42
+ react_1.default.createElement("div", null, "Etapa 6"),
43
+ react_1.default.createElement("div", null, "Etapa 7"),
44
+ react_1.default.createElement("div", null, "Etapa 8"),
45
+ ],
46
+ buttons: [
47
+ {
48
+ label: "Action",
49
+ onClick: () => { },
50
+ state: "enabled",
51
+ },
52
+ {
53
+ label: "Action disabled",
54
+ onClick: () => { },
55
+ state: "disabled",
56
+ },
57
+ ],
58
+ };
59
+ const BugfixMultipleChanges = (args) => {
60
+ const [step, setStep] = (0, react_1.useState)(0);
61
+ (0, react_1.useEffect)(() => {
62
+ window.addEventListener("keydown", ({ key }) => {
63
+ if (key !== "ArrowLeft")
64
+ setStep((p) => ++p);
65
+ else
66
+ setStep((p) => --p);
67
+ });
68
+ }, []);
69
+ return react_1.default.createElement(FlowController_1.default, Object.assign({}, args, { step: step }));
70
+ };
71
+ exports.BugfixMultipleChanges = BugfixMultipleChanges;
72
+ exports.BugfixMultipleChanges.args = {
73
+ step: 3,
74
+ children: [
75
+ react_1.default.createElement("div", null, "Etapa 1"),
76
+ react_1.default.createElement("div", null, "Etapa 2"),
77
+ react_1.default.createElement("div", null, "Etapa 3"),
78
+ react_1.default.createElement("div", null, "Etapa 4"),
79
+ react_1.default.createElement("div", null, "Etapa 5"),
80
+ react_1.default.createElement("div", null, "Etapa 6"),
81
+ react_1.default.createElement("div", null, "Etapa 7"),
82
+ react_1.default.createElement("div", null, "Etapa 8"),
83
+ ],
84
+ buttons: [
85
+ {
86
+ label: "Action",
87
+ onClick: () => { },
88
+ state: "enabled",
89
+ },
90
+ {
91
+ label: "Action disabled",
92
+ onClick: () => { },
93
+ state: "disabled",
94
+ },
95
+ ],
96
+ };
97
+ //# sourceMappingURL=FlowController.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FlowController.stories.js","sourceRoot":"","sources":["../../../src/components/FlowController/FlowController.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmE;AACnE,sEAAiC;AAEjC,kBAAe;IACb,SAAS,EAAE,wBAAC;IACZ,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAEK,MAAM,OAAO,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,8BAAC,wBAAC,oBAAK,IAAI,EAAI,CAAC;AAAzC,QAAA,OAAO,WAAkC;AACtD,eAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE;QACR,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;KACnB;IACD,OAAO,EAAE;QACP;YACE,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;YACjB,KAAK,EAAE,SAAS;SACjB;QACD;YACE,KAAK,EAAE,iBAAiB;YACxB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;YACjB,KAAK,EAAE,UAAU;SAClB;KACF;CACmC,CAAC;AAChC,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE;IACjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;YAC7C,IAAI,GAAG,KAAK,WAAW;gBAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;;gBACxC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,8BAAC,wBAAC,oBAAK,IAAI,IAAE,IAAI,EAAE,IAAI,IAAI,CAAC;AACrC,CAAC,CAAC;AAXW,QAAA,qBAAqB,yBAWhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE;QACR,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;QAClB,qDAAkB;KACnB;IACD,OAAO,EAAE;QACP;YACE,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;YACjB,KAAK,EAAE,SAAS;SACjB;QACD;YACE,KAAK,EAAE,iBAAiB;YACxB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;YACjB,KAAK,EAAE,UAAU;SAClB;KACF;CACmC,CAAC"}
@@ -0,0 +1,166 @@
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 FlowController_module_scss_1 = __importDefault(require("./FlowController.module.scss"));
9
+ const FlowController_1 = __importDefault(require("./FlowController"));
10
+ function renderScreen(props) {
11
+ return (0, react_2.render)(react_1.default.createElement(FlowController_1.default, Object.assign({}, props),
12
+ react_1.default.createElement("div", null, "First step"),
13
+ react_1.default.createElement("div", null, "Second step"),
14
+ react_1.default.createElement("div", null, "Third step")));
15
+ }
16
+ it("Should at least render :)", () => {
17
+ renderScreen({
18
+ onClose: jest.fn(),
19
+ onBack: jest.fn(),
20
+ step: 0,
21
+ buttons: [
22
+ {
23
+ state: "enabled",
24
+ label: "",
25
+ onClick: jest.fn(),
26
+ },
27
+ ],
28
+ });
29
+ });
30
+ function renderWithCbs(step) {
31
+ const closeCb = jest.fn();
32
+ const backCb = jest.fn();
33
+ const nextCb = jest.fn();
34
+ const wrapper = renderScreen({
35
+ onClose: closeCb,
36
+ onBack: backCb,
37
+ step,
38
+ buttons: [
39
+ {
40
+ state: "enabled",
41
+ label: "",
42
+ onClick: nextCb,
43
+ },
44
+ ],
45
+ });
46
+ return {
47
+ closeCb,
48
+ backCb,
49
+ nextCb,
50
+ wrapper,
51
+ };
52
+ }
53
+ it("Should call onClose when clicking goBack and step 0", () => {
54
+ const { wrapper, backCb, closeCb } = renderWithCbs(0);
55
+ (0, react_2.act)(() => wrapper.getByTestId("header-control-back").click());
56
+ expect(backCb).toHaveBeenCalledTimes(0);
57
+ expect(closeCb).toHaveBeenCalledTimes(1);
58
+ });
59
+ it("Should call onGoBack when clicking the goBack button and step > 0", () => {
60
+ const { wrapper, backCb, closeCb } = renderWithCbs(1);
61
+ (0, react_2.act)(() => wrapper.getByTestId("header-control-back").click());
62
+ expect(backCb).toHaveBeenCalledTimes(1);
63
+ expect(closeCb).toHaveBeenCalledTimes(0);
64
+ });
65
+ it("Should call onNext when clicking the footer button", () => {
66
+ const { wrapper, backCb, closeCb, nextCb } = renderWithCbs(1);
67
+ (0, react_2.act)(() => wrapper.getByRole("button").click());
68
+ expect(backCb).toHaveBeenCalledTimes(0);
69
+ expect(closeCb).toHaveBeenCalledTimes(0);
70
+ expect(nextCb).toHaveBeenCalledTimes(1);
71
+ });
72
+ it("Should display the selected text on the button", () => {
73
+ const wrapper = renderScreen({
74
+ onClose: jest.fn(),
75
+ step: 0,
76
+ onBack: jest.fn(),
77
+ buttons: [
78
+ {
79
+ label: "MOCKED BUTTON",
80
+ state: "enabled",
81
+ onClick: () => { },
82
+ },
83
+ ],
84
+ });
85
+ expect(wrapper.getByRole("button").textContent).toEqual("MOCKED BUTTON");
86
+ });
87
+ it("Should be able to enable point of no return, where the goBack action is not displayed anymore, this is indicated by the inexistance of goBack", () => {
88
+ const wrapper = renderScreen({
89
+ onClose: jest.fn(),
90
+ step: 0,
91
+ onBack: jest.fn(),
92
+ buttons: [
93
+ {
94
+ label: "MOCKED BUTTON",
95
+ state: "enabled",
96
+ onClick: () => { },
97
+ },
98
+ ],
99
+ });
100
+ const buttonBack = wrapper.getByTestId("header-control-back");
101
+ expect(buttonBack.classList).not.toContain(FlowController_module_scss_1.default.hidden);
102
+ wrapper.rerender(react_1.default.createElement(FlowController_1.default, Object.assign({}, {
103
+ onClose: jest.fn(),
104
+ step: 0,
105
+ onBack: undefined,
106
+ buttons: [
107
+ {
108
+ label: "MOCKED BUTTON",
109
+ state: "enabled",
110
+ onClick: () => { },
111
+ },
112
+ ],
113
+ }),
114
+ react_1.default.createElement("div", null, "First step"),
115
+ react_1.default.createElement("div", null, "Second step"),
116
+ react_1.default.createElement("div", null, "Third step")));
117
+ expect(buttonBack.classList).toContain(FlowController_module_scss_1.default.pointOfNoReturn);
118
+ });
119
+ it("Should show only the current step", () => {
120
+ const wrapper = renderScreen({
121
+ onClose: jest.fn(),
122
+ step: 0,
123
+ onBack: jest.fn(),
124
+ buttons: [
125
+ {
126
+ label: "MOCKED BUTTON",
127
+ state: "enabled",
128
+ onClick: () => { },
129
+ },
130
+ ],
131
+ });
132
+ expect(wrapper.container.textContent).toContain("First step");
133
+ wrapper.rerender(react_1.default.createElement(FlowController_1.default, Object.assign({}, {
134
+ onClose: jest.fn(),
135
+ step: 1,
136
+ onBack: undefined,
137
+ buttons: [
138
+ {
139
+ label: "MOCKED BUTTON",
140
+ state: "enabled",
141
+ onClick: () => { },
142
+ },
143
+ ],
144
+ }),
145
+ react_1.default.createElement("div", null, "First step"),
146
+ react_1.default.createElement("div", null, "Second step"),
147
+ react_1.default.createElement("div", null, "Third step")));
148
+ expect(wrapper.container.textContent).toContain("Second step");
149
+ wrapper.rerender(react_1.default.createElement(FlowController_1.default, Object.assign({}, {
150
+ onClose: jest.fn(),
151
+ step: 2,
152
+ onBack: undefined,
153
+ buttons: [
154
+ {
155
+ label: "MOCKED BUTTON",
156
+ state: "enabled",
157
+ onClick: () => { },
158
+ },
159
+ ],
160
+ }),
161
+ react_1.default.createElement("div", null, "First step"),
162
+ react_1.default.createElement("div", null, "Second step"),
163
+ react_1.default.createElement("div", null, "Third step")));
164
+ expect(wrapper.container.textContent).toContain("Third step");
165
+ });
166
+ //# sourceMappingURL=FlowController.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FlowController.test.js","sourceRoot":"","sources":["../../../src/components/FlowController/FlowController.test.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ export { default } from './FlowController';
@@ -0,0 +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 FlowController_1 = require("./FlowController");
8
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FlowController_1).default; } });
9
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FlowController/index.tsx"],"names":[],"mappings":";;;;;;AAAA,mDAA2C;AAAlC,0HAAA,OAAO,OAAA"}
@@ -0,0 +1,5 @@
1
+ import { PropsWithChildren } from "react";
2
+ /**
3
+ * Use this component when you would like to freeze some child when this child can assume undefined in the next 'frame'
4
+ **/
5
+ export default function Freeze({ children }: PropsWithChildren<{}>): any;
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const react_1 = require("react");
4
+ /**
5
+ * Use this component when you would like to freeze some child when this child can assume undefined in the next 'frame'
6
+ **/
7
+ function Freeze({ children }) {
8
+ const currChildOrPrev = (0, react_1.useRef)();
9
+ currChildOrPrev.current = children || currChildOrPrev.current;
10
+ return currChildOrPrev.current || null;
11
+ }
12
+ exports.default = Freeze;
13
+ //# sourceMappingURL=Freeze.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Freeze.js","sourceRoot":"","sources":["../../../src/components/Freeze/Freeze.tsx"],"names":[],"mappings":";;AAAA,iCAAyD;AAEzD;;IAEI;AACJ,SAAwB,MAAM,CAAC,EAAE,QAAQ,EAAyB;IAChE,MAAM,eAAe,GAAG,IAAA,cAAM,GAAO,CAAC;IACtC,eAAe,CAAC,OAAO,GAAG,QAAQ,IAAI,eAAe,CAAC,OAAO,CAAC;IAC9D,OAAO,eAAe,CAAC,OAAO,IAAI,IAAI,CAAC;AACzC,CAAC;AAJD,yBAIC"}
@@ -0,0 +1,7 @@
1
+ import Freeze from "./Freeze";
2
+ declare const _default: {
3
+ title: string;
4
+ component: typeof Freeze;
5
+ };
6
+ export default _default;
7
+ export declare const BasicUsage: () => JSX.Element;
@@ -0,0 +1,52 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ exports.BasicUsage = void 0;
26
+ const react_1 = __importStar(require("react"));
27
+ const AdaptiveDialog_1 = __importDefault(require("../AdaptiveDialog"));
28
+ const Freeze_1 = __importDefault(require("./Freeze"));
29
+ exports.default = {
30
+ title: "Freeze",
31
+ component: Freeze_1.default,
32
+ };
33
+ const BasicUsage = () => {
34
+ const [openModal, setOpen] = (0, react_1.useState)(false);
35
+ const [openModalWithFreeze, setOpenWFreeze] = (0, react_1.useState)(false);
36
+ return (react_1.default.createElement(react_1.default.Fragment, null,
37
+ react_1.default.createElement("h1", null, "The modal will have a content only when it's open, when closing, the content will be empty"),
38
+ react_1.default.createElement("button", { onClick: () => setOpen(true) }, "Open without freeze"),
39
+ react_1.default.createElement(AdaptiveDialog_1.default, { open: openModal, onClose: () => setOpen(false) }, openModal && (react_1.default.createElement("div", null,
40
+ react_1.default.createElement("h1", null, "This is the content that shows up when the modal is opened. try closing it."),
41
+ react_1.default.createElement("h2", null, "Notice how the content goes away")))),
42
+ react_1.default.createElement("br", null),
43
+ react_1.default.createElement("br", null),
44
+ react_1.default.createElement("button", { onClick: () => setOpenWFreeze(true) }, "Open with freeze"),
45
+ react_1.default.createElement(AdaptiveDialog_1.default, { open: openModalWithFreeze, onClose: () => setOpenWFreeze(false) },
46
+ react_1.default.createElement(Freeze_1.default, null, openModalWithFreeze && (react_1.default.createElement("div", null,
47
+ react_1.default.createElement("h1", null, " Now this content is using freeze component."),
48
+ "This is the content that shows up when the modal is opened. try closing it.",
49
+ react_1.default.createElement("h2", null, "Notice how it doesn't go away, even though the child turns false because of the condition (check story)")))))));
50
+ };
51
+ exports.BasicUsage = BasicUsage;
52
+ //# sourceMappingURL=Freeze.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Freeze.stories.js","sourceRoot":"","sources":["../../../src/components/Freeze/Freeze.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,uEAA+C;AAC/C,sDAA8B;AAE9B,kBAAe;IACb,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,gBAAM;CAClB,CAAC;AAEK,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9D,OAAO,CACL;QACE,uIAGK;QACL,0CAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,0BAA8B;QAClE,8BAAC,wBAAc,IAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAC3D,SAAS,IAAI,CACZ;YACE,wHAGK;YACL,6EAAyC,CACrC,CACP,CACc;QACjB,yCAAM;QACN,yCAAM;QACN,0CAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,uBAA2B;QAEtE,8BAAC,wBAAc,IACb,IAAI,EAAE,mBAAmB,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC;YAEpC,8BAAC,gBAAM,QACJ,mBAAmB,IAAI,CACtB;gBACE,yFAAqD;;gBAGrD,oJAGK,CACD,CACP,CACM,CACM,CAChB,CACJ,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,UAAU,cA6CrB"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,15 @@
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 Freeze_1 = __importDefault(require("./Freeze"));
9
+ it("Should mantain the children when the children assumes empty value", () => {
10
+ const { container, rerender } = (0, react_2.render)(react_1.default.createElement(Freeze_1.default, null, "Some condition that assumes in a moment"));
11
+ expect(container.textContent).toEqual("Some condition that assumes in a moment");
12
+ rerender(react_1.default.createElement(Freeze_1.default, null));
13
+ expect(container.textContent).toEqual("Some condition that assumes in a moment");
14
+ });
15
+ //# sourceMappingURL=Freeze.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Freeze.test.js","sourceRoot":"","sources":["../../../src/components/Freeze/Freeze.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAEhD,sDAAiC;AAEjC,EAAE,CAAC,mEAAmE,EAAE,GAAG,EAAE;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAA,cAAM,EACpC,8BAAC,gBAAS,kDAAoD,CAC/D,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,yCAAyC,CAAC,CAAC;IAEjF,QAAQ,CAAC,8BAAC,gBAAS,OAAa,CAAC,CAAC;IAClC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,yCAAyC,CAAC,CAAC;AACnF,CAAC,CAAC,CAAC"}
@@ -0,0 +1 @@
1
+ export { default } from './Freeze';
@@ -0,0 +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 Freeze_1 = require("./Freeze");
8
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Freeze_1).default; } });
9
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Freeze/index.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA"}
@@ -0,0 +1,5 @@
1
+ export default function HSForms({ region, partialId, formId, }: {
2
+ region: "na1";
3
+ partialId: string;
4
+ formId: string;
5
+ }): JSX.Element | null;
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ Object.defineProperty(exports, "__esModule", { value: true });
22
+ const react_1 = __importStar(require("react"));
23
+ function HSForms({ region, partialId, formId, }) {
24
+ if (window.PRERENDER)
25
+ return null;
26
+ const container = (0, react_1.useRef)(null);
27
+ (0, react_1.useEffect)(() => {
28
+ const script = document.createElement("script");
29
+ script.setAttribute("src", "https://js.hsforms.net/forms/v2.js");
30
+ script.setAttribute("type", "text/javascript");
31
+ script.setAttribute("charset", "utf-8");
32
+ script.onload = () => {
33
+ const createFormScript = document.createElement("script");
34
+ createFormScript.setAttribute("type", "text/javascript");
35
+ createFormScript.innerHTML = `hbspt.forms.create({
36
+ region: "${region}",
37
+ portalId: "${partialId}",
38
+ formId: "${formId}",
39
+ });`;
40
+ container.current.appendChild(createFormScript);
41
+ };
42
+ document.head.appendChild(script);
43
+ }, [region, partialId, formId]);
44
+ return react_1.default.createElement("div", { ref: container });
45
+ }
46
+ exports.default = HSForms;
47
+ //# sourceMappingURL=HSForms.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HSForms.js","sourceRoot":"","sources":["../../../src/components/HSForms/HSForms.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AAEjD,SAAwB,OAAO,CAAC,EAC9B,MAAM,EACN,SAAS,EACT,MAAM,GAKP;IACC,IAAK,MAAc,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC3C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,oCAAoC,CAAC,CAAC;QACjE,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;QAC/C,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QACxC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACnB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC1D,gBAAgB,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;YACzD,gBAAgB,CAAC,SAAS,GAAG;mBAChB,MAAM;qBACJ,SAAS;mBACX,MAAM;UACf,CAAC;YACL,SAAS,CAAC,OAAQ,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QACnD,CAAC,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAChC,OAAO,uCAAK,GAAG,EAAE,SAAS,GAAQ,CAAC;AACrC,CAAC;AA7BD,0BA6BC"}
@@ -0,0 +1 @@
1
+ export { default } from './HSForms';
@@ -0,0 +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 HSForms_1 = require("./HSForms");
8
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(HSForms_1).default; } });
9
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HSForms/index.tsx"],"names":[],"mappings":";;;;;;AAAA,qCAAoC;AAA3B,mHAAA,OAAO,OAAA"}