@tecsinapse/react-core 1.20.0 → 1.21.0

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 (573) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/components/atoms/Avatar/Avatar.d.ts +1 -1
  3. package/dist/components/atoms/Avatar/Avatar.js +30 -42
  4. package/dist/components/atoms/Avatar/Avatar.js.map +1 -1
  5. package/dist/components/atoms/Avatar/Avatar.stories.d.ts +9 -0
  6. package/dist/components/atoms/Avatar/helpers.js +6 -11
  7. package/dist/components/atoms/Avatar/helpers.js.map +1 -1
  8. package/dist/components/atoms/Avatar/styled.js +41 -54
  9. package/dist/components/atoms/Avatar/styled.js.map +1 -1
  10. package/dist/components/atoms/Badge/Badge.js +17 -23
  11. package/dist/components/atoms/Badge/Badge.js.map +1 -1
  12. package/dist/components/atoms/Badge/styled.js +44 -31
  13. package/dist/components/atoms/Badge/styled.js.map +1 -1
  14. package/dist/components/atoms/BoxContent/BoxContent.js +38 -18
  15. package/dist/components/atoms/BoxContent/BoxContent.js.map +1 -1
  16. package/dist/components/atoms/BoxContent/BoxContent.stories.d.ts +9 -0
  17. package/dist/components/atoms/BoxContent/styled.d.ts +1 -1
  18. package/dist/components/atoms/BoxContent/styled.js +53 -73
  19. package/dist/components/atoms/BoxContent/styled.js.map +1 -1
  20. package/dist/components/atoms/Button/Button.js +77 -51
  21. package/dist/components/atoms/Button/Button.js.map +1 -1
  22. package/dist/components/atoms/Button/States/BaseState.d.ts +1 -1
  23. package/dist/components/atoms/Button/States/BaseState.js +27 -36
  24. package/dist/components/atoms/Button/States/BaseState.js.map +1 -1
  25. package/dist/components/atoms/Button/States/Error.d.ts +1 -1
  26. package/dist/components/atoms/Button/States/Error.js +28 -17
  27. package/dist/components/atoms/Button/States/Error.js.map +1 -1
  28. package/dist/components/atoms/Button/States/Loading.d.ts +1 -1
  29. package/dist/components/atoms/Button/States/Loading.js +26 -35
  30. package/dist/components/atoms/Button/States/Loading.js.map +1 -1
  31. package/dist/components/atoms/Button/States/Success.d.ts +1 -1
  32. package/dist/components/atoms/Button/States/Success.js +28 -17
  33. package/dist/components/atoms/Button/States/Success.js.map +1 -1
  34. package/dist/components/atoms/Button/States/styled.js +17 -39
  35. package/dist/components/atoms/Button/States/styled.js.map +1 -1
  36. package/dist/components/atoms/Button/styled.js +52 -50
  37. package/dist/components/atoms/Button/styled.js.map +1 -1
  38. package/dist/components/atoms/Card/Card.js +52 -28
  39. package/dist/components/atoms/Card/Card.js.map +1 -1
  40. package/dist/components/atoms/Card/Card.stories.d.ts +9 -0
  41. package/dist/components/atoms/Card/Footer/Footer.js +10 -21
  42. package/dist/components/atoms/Card/Footer/Footer.js.map +1 -1
  43. package/dist/components/atoms/Card/Header/Header.js +10 -21
  44. package/dist/components/atoms/Card/Header/Header.js.map +1 -1
  45. package/dist/components/atoms/Card/styled.js +14 -17
  46. package/dist/components/atoms/Card/styled.js.map +1 -1
  47. package/dist/components/atoms/Checkbox/Checkbox.js +66 -39
  48. package/dist/components/atoms/Checkbox/Checkbox.js.map +1 -1
  49. package/dist/components/atoms/Checkbox/Checkbox.stories.d.ts +9 -0
  50. package/dist/components/atoms/Checkbox/styled.js +39 -68
  51. package/dist/components/atoms/Checkbox/styled.js.map +1 -1
  52. package/dist/components/atoms/Divider/Divider.js +38 -18
  53. package/dist/components/atoms/Divider/Divider.js.map +1 -1
  54. package/dist/components/atoms/Divider/Divider.stories.d.ts +9 -0
  55. package/dist/components/atoms/Divider/styled.js +30 -43
  56. package/dist/components/atoms/Divider/styled.js.map +1 -1
  57. package/dist/components/atoms/GroupButton/GroupButton.js +68 -47
  58. package/dist/components/atoms/GroupButton/GroupButton.js.map +1 -1
  59. package/dist/components/atoms/GroupButton/GroupButton.stories.d.ts +8 -0
  60. package/dist/components/atoms/GroupButton/GroupButtonOption.js +16 -23
  61. package/dist/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
  62. package/dist/components/atoms/GroupButton/styled.js +113 -124
  63. package/dist/components/atoms/GroupButton/styled.js.map +1 -1
  64. package/dist/components/atoms/Icon/Icon.js +64 -31
  65. package/dist/components/atoms/Icon/Icon.js.map +1 -1
  66. package/dist/components/atoms/Icon/Icon.stories.d.ts +9 -0
  67. package/dist/components/atoms/Icon/helpers.d.ts +2 -2
  68. package/dist/components/atoms/Icon/helpers.js +110 -77
  69. package/dist/components/atoms/Icon/helpers.js.map +1 -1
  70. package/dist/components/atoms/Input/Hint.js +19 -34
  71. package/dist/components/atoms/Input/Hint.js.map +1 -1
  72. package/dist/components/atoms/Input/InputContainer/InputContainer.js +81 -44
  73. package/dist/components/atoms/Input/InputContainer/InputContainer.js.map +1 -1
  74. package/dist/components/atoms/Input/InputElement/InputElement.js +68 -40
  75. package/dist/components/atoms/Input/InputElement/InputElement.js.map +1 -1
  76. package/dist/components/atoms/Input/InputMaskElement/InputMaskElement.js +109 -83
  77. package/dist/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -1
  78. package/dist/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +67 -31
  79. package/dist/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -1
  80. package/dist/components/atoms/Input/PressableInputContainer/styled.js +9 -12
  81. package/dist/components/atoms/Input/PressableInputContainer/styled.js.map +1 -1
  82. package/dist/components/atoms/Input/hooks/useInputFocus.d.ts +1 -1
  83. package/dist/components/atoms/Input/hooks/useInputFocus.js +8 -12
  84. package/dist/components/atoms/Input/hooks/useInputFocus.js.map +1 -1
  85. package/dist/components/atoms/Input/hooks/useNumberMask.d.ts +2 -2
  86. package/dist/components/atoms/Input/hooks/useNumberMask.js +67 -66
  87. package/dist/components/atoms/Input/hooks/useNumberMask.js.map +1 -1
  88. package/dist/components/atoms/Input/hooks/useStringMask.d.ts +1 -1
  89. package/dist/components/atoms/Input/hooks/useStringMask.js +49 -60
  90. package/dist/components/atoms/Input/hooks/useStringMask.js.map +1 -1
  91. package/dist/components/atoms/Input/styled.js +106 -144
  92. package/dist/components/atoms/Input/styled.js.map +1 -1
  93. package/dist/components/atoms/Paper/Paper.js +47 -21
  94. package/dist/components/atoms/Paper/Paper.js.map +1 -1
  95. package/dist/components/atoms/Paper/Paper.stories.d.ts +9 -0
  96. package/dist/components/atoms/Paper/styled.js +14 -17
  97. package/dist/components/atoms/Paper/styled.js.map +1 -1
  98. package/dist/components/atoms/PressableSurface/PressableSurface.js +78 -68
  99. package/dist/components/atoms/PressableSurface/PressableSurface.js.map +1 -1
  100. package/dist/components/atoms/ProgressBar/ProgressBar.js +88 -44
  101. package/dist/components/atoms/ProgressBar/ProgressBar.js.map +1 -1
  102. package/dist/components/atoms/ProgressBar/ProgressBar.stories.d.ts +9 -0
  103. package/dist/components/atoms/ProgressBar/styled.js +39 -51
  104. package/dist/components/atoms/ProgressBar/styled.js.map +1 -1
  105. package/dist/components/atoms/RadioButton/RadioButton.js +60 -33
  106. package/dist/components/atoms/RadioButton/RadioButton.js.map +1 -1
  107. package/dist/components/atoms/RadioButton/RadioButton.stories.d.ts +9 -0
  108. package/dist/components/atoms/RadioButton/styled.js +28 -44
  109. package/dist/components/atoms/RadioButton/styled.js.map +1 -1
  110. package/dist/components/atoms/Switch/Switch.js +94 -73
  111. package/dist/components/atoms/Switch/Switch.js.map +1 -1
  112. package/dist/components/atoms/Switch/Switch.stories.d.ts +9 -0
  113. package/dist/components/atoms/Switch/animation.js +12 -20
  114. package/dist/components/atoms/Switch/animation.js.map +1 -1
  115. package/dist/components/atoms/Switch/styled.js +36 -44
  116. package/dist/components/atoms/Switch/styled.js.map +1 -1
  117. package/dist/components/atoms/Tag/Tag.js +65 -45
  118. package/dist/components/atoms/Tag/Tag.js.map +1 -1
  119. package/dist/components/atoms/Tag/styled.js +43 -63
  120. package/dist/components/atoms/Tag/styled.js.map +1 -1
  121. package/dist/components/atoms/Text/Text.js +71 -37
  122. package/dist/components/atoms/Text/Text.js.map +1 -1
  123. package/dist/components/atoms/Text/Text.stories.d.ts +9 -0
  124. package/dist/components/atoms/Text/functions.js +5 -10
  125. package/dist/components/atoms/Text/functions.js.map +1 -1
  126. package/dist/components/atoms/Text/styled.js +29 -67
  127. package/dist/components/atoms/Text/styled.js.map +1 -1
  128. package/dist/components/atoms/shared/PaperAndCard.d.ts +1 -1
  129. package/dist/components/atoms/shared/PaperAndCard.js +17 -32
  130. package/dist/components/atoms/shared/PaperAndCard.js.map +1 -1
  131. package/dist/components/molecules/Calendar/Calendar.js +148 -98
  132. package/dist/components/molecules/Calendar/Calendar.js.map +1 -1
  133. package/dist/components/molecules/Calendar/Calendar.stories.d.ts +8 -0
  134. package/dist/components/molecules/Calendar/components/MonthWeek.js +92 -125
  135. package/dist/components/molecules/Calendar/components/MonthWeek.js.map +1 -1
  136. package/dist/components/molecules/Calendar/components/Weekdays.js +16 -29
  137. package/dist/components/molecules/Calendar/components/Weekdays.js.map +1 -1
  138. package/dist/components/molecules/Calendar/styled.js +88 -91
  139. package/dist/components/molecules/Calendar/styled.js.map +1 -1
  140. package/dist/components/molecules/DatePicker/DatePicker.js +133 -86
  141. package/dist/components/molecules/DatePicker/DatePicker.js.map +1 -1
  142. package/dist/components/molecules/DatePicker/styled.js +34 -40
  143. package/dist/components/molecules/DatePicker/styled.js.map +1 -1
  144. package/dist/components/molecules/DateTimePicker/DateTimePicker.js +150 -85
  145. package/dist/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  146. package/dist/components/molecules/DateTimePicker/styled.js +10 -18
  147. package/dist/components/molecules/DateTimePicker/styled.js.map +1 -1
  148. package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js +174 -146
  149. package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
  150. package/dist/components/molecules/DateTimeSelector/Selector.js +101 -69
  151. package/dist/components/molecules/DateTimeSelector/Selector.js.map +1 -1
  152. package/dist/components/molecules/DateTimeSelector/styled.js +67 -105
  153. package/dist/components/molecules/DateTimeSelector/styled.js.map +1 -1
  154. package/dist/components/molecules/Grid/functions.d.ts +1 -1
  155. package/dist/components/molecules/Grid/functions.js +22 -16
  156. package/dist/components/molecules/Grid/functions.js.map +1 -1
  157. package/dist/components/molecules/HintInputContainer/HintInputContainer.js +84 -36
  158. package/dist/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -1
  159. package/dist/components/molecules/IconTextButton/IconComponent.js +38 -31
  160. package/dist/components/molecules/IconTextButton/IconComponent.js.map +1 -1
  161. package/dist/components/molecules/InputPassword/InputPasswordIcon.js +53 -28
  162. package/dist/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -1
  163. package/dist/components/molecules/InputPassword/styled.js +15 -18
  164. package/dist/components/molecules/InputPassword/styled.js.map +1 -1
  165. package/dist/components/molecules/Snackbar/Snackbar.d.ts +1 -1
  166. package/dist/components/molecules/Snackbar/Snackbar.js +64 -71
  167. package/dist/components/molecules/Snackbar/Snackbar.js.map +1 -1
  168. package/dist/components/molecules/Snackbar/styled.js +92 -73
  169. package/dist/components/molecules/Snackbar/styled.js.map +1 -1
  170. package/dist/components/molecules/TextArea/TextArea.js +63 -72
  171. package/dist/components/molecules/TextArea/TextArea.js.map +1 -1
  172. package/dist/components/molecules/TextArea/styled.js +33 -27
  173. package/dist/components/molecules/TextArea/styled.js.map +1 -1
  174. package/dist/hooks/useDebouncedState.js +14 -14
  175. package/dist/hooks/useDebouncedState.js.map +1 -1
  176. package/dist/hooks/useTheme.js +5 -8
  177. package/dist/hooks/useTheme.js.map +1 -1
  178. package/dist/index.js +141 -455
  179. package/dist/index.js.map +1 -1
  180. package/dist/styles/ThemeProvider.js +13 -19
  181. package/dist/styles/ThemeProvider.js.map +1 -1
  182. package/dist/styles/definitions.js +107 -104
  183. package/dist/styles/definitions.js.map +1 -1
  184. package/dist/styles/light.js +47 -36
  185. package/dist/styles/light.js.map +1 -1
  186. package/dist/utils/IPhoneXHelper.js +13 -19
  187. package/dist/utils/IPhoneXHelper.js.map +1 -1
  188. package/dist/utils/ResponsiveFontSize.d.ts +1 -1
  189. package/dist/utils/ResponsiveFontSize.js +22 -42
  190. package/dist/utils/ResponsiveFontSize.js.map +1 -1
  191. package/dist/utils/extractNumbersFromString.js +6 -11
  192. package/dist/utils/extractNumbersFromString.js.map +1 -1
  193. package/dist/utils/formatWithMask.js +23 -20
  194. package/dist/utils/formatWithMask.js.map +1 -1
  195. package/dist/utils/lightenDarkenColor.js +19 -15
  196. package/dist/utils/lightenDarkenColor.js.map +1 -1
  197. package/dist/utils/masks.js +16 -18
  198. package/dist/utils/masks.js.map +1 -1
  199. package/dist/utils/variantComplement.js +24 -25
  200. package/dist/utils/variantComplement.js.map +1 -1
  201. package/esm/components/atoms/Avatar/Avatar.d.ts +1 -1
  202. package/esm/components/atoms/Avatar/Avatar.js +25 -43
  203. package/esm/components/atoms/Avatar/Avatar.js.map +1 -1
  204. package/esm/components/atoms/Avatar/helpers.js +6 -8
  205. package/esm/components/atoms/Avatar/helpers.js.map +1 -1
  206. package/esm/components/atoms/Avatar/styled.js +32 -30
  207. package/esm/components/atoms/Avatar/styled.js.map +1 -1
  208. package/esm/components/atoms/Badge/Badge.js +15 -16
  209. package/esm/components/atoms/Badge/Badge.js.map +1 -1
  210. package/esm/components/atoms/Badge/styled.js +34 -15
  211. package/esm/components/atoms/Badge/styled.js.map +1 -1
  212. package/esm/components/atoms/BoxContent/BoxContent.js +35 -15
  213. package/esm/components/atoms/BoxContent/BoxContent.js.map +1 -1
  214. package/esm/components/atoms/BoxContent/styled.d.ts +3 -16
  215. package/esm/components/atoms/BoxContent/styled.js +48 -49
  216. package/esm/components/atoms/BoxContent/styled.js.map +1 -1
  217. package/esm/components/atoms/Button/Button.js +79 -56
  218. package/esm/components/atoms/Button/Button.js.map +1 -1
  219. package/esm/components/atoms/Button/States/BaseState.d.ts +1 -1
  220. package/esm/components/atoms/Button/States/BaseState.js +22 -22
  221. package/esm/components/atoms/Button/States/BaseState.js.map +1 -1
  222. package/esm/components/atoms/Button/States/Error.d.ts +1 -1
  223. package/esm/components/atoms/Button/States/Error.js +26 -7
  224. package/esm/components/atoms/Button/States/Error.js.map +1 -1
  225. package/esm/components/atoms/Button/States/Loading.d.ts +1 -1
  226. package/esm/components/atoms/Button/States/Loading.js +20 -20
  227. package/esm/components/atoms/Button/States/Loading.js.map +1 -1
  228. package/esm/components/atoms/Button/States/Success.d.ts +1 -1
  229. package/esm/components/atoms/Button/States/Success.js +26 -7
  230. package/esm/components/atoms/Button/States/Success.js.map +1 -1
  231. package/esm/components/atoms/Button/States/styled.d.ts +2 -11
  232. package/esm/components/atoms/Button/States/styled.js +13 -22
  233. package/esm/components/atoms/Button/States/styled.js.map +1 -1
  234. package/esm/components/atoms/Button/styled.js +43 -35
  235. package/esm/components/atoms/Button/styled.js.map +1 -1
  236. package/esm/components/atoms/Card/Card.js +52 -27
  237. package/esm/components/atoms/Card/Card.js.map +1 -1
  238. package/esm/components/atoms/Card/Footer/Footer.js +6 -10
  239. package/esm/components/atoms/Card/Footer/Footer.js.map +1 -1
  240. package/esm/components/atoms/Card/Header/Header.js +6 -10
  241. package/esm/components/atoms/Card/Header/Header.js.map +1 -1
  242. package/esm/components/atoms/Card/styled.d.ts +1 -8
  243. package/esm/components/atoms/Card/styled.js +11 -9
  244. package/esm/components/atoms/Card/styled.js.map +1 -1
  245. package/esm/components/atoms/Checkbox/Checkbox.js +66 -40
  246. package/esm/components/atoms/Checkbox/Checkbox.js.map +1 -1
  247. package/esm/components/atoms/Checkbox/styled.d.ts +3 -7
  248. package/esm/components/atoms/Checkbox/styled.js +35 -48
  249. package/esm/components/atoms/Checkbox/styled.js.map +1 -1
  250. package/esm/components/atoms/Divider/Divider.js +35 -15
  251. package/esm/components/atoms/Divider/Divider.js.map +1 -1
  252. package/esm/components/atoms/Divider/styled.d.ts +1 -13
  253. package/esm/components/atoms/Divider/styled.js +21 -25
  254. package/esm/components/atoms/Divider/styled.js.map +1 -1
  255. package/esm/components/atoms/GroupButton/GroupButton.js +83 -62
  256. package/esm/components/atoms/GroupButton/GroupButton.js.map +1 -1
  257. package/esm/components/atoms/GroupButton/GroupButtonOption.js +13 -13
  258. package/esm/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
  259. package/esm/components/atoms/GroupButton/styled.js +101 -84
  260. package/esm/components/atoms/GroupButton/styled.js.map +1 -1
  261. package/esm/components/atoms/Icon/Icon.js +64 -33
  262. package/esm/components/atoms/Icon/Icon.js.map +1 -1
  263. package/esm/components/atoms/Icon/helpers.d.ts +1 -1
  264. package/esm/components/atoms/Icon/helpers.js +88 -64
  265. package/esm/components/atoms/Icon/helpers.js.map +1 -1
  266. package/esm/components/atoms/Input/Hint.js +18 -26
  267. package/esm/components/atoms/Input/Hint.js.map +1 -1
  268. package/esm/components/atoms/Input/InputContainer/InputContainer.js +88 -55
  269. package/esm/components/atoms/Input/InputContainer/InputContainer.js.map +1 -1
  270. package/esm/components/atoms/Input/InputElement/InputElement.js +64 -34
  271. package/esm/components/atoms/Input/InputElement/InputElement.js.map +1 -1
  272. package/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js +102 -87
  273. package/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -1
  274. package/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +50 -25
  275. package/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -1
  276. package/esm/components/atoms/Input/PressableInputContainer/styled.js +6 -5
  277. package/esm/components/atoms/Input/PressableInputContainer/styled.js.map +1 -1
  278. package/esm/components/atoms/Input/hooks/useInputFocus.d.ts +1 -1
  279. package/esm/components/atoms/Input/hooks/useInputFocus.js +11 -26
  280. package/esm/components/atoms/Input/hooks/useInputFocus.js.map +1 -1
  281. package/esm/components/atoms/Input/hooks/useNumberMask.d.ts +2 -2
  282. package/esm/components/atoms/Input/hooks/useNumberMask.js +67 -84
  283. package/esm/components/atoms/Input/hooks/useNumberMask.js.map +1 -1
  284. package/esm/components/atoms/Input/hooks/useStringMask.d.ts +1 -1
  285. package/esm/components/atoms/Input/hooks/useStringMask.js +58 -79
  286. package/esm/components/atoms/Input/hooks/useStringMask.js.map +1 -1
  287. package/esm/components/atoms/Input/styled.js +91 -89
  288. package/esm/components/atoms/Input/styled.js.map +1 -1
  289. package/esm/components/atoms/Paper/Paper.js +45 -20
  290. package/esm/components/atoms/Paper/Paper.js.map +1 -1
  291. package/esm/components/atoms/Paper/styled.d.ts +1 -9
  292. package/esm/components/atoms/Paper/styled.js +11 -9
  293. package/esm/components/atoms/Paper/styled.js.map +1 -1
  294. package/esm/components/atoms/PressableSurface/PressableSurface.js +83 -66
  295. package/esm/components/atoms/PressableSurface/PressableSurface.js.map +1 -1
  296. package/esm/components/atoms/ProgressBar/ProgressBar.js +79 -64
  297. package/esm/components/atoms/ProgressBar/ProgressBar.js.map +1 -1
  298. package/esm/components/atoms/ProgressBar/styled.js +30 -24
  299. package/esm/components/atoms/ProgressBar/styled.js.map +1 -1
  300. package/esm/components/atoms/RadioButton/RadioButton.js +61 -35
  301. package/esm/components/atoms/RadioButton/RadioButton.js.map +1 -1
  302. package/esm/components/atoms/RadioButton/styled.js +24 -28
  303. package/esm/components/atoms/RadioButton/styled.js.map +1 -1
  304. package/esm/components/atoms/Switch/Switch.js +88 -62
  305. package/esm/components/atoms/Switch/Switch.js.map +1 -1
  306. package/esm/components/atoms/Switch/animation.js +7 -5
  307. package/esm/components/atoms/Switch/animation.js.map +1 -1
  308. package/esm/components/atoms/Switch/styled.d.ts +2 -14
  309. package/esm/components/atoms/Switch/styled.js +27 -22
  310. package/esm/components/atoms/Switch/styled.js.map +1 -1
  311. package/esm/components/atoms/Tag/Tag.js +69 -63
  312. package/esm/components/atoms/Tag/Tag.js.map +1 -1
  313. package/esm/components/atoms/Tag/styled.js +31 -35
  314. package/esm/components/atoms/Tag/styled.js.map +1 -1
  315. package/esm/components/atoms/Text/Text.js +72 -43
  316. package/esm/components/atoms/Text/Text.js.map +1 -1
  317. package/esm/components/atoms/Text/functions.js +5 -7
  318. package/esm/components/atoms/Text/functions.js.map +1 -1
  319. package/esm/components/atoms/Text/styled.d.ts +2 -16
  320. package/esm/components/atoms/Text/styled.js +19 -43
  321. package/esm/components/atoms/Text/styled.js.map +1 -1
  322. package/esm/components/atoms/shared/PaperAndCard.d.ts +1 -3
  323. package/esm/components/atoms/shared/PaperAndCard.js +16 -20
  324. package/esm/components/atoms/shared/PaperAndCard.js.map +1 -1
  325. package/esm/components/molecules/Calendar/Calendar.js +130 -124
  326. package/esm/components/molecules/Calendar/Calendar.js.map +1 -1
  327. package/esm/components/molecules/Calendar/components/MonthWeek.js +80 -98
  328. package/esm/components/molecules/Calendar/components/MonthWeek.js.map +1 -1
  329. package/esm/components/molecules/Calendar/components/Weekdays.js +19 -25
  330. package/esm/components/molecules/Calendar/components/Weekdays.js.map +1 -1
  331. package/esm/components/molecules/Calendar/styled.js +79 -52
  332. package/esm/components/molecules/Calendar/styled.js.map +1 -1
  333. package/esm/components/molecules/DatePicker/DatePicker.js +131 -95
  334. package/esm/components/molecules/DatePicker/DatePicker.js.map +1 -1
  335. package/esm/components/molecules/DatePicker/styled.js +25 -19
  336. package/esm/components/molecules/DatePicker/styled.js.map +1 -1
  337. package/esm/components/molecules/DateTimePicker/DateTimePicker.js +155 -102
  338. package/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  339. package/esm/components/molecules/DateTimePicker/styled.js +8 -10
  340. package/esm/components/molecules/DateTimePicker/styled.js.map +1 -1
  341. package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js +175 -179
  342. package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
  343. package/esm/components/molecules/DateTimeSelector/Selector.js +93 -82
  344. package/esm/components/molecules/DateTimeSelector/Selector.js.map +1 -1
  345. package/esm/components/molecules/DateTimeSelector/styled.js +54 -52
  346. package/esm/components/molecules/DateTimeSelector/styled.js.map +1 -1
  347. package/esm/components/molecules/Grid/functions.d.ts +1 -1
  348. package/esm/components/molecules/Grid/functions.js +23 -13
  349. package/esm/components/molecules/Grid/functions.js.map +1 -1
  350. package/esm/components/molecules/HintInputContainer/HintInputContainer.js +71 -36
  351. package/esm/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -1
  352. package/esm/components/molecules/IconTextButton/IconComponent.js +31 -17
  353. package/esm/components/molecules/IconTextButton/IconComponent.js.map +1 -1
  354. package/esm/components/molecules/InputPassword/InputPasswordIcon.js +48 -24
  355. package/esm/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -1
  356. package/esm/components/molecules/InputPassword/styled.js +12 -9
  357. package/esm/components/molecules/InputPassword/styled.js.map +1 -1
  358. package/esm/components/molecules/Snackbar/Snackbar.d.ts +1 -1
  359. package/esm/components/molecules/Snackbar/Snackbar.js +64 -65
  360. package/esm/components/molecules/Snackbar/Snackbar.js.map +1 -1
  361. package/esm/components/molecules/Snackbar/styled.js +84 -48
  362. package/esm/components/molecules/Snackbar/styled.js.map +1 -1
  363. package/esm/components/molecules/TextArea/TextArea.js +66 -67
  364. package/esm/components/molecules/TextArea/TextArea.js.map +1 -1
  365. package/esm/components/molecules/TextArea/styled.d.ts +2 -12
  366. package/esm/components/molecules/TextArea/styled.js +25 -12
  367. package/esm/components/molecules/TextArea/styled.js.map +1 -1
  368. package/esm/hooks/useDebouncedState.js +13 -28
  369. package/esm/hooks/useDebouncedState.js.map +1 -1
  370. package/esm/hooks/useTheme.js +6 -5
  371. package/esm/hooks/useTheme.js.map +1 -1
  372. package/esm/index.js +55 -36
  373. package/esm/index.js.map +1 -1
  374. package/esm/styles/ThemeProvider.js +10 -9
  375. package/esm/styles/ThemeProvider.js.map +1 -1
  376. package/esm/styles/definitions.js +107 -117
  377. package/esm/styles/definitions.js.map +1 -1
  378. package/esm/styles/light.js +44 -31
  379. package/esm/styles/light.js.map +1 -1
  380. package/esm/utils/IPhoneXHelper.js +11 -9
  381. package/esm/utils/IPhoneXHelper.js.map +1 -1
  382. package/esm/utils/ResponsiveFontSize.d.ts +1 -1
  383. package/esm/utils/ResponsiveFontSize.js +26 -31
  384. package/esm/utils/ResponsiveFontSize.js.map +1 -1
  385. package/esm/utils/extractNumbersFromString.js +5 -7
  386. package/esm/utils/extractNumbersFromString.js.map +1 -1
  387. package/esm/utils/formatWithMask.js +20 -13
  388. package/esm/utils/formatWithMask.js.map +1 -1
  389. package/esm/utils/lightenDarkenColor.js +23 -14
  390. package/esm/utils/lightenDarkenColor.js.map +1 -1
  391. package/esm/utils/masks.js +18 -17
  392. package/esm/utils/masks.js.map +1 -1
  393. package/esm/utils/variantComplement.js +23 -21
  394. package/esm/utils/variantComplement.js.map +1 -1
  395. package/package.json +4 -7
  396. package/rollup.config.js +36 -0
  397. package/src/components/atoms/Avatar/Avatar.stories.tsx +2 -3
  398. package/src/components/atoms/Avatar/Avatar.tsx +1 -1
  399. package/src/components/atoms/Button/States/BaseState.tsx +1 -1
  400. package/src/components/atoms/Button/States/Error.tsx +2 -2
  401. package/src/components/atoms/Button/States/Loading.tsx +1 -1
  402. package/src/components/atoms/Button/States/Success.tsx +2 -2
  403. package/src/components/atoms/Icon/Icon.tsx +6 -2
  404. package/src/components/atoms/Icon/helpers.ts +18 -16
  405. package/src/components/molecules/Grid/functions.ts +2 -6
  406. package/src/components/molecules/IconTextButton/IconComponent.tsx +2 -6
  407. package/src/components/molecules/IconTextButton/{IconTextButton.tsx → IconTextButton.ts} +0 -0
  408. package/src/components/molecules/Snackbar/Snackbar.tsx +1 -1
  409. package/tsconfig.build.json +2 -1
  410. package/babel.config.esm.js +0 -34
  411. package/dist/components/atoms/Avatar/index.js +0 -16
  412. package/dist/components/atoms/Avatar/index.js.map +0 -1
  413. package/dist/components/atoms/Badge/index.js +0 -16
  414. package/dist/components/atoms/Badge/index.js.map +0 -1
  415. package/dist/components/atoms/BoxContent/index.js +0 -16
  416. package/dist/components/atoms/BoxContent/index.js.map +0 -1
  417. package/dist/components/atoms/Button/States/index.js +0 -32
  418. package/dist/components/atoms/Button/States/index.js.map +0 -1
  419. package/dist/components/atoms/Button/index.js +0 -36
  420. package/dist/components/atoms/Button/index.js.map +0 -1
  421. package/dist/components/atoms/Card/Footer/index.js +0 -16
  422. package/dist/components/atoms/Card/Footer/index.js.map +0 -1
  423. package/dist/components/atoms/Card/Header/index.js +0 -16
  424. package/dist/components/atoms/Card/Header/index.js.map +0 -1
  425. package/dist/components/atoms/Card/index.js +0 -16
  426. package/dist/components/atoms/Card/index.js.map +0 -1
  427. package/dist/components/atoms/Checkbox/index.js +0 -16
  428. package/dist/components/atoms/Checkbox/index.js.map +0 -1
  429. package/dist/components/atoms/Divider/index.js +0 -16
  430. package/dist/components/atoms/Divider/index.js.map +0 -1
  431. package/dist/components/atoms/GroupButton/index.js +0 -24
  432. package/dist/components/atoms/GroupButton/index.js.map +0 -1
  433. package/dist/components/atoms/Icon/index.js +0 -16
  434. package/dist/components/atoms/Icon/index.js.map +0 -1
  435. package/dist/components/atoms/Input/PressableInputContainer/index.js +0 -16
  436. package/dist/components/atoms/Input/PressableInputContainer/index.js.map +0 -1
  437. package/dist/components/atoms/Input/index.js +0 -113
  438. package/dist/components/atoms/Input/index.js.map +0 -1
  439. package/dist/components/atoms/Paper/index.js +0 -16
  440. package/dist/components/atoms/Paper/index.js.map +0 -1
  441. package/dist/components/atoms/PressableSurface/index.js +0 -16
  442. package/dist/components/atoms/PressableSurface/index.js.map +0 -1
  443. package/dist/components/atoms/ProgressBar/index.js +0 -16
  444. package/dist/components/atoms/ProgressBar/index.js.map +0 -1
  445. package/dist/components/atoms/RadioButton/index.js +0 -16
  446. package/dist/components/atoms/RadioButton/index.js.map +0 -1
  447. package/dist/components/atoms/Switch/index.js +0 -16
  448. package/dist/components/atoms/Switch/index.js.map +0 -1
  449. package/dist/components/atoms/Tag/index.js +0 -16
  450. package/dist/components/atoms/Tag/index.js.map +0 -1
  451. package/dist/components/atoms/Text/index.js +0 -16
  452. package/dist/components/atoms/Text/index.js.map +0 -1
  453. package/dist/components/molecules/Calendar/components/index.js +0 -24
  454. package/dist/components/molecules/Calendar/components/index.js.map +0 -1
  455. package/dist/components/molecules/Calendar/index.js +0 -16
  456. package/dist/components/molecules/Calendar/index.js.map +0 -1
  457. package/dist/components/molecules/DatePicker/index.js +0 -16
  458. package/dist/components/molecules/DatePicker/index.js.map +0 -1
  459. package/dist/components/molecules/DateTimePicker/index.js +0 -16
  460. package/dist/components/molecules/DateTimePicker/index.js.map +0 -1
  461. package/dist/components/molecules/DateTimeSelector/index.js +0 -16
  462. package/dist/components/molecules/DateTimeSelector/index.js.map +0 -1
  463. package/dist/components/molecules/Grid/index.js +0 -20
  464. package/dist/components/molecules/Grid/index.js.map +0 -1
  465. package/dist/components/molecules/HintInputContainer/index.js +0 -16
  466. package/dist/components/molecules/HintInputContainer/index.js.map +0 -1
  467. package/dist/components/molecules/HintInputContainer/styled.js +0 -2
  468. package/dist/components/molecules/HintInputContainer/styled.js.map +0 -1
  469. package/dist/components/molecules/IconTextButton/IconTextButton.js +0 -6
  470. package/dist/components/molecules/IconTextButton/IconTextButton.js.map +0 -1
  471. package/dist/components/molecules/IconTextButton/index.js +0 -16
  472. package/dist/components/molecules/IconTextButton/index.js.map +0 -1
  473. package/dist/components/molecules/IconTextButton/styled.d.ts +0 -4
  474. package/dist/components/molecules/IconTextButton/styled.js +0 -29
  475. package/dist/components/molecules/IconTextButton/styled.js.map +0 -1
  476. package/dist/components/molecules/InputPassword/index.js +0 -16
  477. package/dist/components/molecules/InputPassword/index.js.map +0 -1
  478. package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js +0 -6
  479. package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js.map +0 -1
  480. package/dist/components/molecules/LabeledSwitch/index.js +0 -6
  481. package/dist/components/molecules/LabeledSwitch/index.js.map +0 -1
  482. package/dist/components/molecules/Snackbar/index.js +0 -16
  483. package/dist/components/molecules/Snackbar/index.js.map +0 -1
  484. package/dist/components/molecules/TextArea/index.js +0 -24
  485. package/dist/components/molecules/TextArea/index.js.map +0 -1
  486. package/dist/hooks/index.js +0 -22
  487. package/dist/hooks/index.js.map +0 -1
  488. package/dist/types/defaults.js +0 -6
  489. package/dist/types/defaults.js.map +0 -1
  490. package/dist/utils/index.js +0 -103
  491. package/dist/utils/index.js.map +0 -1
  492. package/esm/components/atoms/Avatar/index.js +0 -2
  493. package/esm/components/atoms/Avatar/index.js.map +0 -1
  494. package/esm/components/atoms/Badge/index.js +0 -2
  495. package/esm/components/atoms/Badge/index.js.map +0 -1
  496. package/esm/components/atoms/BoxContent/index.js +0 -2
  497. package/esm/components/atoms/BoxContent/index.js.map +0 -1
  498. package/esm/components/atoms/Button/States/index.js +0 -4
  499. package/esm/components/atoms/Button/States/index.js.map +0 -1
  500. package/esm/components/atoms/Button/index.js +0 -3
  501. package/esm/components/atoms/Button/index.js.map +0 -1
  502. package/esm/components/atoms/Card/Footer/index.js +0 -2
  503. package/esm/components/atoms/Card/Footer/index.js.map +0 -1
  504. package/esm/components/atoms/Card/Header/index.js +0 -2
  505. package/esm/components/atoms/Card/Header/index.js.map +0 -1
  506. package/esm/components/atoms/Card/index.js +0 -2
  507. package/esm/components/atoms/Card/index.js.map +0 -1
  508. package/esm/components/atoms/Checkbox/index.js +0 -2
  509. package/esm/components/atoms/Checkbox/index.js.map +0 -1
  510. package/esm/components/atoms/Divider/index.js +0 -2
  511. package/esm/components/atoms/Divider/index.js.map +0 -1
  512. package/esm/components/atoms/GroupButton/index.js +0 -3
  513. package/esm/components/atoms/GroupButton/index.js.map +0 -1
  514. package/esm/components/atoms/Icon/index.js +0 -2
  515. package/esm/components/atoms/Icon/index.js.map +0 -1
  516. package/esm/components/atoms/Input/PressableInputContainer/index.js +0 -2
  517. package/esm/components/atoms/Input/PressableInputContainer/index.js.map +0 -1
  518. package/esm/components/atoms/Input/index.js +0 -10
  519. package/esm/components/atoms/Input/index.js.map +0 -1
  520. package/esm/components/atoms/Paper/index.js +0 -2
  521. package/esm/components/atoms/Paper/index.js.map +0 -1
  522. package/esm/components/atoms/PressableSurface/index.js +0 -2
  523. package/esm/components/atoms/PressableSurface/index.js.map +0 -1
  524. package/esm/components/atoms/ProgressBar/index.js +0 -2
  525. package/esm/components/atoms/ProgressBar/index.js.map +0 -1
  526. package/esm/components/atoms/RadioButton/index.js +0 -2
  527. package/esm/components/atoms/RadioButton/index.js.map +0 -1
  528. package/esm/components/atoms/Switch/index.js +0 -2
  529. package/esm/components/atoms/Switch/index.js.map +0 -1
  530. package/esm/components/atoms/Tag/index.js +0 -2
  531. package/esm/components/atoms/Tag/index.js.map +0 -1
  532. package/esm/components/atoms/Text/index.js +0 -2
  533. package/esm/components/atoms/Text/index.js.map +0 -1
  534. package/esm/components/molecules/Calendar/components/index.js +0 -3
  535. package/esm/components/molecules/Calendar/components/index.js.map +0 -1
  536. package/esm/components/molecules/Calendar/index.js +0 -2
  537. package/esm/components/molecules/Calendar/index.js.map +0 -1
  538. package/esm/components/molecules/DatePicker/index.js +0 -2
  539. package/esm/components/molecules/DatePicker/index.js.map +0 -1
  540. package/esm/components/molecules/DateTimePicker/index.js +0 -2
  541. package/esm/components/molecules/DateTimePicker/index.js.map +0 -1
  542. package/esm/components/molecules/DateTimeSelector/index.js +0 -2
  543. package/esm/components/molecules/DateTimeSelector/index.js.map +0 -1
  544. package/esm/components/molecules/Grid/index.js +0 -2
  545. package/esm/components/molecules/Grid/index.js.map +0 -1
  546. package/esm/components/molecules/HintInputContainer/index.js +0 -2
  547. package/esm/components/molecules/HintInputContainer/index.js.map +0 -1
  548. package/esm/components/molecules/HintInputContainer/styled.js +0 -2
  549. package/esm/components/molecules/HintInputContainer/styled.js.map +0 -1
  550. package/esm/components/molecules/IconTextButton/IconTextButton.js +0 -2
  551. package/esm/components/molecules/IconTextButton/IconTextButton.js.map +0 -1
  552. package/esm/components/molecules/IconTextButton/index.js +0 -2
  553. package/esm/components/molecules/IconTextButton/index.js.map +0 -1
  554. package/esm/components/molecules/IconTextButton/styled.d.ts +0 -11
  555. package/esm/components/molecules/IconTextButton/styled.js +0 -14
  556. package/esm/components/molecules/IconTextButton/styled.js.map +0 -1
  557. package/esm/components/molecules/InputPassword/index.js +0 -2
  558. package/esm/components/molecules/InputPassword/index.js.map +0 -1
  559. package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +0 -2
  560. package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +0 -1
  561. package/esm/components/molecules/LabeledSwitch/index.js +0 -2
  562. package/esm/components/molecules/LabeledSwitch/index.js.map +0 -1
  563. package/esm/components/molecules/Snackbar/index.js +0 -2
  564. package/esm/components/molecules/Snackbar/index.js.map +0 -1
  565. package/esm/components/molecules/TextArea/index.js +0 -3
  566. package/esm/components/molecules/TextArea/index.js.map +0 -1
  567. package/esm/hooks/index.js +0 -3
  568. package/esm/hooks/index.js.map +0 -1
  569. package/esm/types/defaults.js +0 -2
  570. package/esm/types/defaults.js.map +0 -1
  571. package/esm/utils/index.js +0 -8
  572. package/esm/utils/index.js.map +0 -1
  573. package/src/components/molecules/IconTextButton/styled.ts +0 -20
