@tecsinapse/react-core 1.20.0 → 1.21.0-beta.13

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 (482) hide show
  1. package/dist/components/atoms/Avatar/Avatar.d.ts +1 -1
  2. package/dist/components/atoms/Avatar/Avatar.js +30 -42
  3. package/dist/components/atoms/Avatar/Avatar.js.map +1 -1
  4. package/dist/components/atoms/Avatar/Avatar.stories.d.ts +9 -0
  5. package/dist/components/atoms/Avatar/helpers.js +6 -11
  6. package/dist/components/atoms/Avatar/helpers.js.map +1 -1
  7. package/dist/components/atoms/Avatar/styled.js +41 -54
  8. package/dist/components/atoms/Avatar/styled.js.map +1 -1
  9. package/dist/components/atoms/Badge/Badge.js +17 -23
  10. package/dist/components/atoms/Badge/Badge.js.map +1 -1
  11. package/dist/components/atoms/Badge/styled.js +44 -31
  12. package/dist/components/atoms/Badge/styled.js.map +1 -1
  13. package/dist/components/atoms/BoxContent/BoxContent.js +38 -18
  14. package/dist/components/atoms/BoxContent/BoxContent.js.map +1 -1
  15. package/dist/components/atoms/BoxContent/BoxContent.stories.d.ts +9 -0
  16. package/dist/components/atoms/BoxContent/styled.js +53 -73
  17. package/dist/components/atoms/BoxContent/styled.js.map +1 -1
  18. package/dist/components/atoms/Button/Button.js +77 -51
  19. package/dist/components/atoms/Button/Button.js.map +1 -1
  20. package/dist/components/atoms/Button/States/BaseState.d.ts +1 -1
  21. package/dist/components/atoms/Button/States/BaseState.js +27 -36
  22. package/dist/components/atoms/Button/States/BaseState.js.map +1 -1
  23. package/dist/components/atoms/Button/States/Error.d.ts +1 -1
  24. package/dist/components/atoms/Button/States/Error.js +28 -17
  25. package/dist/components/atoms/Button/States/Error.js.map +1 -1
  26. package/dist/components/atoms/Button/States/Loading.d.ts +1 -1
  27. package/dist/components/atoms/Button/States/Loading.js +26 -35
  28. package/dist/components/atoms/Button/States/Loading.js.map +1 -1
  29. package/dist/components/atoms/Button/States/Success.d.ts +1 -1
  30. package/dist/components/atoms/Button/States/Success.js +28 -17
  31. package/dist/components/atoms/Button/States/Success.js.map +1 -1
  32. package/dist/components/atoms/Button/States/styled.js +17 -39
  33. package/dist/components/atoms/Button/States/styled.js.map +1 -1
  34. package/dist/components/atoms/Button/styled.js +52 -50
  35. package/dist/components/atoms/Button/styled.js.map +1 -1
  36. package/dist/components/atoms/Card/Card.js +52 -28
  37. package/dist/components/atoms/Card/Card.js.map +1 -1
  38. package/dist/components/atoms/Card/Card.stories.d.ts +9 -0
  39. package/dist/components/atoms/Card/Footer/Footer.js +10 -21
  40. package/dist/components/atoms/Card/Footer/Footer.js.map +1 -1
  41. package/dist/components/atoms/Card/Header/Header.js +10 -21
  42. package/dist/components/atoms/Card/Header/Header.js.map +1 -1
  43. package/dist/components/atoms/Card/styled.js +14 -17
  44. package/dist/components/atoms/Card/styled.js.map +1 -1
  45. package/dist/components/atoms/Checkbox/Checkbox.js +66 -39
  46. package/dist/components/atoms/Checkbox/Checkbox.js.map +1 -1
  47. package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts +9 -0
  48. package/dist/components/atoms/Checkbox/styled.js +39 -68
  49. package/dist/components/atoms/Checkbox/styled.js.map +1 -1
  50. package/dist/components/atoms/Divider/Divider.js +38 -18
  51. package/dist/components/atoms/Divider/Divider.js.map +1 -1
  52. package/dist/components/atoms/Divider/Divider.stories.d.ts +9 -0
  53. package/dist/components/atoms/Divider/styled.js +30 -43
  54. package/dist/components/atoms/Divider/styled.js.map +1 -1
  55. package/dist/components/atoms/GroupButton/GroupButton.js +68 -47
  56. package/dist/components/atoms/GroupButton/GroupButton.js.map +1 -1
  57. package/dist/components/atoms/GroupButton/GroupButton.stories.d.ts +8 -0
  58. package/dist/components/atoms/GroupButton/GroupButtonOption.js +16 -23
  59. package/dist/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
  60. package/dist/components/atoms/GroupButton/styled.js +113 -124
  61. package/dist/components/atoms/GroupButton/styled.js.map +1 -1
  62. package/dist/components/atoms/Icon/Icon.js +64 -31
  63. package/dist/components/atoms/Icon/Icon.js.map +1 -1
  64. package/dist/components/atoms/Icon/Icon.stories.d.ts +9 -0
  65. package/dist/components/atoms/Icon/helpers.js +110 -77
  66. package/dist/components/atoms/Icon/helpers.js.map +1 -1
  67. package/dist/components/atoms/Input/Hint.js +19 -34
  68. package/dist/components/atoms/Input/Hint.js.map +1 -1
  69. package/dist/components/atoms/Input/InputContainer/InputContainer.js +81 -44
  70. package/dist/components/atoms/Input/InputContainer/InputContainer.js.map +1 -1
  71. package/dist/components/atoms/Input/InputElement/InputElement.js +68 -40
  72. package/dist/components/atoms/Input/InputElement/InputElement.js.map +1 -1
  73. package/dist/components/atoms/Input/InputMaskElement/InputMaskElement.js +109 -83
  74. package/dist/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -1
  75. package/dist/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +67 -31
  76. package/dist/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -1
  77. package/dist/components/atoms/Input/PressableInputContainer/styled.js +9 -12
  78. package/dist/components/atoms/Input/PressableInputContainer/styled.js.map +1 -1
  79. package/dist/components/atoms/Input/hooks/useInputFocus.js +8 -12
  80. package/dist/components/atoms/Input/hooks/useInputFocus.js.map +1 -1
  81. package/dist/components/atoms/Input/hooks/useNumberMask.js +67 -66
  82. package/dist/components/atoms/Input/hooks/useNumberMask.js.map +1 -1
  83. package/dist/components/atoms/Input/hooks/useStringMask.js +49 -60
  84. package/dist/components/atoms/Input/hooks/useStringMask.js.map +1 -1
  85. package/dist/components/atoms/Input/styled.js +106 -144
  86. package/dist/components/atoms/Input/styled.js.map +1 -1
  87. package/dist/components/atoms/Paper/Paper.js +47 -21
  88. package/dist/components/atoms/Paper/Paper.js.map +1 -1
  89. package/dist/components/atoms/Paper/Paper.stories.d.ts +9 -0
  90. package/dist/components/atoms/Paper/styled.js +14 -17
  91. package/dist/components/atoms/Paper/styled.js.map +1 -1
  92. package/dist/components/atoms/PressableSurface/PressableSurface.js +78 -68
  93. package/dist/components/atoms/PressableSurface/PressableSurface.js.map +1 -1
  94. package/dist/components/atoms/ProgressBar/ProgressBar.js +88 -44
  95. package/dist/components/atoms/ProgressBar/ProgressBar.js.map +1 -1
  96. package/dist/components/atoms/ProgressBar/ProgressBar.stories.d.ts +9 -0
  97. package/dist/components/atoms/ProgressBar/styled.js +39 -51
  98. package/dist/components/atoms/ProgressBar/styled.js.map +1 -1
  99. package/dist/components/atoms/RadioButton/RadioButton.js +60 -33
  100. package/dist/components/atoms/RadioButton/RadioButton.js.map +1 -1
  101. package/dist/components/atoms/RadioButton/RadioButton.stories.d.ts +9 -0
  102. package/dist/components/atoms/RadioButton/styled.js +28 -44
  103. package/dist/components/atoms/RadioButton/styled.js.map +1 -1
  104. package/dist/components/atoms/Switch/Switch.js +94 -73
  105. package/dist/components/atoms/Switch/Switch.js.map +1 -1
  106. package/dist/components/atoms/Switch/Switch.stories.d.ts +9 -0
  107. package/dist/components/atoms/Switch/animation.js +12 -20
  108. package/dist/components/atoms/Switch/animation.js.map +1 -1
  109. package/dist/components/atoms/Switch/styled.js +36 -44
  110. package/dist/components/atoms/Switch/styled.js.map +1 -1
  111. package/dist/components/atoms/Tag/Tag.js +65 -45
  112. package/dist/components/atoms/Tag/Tag.js.map +1 -1
  113. package/dist/components/atoms/Tag/styled.js +43 -63
  114. package/dist/components/atoms/Tag/styled.js.map +1 -1
  115. package/dist/components/atoms/Text/Text.js +71 -37
  116. package/dist/components/atoms/Text/Text.js.map +1 -1
  117. package/dist/components/atoms/Text/Text.stories.d.ts +9 -0
  118. package/dist/components/atoms/Text/functions.js +5 -10
  119. package/dist/components/atoms/Text/functions.js.map +1 -1
  120. package/dist/components/atoms/Text/styled.js +29 -67
  121. package/dist/components/atoms/Text/styled.js.map +1 -1
  122. package/dist/components/atoms/shared/PaperAndCard.js +17 -32
  123. package/dist/components/atoms/shared/PaperAndCard.js.map +1 -1
  124. package/dist/components/molecules/Calendar/Calendar.js +148 -98
  125. package/dist/components/molecules/Calendar/Calendar.js.map +1 -1
  126. package/dist/components/molecules/Calendar/Calendar.stories.d.ts +8 -0
  127. package/dist/components/molecules/Calendar/components/MonthWeek.js +92 -125
  128. package/dist/components/molecules/Calendar/components/MonthWeek.js.map +1 -1
  129. package/dist/components/molecules/Calendar/components/Weekdays.js +16 -29
  130. package/dist/components/molecules/Calendar/components/Weekdays.js.map +1 -1
  131. package/dist/components/molecules/Calendar/styled.js +88 -91
  132. package/dist/components/molecules/Calendar/styled.js.map +1 -1
  133. package/dist/components/molecules/DatePicker/DatePicker.js +133 -86
  134. package/dist/components/molecules/DatePicker/DatePicker.js.map +1 -1
  135. package/dist/components/molecules/DatePicker/styled.js +34 -40
  136. package/dist/components/molecules/DatePicker/styled.js.map +1 -1
  137. package/dist/components/molecules/DateTimePicker/DateTimePicker.js +150 -85
  138. package/dist/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  139. package/dist/components/molecules/DateTimePicker/styled.js +10 -18
  140. package/dist/components/molecules/DateTimePicker/styled.js.map +1 -1
  141. package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js +174 -146
  142. package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
  143. package/dist/components/molecules/DateTimeSelector/Selector.js +101 -69
  144. package/dist/components/molecules/DateTimeSelector/Selector.js.map +1 -1
  145. package/dist/components/molecules/DateTimeSelector/styled.js +67 -105
  146. package/dist/components/molecules/DateTimeSelector/styled.js.map +1 -1
  147. package/dist/components/molecules/Grid/functions.js +22 -16
  148. package/dist/components/molecules/Grid/functions.js.map +1 -1
  149. package/dist/components/molecules/HintInputContainer/HintInputContainer.js +84 -36
  150. package/dist/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -1
  151. package/dist/components/molecules/IconTextButton/IconComponent.js +38 -31
  152. package/dist/components/molecules/IconTextButton/IconComponent.js.map +1 -1
  153. package/dist/components/molecules/InputPassword/InputPasswordIcon.js +53 -28
  154. package/dist/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -1
  155. package/dist/components/molecules/InputPassword/styled.js +15 -18
  156. package/dist/components/molecules/InputPassword/styled.js.map +1 -1
  157. package/dist/components/molecules/Snackbar/Snackbar.d.ts +1 -1
  158. package/dist/components/molecules/Snackbar/Snackbar.js +64 -71
  159. package/dist/components/molecules/Snackbar/Snackbar.js.map +1 -1
  160. package/dist/components/molecules/Snackbar/styled.js +92 -73
  161. package/dist/components/molecules/Snackbar/styled.js.map +1 -1
  162. package/dist/components/molecules/TextArea/TextArea.js +63 -72
  163. package/dist/components/molecules/TextArea/TextArea.js.map +1 -1
  164. package/dist/components/molecules/TextArea/styled.js +33 -27
  165. package/dist/components/molecules/TextArea/styled.js.map +1 -1
  166. package/dist/hooks/useDebouncedState.js +14 -14
  167. package/dist/hooks/useDebouncedState.js.map +1 -1
  168. package/dist/hooks/useTheme.js +5 -8
  169. package/dist/hooks/useTheme.js.map +1 -1
  170. package/dist/index.js +141 -455
  171. package/dist/index.js.map +1 -1
  172. package/dist/styles/ThemeProvider.js +13 -19
  173. package/dist/styles/ThemeProvider.js.map +1 -1
  174. package/dist/styles/definitions.js +107 -104
  175. package/dist/styles/definitions.js.map +1 -1
  176. package/dist/styles/light.js +47 -36
  177. package/dist/styles/light.js.map +1 -1
  178. package/dist/utils/IPhoneXHelper.js +13 -19
  179. package/dist/utils/IPhoneXHelper.js.map +1 -1
  180. package/dist/utils/ResponsiveFontSize.js +22 -42
  181. package/dist/utils/ResponsiveFontSize.js.map +1 -1
  182. package/dist/utils/extractNumbersFromString.js +6 -11
  183. package/dist/utils/extractNumbersFromString.js.map +1 -1
  184. package/dist/utils/formatWithMask.js +23 -20
  185. package/dist/utils/formatWithMask.js.map +1 -1
  186. package/dist/utils/lightenDarkenColor.js +19 -15
  187. package/dist/utils/lightenDarkenColor.js.map +1 -1
  188. package/dist/utils/masks.js +16 -18
  189. package/dist/utils/masks.js.map +1 -1
  190. package/dist/utils/variantComplement.js +24 -25
  191. package/dist/utils/variantComplement.js.map +1 -1
  192. package/esm/components/atoms/Avatar/Avatar.d.ts +1 -1
  193. package/esm/components/atoms/Avatar/Avatar.js +25 -43
  194. package/esm/components/atoms/Avatar/Avatar.js.map +1 -1
  195. package/esm/components/atoms/Avatar/helpers.js +6 -8
  196. package/esm/components/atoms/Avatar/helpers.js.map +1 -1
  197. package/esm/components/atoms/Avatar/styled.js +32 -30
  198. package/esm/components/atoms/Avatar/styled.js.map +1 -1
  199. package/esm/components/atoms/Badge/Badge.js +15 -16
  200. package/esm/components/atoms/Badge/Badge.js.map +1 -1
  201. package/esm/components/atoms/Badge/styled.js +34 -15
  202. package/esm/components/atoms/Badge/styled.js.map +1 -1
  203. package/esm/components/atoms/BoxContent/BoxContent.js +35 -15
  204. package/esm/components/atoms/BoxContent/BoxContent.js.map +1 -1
  205. package/esm/components/atoms/BoxContent/styled.d.ts +3 -16
  206. package/esm/components/atoms/BoxContent/styled.js +48 -49
  207. package/esm/components/atoms/BoxContent/styled.js.map +1 -1
  208. package/esm/components/atoms/Button/Button.js +79 -56
  209. package/esm/components/atoms/Button/Button.js.map +1 -1
  210. package/esm/components/atoms/Button/States/BaseState.d.ts +1 -1
  211. package/esm/components/atoms/Button/States/BaseState.js +22 -22
  212. package/esm/components/atoms/Button/States/BaseState.js.map +1 -1
  213. package/esm/components/atoms/Button/States/Error.d.ts +1 -1
  214. package/esm/components/atoms/Button/States/Error.js +26 -7
  215. package/esm/components/atoms/Button/States/Error.js.map +1 -1
  216. package/esm/components/atoms/Button/States/Loading.d.ts +1 -1
  217. package/esm/components/atoms/Button/States/Loading.js +20 -20
  218. package/esm/components/atoms/Button/States/Loading.js.map +1 -1
  219. package/esm/components/atoms/Button/States/Success.d.ts +1 -1
  220. package/esm/components/atoms/Button/States/Success.js +26 -7
  221. package/esm/components/atoms/Button/States/Success.js.map +1 -1
  222. package/esm/components/atoms/Button/States/styled.d.ts +2 -11
  223. package/esm/components/atoms/Button/States/styled.js +13 -22
  224. package/esm/components/atoms/Button/States/styled.js.map +1 -1
  225. package/esm/components/atoms/Button/styled.js +43 -35
  226. package/esm/components/atoms/Button/styled.js.map +1 -1
  227. package/esm/components/atoms/Card/Card.js +52 -27
  228. package/esm/components/atoms/Card/Card.js.map +1 -1
  229. package/esm/components/atoms/Card/Footer/Footer.js +6 -10
  230. package/esm/components/atoms/Card/Footer/Footer.js.map +1 -1
  231. package/esm/components/atoms/Card/Header/Header.js +6 -10
  232. package/esm/components/atoms/Card/Header/Header.js.map +1 -1
  233. package/esm/components/atoms/Card/styled.d.ts +1 -8
  234. package/esm/components/atoms/Card/styled.js +11 -9
  235. package/esm/components/atoms/Card/styled.js.map +1 -1
  236. package/esm/components/atoms/Checkbox/Checkbox.js +66 -40
  237. package/esm/components/atoms/Checkbox/Checkbox.js.map +1 -1
  238. package/esm/components/atoms/Checkbox/styled.d.ts +3 -7
  239. package/esm/components/atoms/Checkbox/styled.js +35 -48
  240. package/esm/components/atoms/Checkbox/styled.js.map +1 -1
  241. package/esm/components/atoms/Divider/Divider.js +35 -15
  242. package/esm/components/atoms/Divider/Divider.js.map +1 -1
  243. package/esm/components/atoms/Divider/styled.d.ts +1 -13
  244. package/esm/components/atoms/Divider/styled.js +21 -25
  245. package/esm/components/atoms/Divider/styled.js.map +1 -1
  246. package/esm/components/atoms/GroupButton/GroupButton.js +83 -62
  247. package/esm/components/atoms/GroupButton/GroupButton.js.map +1 -1
  248. package/esm/components/atoms/GroupButton/GroupButtonOption.js +13 -13
  249. package/esm/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
  250. package/esm/components/atoms/GroupButton/styled.js +101 -84
  251. package/esm/components/atoms/GroupButton/styled.js.map +1 -1
  252. package/esm/components/atoms/Icon/Icon.js +64 -33
  253. package/esm/components/atoms/Icon/Icon.js.map +1 -1
  254. package/esm/components/atoms/Icon/helpers.d.ts +3 -3
  255. package/esm/components/atoms/Icon/helpers.js +88 -64
  256. package/esm/components/atoms/Icon/helpers.js.map +1 -1
  257. package/esm/components/atoms/Input/Hint.js +18 -26
  258. package/esm/components/atoms/Input/Hint.js.map +1 -1
  259. package/esm/components/atoms/Input/InputContainer/InputContainer.js +88 -55
  260. package/esm/components/atoms/Input/InputContainer/InputContainer.js.map +1 -1
  261. package/esm/components/atoms/Input/InputElement/InputElement.js +64 -34
  262. package/esm/components/atoms/Input/InputElement/InputElement.js.map +1 -1
  263. package/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js +102 -87
  264. package/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -1
  265. package/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +50 -25
  266. package/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -1
  267. package/esm/components/atoms/Input/PressableInputContainer/styled.js +6 -5
  268. package/esm/components/atoms/Input/PressableInputContainer/styled.js.map +1 -1
  269. package/esm/components/atoms/Input/hooks/useInputFocus.js +11 -26
  270. package/esm/components/atoms/Input/hooks/useInputFocus.js.map +1 -1
  271. package/esm/components/atoms/Input/hooks/useNumberMask.js +67 -84
  272. package/esm/components/atoms/Input/hooks/useNumberMask.js.map +1 -1
  273. package/esm/components/atoms/Input/hooks/useStringMask.js +58 -79
  274. package/esm/components/atoms/Input/hooks/useStringMask.js.map +1 -1
  275. package/esm/components/atoms/Input/styled.js +91 -89
  276. package/esm/components/atoms/Input/styled.js.map +1 -1
  277. package/esm/components/atoms/Paper/Paper.js +45 -20
  278. package/esm/components/atoms/Paper/Paper.js.map +1 -1
  279. package/esm/components/atoms/Paper/styled.d.ts +1 -9
  280. package/esm/components/atoms/Paper/styled.js +11 -9
  281. package/esm/components/atoms/Paper/styled.js.map +1 -1
  282. package/esm/components/atoms/PressableSurface/PressableSurface.js +83 -66
  283. package/esm/components/atoms/PressableSurface/PressableSurface.js.map +1 -1
  284. package/esm/components/atoms/ProgressBar/ProgressBar.js +79 -64
  285. package/esm/components/atoms/ProgressBar/ProgressBar.js.map +1 -1
  286. package/esm/components/atoms/ProgressBar/styled.js +30 -24
  287. package/esm/components/atoms/ProgressBar/styled.js.map +1 -1
  288. package/esm/components/atoms/RadioButton/RadioButton.js +61 -35
  289. package/esm/components/atoms/RadioButton/RadioButton.js.map +1 -1
  290. package/esm/components/atoms/RadioButton/styled.js +24 -28
  291. package/esm/components/atoms/RadioButton/styled.js.map +1 -1
  292. package/esm/components/atoms/Switch/Switch.js +88 -62
  293. package/esm/components/atoms/Switch/Switch.js.map +1 -1
  294. package/esm/components/atoms/Switch/animation.js +7 -5
  295. package/esm/components/atoms/Switch/animation.js.map +1 -1
  296. package/esm/components/atoms/Switch/styled.d.ts +2 -14
  297. package/esm/components/atoms/Switch/styled.js +27 -22
  298. package/esm/components/atoms/Switch/styled.js.map +1 -1
  299. package/esm/components/atoms/Tag/Tag.js +69 -63
  300. package/esm/components/atoms/Tag/Tag.js.map +1 -1
  301. package/esm/components/atoms/Tag/styled.js +31 -35
  302. package/esm/components/atoms/Tag/styled.js.map +1 -1
  303. package/esm/components/atoms/Text/Text.js +72 -43
  304. package/esm/components/atoms/Text/Text.js.map +1 -1
  305. package/esm/components/atoms/Text/functions.js +5 -7
  306. package/esm/components/atoms/Text/functions.js.map +1 -1
  307. package/esm/components/atoms/Text/styled.d.ts +2 -16
  308. package/esm/components/atoms/Text/styled.js +19 -43
  309. package/esm/components/atoms/Text/styled.js.map +1 -1
  310. package/esm/components/atoms/shared/PaperAndCard.d.ts +2 -4
  311. package/esm/components/atoms/shared/PaperAndCard.js +16 -20
  312. package/esm/components/atoms/shared/PaperAndCard.js.map +1 -1
  313. package/esm/components/molecules/Calendar/Calendar.js +130 -124
  314. package/esm/components/molecules/Calendar/Calendar.js.map +1 -1
  315. package/esm/components/molecules/Calendar/components/MonthWeek.js +80 -98
  316. package/esm/components/molecules/Calendar/components/MonthWeek.js.map +1 -1
  317. package/esm/components/molecules/Calendar/components/Weekdays.js +19 -25
  318. package/esm/components/molecules/Calendar/components/Weekdays.js.map +1 -1
  319. package/esm/components/molecules/Calendar/styled.js +79 -52
  320. package/esm/components/molecules/Calendar/styled.js.map +1 -1
  321. package/esm/components/molecules/DatePicker/DatePicker.js +131 -95
  322. package/esm/components/molecules/DatePicker/DatePicker.js.map +1 -1
  323. package/esm/components/molecules/DatePicker/styled.js +25 -19
  324. package/esm/components/molecules/DatePicker/styled.js.map +1 -1
  325. package/esm/components/molecules/DateTimePicker/DateTimePicker.js +155 -102
  326. package/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  327. package/esm/components/molecules/DateTimePicker/styled.js +8 -10
  328. package/esm/components/molecules/DateTimePicker/styled.js.map +1 -1
  329. package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js +175 -179
  330. package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
  331. package/esm/components/molecules/DateTimeSelector/Selector.js +93 -82
  332. package/esm/components/molecules/DateTimeSelector/Selector.js.map +1 -1
  333. package/esm/components/molecules/DateTimeSelector/styled.js +54 -52
  334. package/esm/components/molecules/DateTimeSelector/styled.js.map +1 -1
  335. package/esm/components/molecules/Grid/functions.d.ts +2 -2
  336. package/esm/components/molecules/Grid/functions.js +23 -13
  337. package/esm/components/molecules/Grid/functions.js.map +1 -1
  338. package/esm/components/molecules/HintInputContainer/HintInputContainer.js +71 -36
  339. package/esm/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -1
  340. package/esm/components/molecules/IconTextButton/IconComponent.js +31 -17
  341. package/esm/components/molecules/IconTextButton/IconComponent.js.map +1 -1
  342. package/esm/components/molecules/IconTextButton/styled.d.ts +3 -10
  343. package/esm/components/molecules/IconTextButton/styled.js +6 -5
  344. package/esm/components/molecules/IconTextButton/styled.js.map +1 -1
  345. package/esm/components/molecules/InputPassword/InputPasswordIcon.js +48 -24
  346. package/esm/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -1
  347. package/esm/components/molecules/InputPassword/styled.js +12 -9
  348. package/esm/components/molecules/InputPassword/styled.js.map +1 -1
  349. package/esm/components/molecules/Snackbar/Snackbar.d.ts +1 -1
  350. package/esm/components/molecules/Snackbar/Snackbar.js +64 -65
  351. package/esm/components/molecules/Snackbar/Snackbar.js.map +1 -1
  352. package/esm/components/molecules/Snackbar/styled.js +84 -48
  353. package/esm/components/molecules/Snackbar/styled.js.map +1 -1
  354. package/esm/components/molecules/TextArea/TextArea.js +66 -67
  355. package/esm/components/molecules/TextArea/TextArea.js.map +1 -1
  356. package/esm/components/molecules/TextArea/styled.d.ts +2 -12
  357. package/esm/components/molecules/TextArea/styled.js +25 -12
  358. package/esm/components/molecules/TextArea/styled.js.map +1 -1
  359. package/esm/hooks/useDebouncedState.js +13 -28
  360. package/esm/hooks/useDebouncedState.js.map +1 -1
  361. package/esm/hooks/useTheme.js +6 -5
  362. package/esm/hooks/useTheme.js.map +1 -1
  363. package/esm/index.js +55 -36
  364. package/esm/index.js.map +1 -1
  365. package/esm/styles/ThemeProvider.js +10 -9
  366. package/esm/styles/ThemeProvider.js.map +1 -1
  367. package/esm/styles/definitions.js +107 -117
  368. package/esm/styles/definitions.js.map +1 -1
  369. package/esm/styles/light.js +44 -31
  370. package/esm/styles/light.js.map +1 -1
  371. package/esm/utils/IPhoneXHelper.js +11 -9
  372. package/esm/utils/IPhoneXHelper.js.map +1 -1
  373. package/esm/utils/ResponsiveFontSize.js +26 -31
  374. package/esm/utils/ResponsiveFontSize.js.map +1 -1
  375. package/esm/utils/extractNumbersFromString.js +5 -7
  376. package/esm/utils/extractNumbersFromString.js.map +1 -1
  377. package/esm/utils/formatWithMask.js +20 -13
  378. package/esm/utils/formatWithMask.js.map +1 -1
  379. package/esm/utils/lightenDarkenColor.js +23 -14
  380. package/esm/utils/lightenDarkenColor.js.map +1 -1
  381. package/esm/utils/masks.js +18 -17
  382. package/esm/utils/masks.js.map +1 -1
  383. package/esm/utils/variantComplement.js +23 -21
  384. package/esm/utils/variantComplement.js.map +1 -1
  385. package/package.json +4 -7
  386. package/rollup.config.js +36 -0
  387. package/src/components/atoms/Avatar/Avatar.stories.tsx +2 -3
  388. package/src/components/atoms/Avatar/Avatar.tsx +1 -1
  389. package/src/components/atoms/Button/States/BaseState.tsx +1 -1
  390. package/src/components/atoms/Button/States/Error.tsx +2 -2
  391. package/src/components/atoms/Button/States/Loading.tsx +1 -1
  392. package/src/components/atoms/Button/States/Success.tsx +2 -2
  393. package/src/components/atoms/Icon/Icon.tsx +6 -2
  394. package/src/components/atoms/Icon/helpers.ts +18 -16
  395. package/src/components/molecules/Grid/functions.ts +2 -6
  396. package/src/components/molecules/IconTextButton/IconComponent.tsx +2 -6
  397. package/src/components/molecules/IconTextButton/{IconTextButton.tsx → IconTextButton.ts} +0 -0
  398. package/src/components/molecules/Snackbar/Snackbar.tsx +1 -1
  399. package/tsconfig.build.json +2 -1
  400. package/babel.config.esm.js +0 -34
  401. package/dist/components/atoms/Avatar/index.js +0 -16
  402. package/dist/components/atoms/Avatar/index.js.map +0 -1
  403. package/dist/components/atoms/Badge/index.js +0 -16
  404. package/dist/components/atoms/Badge/index.js.map +0 -1
  405. package/dist/components/atoms/BoxContent/index.js +0 -16
  406. package/dist/components/atoms/BoxContent/index.js.map +0 -1
  407. package/dist/components/atoms/Button/States/index.js +0 -32
  408. package/dist/components/atoms/Button/States/index.js.map +0 -1
  409. package/dist/components/atoms/Button/index.js +0 -36
  410. package/dist/components/atoms/Button/index.js.map +0 -1
  411. package/dist/components/atoms/Card/Footer/index.js +0 -16
  412. package/dist/components/atoms/Card/Footer/index.js.map +0 -1
  413. package/dist/components/atoms/Card/Header/index.js +0 -16
  414. package/dist/components/atoms/Card/Header/index.js.map +0 -1
  415. package/dist/components/atoms/Card/index.js +0 -16
  416. package/dist/components/atoms/Card/index.js.map +0 -1
  417. package/dist/components/atoms/Checkbox/index.js +0 -16
  418. package/dist/components/atoms/Checkbox/index.js.map +0 -1
  419. package/dist/components/atoms/Divider/index.js +0 -16
  420. package/dist/components/atoms/Divider/index.js.map +0 -1
  421. package/dist/components/atoms/GroupButton/index.js +0 -24
  422. package/dist/components/atoms/GroupButton/index.js.map +0 -1
  423. package/dist/components/atoms/Icon/index.js +0 -16
  424. package/dist/components/atoms/Icon/index.js.map +0 -1
  425. package/dist/components/atoms/Input/PressableInputContainer/index.js +0 -16
  426. package/dist/components/atoms/Input/PressableInputContainer/index.js.map +0 -1
  427. package/dist/components/atoms/Input/index.js +0 -113
  428. package/dist/components/atoms/Input/index.js.map +0 -1
  429. package/dist/components/atoms/Paper/index.js +0 -16
  430. package/dist/components/atoms/Paper/index.js.map +0 -1
  431. package/dist/components/atoms/PressableSurface/index.js +0 -16
  432. package/dist/components/atoms/PressableSurface/index.js.map +0 -1
  433. package/dist/components/atoms/ProgressBar/index.js +0 -16
  434. package/dist/components/atoms/ProgressBar/index.js.map +0 -1
  435. package/dist/components/atoms/RadioButton/index.js +0 -16
  436. package/dist/components/atoms/RadioButton/index.js.map +0 -1
  437. package/dist/components/atoms/Switch/index.js +0 -16
  438. package/dist/components/atoms/Switch/index.js.map +0 -1
  439. package/dist/components/atoms/Tag/index.js +0 -16
  440. package/dist/components/atoms/Tag/index.js.map +0 -1
  441. package/dist/components/atoms/Text/index.js +0 -16
  442. package/dist/components/atoms/Text/index.js.map +0 -1
  443. package/dist/components/molecules/Calendar/components/index.js +0 -24
  444. package/dist/components/molecules/Calendar/components/index.js.map +0 -1
  445. package/dist/components/molecules/Calendar/index.js +0 -16
  446. package/dist/components/molecules/Calendar/index.js.map +0 -1
  447. package/dist/components/molecules/DatePicker/index.js +0 -16
  448. package/dist/components/molecules/DatePicker/index.js.map +0 -1
  449. package/dist/components/molecules/DateTimePicker/index.js +0 -16
  450. package/dist/components/molecules/DateTimePicker/index.js.map +0 -1
  451. package/dist/components/molecules/DateTimeSelector/index.js +0 -16
  452. package/dist/components/molecules/DateTimeSelector/index.js.map +0 -1
  453. package/dist/components/molecules/Grid/index.js +0 -20
  454. package/dist/components/molecules/Grid/index.js.map +0 -1
  455. package/dist/components/molecules/HintInputContainer/index.js +0 -16
  456. package/dist/components/molecules/HintInputContainer/index.js.map +0 -1
  457. package/dist/components/molecules/HintInputContainer/styled.js +0 -2
  458. package/dist/components/molecules/HintInputContainer/styled.js.map +0 -1
  459. package/dist/components/molecules/IconTextButton/IconTextButton.js +0 -6
  460. package/dist/components/molecules/IconTextButton/IconTextButton.js.map +0 -1
  461. package/dist/components/molecules/IconTextButton/index.js +0 -16
  462. package/dist/components/molecules/IconTextButton/index.js.map +0 -1
  463. package/dist/components/molecules/IconTextButton/styled.d.ts +0 -4
  464. package/dist/components/molecules/IconTextButton/styled.js +0 -29
  465. package/dist/components/molecules/IconTextButton/styled.js.map +0 -1
  466. package/dist/components/molecules/InputPassword/index.js +0 -16
  467. package/dist/components/molecules/InputPassword/index.js.map +0 -1
  468. package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js +0 -6
  469. package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js.map +0 -1
  470. package/dist/components/molecules/LabeledSwitch/index.js +0 -6
  471. package/dist/components/molecules/LabeledSwitch/index.js.map +0 -1
  472. package/dist/components/molecules/Snackbar/index.js +0 -16
  473. package/dist/components/molecules/Snackbar/index.js.map +0 -1
  474. package/dist/components/molecules/TextArea/index.js +0 -24
  475. package/dist/components/molecules/TextArea/index.js.map +0 -1
  476. package/dist/hooks/index.js +0 -22
  477. package/dist/hooks/index.js.map +0 -1
  478. package/dist/types/defaults.js +0 -6
  479. package/dist/types/defaults.js.map +0 -1
  480. package/dist/utils/index.js +0 -103
  481. package/dist/utils/index.js.map +0 -1
  482. package/src/components/molecules/IconTextButton/styled.ts +0 -20