@@ -1,77 +1,76 @@
1
- import React from 'react';
1
+ import React__default from 'react';
2
2
  import { View } from 'react-native';
3
- import { Hint } from '../../atoms/Input';
4
- import { Text } from '../../atoms/Text';
5
- import { StyledInputContainer } from './styled';
6
-
7
- var TextArea = function TextArea(_ref) {
8
- var label = _ref.label,
9
- labelColor = _ref.labelColor,
10
- labelColorVariant = _ref.labelColorVariant,
11
- labelColorTone = _ref.labelColorTone,
12
- labelTypography = _ref.labelTypography,
13
- labelStack = _ref.labelStack,
14
- labelWeight = _ref.labelWeight,
15
- leftComponent = _ref.leftComponent,
16
- rightComponent = _ref.rightComponent,
17
- disabled = _ref.disabled,
18
- style = _ref.style,
19
- borderColor = _ref.borderColor,
20
- borderColorGradation = _ref.borderColorGradation,
21
- inputContainerStyle = _ref.inputContainerStyle,
22
- _ref$variant = _ref.variant,
23
- variant = _ref$variant === void 0 ? 'default' : _ref$variant,
24
- hintComponent = _ref.hintComponent,
25
- hint = _ref.hint,
26
- _ref$TextComponent = _ref.TextComponent,
27
- TextComponent = _ref$TextComponent === void 0 ? Text : _ref$TextComponent,
28
- focused = _ref.focused,
29
- children = _ref.children,
30
- _maxLenght = _ref.maxLength,
31
- _value = _ref.value;
32
- var length = _value.length;
33
- var maxLength = _maxLenght;
3
+ import Hint from '../../atoms/Input/Hint.js';
4
+ import 'currency.js';
5
+ import Text from '../../atoms/Text/Text.js';
6
+ import '../../atoms/Input/styled.js';
7
+ import '../../atoms/Input/InputElement/InputElement.js';
8
+ import '../../atoms/Input/InputMaskElement/InputMaskElement.js';
9
+ import '../../atoms/Input/PressableInputContainer/styled.js';
10
+ import { StyledInputContainer } from './styled.js';
34
11
 
12
+ const TextArea = ({
13
+ label,
14
+ labelColor,
15
+ labelColorVariant,
16
+ labelColorTone,
17
+ labelTypography,
18
+ labelStack,
19
+ labelWeight,
20
+ leftComponent,
21
+ rightComponent,
22
+ disabled,
23
+ style,
24
+ borderColor,
25
+ borderColorGradation,
26
+ inputContainerStyle,
27
+ variant = "default",
28
+ hintComponent,
29
+ hint,
30
+ TextComponent = Text,
31
+ focused,
32
+ children,
33
+ maxLength: _maxLenght,
34
+ value: _value
35
+ }) => {
36
+ let length = _value.length;
37
+ const maxLength = _maxLenght;
35
38
  if (maxLength && length > maxLength) {
36
39
  length = maxLength;
37
40
  }
38
-
39
- var _hint = hintComponent || React.createElement(Hint, {
40
- TextComponent: TextComponent,
41
+ const _hint = hintComponent || /* @__PURE__ */ React__default.createElement(Hint, {
42
+ TextComponent,
41
43
  text: hint,
42
- variant: variant
44
+ variant
43
45
  });
44
-
45
- return React.createElement(View, {
46
- style: style
47
- }, React.createElement(StyledInputContainer, {
48
- label: label,
49
- labelColor: labelColor,
50
- labelColorVariant: labelColorVariant,
51
- labelColorTone: labelColorTone,
52
- labelTypography: labelTypography,
53
- labelStack: labelStack,
54
- labelWeight: labelWeight,
46
+ return /* @__PURE__ */ React__default.createElement(View, {
47
+ style
48
+ }, /* @__PURE__ */ React__default.createElement(StyledInputContainer, {
49
+ label,
50
+ labelColor,
51
+ labelColorVariant,
52
+ labelColorTone,
53
+ labelTypography,
54
+ labelStack,
55
+ labelWeight,
55
56
  LabelComponent: TextComponent,
56
- leftComponent: leftComponent,
57
- rightComponent: rightComponent,
58
- borderColor: borderColor,
59
- borderColorGradation: borderColorGradation,
60
- inputContainerStyle: inputContainerStyle,
61
- focused: focused,
62
- disabled: disabled,
63
- variant: variant
64
- }, children, maxLength && React.createElement(TextComponent, {
65
- colorVariant: 'secondary',
66
- colorTone: 'medium',
67
- typography: 'label',
68
- fontStack: 'default',
69
- fontWeight: 'bold',
70
- style: {
71
- textAlign: 'right'
72
- }
73
- }, "".concat(length, "/").concat(maxLength))), hint && _hint);
57
+ leftComponent,
58
+ rightComponent,
59
+ borderColor,
60
+ borderColorGradation,
61
+ inputContainerStyle,
62
+ focused,
63
+ disabled,
64
+ variant
65
+ }, children, maxLength && /* @__PURE__ */ React__default.createElement(TextComponent, {
66
+ colorVariant: "secondary",
67
+ colorTone: "medium",
68
+ typography: "label",
69
+ fontStack: "default",
70
+ fontWeight: "bold",
71
+ style: { textAlign: "right" }
72
+ }, `${length}/${maxLength}`)), hint && _hint);
74
73
  };
75
74
 
76
- export default TextArea;
77
- //# sourceMappingURL=TextArea.js.map
75
+ export { TextArea as default };
76
+ //# sourceMappingURL=TextArea.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.js","names":["React","View","Hint","Text","StyledInputContainer","TextArea","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","TextComponent","focused","children","_maxLenght","maxLength","_value","value","length","_hint","textAlign"],"sources":["../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { FontStackType, FontWeightType } from '@tecsinapse/react-core';\nimport {\n Hint,\n InputContainerProps,\n InputElementProps,\n} from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { StyledInputContainer } from './styled';\n\nexport interface TextAreaProps\n extends Omit<InputElementProps, 'style' | 'multiline' | 'value'>,\n InputContainerProps {\n inputFontStack?: FontStackType;\n inputFontWeight?: FontWeightType;\n maxCharCount?: number;\n value: string;\n // Omit below\n TextComponent?: FC<TextProps>;\n focused?: boolean;\n}\n\nconst TextArea: FC<TextAreaProps> = ({\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n TextComponent = Text,\n focused,\n children,\n maxLength: _maxLenght,\n value: _value,\n}) => {\n let length = _value.length;\n const maxLength = _maxLenght;\n if (maxLength && length > maxLength) {\n length = maxLength;\n }\n\n const _hint = hintComponent || (\n <Hint TextComponent={TextComponent} text={hint} variant={variant} />\n );\n\n return (\n <View style={style}>\n <StyledInputContainer\n label={label}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={TextComponent}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n {children}\n {maxLength && (\n <TextComponent\n colorVariant={'secondary'}\n colorTone={'medium'}\n typography={'label'}\n fontStack={'default'}\n fontWeight={'bold'}\n style={{ textAlign: 'right' }}\n >\n {`${length}/${maxLength}`}\n </TextComponent>\n )}\n </StyledInputContainer>\n {hint && _hint}\n </View>\n );\n};\n\nexport default TextArea;\n"],"mappings":"AAAA,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SACEC,IADF,QAIO,mBAJP;AAKA,SAASC,IAAT,QAAgC,kBAAhC;AACA,SAASC,oBAAT,QAAqC,UAArC;;AAcA,IAAMC,QAA2B,GAAG,SAA9BA,QAA8B,OAuB9B;EAAA,IAtBJC,KAsBI,QAtBJA,KAsBI;EAAA,IArBJC,UAqBI,QArBJA,UAqBI;EAAA,IApBJC,iBAoBI,QApBJA,iBAoBI;EAAA,IAnBJC,cAmBI,QAnBJA,cAmBI;EAAA,IAlBJC,eAkBI,QAlBJA,eAkBI;EAAA,IAjBJC,UAiBI,QAjBJA,UAiBI;EAAA,IAhBJC,WAgBI,QAhBJA,WAgBI;EAAA,IAfJC,aAeI,QAfJA,aAeI;EAAA,IAdJC,cAcI,QAdJA,cAcI;EAAA,IAbJC,QAaI,QAbJA,QAaI;EAAA,IAZJC,KAYI,QAZJA,KAYI;EAAA,IAXJC,WAWI,QAXJA,WAWI;EAAA,IAVJC,oBAUI,QAVJA,oBAUI;EAAA,IATJC,mBASI,QATJA,mBASI;EAAA,wBARJC,OAQI;EAAA,IARJA,OAQI,6BARM,SAQN;EAAA,IAPJC,aAOI,QAPJA,aAOI;EAAA,IANJC,IAMI,QANJA,IAMI;EAAA,8BALJC,aAKI;EAAA,IALJA,aAKI,mCALYpB,IAKZ;EAAA,IAJJqB,OAII,QAJJA,OAII;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,IAFOC,UAEP,QAFJC,SAEI;EAAA,IADGC,MACH,QADJC,KACI;EACJ,IAAIC,MAAM,GAAGF,MAAM,CAACE,MAApB;EACA,IAAMH,SAAS,GAAGD,UAAlB;;EACA,IAAIC,SAAS,IAAIG,MAAM,GAAGH,SAA1B,EAAqC;IACnCG,MAAM,GAAGH,SAAT;EACD;;EAED,IAAMI,KAAK,GAAGV,aAAa,IACzB,oBAAC,IAAD;IAAM,aAAa,EAAEE,aAArB;IAAoC,IAAI,EAAED,IAA1C;IAAgD,OAAO,EAAEF;EAAzD,EADF;;EAIA,OACE,oBAAC,IAAD;IAAM,KAAK,EAAEJ;EAAb,GACE,oBAAC,oBAAD;IACE,KAAK,EAAEV,KADT;IAEE,UAAU,EAAEC,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,cAAc,EAAEW,aARlB;IASE,aAAa,EAAEV,aATjB;IAUE,cAAc,EAAEC,cAVlB;IAWE,WAAW,EAAEG,WAXf;IAYE,oBAAoB,EAAEC,oBAZxB;IAaE,mBAAmB,EAAEC,mBAbvB;IAcE,OAAO,EAAEK,OAdX;IAeE,QAAQ,EAAET,QAfZ;IAgBE,OAAO,EAAEK;EAhBX,GAkBGK,QAlBH,EAmBGE,SAAS,IACR,oBAAC,aAAD;IACE,YAAY,EAAE,WADhB;IAEE,SAAS,EAAE,QAFb;IAGE,UAAU,EAAE,OAHd;IAIE,SAAS,EAAE,SAJb;IAKE,UAAU,EAAE,MALd;IAME,KAAK,EAAE;MAAEK,SAAS,EAAE;IAAb;EANT,aAQMF,MARN,cAQgBH,SARhB,EApBJ,CADF,EAiCGL,IAAI,IAAIS,KAjCX,CADF;AAqCD,CAvED;;AAyEA,eAAe1B,QAAf"}
1
+ {"version":3,"file":"TextArea.js","sources":["../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { FontStackType, FontWeightType } from '@tecsinapse/react-core';\nimport {\n Hint,\n InputContainerProps,\n InputElementProps,\n} from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { StyledInputContainer } from './styled';\n\nexport interface TextAreaProps\n extends Omit<InputElementProps, 'style' | 'multiline' | 'value'>,\n InputContainerProps {\n inputFontStack?: FontStackType;\n inputFontWeight?: FontWeightType;\n maxCharCount?: number;\n value: string;\n // Omit below\n TextComponent?: FC<TextProps>;\n focused?: boolean;\n}\n\nconst TextArea: FC<TextAreaProps> = ({\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n TextComponent = Text,\n focused,\n children,\n maxLength: _maxLenght,\n value: _value,\n}) => {\n let length = _value.length;\n const maxLength = _maxLenght;\n if (maxLength && length > maxLength) {\n length = maxLength;\n }\n\n const _hint = hintComponent || (\n <Hint TextComponent={TextComponent} text={hint} variant={variant} />\n );\n\n return (\n <View style={style}>\n <StyledInputContainer\n label={label}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={TextComponent}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n {children}\n {maxLength && (\n <TextComponent\n colorVariant={'secondary'}\n colorTone={'medium'}\n typography={'label'}\n fontStack={'default'}\n fontWeight={'bold'}\n style={{ textAlign: 'right' }}\n >\n {`${length}/${maxLength}`}\n </TextComponent>\n )}\n </StyledInputContainer>\n {hint && _hint}\n </View>\n );\n};\n\nexport default TextArea;\n"],"names":["React"],"mappings":";;;;;;;;;;;AAuBA,MAAM,WAA8B,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,aAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAgB,GAAA,IAAA;AAAA,EAChB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAW,EAAA,UAAA;AAAA,EACX,KAAO,EAAA,MAAA;AACT,CAAM,KAAA;AACJ,EAAA,IAAI,SAAS,MAAO,CAAA,MAAA,CAAA;AACpB,EAAA,MAAM,SAAY,GAAA,UAAA,CAAA;AAClB,EAAI,IAAA,SAAA,IAAa,SAAS,SAAW,EAAA;AACnC,IAAS,MAAA,GAAA,SAAA,CAAA;AAAA,GACX;AAEA,EAAM,MAAA,KAAA,GAAQ,iCACXA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,aAAA;AAAA,IAA8B,IAAM,EAAA,IAAA;AAAA,IAAM,OAAA;AAAA,GAAkB,CAAA,CAAA;AAGpE,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,KAAA;AAAA,GAAA,kBACHA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAgB,EAAA,aAAA;AAAA,IAChB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,GAEC,EAAA,QAAA,EACA,6BACEA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,YAAc,EAAA,WAAA;AAAA,IACd,SAAW,EAAA,QAAA;AAAA,IACX,UAAY,EAAA,OAAA;AAAA,IACZ,SAAW,EAAA,SAAA;AAAA,IACX,UAAY,EAAA,MAAA;AAAA,IACZ,KAAA,EAAO,EAAE,SAAA,EAAW,OAAQ,EAAA;AAAA,GAAA,EAE3B,GAAG,MAAU,CAAA,CAAA,EAAA,SAAA,CAAA,CAChB,CAEJ,CAAA,EACC,QAAQ,KACX,CAAA,CAAA;AAEJ;;;;"}
@@ -1,12 +1,2 @@
1
- /// <reference types="react" />
2
- import { TextAreaProps } from './TextArea';
3
- export declare const StyledInputContainer: import("@emotion/native").StyledComponent<import("../../atoms/Input").InputContainerProps & Partial<import("../../atoms/Input").InputElementProps> & {
4
- children?: import("react").ReactNode;
5
- } & {
6
- theme?: import("@emotion/react").Theme | undefined;
7
- as?: import("react").ElementType<any> | undefined;
8
- } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
9
- export declare const TextAreaInputBase: import("@emotion/native").StyledComponent<import("../../atoms/Input").InputElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
10
- theme?: import("@emotion/react").Theme | undefined;
11
- as?: import("react").ElementType<any> | undefined;
12
- } & Partial<TextAreaProps> & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
1
+ export declare const StyledInputContainer: import("@emotion/native").StyledComponent<any, {}, {}>;
2
+ export declare const TextAreaInputBase: import("@emotion/native").StyledComponent<any, {}, {}>;
@@ -1,14 +1,27 @@
1
- var _templateObject, _templateObject2;
1
+ import styled from '@emotion/native';
2
+ import { extractNumbersFromString } from '../../../utils/extractNumbersFromString.js';
3
+ import 'react';
4
+ import '../../atoms/Text/styled.js';
5
+ import '../../atoms/Input/styled.js';
6
+ import 'currency.js';
7
+ import InputContainer from '../../atoms/Input/InputContainer/InputContainer.js';
8
+ import InputElement from '../../atoms/Input/InputElement/InputElement.js';
9
+ import '../../atoms/Input/InputMaskElement/InputMaskElement.js';
10
+ import '../../atoms/Input/PressableInputContainer/styled.js';
11
+ import 'react-native';
12
+ import { RFValueStr, RFValue } from '../../../utils/ResponsiveFontSize.js';
2
13
 
3
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
14
+ const StyledInputContainer = styled(InputContainer)`
15
+ min-height: ${RFValueStr("50px")};
16
+ `;
17
+ const TextAreaInputBase = styled(InputElement)`
18
+ max-height: ${({ theme, numberOfLines }) => `${RFValue(
19
+ extractNumbersFromString(theme.typography.h5.lineHeight) * (numberOfLines || 1)
20
+ )}px`};
21
+ width: 100%;
22
+ padding: 0;
23
+ margin: ${RFValueStr("3px")} 0;
24
+ `;
4
25
 
5
- import styled from '@emotion/native';
6
- import { extractNumbersFromString, RFValue, RFValueStr } from '../../../utils';
7
- import { InputContainer, InputElement } from '../../atoms/Input';
8
- export var StyledInputContainer = styled(InputContainer)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n min-height: ", ";\n"])), RFValueStr('50px'));
9
- export var TextAreaInputBase = styled(InputElement)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n max-height: ", ";\n width: 100%;\n padding: 0;\n margin: ", " 0;\n"])), function (_ref) {
10
- var theme = _ref.theme,
11
- numberOfLines = _ref.numberOfLines;
12
- return "".concat(RFValue(extractNumbersFromString(theme.typography.h5.lineHeight) * (numberOfLines || 1)), "px");
13
- }, RFValueStr('3px'));
14
- //# sourceMappingURL=styled.js.map
26
+ export { StyledInputContainer, TextAreaInputBase };
27
+ //# sourceMappingURL=styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","names":["styled","extractNumbersFromString","RFValue","RFValueStr","InputContainer","InputElement","StyledInputContainer","TextAreaInputBase","theme","numberOfLines","typography","h5","lineHeight"],"sources":["../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { extractNumbersFromString, RFValue, RFValueStr } from '../../../utils';\nimport { InputContainer, InputElement } from '../../atoms/Input';\nimport { TextAreaProps } from './TextArea';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n min-height: ${RFValueStr('50px')};\n`;\n\nexport const TextAreaInputBase = styled(InputElement)<\n Partial<TextAreaProps> & Partial<StyleProps>\n>`\n max-height: ${({ theme, numberOfLines }) =>\n `${RFValue(\n extractNumbersFromString(theme.typography.h5.lineHeight) *\n (numberOfLines || 1)\n )}px`};\n width: 100%;\n padding: 0;\n margin: ${RFValueStr('3px')} 0;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASC,wBAAT,EAAmCC,OAAnC,EAA4CC,UAA5C,QAA8D,gBAA9D;AACA,SAASC,cAAT,EAAyBC,YAAzB,QAA6C,mBAA7C;AAGA,OAAO,IAAMC,oBAAoB,GAAGN,MAAM,CAACI,cAAD,CAAT,6FACjBD,UAAU,CAAC,MAAD,CADO,CAA1B;AAIP,OAAO,IAAMI,iBAAiB,GAAGP,MAAM,CAACK,YAAD,CAAT,iJAGd;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,IAAUC,aAAV,QAAUA,aAAV;EAAA,iBACTP,OAAO,CACRD,wBAAwB,CAACO,KAAK,CAACE,UAAN,CAAiBC,EAAjB,CAAoBC,UAArB,CAAxB,IACGH,aAAa,IAAI,CADpB,CADQ,CADE;AAAA,CAHc,EAUlBN,UAAU,CAAC,KAAD,CAVQ,CAAvB"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { extractNumbersFromString, RFValue, RFValueStr } from '../../../utils';\nimport { InputContainer, InputElement } from '../../atoms/Input';\nimport { TextAreaProps } from './TextArea';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n min-height: ${RFValueStr('50px')};\n`;\n\nexport const TextAreaInputBase = styled(InputElement)<\n Partial<TextAreaProps> & Partial<StyleProps>\n>`\n max-height: ${({ theme, numberOfLines }) =>\n `${RFValue(\n extractNumbersFromString(theme.typography.h5.lineHeight) *\n (numberOfLines || 1)\n )}px`};\n width: 100%;\n padding: 0;\n margin: ${RFValueStr('3px')} 0;\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAMa,MAAA,oBAAA,GAAuB,OAAO,cAAc,CAAA,CAAA;AAAA,cAAA,EACzC,WAAW,MAAM,CAAA,CAAA;AAAA,EAAA;AAGpB,MAAA,iBAAA,GAAoB,OAAO,YAAY,CAAA,CAAA;AAAA,cAAA,EAGpC,CAAC,EAAE,KAAO,EAAA,aAAA,OACtB,CAAG,EAAA,OAAA;AAAA,EACD,yBAAyB,KAAM,CAAA,UAAA,CAAW,EAAG,CAAA,UAAU,KACpD,aAAiB,IAAA,CAAA,CAAA;AACtB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA;AAAA;AAAA,UAAA,EAGQ,WAAW,KAAK,CAAA,CAAA;AAAA;;;;"}
@@ -1,31 +1,16 @@
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
- import { useEffect, useRef, useState } from 'react';
14
- export function useDebouncedState(initialState, timeoutCallback) {
15
- var timeoutMs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 166;
16
- var timeoutId = useRef();
17
-
18
- var _useState = useState(initialState),
19
- _useState2 = _slicedToArray(_useState, 2),
20
- state = _useState2[0],
21
- setState = _useState2[1];
22
-
23
- useEffect(function () {
24
- if (timeoutId.current) clearTimeout(timeoutId.current);
25
- if (timeoutCallback) timeoutId.current = setTimeout(function () {
26
- return timeoutCallback(state);
27
- }, timeoutMs);
1
+ import { useRef, useState, useEffect } from 'react';
2
+
3
+ function useDebouncedState(initialState, timeoutCallback, timeoutMs = 166) {
4
+ const timeoutId = useRef();
5
+ const [state, setState] = useState(initialState);
6
+ useEffect(() => {
7
+ if (timeoutId.current)
8
+ clearTimeout(timeoutId.current);
9
+ if (timeoutCallback)
10
+ timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);
28
11
  }, [state]);
29
12
  return [state, setState];
30
13
  }
31
- //# sourceMappingURL=useDebouncedState.js.map
14
+
15
+ export { useDebouncedState };
16
+ //# sourceMappingURL=useDebouncedState.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDebouncedState.js","names":["useEffect","useRef","useState","useDebouncedState","initialState","timeoutCallback","timeoutMs","timeoutId","state","setState","current","clearTimeout","setTimeout"],"sources":["../../src/hooks/useDebouncedState.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';\n\n/**\n * @param initialState\n * @param timeoutCallback callback to be called after bouncing ends. Should be memoized.\n * @param timeoutMs\n */\nexport function useDebouncedState<S>(\n initialState: S | (() => S),\n timeoutCallback?: (state: S) => void,\n timeoutMs = 166\n): [S, Dispatch<SetStateAction<S>>] {\n const timeoutId = useRef<number>();\n\n const [state, setState] = useState<S>(initialState);\n\n useEffect(() => {\n if (timeoutId.current) clearTimeout(timeoutId.current);\n if (timeoutCallback)\n timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);\n }, [state]);\n\n return [state, setState];\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAmCA,SAAnC,EAA8CC,MAA9C,EAAsDC,QAAtD,QAAsE,OAAtE;AAOA,OAAO,SAASC,iBAAT,CACLC,YADK,EAELC,eAFK,EAI6B;EAAA,IADlCC,SACkC,uEADtB,GACsB;EAClC,IAAMC,SAAS,GAAGN,MAAM,EAAxB;;EAEA,gBAA0BC,QAAQ,CAAIE,YAAJ,CAAlC;EAAA;EAAA,IAAOI,KAAP;EAAA,IAAcC,QAAd;;EAEAT,SAAS,CAAC,YAAM;IACd,IAAIO,SAAS,CAACG,OAAd,EAAuBC,YAAY,CAACJ,SAAS,CAACG,OAAX,CAAZ;IACvB,IAAIL,eAAJ,EACEE,SAAS,CAACG,OAAV,GAAoBE,UAAU,CAAC;MAAA,OAAMP,eAAe,CAACG,KAAD,CAArB;IAAA,CAAD,EAA+BF,SAA/B,CAA9B;EACH,CAJQ,EAIN,CAACE,KAAD,CAJM,CAAT;EAMA,OAAO,CAACA,KAAD,EAAQC,QAAR,CAAP;AACD"}
1
+ {"version":3,"file":"useDebouncedState.js","sources":["../../src/hooks/useDebouncedState.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';\n\n/**\n * @param initialState\n * @param timeoutCallback callback to be called after bouncing ends. Should be memoized.\n * @param timeoutMs\n */\nexport function useDebouncedState<S>(\n initialState: S | (() => S),\n timeoutCallback?: (state: S) => void,\n timeoutMs = 166\n): [S, Dispatch<SetStateAction<S>>] {\n const timeoutId = useRef<number>();\n\n const [state, setState] = useState<S>(initialState);\n\n useEffect(() => {\n if (timeoutId.current) clearTimeout(timeoutId.current);\n if (timeoutCallback)\n timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);\n }, [state]);\n\n return [state, setState];\n}\n"],"names":[],"mappings":";;AAOO,SAAS,iBACd,CAAA,YAAA,EACA,eACA,EAAA,SAAA,GAAY,GACsB,EAAA;AAClC,EAAA,MAAM,YAAY,MAAe,EAAA,CAAA;AAEjC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAY,YAAY,CAAA,CAAA;AAElD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAU,CAAA,OAAA;AAAS,MAAA,YAAA,CAAa,UAAU,OAAO,CAAA,CAAA;AACrD,IAAI,IAAA,eAAA;AACF,MAAA,SAAA,CAAU,UAAU,UAAW,CAAA,MAAM,eAAgB,CAAA,KAAK,GAAG,SAAS,CAAA,CAAA;AAAA,GAC1E,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAO,OAAA,CAAC,OAAO,QAAQ,CAAA,CAAA;AACzB;;;;"}
@@ -1,5 +1,6 @@
1
- import { useTheme as useEmotionTheme } from '@emotion/react';
2
- export var useTheme = function useTheme() {
3
- return useEmotionTheme();
4
- };
5
- //# sourceMappingURL=useTheme.js.map
1
+ import { useTheme as useTheme$1 } from '@emotion/react';
2
+
3
+ const useTheme = () => useTheme$1();
4
+
5
+ export { useTheme };
6
+ //# sourceMappingURL=useTheme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useTheme.js","names":["useTheme","useEmotionTheme"],"sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import { useTheme as useEmotionTheme } from '@emotion/react';\nimport { ThemeProp } from '../types/defaults';\n\nexport const useTheme = (): ThemeProp => useEmotionTheme() as ThemeProp;\n"],"mappings":"AAAA,SAASA,QAAQ,IAAIC,eAArB,QAA4C,gBAA5C;AAGA,OAAO,IAAMD,QAAQ,GAAG,SAAXA,QAAW;EAAA,OAAiBC,eAAe,EAAhC;AAAA,CAAjB"}
1
+ {"version":3,"file":"useTheme.js","sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import { useTheme as useEmotionTheme } from '@emotion/react';\nimport { ThemeProp } from '../types/defaults';\n\nexport const useTheme = (): ThemeProp => useEmotionTheme() as ThemeProp;\n"],"names":["useEmotionTheme"],"mappings":";;AAGa,MAAA,QAAA,GAAW,MAAiBA,UAAgB;;;;"}
package/esm/index.js CHANGED
@@ -1,36 +1,55 @@
1
- export { Avatar } from './components/atoms/Avatar';
2
- export { Badge } from './components/atoms/Badge';
3
- export { BoxContent } from './components/atoms/BoxContent';
4
- export { Button, Error, Loading, Success } from './components/atoms/Button';
5
- export { Card } from './components/atoms/Card';
6
- export { Footer } from './components/atoms/Card/Footer';
7
- export { Header } from './components/atoms/Card/Header';
8
- export { Checkbox } from './components/atoms/Checkbox';
9
- export { Divider } from './components/atoms/Divider';
10
- export { GroupButton, GroupButtonOption } from './components/atoms/GroupButton';
11
- export { Icon } from './components/atoms/Icon';
12
- export { disabledInputStyles, Hint, InputContainer, InputElement, InputMaskElement, PressableInputContainer, StyledBorderKeeper, useInputFocus, useNumberMask, useStringMask } from './components/atoms/Input';
13
- export { Paper } from './components/atoms/Paper';
14
- export { PressableSurface } from './components/atoms/PressableSurface';
15
- export { ProgressBar } from './components/atoms/ProgressBar';
16
- export { RadioButton } from './components/atoms/RadioButton';
17
- export { Switch } from './components/atoms/Switch';
18
- export { Tag } from './components/atoms/Tag';
19
- export { Text } from './components/atoms/Text';
20
- export { Calendar } from './components/molecules/Calendar';
21
- export { DatePicker } from './components/molecules/DatePicker';
22
- export { DateTimePicker } from './components/molecules/DateTimePicker';
23
- export { DateTimeSelector } from './components/molecules/DateTimeSelector';
24
- export { getGridItemPadding, getGridItemColumSpan } from './components/molecules/Grid';
25
- export { HintInputContainer } from './components/molecules/HintInputContainer';
26
- export { IconComponent } from './components/molecules/IconTextButton';
27
- export { InputPasswordIcon } from './components/molecules/InputPassword';
28
- export { Snackbar } from './components/molecules/Snackbar';
29
- export { TextArea, TextAreaInputBase } from './components/molecules/TextArea';
30
- export * from './hooks';
31
- export * from './styles/definitions';
32
- export * from './styles/light';
33
- export { default as ThemeProvider } from './styles/ThemeProvider';
34
- export * from './types/defaults';
35
- export * from './utils';
36
- //# sourceMappingURL=index.js.map
1
+ export { default as Avatar } from './components/atoms/Avatar/Avatar.js';
2
+ export { default as Badge } from './components/atoms/Badge/Badge.js';
3
+ export { default as BoxContent } from './components/atoms/BoxContent/BoxContent.js';
4
+ export { default as Button } from './components/atoms/Button/Button.js';
5
+ export { default as Error } from './components/atoms/Button/States/Error.js';
6
+ export { default as Loading } from './components/atoms/Button/States/Loading.js';
7
+ export { default as Success } from './components/atoms/Button/States/Success.js';
8
+ export { default as Card } from './components/atoms/Card/Card.js';
9
+ export { default as Footer } from './components/atoms/Card/Footer/Footer.js';
10
+ export { default as Header } from './components/atoms/Card/Header/Header.js';
11
+ export { default as Checkbox } from './components/atoms/Checkbox/Checkbox.js';
12
+ export { default as Divider } from './components/atoms/Divider/Divider.js';
13
+ export { default as GroupButton } from './components/atoms/GroupButton/GroupButton.js';
14
+ export { default as GroupButtonOption } from './components/atoms/GroupButton/GroupButtonOption.js';
15
+ export { default as Icon } from './components/atoms/Icon/Icon.js';
16
+ export { default as Hint } from './components/atoms/Input/Hint.js';
17
+ export { useInputFocus } from './components/atoms/Input/hooks/useInputFocus.js';
18
+ export { useNumberMask } from './components/atoms/Input/hooks/useNumberMask.js';
19
+ export { useStringMask } from './components/atoms/Input/hooks/useStringMask.js';
20
+ export { default as InputContainer } from './components/atoms/Input/InputContainer/InputContainer.js';
21
+ export { default as InputElement } from './components/atoms/Input/InputElement/InputElement.js';
22
+ export { default as InputMaskElement } from './components/atoms/Input/InputMaskElement/InputMaskElement.js';
23
+ export { default as PressableInputContainer } from './components/atoms/Input/PressableInputContainer/PressableInputContainer.js';
24
+ export { StyledBorderKeeper, disabledInputStyles } from './components/atoms/Input/styled.js';
25
+ export { default as Paper } from './components/atoms/Paper/Paper.js';
26
+ export { default as PressableSurface } from './components/atoms/PressableSurface/PressableSurface.js';
27
+ export { default as ProgressBar } from './components/atoms/ProgressBar/ProgressBar.js';
28
+ export { default as RadioButton } from './components/atoms/RadioButton/RadioButton.js';
29
+ export { default as Switch } from './components/atoms/Switch/Switch.js';
30
+ export { default as Tag } from './components/atoms/Tag/Tag.js';
31
+ export { default as Text } from './components/atoms/Text/Text.js';
32
+ export { default as Calendar } from './components/molecules/Calendar/Calendar.js';
33
+ export { default as DatePicker } from './components/molecules/DatePicker/DatePicker.js';
34
+ export { default as DateTimePicker } from './components/molecules/DateTimePicker/DateTimePicker.js';
35
+ export { default as DateTimeSelector } from './components/molecules/DateTimeSelector/DateTimeSelector.js';
36
+ export { getGridItemColumSpan, getGridItemPadding } from './components/molecules/Grid/functions.js';
37
+ export { default as HintInputContainer } from './components/molecules/HintInputContainer/HintInputContainer.js';
38
+ export { default as IconComponent } from './components/molecules/IconTextButton/IconComponent.js';
39
+ export { default as InputPasswordIcon } from './components/molecules/InputPassword/InputPasswordIcon.js';
40
+ export { default as Snackbar } from './components/molecules/Snackbar/Snackbar.js';
41
+ export { default as TextArea } from './components/molecules/TextArea/TextArea.js';
42
+ export { TextAreaInputBase } from './components/molecules/TextArea/styled.js';
43
+ export { useDebouncedState } from './hooks/useDebouncedState.js';
44
+ export { useTheme } from './hooks/useTheme.js';
45
+ export { borderRadius, borderWidth, breakpoints, fontColor, fontFiles, fontStack, fontWeight, hex2rgba, iconSize, miscellaneous, spacing, statusColor, typography, zIndex } from './styles/definitions.js';
46
+ export { lightTheme } from './styles/light.js';
47
+ export { default as ThemeProvider } from './styles/ThemeProvider.js';
48
+ export { extractDigitsFromString, extractNumbersFromString } from './utils/extractNumbersFromString.js';
49
+ export { formatWithMask } from './utils/formatWithMask.js';
50
+ export { getBottomSpace, getStatusBarHeight, ifIphoneX, isIphoneX } from './utils/IPhoneXHelper.js';
51
+ export { lightenDarkenColor } from './utils/lightenDarkenColor.js';
52
+ export { Masks } from './utils/masks.js';
53
+ export { RFPercentage, RFValue, RFValueStr } from './utils/ResponsiveFontSize.js';
54
+ export { borderColorGradationVC, borderColorVC, colorGradationVC, colorVC, fontColorVC } from './utils/variantComplement.js';
55
+ //# sourceMappingURL=index.js.map
package/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["Avatar","Badge","BoxContent","Button","Error","Loading","Success","Card","Footer","Header","Checkbox","Divider","GroupButton","GroupButtonOption","Icon","disabledInputStyles","Hint","InputContainer","InputElement","InputMaskElement","PressableInputContainer","StyledBorderKeeper","useInputFocus","useNumberMask","useStringMask","Paper","PressableSurface","ProgressBar","RadioButton","Switch","Tag","Text","Calendar","DatePicker","DateTimePicker","DateTimeSelector","getGridItemPadding","getGridItemColumSpan","HintInputContainer","IconComponent","InputPasswordIcon","Snackbar","TextArea","TextAreaInputBase","default","ThemeProvider"],"sources":["../src/index.ts"],"sourcesContent":["export { Avatar } from './components/atoms/Avatar';\nexport type { AvatarProps } from './components/atoms/Avatar';\nexport { Badge } from './components/atoms/Badge';\nexport type { BadgeProps } from './components/atoms/Badge';\nexport { BoxContent } from './components/atoms/BoxContent';\nexport type { BoxContentProps } from './components/atoms/BoxContent';\nexport { Button, Error, Loading, Success } from './components/atoms/Button';\nexport type {\n ButtonProps,\n ButtonSizeType,\n ButtonStateProps,\n ButtonStateType,\n} from './components/atoms/Button';\nexport { Card } from './components/atoms/Card';\nexport type { CardProps } from './components/atoms/Card';\nexport { Footer } from './components/atoms/Card/Footer';\nexport type { FooterProps } from './components/atoms/Card/Footer';\nexport { Header } from './components/atoms/Card/Header';\nexport type { HeaderProps } from './components/atoms/Card/Header';\nexport { Checkbox } from './components/atoms/Checkbox';\nexport type { CheckboxProps } from './components/atoms/Checkbox';\nexport { Divider } from './components/atoms/Divider';\nexport type { DividerProps } from './components/atoms/Divider';\nexport { GroupButton, GroupButtonOption } from './components/atoms/GroupButton';\nexport type {\n GroupButtonOptionProps,\n GroupButtonProps,\n GroupButtonValue,\n} from './components/atoms/GroupButton';\nexport { Icon } from './components/atoms/Icon';\nexport type { IconProps } from './components/atoms/Icon';\nexport {\n disabledInputStyles,\n Hint,\n InputContainer,\n InputElement,\n InputMaskElement,\n PressableInputContainer,\n StyledBorderKeeper,\n useInputFocus,\n useNumberMask,\n useStringMask,\n} from './components/atoms/Input';\nexport type {\n InputContainerProps,\n InputElementProps,\n InputMaskElementProps,\n InputVariantType,\n PressableInputContainerProps,\n} from './components/atoms/Input';\nexport { Paper } from './components/atoms/Paper';\nexport type { PaperProps } from './components/atoms/Paper';\nexport { PressableSurface } from './components/atoms/PressableSurface';\nexport type { PressableSurfaceProps } from './components/atoms/PressableSurface';\nexport { ProgressBar } from './components/atoms/ProgressBar';\nexport type { ProgressBarProps } from './components/atoms/ProgressBar';\nexport { RadioButton } from './components/atoms/RadioButton';\nexport type { RadioButtonProps } from './components/atoms/RadioButton';\nexport { Switch } from './components/atoms/Switch';\nexport type { SwitchProps } from './components/atoms/Switch';\nexport { Tag } from './components/atoms/Tag';\nexport type { TagProps } from './components/atoms/Tag';\nexport { Text } from './components/atoms/Text';\nexport type { TextProps } from './components/atoms/Text';\nexport { Calendar } from './components/molecules/Calendar';\nexport type {\n CalendarProps,\n DateRange,\n SelectionType,\n Value,\n} from './components/molecules/Calendar';\nexport { DatePicker } from './components/molecules/DatePicker';\nexport type { DatePickerProps } from './components/molecules/DatePicker';\nexport { DateTimePicker } from './components/molecules/DateTimePicker';\nexport type { DateTimePickerProps } from './components/molecules/DateTimePicker';\nexport { DateTimeSelector } from './components/molecules/DateTimeSelector';\nexport type {\n DateTimeSelectorMode,\n DateTimeSelectorProps,\n} from './components/molecules/DateTimeSelector';\nexport {\n getGridItemPadding,\n getGridItemColumSpan,\n} from './components/molecules/Grid';\nexport type {\n GridSpacing,\n IGridItem,\n IGrid,\n FlexAlignBase,\n FlexAlignType,\n FlexPositioning,\n FlexSpacing,\n PaddingPosition,\n} from './components/molecules/Grid';\nexport { HintInputContainer } from './components/molecules/HintInputContainer';\nexport type { HintInputContainerProps } from './components/molecules/HintInputContainer';\nexport { IconComponent } from './components/molecules/IconTextButton';\nexport type {\n IconPositionOptions,\n IconTextButtonProps,\n} from './components/molecules/IconTextButton';\nexport { InputPasswordIcon } from './components/molecules/InputPassword';\nexport type {\n LabeledSwitchProps,\n LabelPositionOptions,\n} from './components/molecules/LabeledSwitch';\nexport { Snackbar } from './components/molecules/Snackbar';\nexport type { SnackbarProps } from './components/molecules/Snackbar';\nexport { TextArea, TextAreaInputBase } from './components/molecules/TextArea';\nexport type { TextAreaProps } from './components/molecules/TextArea';\nexport * from './hooks';\nexport * from './styles/definitions';\nexport * from './styles/light';\nexport { default as ThemeProvider } from './styles/ThemeProvider';\nexport * from './types/defaults';\nexport * from './utils';\n"],"mappings":"AAAA,SAASA,MAAT,QAAuB,2BAAvB;AAEA,SAASC,KAAT,QAAsB,0BAAtB;AAEA,SAASC,UAAT,QAA2B,+BAA3B;AAEA,SAASC,MAAT,EAAiBC,KAAjB,EAAwBC,OAAxB,EAAiCC,OAAjC,QAAgD,2BAAhD;AAOA,SAASC,IAAT,QAAqB,yBAArB;AAEA,SAASC,MAAT,QAAuB,gCAAvB;AAEA,SAASC,MAAT,QAAuB,gCAAvB;AAEA,SAASC,QAAT,QAAyB,6BAAzB;AAEA,SAASC,OAAT,QAAwB,4BAAxB;AAEA,SAASC,WAAT,EAAsBC,iBAAtB,QAA+C,gCAA/C;AAMA,SAASC,IAAT,QAAqB,yBAArB;AAEA,SACEC,mBADF,EAEEC,IAFF,EAGEC,cAHF,EAIEC,YAJF,EAKEC,gBALF,EAMEC,uBANF,EAOEC,kBAPF,EAQEC,aARF,EASEC,aATF,EAUEC,aAVF,QAWO,0BAXP;AAmBA,SAASC,KAAT,QAAsB,0BAAtB;AAEA,SAASC,gBAAT,QAAiC,qCAAjC;AAEA,SAASC,WAAT,QAA4B,gCAA5B;AAEA,SAASC,WAAT,QAA4B,gCAA5B;AAEA,SAASC,MAAT,QAAuB,2BAAvB;AAEA,SAASC,GAAT,QAAoB,wBAApB;AAEA,SAASC,IAAT,QAAqB,yBAArB;AAEA,SAASC,QAAT,QAAyB,iCAAzB;AAOA,SAASC,UAAT,QAA2B,mCAA3B;AAEA,SAASC,cAAT,QAA+B,uCAA/B;AAEA,SAASC,gBAAT,QAAiC,yCAAjC;AAKA,SACEC,kBADF,EAEEC,oBAFF,QAGO,6BAHP;AAcA,SAASC,kBAAT,QAAmC,2CAAnC;AAEA,SAASC,aAAT,QAA8B,uCAA9B;AAKA,SAASC,iBAAT,QAAkC,sCAAlC;AAKA,SAASC,QAAT,QAAyB,iCAAzB;AAEA,SAASC,QAAT,EAAmBC,iBAAnB,QAA4C,iCAA5C;AAEA,cAAc,SAAd;AACA,cAAc,sBAAd;AACA,cAAc,gBAAd;AACA,SAASC,OAAO,IAAIC,aAApB,QAAyC,wBAAzC;AACA,cAAc,kBAAd;AACA,cAAc,SAAd"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,13 +1,14 @@
1
- import React from 'react';
2
- import { ThemeProvider as EmotionProvider } from '@emotion/react';
1
+ import React__default from 'react';
2
+ import { ThemeProvider as ThemeProvider$1 } from '@emotion/react';
3
3
 
4
- var ThemeProvider = function ThemeProvider(_ref) {
5
- var theme = _ref.theme,
6
- children = _ref.children;
7
- return React.createElement(EmotionProvider, {
8
- theme: theme
4
+ const ThemeProvider = ({
5
+ theme,
6
+ children
7
+ }) => {
8
+ return /* @__PURE__ */ React__default.createElement(ThemeProvider$1, {
9
+ theme
9
10
  }, children);
10
11
  };
11
12
 
12
- export default ThemeProvider;
13
- //# sourceMappingURL=ThemeProvider.js.map
13
+ export { ThemeProvider as default };
14
+ //# sourceMappingURL=ThemeProvider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.js","names":["React","ThemeProvider","EmotionProvider","theme","children"],"sources":["../../src/styles/ThemeProvider.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ThemeProvider as EmotionProvider } from '@emotion/react';\nimport { ThemeProviderProps } from '../types/defaults';\n\nconst ThemeProvider: FC<ThemeProviderProps> = ({\n theme,\n children,\n}): JSX.Element => {\n return <EmotionProvider theme={theme}>{children}</EmotionProvider>;\n};\n\nexport default ThemeProvider;\n"],"mappings":"AAAA,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,aAAa,IAAIC,eAA1B,QAAiD,gBAAjD;;AAGA,IAAMD,aAAqC,GAAG,SAAxCA,aAAwC,OAG3B;EAAA,IAFjBE,KAEiB,QAFjBA,KAEiB;EAAA,IADjBC,QACiB,QADjBA,QACiB;EACjB,OAAO,oBAAC,eAAD;IAAiB,KAAK,EAAED;EAAxB,GAAgCC,QAAhC,CAAP;AACD,CALD;;AAOA,eAAeH,aAAf"}
1
+ {"version":3,"file":"ThemeProvider.js","sources":["../../src/styles/ThemeProvider.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ThemeProvider as EmotionProvider } from '@emotion/react';\nimport { ThemeProviderProps } from '../types/defaults';\n\nconst ThemeProvider: FC<ThemeProviderProps> = ({\n theme,\n children,\n}): JSX.Element => {\n return <EmotionProvider theme={theme}>{children}</EmotionProvider>;\n};\n\nexport default ThemeProvider;\n"],"names":["React","EmotionProvider"],"mappings":";;;AAIA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,KAAA;AAAA,EACA,QAAA;AACF,CAAmB,KAAA;AACjB,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAAC,eAAA,EAAA;AAAA,IAAgB,KAAA;AAAA,GAAA,EAAe,QAAS,CAAA,CAAA;AAClD;;;;"}