@@ -1,92 +1,107 @@
1
- var _excluded = ["onChange", "placeholder", "value", "disabled", "placeholderTextColor", "mask"];
2
-
3
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
-
5
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
6
-
7
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
8
-
9
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
-
11
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
12
-
13
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
14
-
15
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
16
-
17
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
18
-
19
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
20
-
21
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
22
-
23
1
  import { useTheme } from '@emotion/react';
24
- import React, { useCallback, useEffect } from 'react';
25
- import { StyledInputElement } from '../styled';
26
- import { useStringMask } from '../hooks/useStringMask';
27
- import { useNumberMask } from '../hooks/useNumberMask';
28
- var InputMaskElement = React.forwardRef(function (_ref, ref) {
29
- var onChange = _ref.onChange,
30
- placeholder = _ref.placeholder,
31
- value = _ref.value,
32
- _ref$disabled = _ref.disabled,
33
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
34
- placeholderTextColor = _ref.placeholderTextColor,
35
- mask = _ref.mask,
36
- rest = _objectWithoutProperties(_ref, _excluded);
37
-
38
- var theme = useTheme();
39
-
40
- var _placeholderColor = placeholderTextColor || theme.font.color.dark;
41
-
42
- var getInputHook = function getInputHook(value) {
43
- if (mask !== undefined) {
44
- if (Array.isArray(mask) || typeof mask === 'function') {
45
- return useStringMask(mask, value);
46
- } else {
47
- return useNumberMask(mask, value);
48
- }
49
- } else {
50
- return [undefined, undefined];
2
+ import React__default, { useEffect, useCallback } from 'react';
3
+ import { StyledInputElement } from '../styled.js';
4
+ import { useStringMask } from '../hooks/useStringMask.js';
5
+ import { useNumberMask } from '../hooks/useNumberMask.js';
6
+
7
+ var __defProp = Object.defineProperty;
8
+ var __defProps = Object.defineProperties;
9
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
10
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
11
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
12
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
13
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
14
+ var __spreadValues = (a, b) => {
15
+ for (var prop in b || (b = {}))
16
+ if (__hasOwnProp.call(b, prop))
17
+ __defNormalProp(a, prop, b[prop]);
18
+ if (__getOwnPropSymbols)
19
+ for (var prop of __getOwnPropSymbols(b)) {
20
+ if (__propIsEnum.call(b, prop))
21
+ __defNormalProp(a, prop, b[prop]);
51
22
  }
52
- };
53
-
54
- var _getInputHook = getInputHook(value !== null && value !== void 0 ? value : ''),
55
- _getInputHook2 = _slicedToArray(_getInputHook, 2),
56
- maskValue = _getInputHook2[0],
57
- setMaskValue = _getInputHook2[1];
58
-
59
- var _value = maskValue === undefined ? value === null || value === void 0 ? void 0 : value.toString() : maskValue.formatted ? maskValue.formatted : '';
60
-
61
- useEffect(function () {
62
- if (onChange) {
63
- onChange(maskValue === null || maskValue === void 0 ? void 0 : maskValue.raw);
23
+ return a;
24
+ };
25
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
26
+ var __objRest = (source, exclude) => {
27
+ var target = {};
28
+ for (var prop in source)
29
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
30
+ target[prop] = source[prop];
31
+ if (source != null && __getOwnPropSymbols)
32
+ for (var prop of __getOwnPropSymbols(source)) {
33
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
34
+ target[prop] = source[prop];
64
35
  }
65
- }, [maskValue]);
66
- var onChangeValue = useCallback(function (value) {
67
- if (maskValue !== undefined && setMaskValue !== undefined) {
68
- setMaskValue(value);
69
- } else onChange && onChange(value);
70
- }, [value]);
71
- useEffect(function () {
72
- if (maskValue !== undefined && setMaskValue !== undefined && value !== undefined && _typeof(maskValue) === 'object') {
73
- if (maskValue.raw !== undefined && maskValue.raw.toString() !== value.toString()) {
36
+ return target;
37
+ };
38
+ const InputMaskElement = React__default.forwardRef(
39
+ (_a, ref) => {
40
+ var _b = _a, {
41
+ onChange,
42
+ placeholder,
43
+ value,
44
+ disabled = false,
45
+ placeholderTextColor,
46
+ mask
47
+ } = _b, rest = __objRest(_b, [
48
+ "onChange",
49
+ "placeholder",
50
+ "value",
51
+ "disabled",
52
+ "placeholderTextColor",
53
+ "mask"
54
+ ]);
55
+ const theme = useTheme();
56
+ const _placeholderColor = placeholderTextColor || theme.font.color.dark;
57
+ const getInputHook = (value2) => {
58
+ if (mask !== void 0) {
59
+ if (Array.isArray(mask) || typeof mask === "function") {
60
+ return useStringMask(mask, value2);
61
+ } else {
62
+ return useNumberMask(mask, value2);
63
+ }
64
+ } else {
65
+ return [void 0, void 0];
66
+ }
67
+ };
68
+ const [maskValue, setMaskValue] = getInputHook(value != null ? value : "");
69
+ const _value = maskValue === void 0 ? value == null ? void 0 : value.toString() : maskValue.formatted ? maskValue.formatted : "";
70
+ useEffect(() => {
71
+ if (onChange) {
72
+ onChange(maskValue == null ? void 0 : maskValue.raw);
73
+ }
74
+ }, [maskValue]);
75
+ const onChangeValue = useCallback(
76
+ (value2) => {
77
+ if (maskValue !== void 0 && setMaskValue !== void 0) {
78
+ setMaskValue(value2);
79
+ } else
80
+ onChange && onChange(value2);
81
+ },
82
+ [value]
83
+ );
84
+ useEffect(() => {
85
+ if (maskValue !== void 0 && setMaskValue !== void 0 && value !== void 0 && typeof maskValue === "object") {
86
+ if (maskValue.raw !== void 0 && maskValue.raw.toString() !== value.toString()) {
87
+ onChangeValue(value);
88
+ }
89
+ } else if (maskValue === void 0 && value !== void 0) {
74
90
  onChangeValue(value);
75
91
  }
76
- } else if (maskValue === undefined && value !== undefined) {
77
- onChangeValue(value);
78
- }
79
- }, [value]);
80
- return React.createElement(StyledInputElement, _extends({}, rest, {
81
- ref: ref,
82
- onChangeText: onChangeValue,
83
- value: _value,
84
- placeholder: placeholder,
85
- placeholderTextColor: _placeholderColor,
86
- disabled: disabled,
87
- editable: !disabled
88
- }));
89
- });
90
- InputMaskElement.displayName = 'InputMaskElement';
91
- export default InputMaskElement;
92
- //# sourceMappingURL=InputMaskElement.js.map
92
+ }, [value]);
93
+ return /* @__PURE__ */ React__default.createElement(StyledInputElement, __spreadProps(__spreadValues({}, rest), {
94
+ ref,
95
+ onChangeText: onChangeValue,
96
+ value: _value,
97
+ placeholder,
98
+ placeholderTextColor: _placeholderColor,
99
+ disabled,
100
+ editable: !disabled
101
+ }));
102
+ }
103
+ );
104
+ InputMaskElement.displayName = "InputMaskElement";
105
+
106
+ export { InputMaskElement as default };
107
+ //# sourceMappingURL=InputMaskElement.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InputMaskElement.js","names":["useTheme","React","useCallback","useEffect","StyledInputElement","useStringMask","useNumberMask","InputMaskElement","forwardRef","ref","onChange","placeholder","value","disabled","placeholderTextColor","mask","rest","theme","_placeholderColor","font","color","dark","getInputHook","undefined","Array","isArray","maskValue","setMaskValue","_value","toString","formatted","raw","onChangeValue","displayName"],"sources":["../../../../../src/components/atoms/Input/InputMaskElement/InputMaskElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { useCallback, useEffect } from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\nimport { MaskType, useStringMask } from '../hooks/useStringMask';\nimport { CurrencyOptions, useNumberMask } from '../hooks/useNumberMask';\n\nexport interface InputMaskElementProps\n extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n style?: StyleProp<TextStyle>;\n value?: string | number;\n placeholder?: string;\n disabled?: boolean;\n onChange?: (value: any) => void;\n /**\n To use mask for strings you have to pass a MaskType[] or ((value: string) => MaskType[])\n A MaskType can be a string, RegExp, or Array<RegExp>.\n In case we have a string, '9' represents digits, 'a' represents alphabet characters, and any other character represents fixed characters in the mask.\n For example a phone mask can be represented as ['(99) \\\\99999-9999'], or ['(99) ', '/[9]/', '9999-9999'], or ['(', /[0-9]/, /[0-9]/, ') ', '/[9]/', '9999-9999'] and many others.\n To use mask for numbers you have to pass a CurrencyOptions object\n A CurrencyOptions object contains symbol, separator, decimal, precision. For example {symbol: 'R$ ', separator: '.', decimal: ',', precision: 2,}.\n **/\n mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;\n onFocus?: () => void;\n onBlur?: () => void;\n}\n\nconst InputMaskElement = React.forwardRef<TextInput, InputMaskElementProps>(\n (\n {\n onChange,\n placeholder,\n value,\n disabled = false,\n placeholderTextColor,\n mask,\n ...rest\n },\n ref\n ): JSX.Element => {\n const theme = useTheme() as ThemeProp;\n\n const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n const getInputHook = (value: string | number) => {\n if (mask !== undefined) {\n if (Array.isArray(mask) || typeof mask === 'function') {\n return useStringMask(mask, value);\n } else {\n return useNumberMask(mask, value);\n }\n } else {\n return [undefined, undefined];\n }\n };\n\n const [maskValue, setMaskValue] = getInputHook(value ?? '');\n\n const _value =\n maskValue === undefined\n ? value?.toString()\n : maskValue.formatted\n ? maskValue.formatted\n : '';\n\n useEffect(() => {\n if (onChange) {\n onChange(maskValue?.raw);\n }\n }, [maskValue]);\n\n const onChangeValue = useCallback(\n (value: string | number) => {\n if (maskValue !== undefined && setMaskValue !== undefined) {\n setMaskValue(value);\n } else onChange && onChange(value);\n },\n [value]\n );\n\n useEffect(() => {\n /** Used to reinitialize maskValue when the value is updated in the parent component **/\n if (\n maskValue !== undefined &&\n setMaskValue !== undefined &&\n value !== undefined &&\n typeof maskValue === 'object'\n ) {\n /** Case there is a mask **/\n if (\n maskValue.raw !== undefined &&\n maskValue.raw.toString() !== value.toString()\n ) {\n onChangeValue(value);\n }\n } else if (maskValue === undefined && value !== undefined) {\n onChangeValue(value);\n }\n }, [value]);\n\n return (\n <StyledInputElement\n {...rest}\n ref={ref}\n onChangeText={onChangeValue}\n value={_value}\n placeholder={placeholder}\n placeholderTextColor={_placeholderColor}\n disabled={disabled}\n editable={!disabled}\n />\n );\n }\n);\n\nInputMaskElement.displayName = 'InputMaskElement';\n\nexport default InputMaskElement;\n"],"mappings":"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"}
1
+ {"version":3,"file":"InputMaskElement.js","sources":["../../../../../src/components/atoms/Input/InputMaskElement/InputMaskElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React, { useCallback, useEffect } from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\nimport { MaskType, useStringMask } from '../hooks/useStringMask';\nimport { CurrencyOptions, useNumberMask } from '../hooks/useNumberMask';\n\nexport interface InputMaskElementProps\n extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n style?: StyleProp<TextStyle>;\n value?: string | number;\n placeholder?: string;\n disabled?: boolean;\n onChange?: (value: any) => void;\n /**\n To use mask for strings you have to pass a MaskType[] or ((value: string) => MaskType[])\n A MaskType can be a string, RegExp, or Array<RegExp>.\n In case we have a string, '9' represents digits, 'a' represents alphabet characters, and any other character represents fixed characters in the mask.\n For example a phone mask can be represented as ['(99) \\\\99999-9999'], or ['(99) ', '/[9]/', '9999-9999'], or ['(', /[0-9]/, /[0-9]/, ') ', '/[9]/', '9999-9999'] and many others.\n To use mask for numbers you have to pass a CurrencyOptions object\n A CurrencyOptions object contains symbol, separator, decimal, precision. For example {symbol: 'R$ ', separator: '.', decimal: ',', precision: 2,}.\n **/\n mask?: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions;\n onFocus?: () => void;\n onBlur?: () => void;\n}\n\nconst InputMaskElement = React.forwardRef<TextInput, InputMaskElementProps>(\n (\n {\n onChange,\n placeholder,\n value,\n disabled = false,\n placeholderTextColor,\n mask,\n ...rest\n },\n ref\n ): JSX.Element => {\n const theme = useTheme() as ThemeProp;\n\n const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n const getInputHook = (value: string | number) => {\n if (mask !== undefined) {\n if (Array.isArray(mask) || typeof mask === 'function') {\n return useStringMask(mask, value);\n } else {\n return useNumberMask(mask, value);\n }\n } else {\n return [undefined, undefined];\n }\n };\n\n const [maskValue, setMaskValue] = getInputHook(value ?? '');\n\n const _value =\n maskValue === undefined\n ? value?.toString()\n : maskValue.formatted\n ? maskValue.formatted\n : '';\n\n useEffect(() => {\n if (onChange) {\n onChange(maskValue?.raw);\n }\n }, [maskValue]);\n\n const onChangeValue = useCallback(\n (value: string | number) => {\n if (maskValue !== undefined && setMaskValue !== undefined) {\n setMaskValue(value);\n } else onChange && onChange(value);\n },\n [value]\n );\n\n useEffect(() => {\n /** Used to reinitialize maskValue when the value is updated in the parent component **/\n if (\n maskValue !== undefined &&\n setMaskValue !== undefined &&\n value !== undefined &&\n typeof maskValue === 'object'\n ) {\n /** Case there is a mask **/\n if (\n maskValue.raw !== undefined &&\n maskValue.raw.toString() !== value.toString()\n ) {\n onChangeValue(value);\n }\n } else if (maskValue === undefined && value !== undefined) {\n onChangeValue(value);\n }\n }, [value]);\n\n return (\n <StyledInputElement\n {...rest}\n ref={ref}\n onChangeText={onChangeValue}\n value={_value}\n placeholder={placeholder}\n placeholderTextColor={_placeholderColor}\n disabled={disabled}\n editable={!disabled}\n />\n );\n }\n);\n\nInputMaskElement.displayName = 'InputMaskElement';\n\nexport default InputMaskElement;\n"],"names":["React","value"],"mappings":"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"}
@@ -1,30 +1,55 @@
1
- var _excluded = ["onPress", "disabled", "style", "children"];
2
-
3
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
-
5
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
6
-
7
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
8
-
9
1
  import * as React from 'react';
10
- import InputContainer from '../InputContainer/InputContainer';
11
- import { StyledPressableSurface } from './styled';
2
+ import InputContainer from '../InputContainer/InputContainer.js';
3
+ import { StyledPressableSurface } from './styled.js';
12
4
 
13
- var PressableInputContainer = function PressableInputContainer(_ref) {
14
- var onPress = _ref.onPress,
15
- disabled = _ref.disabled,
16
- style = _ref.style,
17
- children = _ref.children,
18
- rest = _objectWithoutProperties(_ref, _excluded);
19
-
20
- return React.createElement(StyledPressableSurface, {
21
- onPress: onPress,
22
- disabled: disabled,
23
- style: style
24
- }, React.createElement(InputContainer, _extends({
25
- disabled: disabled
5
+ var __defProp = Object.defineProperty;
6
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
9
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
10
+ var __spreadValues = (a, b) => {
11
+ for (var prop in b || (b = {}))
12
+ if (__hasOwnProp.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ if (__getOwnPropSymbols)
15
+ for (var prop of __getOwnPropSymbols(b)) {
16
+ if (__propIsEnum.call(b, prop))
17
+ __defNormalProp(a, prop, b[prop]);
18
+ }
19
+ return a;
20
+ };
21
+ var __objRest = (source, exclude) => {
22
+ var target = {};
23
+ for (var prop in source)
24
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
+ target[prop] = source[prop];
26
+ if (source != null && __getOwnPropSymbols)
27
+ for (var prop of __getOwnPropSymbols(source)) {
28
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
+ target[prop] = source[prop];
30
+ }
31
+ return target;
32
+ };
33
+ const PressableInputContainer = (_a) => {
34
+ var _b = _a, {
35
+ onPress,
36
+ disabled,
37
+ style,
38
+ children
39
+ } = _b, rest = __objRest(_b, [
40
+ "onPress",
41
+ "disabled",
42
+ "style",
43
+ "children"
44
+ ]);
45
+ return /* @__PURE__ */ React.createElement(StyledPressableSurface, {
46
+ onPress,
47
+ disabled,
48
+ style
49
+ }, /* @__PURE__ */ React.createElement(InputContainer, __spreadValues({
50
+ disabled
26
51
  }, rest), children));
27
52
  };
28
53
 
29
- export default PressableInputContainer;
30
- //# sourceMappingURL=PressableInputContainer.js.map
54
+ export { PressableInputContainer as default };
55
+ //# sourceMappingURL=PressableInputContainer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PressableInputContainer.js","names":["React","InputContainer","StyledPressableSurface","PressableInputContainer","onPress","disabled","style","children","rest"],"sources":["../../../../../src/components/atoms/Input/PressableInputContainer/PressableInputContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { PressableStateCallbackType, StyleProp, ViewStyle } from 'react-native';\nimport InputContainer, {\n InputContainerProps,\n} from '../InputContainer/InputContainer';\nimport { StyledPressableSurface } from './styled';\n\nexport interface PressableInputContainerProps\n extends Omit<\n InputContainerProps,\n 'value' | 'onChange' | 'onChangeText' | 'disabled' | 'style'\n > {\n onPress?: () => void | never;\n disabled?: boolean;\n style?:\n | StyleProp<ViewStyle>\n | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);\n}\n\nconst PressableInputContainer: React.FC<PressableInputContainerProps> = ({\n onPress,\n disabled,\n style,\n children,\n ...rest\n}) => {\n return (\n <StyledPressableSurface onPress={onPress} disabled={disabled} style={style}>\n <InputContainer disabled={disabled} {...rest}>\n {children}\n </InputContainer>\n </StyledPressableSurface>\n );\n};\n\nexport default PressableInputContainer;\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,cAAP,MAEO,kCAFP;AAGA,SAASC,sBAAT,QAAuC,UAAvC;;AAcA,IAAMC,uBAA+D,GAAG,SAAlEA,uBAAkE,OAMlE;EAAA,IALJC,OAKI,QALJA,OAKI;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,IAHJC,KAGI,QAHJA,KAGI;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,IACC;;EACJ,OACE,oBAAC,sBAAD;IAAwB,OAAO,EAAEJ,OAAjC;IAA0C,QAAQ,EAAEC,QAApD;IAA8D,KAAK,EAAEC;EAArE,GACE,oBAAC,cAAD;IAAgB,QAAQ,EAAED;EAA1B,GAAwCG,IAAxC,GACGD,QADH,CADF,CADF;AAOD,CAdD;;AAgBA,eAAeJ,uBAAf"}
1
+ {"version":3,"file":"PressableInputContainer.js","sources":["../../../../../src/components/atoms/Input/PressableInputContainer/PressableInputContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { PressableStateCallbackType, StyleProp, ViewStyle } from 'react-native';\nimport InputContainer, {\n InputContainerProps,\n} from '../InputContainer/InputContainer';\nimport { StyledPressableSurface } from './styled';\n\nexport interface PressableInputContainerProps\n extends Omit<\n InputContainerProps,\n 'value' | 'onChange' | 'onChangeText' | 'disabled' | 'style'\n > {\n onPress?: () => void | never;\n disabled?: boolean;\n style?:\n | StyleProp<ViewStyle>\n | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);\n}\n\nconst PressableInputContainer: React.FC<PressableInputContainerProps> = ({\n onPress,\n disabled,\n style,\n children,\n ...rest\n}) => {\n return (\n <StyledPressableSurface onPress={onPress} disabled={disabled} style={style}>\n <InputContainer disabled={disabled} {...rest}>\n {children}\n </InputContainer>\n </StyledPressableSurface>\n );\n};\n\nexport default PressableInputContainer;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,MAAA,uBAAA,GAAkE,CAAC,EAMnE,KAAA;AANmE,EACvE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,GAvBF,GAmByE,EAKpE,EAAA,IAAA,GAAA,SAAA,CALoE,EAKpE,EAAA;AAAA,IAJH,SAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA;AAAA,IAAuB,OAAA;AAAA,IAAkB,QAAA;AAAA,IAAoB,KAAA;AAAA,GAAA,kBAC3D,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,cAAA,CAAA;AAAA,IAAe,QAAA;AAAA,GAAwB,EAAA,IAAA,CAAA,EACrC,QACH,CACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,7 +1,8 @@
1
- var _templateObject;
1
+ import styled from '@emotion/native';
2
2
 
3
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
+ const StyledPressableSurface = styled.Pressable`
4
+ width: 100%;
5
+ `;
4
6
 
5
- import styled from '@emotion/native';
6
- export var StyledPressableSurface = styled.Pressable(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n"])));
7
- //# sourceMappingURL=styled.js.map
7
+ export { StyledPressableSurface };
8
+ //# sourceMappingURL=styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","names":["styled","StyledPressableSurface","Pressable"],"sources":["../../../../../src/components/atoms/Input/PressableInputContainer/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\n\nexport const StyledPressableSurface = styled.Pressable`\n width: 100%;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,OAAO,IAAMC,sBAAsB,GAAGD,MAAM,CAACE,SAAV,uFAA5B"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Input/PressableInputContainer/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\n\nexport const StyledPressableSurface = styled.Pressable`\n width: 100%;\n`;\n"],"names":[],"mappings":";;AAEO,MAAM,yBAAyB,MAAO,CAAA,SAAA,CAAA;AAAA;AAAA;;;;"}
@@ -1,40 +1,25 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
1
+ import { useState, useCallback } from 'react';
2
2
 
3
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
-
5
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
6
-
7
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
8
-
9
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
11
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
- import { useCallback, useState } from 'react';
14
- export var useInputFocus = function useInputFocus(onFocus, onBlur) {
15
- var focusEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
16
-
17
- var _useState = useState(false),
18
- _useState2 = _slicedToArray(_useState, 2),
19
- focused = _useState2[0],
20
- setFocused = _useState2[1];
21
-
22
- var handleFocus = useCallback(function () {
3
+ const useInputFocus = (onFocus, onBlur, focusEnabled = true) => {
4
+ const [focused, setFocused] = useState(false);
5
+ const handleFocus = useCallback(() => {
23
6
  if (focusEnabled) {
24
7
  setFocused(true);
25
8
  onFocus && onFocus();
26
9
  }
27
10
  }, [focusEnabled, setFocused, onFocus]);
28
- var handleBlur = useCallback(function () {
11
+ const handleBlur = useCallback(() => {
29
12
  if (focusEnabled) {
30
13
  setFocused(false);
31
14
  onBlur && onBlur();
32
15
  }
33
16
  }, [focusEnabled, setFocused, onBlur]);
34
17
  return {
35
- focused: focused,
36
- handleBlur: handleBlur,
37
- handleFocus: handleFocus
18
+ focused,
19
+ handleBlur,
20
+ handleFocus
38
21
  };
39
22
  };
40
- //# sourceMappingURL=useInputFocus.js.map
23
+
24
+ export { useInputFocus };
25
+ //# sourceMappingURL=useInputFocus.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useInputFocus.js","names":["useCallback","useState","useInputFocus","onFocus","onBlur","focusEnabled","focused","setFocused","handleFocus","handleBlur"],"sources":["../../../../../src/components/atoms/Input/hooks/useInputFocus.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const useInputFocus = (\n onFocus?: () => void,\n onBlur?: () => void,\n focusEnabled = true\n) => {\n const [focused, setFocused] = useState<boolean>(false);\n\n const handleFocus = useCallback(() => {\n if (focusEnabled) {\n setFocused(true);\n onFocus && onFocus();\n }\n }, [focusEnabled, setFocused, onFocus]);\n\n const handleBlur = useCallback(() => {\n if (focusEnabled) {\n setFocused(false);\n onBlur && onBlur();\n }\n }, [focusEnabled, setFocused, onBlur]);\n\n return {\n focused,\n handleBlur,\n handleFocus,\n };\n};\n"],"mappings":";;;;;;;;;;;;AAAA,SAASA,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAC3BC,OAD2B,EAE3BC,MAF2B,EAIxB;EAAA,IADHC,YACG,uEADY,IACZ;;EACH,gBAA8BJ,QAAQ,CAAU,KAAV,CAAtC;EAAA;EAAA,IAAOK,OAAP;EAAA,IAAgBC,UAAhB;;EAEA,IAAMC,WAAW,GAAGR,WAAW,CAAC,YAAM;IACpC,IAAIK,YAAJ,EAAkB;MAChBE,UAAU,CAAC,IAAD,CAAV;MACAJ,OAAO,IAAIA,OAAO,EAAlB;IACD;EACF,CAL8B,EAK5B,CAACE,YAAD,EAAeE,UAAf,EAA2BJ,OAA3B,CAL4B,CAA/B;EAOA,IAAMM,UAAU,GAAGT,WAAW,CAAC,YAAM;IACnC,IAAIK,YAAJ,EAAkB;MAChBE,UAAU,CAAC,KAAD,CAAV;MACAH,MAAM,IAAIA,MAAM,EAAhB;IACD;EACF,CAL6B,EAK3B,CAACC,YAAD,EAAeE,UAAf,EAA2BH,MAA3B,CAL2B,CAA9B;EAOA,OAAO;IACLE,OAAO,EAAPA,OADK;IAELG,UAAU,EAAVA,UAFK;IAGLD,WAAW,EAAXA;EAHK,CAAP;AAKD,CA1BM"}
1
+ {"version":3,"file":"useInputFocus.js","sources":["../../../../../src/components/atoms/Input/hooks/useInputFocus.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const useInputFocus = (\n onFocus?: () => void,\n onBlur?: () => void,\n focusEnabled = true\n) => {\n const [focused, setFocused] = useState<boolean>(false);\n\n const handleFocus = useCallback(() => {\n if (focusEnabled) {\n setFocused(true);\n onFocus && onFocus();\n }\n }, [focusEnabled, setFocused, onFocus]);\n\n const handleBlur = useCallback(() => {\n if (focusEnabled) {\n setFocused(false);\n onBlur && onBlur();\n }\n }, [focusEnabled, setFocused, onBlur]);\n\n return {\n focused,\n handleBlur,\n handleFocus,\n };\n};\n"],"names":[],"mappings":";;AAEO,MAAM,aAAgB,GAAA,CAC3B,OACA,EAAA,MAAA,EACA,eAAe,IACZ,KAAA;AACH,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAErD,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,MAAA,OAAA,IAAW,OAAQ,EAAA,CAAA;AAAA,KACrB;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,UAAA,EAAY,OAAO,CAAC,CAAA,CAAA;AAEtC,EAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAChB,MAAA,MAAA,IAAU,MAAO,EAAA,CAAA;AAAA,KACnB;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,UAAA,EAAY,MAAM,CAAC,CAAA,CAAA;AAErC,EAAO,OAAA;AAAA,IACL,OAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,GACF,CAAA;AACF;;;;"}
@@ -1,108 +1,91 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
-
5
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
6
-
7
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
8
-
9
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
11
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
-
15
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
16
-
17
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
18
-
19
1
  import currency from 'currency.js';
20
2
  import { useCallback, useState } from 'react';
21
- import { extractNumbersFromString } from '../../../../utils/extractNumbersFromString';
22
- var DEFAULT_OPTIONS = {
23
- symbol: 'R$ ',
24
- separator: '.',
25
- decimal: ',',
26
- precision: 2
3
+ import { extractNumbersFromString } from '../../../../utils/extractNumbersFromString.js';
4
+
5
+ var __defProp = Object.defineProperty;
6
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
9
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
10
+ var __spreadValues = (a, b) => {
11
+ for (var prop in b || (b = {}))
12
+ if (__hasOwnProp.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ if (__getOwnPropSymbols)
15
+ for (var prop of __getOwnPropSymbols(b)) {
16
+ if (__propIsEnum.call(b, prop))
17
+ __defNormalProp(a, prop, b[prop]);
18
+ }
19
+ return a;
27
20
  };
28
-
29
- var getRegex = function getRegex(precision) {
30
- return new RegExp("\\B(?=(\\d{".concat(precision, "})(?!\\d))"), 'g');
21
+ const DEFAULT_OPTIONS = {
22
+ symbol: "R$ ",
23
+ separator: ".",
24
+ decimal: ",",
25
+ precision: 2
31
26
  };
32
-
33
- export var getInternalNumberAndMask = function getInternalNumberAndMask(value, options) {
34
- var mergedOptions = _objectSpread(_objectSpread({}, DEFAULT_OPTIONS), options);
35
-
36
- var _mergedOptions$precis = mergedOptions.precision,
37
- precision = _mergedOptions$precis === void 0 ? -1 : _mergedOptions$precis;
38
- var internalNumber;
39
-
40
- if (typeof value === 'number') {
27
+ const getRegex = (precision) => new RegExp(`\\B(?=(\\d{${precision}})(?!\\d))`, "g");
28
+ const getInternalNumberAndMask = (value, options) => {
29
+ const mergedOptions = __spreadValues(__spreadValues({}, DEFAULT_OPTIONS), options);
30
+ const { precision = -1 } = mergedOptions;
31
+ let internalNumber;
32
+ if (typeof value === "number") {
41
33
  if (precision) {
42
- var stringValue = String(value);
43
- var decimalIndex = stringValue.indexOf('.');
44
- var currentPrecision = decimalIndex + precision;
45
-
34
+ let stringValue = String(value);
35
+ const decimalIndex = stringValue.indexOf(".");
36
+ const currentPrecision = decimalIndex + precision;
46
37
  if (decimalIndex !== -1 && currentPrecision <= stringValue.length) {
47
- var zeros = stringValue.length + 1 - currentPrecision;
48
-
49
- for (var i = 0; i < zeros; i++) {
50
- stringValue = stringValue + "0";
51
- }
38
+ const zeros = stringValue.length + 1 - currentPrecision;
39
+ for (let i = 0; i < zeros; i++)
40
+ stringValue = stringValue + `0`;
52
41
  }
53
-
54
42
  internalNumber = Number(stringValue);
55
43
  } else {
56
44
  internalNumber = value;
57
45
  }
58
46
  } else {
59
- var onlyNumbers = String(extractNumbersFromString(value));
60
- var padZeros = String(onlyNumbers).padStart(precision + 1, '0');
61
- internalNumber = Number(padZeros.replace(getRegex(precision), '.'));
47
+ const onlyNumbers = String(extractNumbersFromString(value));
48
+ const padZeros = String(onlyNumbers).padStart(precision + 1, "0");
49
+ internalNumber = Number(padZeros.replace(getRegex(precision), "."));
62
50
  }
63
-
64
51
  if (internalNumber > Number.MAX_SAFE_INTEGER) {
65
52
  internalNumber = Number.MAX_SAFE_INTEGER;
66
53
  }
67
-
68
54
  if (internalNumber < Number.MIN_SAFE_INTEGER) {
69
55
  internalNumber = Number.MIN_SAFE_INTEGER;
70
56
  }
71
-
72
57
  return {
73
- internalNumber: internalNumber,
74
- mergedOptions: mergedOptions
58
+ internalNumber,
59
+ mergedOptions
75
60
  };
76
61
  };
77
- export var useNumberMask = function useNumberMask(options, defaultValue) {
78
- var applyMask = useCallback(function () {
79
- var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
80
-
81
- var _getInternalNumberAnd = getInternalNumberAndMask(value, options),
82
- internalNumber = _getInternalNumberAnd.internalNumber,
83
- mergedOptions = _getInternalNumberAnd.mergedOptions;
84
-
85
- return {
86
- raw: internalNumber,
87
- formatted: currency(internalNumber).format(mergedOptions)
88
- };
89
- }, [options, getRegex]);
90
-
91
- var _useState = useState(applyMask(defaultValue)),
92
- _useState2 = _slicedToArray(_useState, 2),
93
- value = _useState2[0],
94
- setValue = _useState2[1];
95
-
96
- var handleChangeValue = useCallback(function (formattedValue) {
97
- var _applyMask = applyMask(formattedValue),
98
- raw = _applyMask.raw,
99
- formatted = _applyMask.formatted;
100
-
101
- setValue({
102
- raw: raw,
103
- formatted: formatted
104
- });
105
- }, [applyMask, setValue]);
62
+ const useNumberMask = (options, defaultValue) => {
63
+ const applyMask = useCallback(
64
+ (value2 = 0) => {
65
+ const { internalNumber, mergedOptions } = getInternalNumberAndMask(
66
+ value2,
67
+ options
68
+ );
69
+ return {
70
+ raw: internalNumber,
71
+ formatted: currency(internalNumber).format(mergedOptions)
72
+ };
73
+ },
74
+ [options, getRegex]
75
+ );
76
+ const [value, setValue] = useState(applyMask(defaultValue));
77
+ const handleChangeValue = useCallback(
78
+ (formattedValue) => {
79
+ const { raw, formatted } = applyMask(formattedValue);
80
+ setValue({
81
+ raw,
82
+ formatted
83
+ });
84
+ },
85
+ [applyMask, setValue]
86
+ );
106
87
  return [value, handleChangeValue];
107
88
  };
108
- //# sourceMappingURL=useNumberMask.js.map
89
+
90
+ export { getInternalNumberAndMask, useNumberMask };
91
+ //# sourceMappingURL=useNumberMask.js.map