@tecsinapse/react-native-kit 1.21.0 → 1.22.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 (423) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/components/atoms/Avatar/Avatar.d.ts +2 -1
  3. package/dist/components/atoms/Avatar/Avatar.js +34 -22
  4. package/dist/components/atoms/Avatar/Avatar.js.map +1 -1
  5. package/dist/components/atoms/Avatar/index.d.ts +1 -1
  6. package/dist/components/atoms/Badge/Badge.js +57 -31
  7. package/dist/components/atoms/Badge/Badge.js.map +1 -1
  8. package/dist/components/atoms/Badge/index.d.ts +2 -1
  9. package/dist/components/atoms/BottomNavigator/BottomNavigator.js +69 -40
  10. package/dist/components/atoms/BottomNavigator/BottomNavigator.js.map +1 -1
  11. package/dist/components/atoms/BottomNavigator/Item.js +66 -32
  12. package/dist/components/atoms/BottomNavigator/Item.js.map +1 -1
  13. package/dist/components/atoms/BottomNavigator/index.d.ts +3 -2
  14. package/dist/components/atoms/BottomNavigator/styled.js +38 -74
  15. package/dist/components/atoms/BottomNavigator/styled.js.map +1 -1
  16. package/dist/components/atoms/Button/Button.js +54 -25
  17. package/dist/components/atoms/Button/Button.js.map +1 -1
  18. package/dist/components/atoms/Button/States/Error.d.ts +1 -1
  19. package/dist/components/atoms/Button/States/Error.js +34 -24
  20. package/dist/components/atoms/Button/States/Error.js.map +1 -1
  21. package/dist/components/atoms/Button/States/Loading.d.ts +1 -1
  22. package/dist/components/atoms/Button/States/Loading.js +34 -24
  23. package/dist/components/atoms/Button/States/Loading.js.map +1 -1
  24. package/dist/components/atoms/Button/States/Success.d.ts +1 -1
  25. package/dist/components/atoms/Button/States/Success.js +34 -24
  26. package/dist/components/atoms/Button/States/Success.js.map +1 -1
  27. package/dist/components/atoms/Button/index.d.ts +2 -1
  28. package/dist/components/atoms/GroupButton/GroupButtonOption.d.ts +1 -1
  29. package/dist/components/atoms/GroupButton/GroupButtonOption.js +34 -23
  30. package/dist/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
  31. package/dist/components/atoms/Header/Header.js +73 -33
  32. package/dist/components/atoms/Header/Header.js.map +1 -1
  33. package/dist/components/atoms/Header/index.d.ts +2 -1
  34. package/dist/components/atoms/Header/styled.js +22 -23
  35. package/dist/components/atoms/Header/styled.js.map +1 -1
  36. package/dist/components/atoms/Input/Input.d.ts +1 -1
  37. package/dist/components/atoms/Input/Input.js +133 -93
  38. package/dist/components/atoms/Input/Input.js.map +1 -1
  39. package/dist/components/atoms/Input/index.d.ts +2 -1
  40. package/dist/components/atoms/Input/styled.js +14 -21
  41. package/dist/components/atoms/Input/styled.js.map +1 -1
  42. package/dist/components/atoms/InputMask/InputMask.js +135 -91
  43. package/dist/components/atoms/InputMask/InputMask.js.map +1 -1
  44. package/dist/components/atoms/InputMask/index.d.ts +2 -1
  45. package/dist/components/atoms/InputMask/styled.js +17 -22
  46. package/dist/components/atoms/InputMask/styled.js.map +1 -1
  47. package/dist/components/atoms/Modal/ModalGroupManager.js +47 -32
  48. package/dist/components/atoms/Modal/ModalGroupManager.js.map +1 -1
  49. package/dist/components/atoms/Modal/ModalLifecycleHandler.js +70 -78
  50. package/dist/components/atoms/Modal/ModalLifecycleHandler.js.map +1 -1
  51. package/dist/components/atoms/Modal/ui/BaseModalView.js +115 -117
  52. package/dist/components/atoms/Modal/ui/BaseModalView.js.map +1 -1
  53. package/dist/components/atoms/Modal/ui/styled.js +31 -31
  54. package/dist/components/atoms/Modal/ui/styled.js.map +1 -1
  55. package/dist/components/atoms/Modal/useLazyModalManager.d.ts +1 -1
  56. package/dist/components/atoms/Modal/useLazyModalManager.js +22 -25
  57. package/dist/components/atoms/Modal/useLazyModalManager.js.map +1 -1
  58. package/dist/components/atoms/Modal/useModalManager.d.ts +1 -1
  59. package/dist/components/atoms/Modal/useModalManager.js +14 -21
  60. package/dist/components/atoms/Modal/useModalManager.js.map +1 -1
  61. package/dist/components/atoms/Modal/useModalRemoteControl.js +10 -14
  62. package/dist/components/atoms/Modal/useModalRemoteControl.js.map +1 -1
  63. package/dist/components/atoms/Skeleton/Pulse.js +26 -33
  64. package/dist/components/atoms/Skeleton/Pulse.js.map +1 -1
  65. package/dist/components/atoms/Skeleton/Skeleton.js +72 -53
  66. package/dist/components/atoms/Skeleton/Skeleton.js.map +1 -1
  67. package/dist/components/atoms/Skeleton/Wave.js +47 -56
  68. package/dist/components/atoms/Skeleton/Wave.js.map +1 -1
  69. package/dist/components/atoms/Skeleton/animation.js +29 -31
  70. package/dist/components/atoms/Skeleton/animation.js.map +1 -1
  71. package/dist/components/atoms/Skeleton/index.d.ts +2 -1
  72. package/dist/components/atoms/Skeleton/styled.js +14 -30
  73. package/dist/components/atoms/Skeleton/styled.js.map +1 -1
  74. package/dist/components/atoms/SnappingSlider/SnappingSlider.js +73 -36
  75. package/dist/components/atoms/SnappingSlider/SnappingSlider.js.map +1 -1
  76. package/dist/components/atoms/SnappingSlider/index.d.ts +2 -1
  77. package/dist/components/atoms/Tag/Tag.js +45 -28
  78. package/dist/components/atoms/Tag/Tag.js.map +1 -1
  79. package/dist/components/atoms/Tag/index.d.ts +2 -1
  80. package/dist/components/atoms/Text/Text.js +38 -18
  81. package/dist/components/atoms/Text/Text.js.map +1 -1
  82. package/dist/components/atoms/Text/index.d.ts +2 -1
  83. package/dist/components/atoms/Text/styled.js +21 -28
  84. package/dist/components/atoms/Text/styled.js.map +1 -1
  85. package/dist/components/atoms/TextArea/TextArea.js +103 -58
  86. package/dist/components/atoms/TextArea/TextArea.js.map +1 -1
  87. package/dist/components/atoms/TextArea/index.d.ts +2 -1
  88. package/dist/components/atoms/TextArea/styled.js +9 -11
  89. package/dist/components/atoms/TextArea/styled.js.map +1 -1
  90. package/dist/components/molecules/Calendar/Calendar.d.ts +1 -1
  91. package/dist/components/molecules/Calendar/Calendar.js +54 -28
  92. package/dist/components/molecules/Calendar/Calendar.js.map +1 -1
  93. package/dist/components/molecules/DatePicker/DatePicker.d.ts +1 -1
  94. package/dist/components/molecules/DatePicker/DatePicker.js +67 -46
  95. package/dist/components/molecules/DatePicker/DatePicker.js.map +1 -1
  96. package/dist/components/molecules/DatePicker/index.d.ts +2 -1
  97. package/dist/components/molecules/DatePicker/styled.js +10 -18
  98. package/dist/components/molecules/DatePicker/styled.js.map +1 -1
  99. package/dist/components/molecules/DateTimePicker/DateTimePicker.js +61 -38
  100. package/dist/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  101. package/dist/components/molecules/DateTimePicker/index.d.ts +2 -1
  102. package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js +54 -28
  103. package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
  104. package/dist/components/molecules/Grid/Grid.js +77 -46
  105. package/dist/components/molecules/Grid/Grid.js.map +1 -1
  106. package/dist/components/molecules/Grid/Item/Item.d.ts +1 -1
  107. package/dist/components/molecules/Grid/Item/Item.js +74 -43
  108. package/dist/components/molecules/Grid/Item/Item.js.map +1 -1
  109. package/dist/components/molecules/IconTextButton/IconTextButton.js +67 -42
  110. package/dist/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
  111. package/dist/components/molecules/IconTextButton/TextComponent.js +44 -37
  112. package/dist/components/molecules/IconTextButton/TextComponent.js.map +1 -1
  113. package/dist/components/molecules/IconTextButton/index.d.ts +2 -1
  114. package/dist/components/molecules/IconTextButton/styled.js +34 -45
  115. package/dist/components/molecules/IconTextButton/styled.js.map +1 -1
  116. package/dist/components/molecules/InputPassword/InputPassword.d.ts +1 -1
  117. package/dist/components/molecules/InputPassword/InputPassword.js +60 -40
  118. package/dist/components/molecules/InputPassword/InputPassword.js.map +1 -1
  119. package/dist/components/molecules/InputPassword/index.d.ts +2 -1
  120. package/dist/components/molecules/LabeledSwitch/LabelComponent.js +54 -30
  121. package/dist/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
  122. package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js +65 -39
  123. package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
  124. package/dist/components/molecules/LabeledSwitch/index.d.ts +2 -1
  125. package/dist/components/molecules/LabeledSwitch/styled.js +31 -30
  126. package/dist/components/molecules/LabeledSwitch/styled.js.map +1 -1
  127. package/dist/components/molecules/Select/Modal.js +198 -132
  128. package/dist/components/molecules/Select/Modal.js.map +1 -1
  129. package/dist/components/molecules/Select/Select.js +194 -115
  130. package/dist/components/molecules/Select/Select.js.map +1 -1
  131. package/dist/components/molecules/Select/index.d.ts +2 -1
  132. package/dist/components/molecules/Select/styled.js +82 -104
  133. package/dist/components/molecules/Select/styled.js.map +1 -1
  134. package/dist/components/molecules/Snackbar/Snackbar.d.ts +1 -1
  135. package/dist/components/molecules/Snackbar/Snackbar.js +51 -30
  136. package/dist/components/molecules/Snackbar/Snackbar.js.map +1 -1
  137. package/dist/components/molecules/Snackbar/index.d.ts +2 -1
  138. package/dist/components/molecules/Snackbar/styled.js +11 -23
  139. package/dist/components/molecules/Snackbar/styled.js.map +1 -1
  140. package/dist/index.d.ts +38 -19
  141. package/dist/index.js +78 -431
  142. package/dist/index.js.map +1 -1
  143. package/dist/utils/date.js +31 -21
  144. package/dist/utils/date.js.map +1 -1
  145. package/esm/components/atoms/Avatar/Avatar.d.ts +4 -0
  146. package/esm/components/atoms/Avatar/Avatar.js +31 -0
  147. package/esm/components/atoms/Avatar/Avatar.js.map +1 -0
  148. package/esm/components/atoms/Avatar/index.d.ts +1 -0
  149. package/esm/components/atoms/Badge/Badge.d.ts +8 -0
  150. package/esm/components/atoms/Badge/Badge.js +56 -0
  151. package/esm/components/atoms/Badge/Badge.js.map +1 -0
  152. package/esm/components/atoms/Badge/index.d.ts +2 -0
  153. package/esm/components/atoms/BottomNavigator/BottomNavigator.d.ts +13 -0
  154. package/esm/components/atoms/BottomNavigator/BottomNavigator.js +61 -0
  155. package/esm/components/atoms/BottomNavigator/BottomNavigator.js.map +1 -0
  156. package/esm/components/atoms/BottomNavigator/Item.d.ts +19 -0
  157. package/esm/components/atoms/BottomNavigator/Item.js +58 -0
  158. package/esm/components/atoms/BottomNavigator/Item.js.map +1 -0
  159. package/esm/components/atoms/BottomNavigator/index.d.ts +3 -0
  160. package/esm/components/atoms/BottomNavigator/styled.d.ts +11 -0
  161. package/esm/components/atoms/BottomNavigator/styled.js +31 -0
  162. package/esm/components/atoms/BottomNavigator/styled.js.map +1 -0
  163. package/esm/components/atoms/Button/Button.d.ts +6 -0
  164. package/esm/components/atoms/Button/Button.js +57 -0
  165. package/esm/components/atoms/Button/Button.js.map +1 -0
  166. package/esm/components/atoms/Button/States/Error.d.ts +4 -0
  167. package/esm/components/atoms/Button/States/Error.js +31 -0
  168. package/esm/components/atoms/Button/States/Error.js.map +1 -0
  169. package/esm/components/atoms/Button/States/Loading.d.ts +4 -0
  170. package/esm/components/atoms/Button/States/Loading.js +31 -0
  171. package/esm/components/atoms/Button/States/Loading.js.map +1 -0
  172. package/esm/components/atoms/Button/States/Success.d.ts +4 -0
  173. package/esm/components/atoms/Button/States/Success.js +31 -0
  174. package/esm/components/atoms/Button/States/Success.js.map +1 -0
  175. package/esm/components/atoms/Button/States/index.d.ts +3 -0
  176. package/esm/components/atoms/Button/index.d.ts +3 -0
  177. package/esm/components/atoms/GroupButton/GroupButtonOption.d.ts +2 -0
  178. package/esm/components/atoms/GroupButton/GroupButtonOption.js +31 -0
  179. package/esm/components/atoms/GroupButton/GroupButtonOption.js.map +1 -0
  180. package/esm/components/atoms/GroupButton/index.d.ts +1 -0
  181. package/esm/components/atoms/Header/Header.d.ts +12 -0
  182. package/esm/components/atoms/Header/Header.js +62 -0
  183. package/esm/components/atoms/Header/Header.js.map +1 -0
  184. package/esm/components/atoms/Header/index.d.ts +2 -0
  185. package/esm/components/atoms/Header/styled.d.ts +8 -0
  186. package/esm/components/atoms/Header/styled.js +19 -0
  187. package/esm/components/atoms/Header/styled.js.map +1 -0
  188. package/esm/components/atoms/Input/Input.d.ts +9 -0
  189. package/esm/components/atoms/Input/Input.js +133 -0
  190. package/esm/components/atoms/Input/Input.js.map +1 -0
  191. package/esm/components/atoms/Input/index.d.ts +2 -0
  192. package/esm/components/atoms/Input/styled.d.ts +1 -0
  193. package/esm/components/atoms/Input/styled.js +13 -0
  194. package/esm/components/atoms/Input/styled.js.map +1 -0
  195. package/esm/components/atoms/InputMask/InputMask.d.ts +8 -0
  196. package/esm/components/atoms/InputMask/InputMask.js +134 -0
  197. package/esm/components/atoms/InputMask/InputMask.js.map +1 -0
  198. package/esm/components/atoms/InputMask/index.d.ts +2 -0
  199. package/esm/components/atoms/InputMask/styled.d.ts +5 -0
  200. package/esm/components/atoms/InputMask/styled.js +16 -0
  201. package/esm/components/atoms/InputMask/styled.js.map +1 -0
  202. package/esm/components/atoms/Modal/ModalGroupManager.d.ts +4 -0
  203. package/esm/components/atoms/Modal/ModalGroupManager.js +48 -0
  204. package/esm/components/atoms/Modal/ModalGroupManager.js.map +1 -0
  205. package/esm/components/atoms/Modal/ModalLifecycleHandler.d.ts +24 -0
  206. package/esm/components/atoms/Modal/ModalLifecycleHandler.js +101 -0
  207. package/esm/components/atoms/Modal/ModalLifecycleHandler.js.map +1 -0
  208. package/esm/components/atoms/Modal/index.d.ts +7 -0
  209. package/esm/components/atoms/Modal/ui/BaseModalView.d.ts +3 -0
  210. package/esm/components/atoms/Modal/ui/BaseModalView.js +143 -0
  211. package/esm/components/atoms/Modal/ui/BaseModalView.js.map +1 -0
  212. package/esm/components/atoms/Modal/ui/styled.d.ts +6 -0
  213. package/esm/components/atoms/Modal/ui/styled.js +24 -0
  214. package/esm/components/atoms/Modal/ui/styled.js.map +1 -0
  215. package/esm/components/atoms/Modal/ui/types.d.ts +10 -0
  216. package/esm/components/atoms/Modal/useLazyModalManager.d.ts +8 -0
  217. package/esm/components/atoms/Modal/useLazyModalManager.js +33 -0
  218. package/esm/components/atoms/Modal/useLazyModalManager.js.map +1 -0
  219. package/esm/components/atoms/Modal/useModalManager.d.ts +6 -0
  220. package/esm/components/atoms/Modal/useModalManager.js +24 -0
  221. package/esm/components/atoms/Modal/useModalManager.js.map +1 -0
  222. package/esm/components/atoms/Modal/useModalRemoteControl.d.ts +4 -0
  223. package/esm/components/atoms/Modal/useModalRemoteControl.js +18 -0
  224. package/esm/components/atoms/Modal/useModalRemoteControl.js.map +1 -0
  225. package/esm/components/atoms/Skeleton/Pulse.d.ts +2 -0
  226. package/esm/components/atoms/Skeleton/Pulse.js +32 -0
  227. package/esm/components/atoms/Skeleton/Pulse.js.map +1 -0
  228. package/esm/components/atoms/Skeleton/Skeleton.d.ts +12 -0
  229. package/esm/components/atoms/Skeleton/Skeleton.js +87 -0
  230. package/esm/components/atoms/Skeleton/Skeleton.js.map +1 -0
  231. package/esm/components/atoms/Skeleton/Wave.d.ts +2 -0
  232. package/esm/components/atoms/Skeleton/Wave.js +50 -0
  233. package/esm/components/atoms/Skeleton/Wave.js.map +1 -0
  234. package/esm/components/atoms/Skeleton/animation.d.ts +3 -0
  235. package/esm/components/atoms/Skeleton/animation.js +45 -0
  236. package/esm/components/atoms/Skeleton/animation.js.map +1 -0
  237. package/esm/components/atoms/Skeleton/index.d.ts +2 -0
  238. package/esm/components/atoms/Skeleton/styled.d.ts +7 -0
  239. package/esm/components/atoms/Skeleton/styled.js +13 -0
  240. package/esm/components/atoms/Skeleton/styled.js.map +1 -0
  241. package/esm/components/atoms/Skeleton/types.d.ts +12 -0
  242. package/esm/components/atoms/SnappingSlider/SnappingSlider.d.ts +10 -0
  243. package/esm/components/atoms/SnappingSlider/SnappingSlider.js +79 -0
  244. package/esm/components/atoms/SnappingSlider/SnappingSlider.js.map +1 -0
  245. package/esm/components/atoms/SnappingSlider/index.d.ts +2 -0
  246. package/esm/components/atoms/Tag/Tag.d.ts +7 -0
  247. package/esm/components/atoms/Tag/Tag.js +47 -0
  248. package/esm/components/atoms/Tag/Tag.js.map +1 -0
  249. package/esm/components/atoms/Tag/index.d.ts +2 -0
  250. package/esm/components/atoms/Text/Text.d.ts +5 -0
  251. package/esm/components/atoms/Text/Text.js +38 -0
  252. package/esm/components/atoms/Text/Text.js.map +1 -0
  253. package/esm/components/atoms/Text/index.d.ts +2 -0
  254. package/esm/components/atoms/Text/styled.d.ts +10 -0
  255. package/esm/components/atoms/Text/styled.js +20 -0
  256. package/esm/components/atoms/Text/styled.js.map +1 -0
  257. package/esm/components/atoms/TextArea/TextArea.d.ts +5 -0
  258. package/esm/components/atoms/TextArea/TextArea.js +129 -0
  259. package/esm/components/atoms/TextArea/TextArea.js.map +1 -0
  260. package/esm/components/atoms/TextArea/index.d.ts +2 -0
  261. package/esm/components/atoms/TextArea/styled.d.ts +4 -0
  262. package/esm/components/atoms/TextArea/styled.js +8 -0
  263. package/esm/components/atoms/TextArea/styled.js.map +1 -0
  264. package/esm/components/molecules/Calendar/Calendar.d.ts +1 -0
  265. package/esm/components/molecules/Calendar/Calendar.js +50 -0
  266. package/esm/components/molecules/Calendar/Calendar.js.map +1 -0
  267. package/esm/components/molecules/Calendar/index.d.ts +1 -0
  268. package/esm/components/molecules/DatePicker/DatePicker.d.ts +3 -0
  269. package/esm/components/molecules/DatePicker/DatePicker.js +76 -0
  270. package/esm/components/molecules/DatePicker/DatePicker.js.map +1 -0
  271. package/esm/components/molecules/DatePicker/index.d.ts +2 -0
  272. package/esm/components/molecules/DatePicker/styled.d.ts +4 -0
  273. package/esm/components/molecules/DatePicker/styled.js +9 -0
  274. package/esm/components/molecules/DatePicker/styled.js.map +1 -0
  275. package/esm/components/molecules/DateTimePicker/DateTimePicker.d.ts +4 -0
  276. package/esm/components/molecules/DateTimePicker/DateTimePicker.js +66 -0
  277. package/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -0
  278. package/esm/components/molecules/DateTimePicker/index.d.ts +2 -0
  279. package/esm/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +3 -0
  280. package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js +50 -0
  281. package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -0
  282. package/esm/components/molecules/DateTimeSelector/index.d.ts +1 -0
  283. package/esm/components/molecules/Grid/Grid.d.ts +5 -0
  284. package/esm/components/molecules/Grid/Grid.js +88 -0
  285. package/esm/components/molecules/Grid/Grid.js.map +1 -0
  286. package/esm/components/molecules/Grid/Item/Item.d.ts +7 -0
  287. package/esm/components/molecules/Grid/Item/Item.js +106 -0
  288. package/esm/components/molecules/Grid/Item/Item.js.map +1 -0
  289. package/esm/components/molecules/Grid/Item/index.d.ts +1 -0
  290. package/esm/components/molecules/Grid/index.d.ts +2 -0
  291. package/esm/components/molecules/IconTextButton/IconTextButton.d.ts +6 -0
  292. package/esm/components/molecules/IconTextButton/IconTextButton.js +72 -0
  293. package/esm/components/molecules/IconTextButton/IconTextButton.js.map +1 -0
  294. package/esm/components/molecules/IconTextButton/TextComponent.d.ts +12 -0
  295. package/esm/components/molecules/IconTextButton/TextComponent.js +40 -0
  296. package/esm/components/molecules/IconTextButton/TextComponent.js.map +1 -0
  297. package/esm/components/molecules/IconTextButton/index.d.ts +2 -0
  298. package/esm/components/molecules/IconTextButton/styled.d.ts +2 -0
  299. package/esm/components/molecules/IconTextButton/styled.js +28 -0
  300. package/esm/components/molecules/IconTextButton/styled.js.map +1 -0
  301. package/esm/components/molecules/InputPassword/InputPassword.d.ts +6 -0
  302. package/esm/components/molecules/InputPassword/InputPassword.js +54 -0
  303. package/esm/components/molecules/InputPassword/InputPassword.js.map +1 -0
  304. package/esm/components/molecules/InputPassword/index.d.ts +2 -0
  305. package/esm/components/molecules/LabeledSwitch/LabelComponent.d.ts +13 -0
  306. package/esm/components/molecules/LabeledSwitch/LabelComponent.js +59 -0
  307. package/esm/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -0
  308. package/esm/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +8 -0
  309. package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +76 -0
  310. package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -0
  311. package/esm/components/molecules/LabeledSwitch/index.d.ts +2 -0
  312. package/esm/components/molecules/LabeledSwitch/styled.d.ts +9 -0
  313. package/esm/components/molecules/LabeledSwitch/styled.js +24 -0
  314. package/esm/components/molecules/LabeledSwitch/styled.js.map +1 -0
  315. package/esm/components/molecules/Select/Modal.d.ts +7 -0
  316. package/esm/components/molecules/Select/Modal.js +230 -0
  317. package/esm/components/molecules/Select/Modal.js.map +1 -0
  318. package/esm/components/molecules/Select/Select.d.ts +24 -0
  319. package/esm/components/molecules/Select/Select.js +240 -0
  320. package/esm/components/molecules/Select/Select.js.map +1 -0
  321. package/esm/components/molecules/Select/index.d.ts +2 -0
  322. package/esm/components/molecules/Select/styled.d.ts +41 -0
  323. package/esm/components/molecules/Select/styled.js +78 -0
  324. package/esm/components/molecules/Select/styled.js.map +1 -0
  325. package/esm/components/molecules/Snackbar/Snackbar.d.ts +9 -0
  326. package/esm/components/molecules/Snackbar/Snackbar.js +51 -0
  327. package/esm/components/molecules/Snackbar/Snackbar.js.map +1 -0
  328. package/esm/components/molecules/Snackbar/index.d.ts +2 -0
  329. package/esm/components/molecules/Snackbar/styled.d.ts +4 -0
  330. package/esm/components/molecules/Snackbar/styled.js +10 -0
  331. package/esm/components/molecules/Snackbar/styled.js.map +1 -0
  332. package/esm/index.d.ts +44 -0
  333. package/esm/index.js +35 -0
  334. package/esm/index.js.map +1 -0
  335. package/esm/utils/date.d.ts +1 -0
  336. package/esm/utils/date.js +16 -0
  337. package/esm/utils/date.js.map +1 -0
  338. package/package.json +8 -5
  339. package/rollup.config.js +39 -0
  340. package/src/components/atoms/Avatar/Avatar.tsx +3 -1
  341. package/src/components/atoms/Avatar/index.ts +1 -1
  342. package/src/components/atoms/Badge/index.ts +2 -1
  343. package/src/components/atoms/BottomNavigator/index.ts +3 -5
  344. package/src/components/atoms/Button/States/Error.tsx +1 -1
  345. package/src/components/atoms/Button/States/Loading.tsx +1 -1
  346. package/src/components/atoms/Button/States/Success.tsx +1 -1
  347. package/src/components/atoms/Button/index.ts +2 -1
  348. package/src/components/atoms/Header/index.ts +2 -1
  349. package/src/components/atoms/Input/index.ts +2 -1
  350. package/src/components/atoms/InputMask/index.ts +2 -1
  351. package/src/components/atoms/Skeleton/index.ts +2 -1
  352. package/src/components/atoms/SnappingSlider/index.ts +2 -4
  353. package/src/components/atoms/Tag/index.ts +2 -1
  354. package/src/components/atoms/Text/index.ts +2 -1
  355. package/src/components/atoms/TextArea/index.ts +2 -1
  356. package/src/components/molecules/DatePicker/index.ts +2 -1
  357. package/src/components/molecules/DateTimePicker/index.ts +2 -1
  358. package/src/components/molecules/IconTextButton/index.ts +2 -4
  359. package/src/components/molecules/InputPassword/index.ts +2 -4
  360. package/src/components/molecules/LabeledSwitch/index.ts +2 -4
  361. package/src/components/molecules/Select/Modal.tsx +1 -1
  362. package/src/components/molecules/Select/Select.tsx +3 -2
  363. package/src/components/molecules/Select/index.ts +2 -1
  364. package/src/components/molecules/Snackbar/Snackbar.tsx +1 -1
  365. package/src/components/molecules/Snackbar/index.ts +2 -1
  366. package/src/index.ts +37 -46
  367. package/tsconfig.build.esm.json +10 -0
  368. package/dist/components/atoms/Avatar/index.js +0 -14
  369. package/dist/components/atoms/Avatar/index.js.map +0 -1
  370. package/dist/components/atoms/Badge/index.js +0 -24
  371. package/dist/components/atoms/Badge/index.js.map +0 -1
  372. package/dist/components/atoms/BottomNavigator/index.js +0 -32
  373. package/dist/components/atoms/BottomNavigator/index.js.map +0 -1
  374. package/dist/components/atoms/Button/States/index.js +0 -32
  375. package/dist/components/atoms/Button/States/index.js.map +0 -1
  376. package/dist/components/atoms/Button/index.js +0 -40
  377. package/dist/components/atoms/Button/index.js.map +0 -1
  378. package/dist/components/atoms/GroupButton/index.js +0 -16
  379. package/dist/components/atoms/GroupButton/index.js.map +0 -1
  380. package/dist/components/atoms/Header/index.js +0 -24
  381. package/dist/components/atoms/Header/index.js.map +0 -1
  382. package/dist/components/atoms/Input/index.js +0 -24
  383. package/dist/components/atoms/Input/index.js.map +0 -1
  384. package/dist/components/atoms/InputMask/index.js +0 -24
  385. package/dist/components/atoms/InputMask/index.js.map +0 -1
  386. package/dist/components/atoms/Modal/index.js +0 -97
  387. package/dist/components/atoms/Modal/index.js.map +0 -1
  388. package/dist/components/atoms/Modal/ui/types.js +0 -6
  389. package/dist/components/atoms/Modal/ui/types.js.map +0 -1
  390. package/dist/components/atoms/Skeleton/index.js +0 -24
  391. package/dist/components/atoms/Skeleton/index.js.map +0 -1
  392. package/dist/components/atoms/Skeleton/types.js +0 -6
  393. package/dist/components/atoms/Skeleton/types.js.map +0 -1
  394. package/dist/components/atoms/SnappingSlider/index.js +0 -24
  395. package/dist/components/atoms/SnappingSlider/index.js.map +0 -1
  396. package/dist/components/atoms/Tag/index.js +0 -24
  397. package/dist/components/atoms/Tag/index.js.map +0 -1
  398. package/dist/components/atoms/Text/index.js +0 -24
  399. package/dist/components/atoms/Text/index.js.map +0 -1
  400. package/dist/components/atoms/TextArea/index.js +0 -24
  401. package/dist/components/atoms/TextArea/index.js.map +0 -1
  402. package/dist/components/molecules/Calendar/index.js +0 -14
  403. package/dist/components/molecules/Calendar/index.js.map +0 -1
  404. package/dist/components/molecules/DatePicker/index.js +0 -20
  405. package/dist/components/molecules/DatePicker/index.js.map +0 -1
  406. package/dist/components/molecules/DateTimePicker/index.js +0 -20
  407. package/dist/components/molecules/DateTimePicker/index.js.map +0 -1
  408. package/dist/components/molecules/DateTimeSelector/index.js +0 -14
  409. package/dist/components/molecules/DateTimeSelector/index.js.map +0 -1
  410. package/dist/components/molecules/Grid/Item/index.js +0 -24
  411. package/dist/components/molecules/Grid/Item/index.js.map +0 -1
  412. package/dist/components/molecules/Grid/index.js +0 -24
  413. package/dist/components/molecules/Grid/index.js.map +0 -1
  414. package/dist/components/molecules/IconTextButton/index.js +0 -24
  415. package/dist/components/molecules/IconTextButton/index.js.map +0 -1
  416. package/dist/components/molecules/InputPassword/index.js +0 -24
  417. package/dist/components/molecules/InputPassword/index.js.map +0 -1
  418. package/dist/components/molecules/LabeledSwitch/index.js +0 -24
  419. package/dist/components/molecules/LabeledSwitch/index.js.map +0 -1
  420. package/dist/components/molecules/Select/index.js +0 -24
  421. package/dist/components/molecules/Select/index.js.map +0 -1
  422. package/dist/components/molecules/Snackbar/index.js +0 -24
  423. package/dist/components/molecules/Snackbar/index.js.map +0 -1
@@ -1,30 +1,29 @@
1
- "use strict";
1
+ 'use strict';
2
2
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.StyledView = exports.FloatingButton = exports.Dummy = void 0;
3
+ Object.defineProperty(exports, '__esModule', { value: true });
7
4
 
8
- var _native = _interopRequireDefault(require("@emotion/native"));
5
+ var styled = require('@emotion/native');
6
+ var reactCore = require('@tecsinapse/react-core');
9
7
 
10
- var _reactCore = require("@tecsinapse/react-core");
8
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
9
 
12
- var _templateObject, _templateObject2, _templateObject3;
10
+ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
13
11
 
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
+ const StyledView = styled__default["default"].View`
13
+ flex-direction: row;
14
+ justify-content: space-between;
15
+ align-items: center;
16
+ padding: ${({ theme }) => theme.spacing.deca};
17
+ width: 100%;
18
+ `;
19
+ const FloatingButton = styled__default["default"](reactCore.Button)`
20
+ aspect-ratio: 1;
21
+ `;
22
+ const Dummy = styled__default["default"](FloatingButton)`
23
+ background-color: rgba(0, 0, 0, 0);
24
+ `;
15
25
 
16
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
17
-
18
- const StyledView = _native.default.View(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: ", ";\n width: 100%;\n"])), _ref => {
19
- let {
20
- theme
21
- } = _ref;
22
- return theme.spacing.deca;
23
- });
24
-
25
- exports.StyledView = StyledView;
26
- const FloatingButton = (0, _native.default)(_reactCore.Button)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n aspect-ratio: 1;\n"])));
27
- exports.FloatingButton = FloatingButton;
28
- const Dummy = (0, _native.default)(FloatingButton)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n background-color: rgba(0, 0, 0, 0);\n"])));
29
26
  exports.Dummy = Dummy;
30
- //# sourceMappingURL=styled.js.map
27
+ exports.FloatingButton = FloatingButton;
28
+ exports.StyledView = StyledView;
29
+ //# sourceMappingURL=styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","names":["StyledView","styled","View","theme","spacing","deca","FloatingButton","Button","Dummy"],"sources":["../../../../src/components/atoms/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Button, ButtonProps, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledView = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: ${({ theme }) => theme.spacing.deca};\n width: 100%;\n`;\n\nexport const FloatingButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n`;\n\nexport const Dummy = styled(FloatingButton)`\n background-color: rgba(0, 0, 0, 0);\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,MAAMA,UAAU,GAAGC,eAAA,CAAOC,IAAV,6LAIV;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAJU,CAAhB;;;AAQA,MAAMC,cAAc,GAAG,IAAAL,eAAA,EAAOM,iBAAP,CAAH,6FAApB;;AAIA,MAAMC,KAAK,GAAG,IAAAP,eAAA,EAAOK,cAAP,CAAH,gHAAX"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Button, ButtonProps, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledView = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: ${({ theme }) => theme.spacing.deca};\n width: 100%;\n`;\n\nexport const FloatingButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n`;\n\nexport const Dummy = styled(FloatingButton)`\n background-color: rgba(0, 0, 0, 0);\n`;\n"],"names":["styled","Button"],"mappings":";;;;;;;;;;;AAGO,MAAM,aAAaA,0BAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAI7B,MAAA,cAAA,GAAiBA,2BAAOC,gBAAM,CAAA,CAAA;AAAA;AAAA,EAAA;AAI9B,MAAA,KAAA,GAAQD,2BAAO,cAAc,CAAA,CAAA;AAAA;AAAA;;;;;;"}
@@ -5,5 +5,5 @@ export interface InputNativeProps extends Omit<InputElementProps, 'style'>, Inpu
5
5
  inputFontStack?: FontStackType;
6
6
  inputFontWeight?: FontWeightType;
7
7
  }
8
- declare const Input: React.ForwardRefExoticComponent<Pick<InputNativeProps, string | number> & React.RefAttributes<TextInput>>;
8
+ declare const Input: React.ForwardRefExoticComponent<Pick<InputNativeProps, keyof InputNativeProps> & React.RefAttributes<TextInput>>;
9
9
  export default Input;
@@ -1,99 +1,139 @@
1
- "use strict";
1
+ 'use strict';
2
2
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
3
+ var reactCore = require('@tecsinapse/react-core');
4
+ var React = require('react');
5
+ var reactNative = require('react-native');
6
+ var Text = require('../Text/Text.js');
7
+ var styled = require('./styled.js');
7
8
 
8
- var _reactCore = require("@tecsinapse/react-core");
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
10
 
10
- var _react = _interopRequireDefault(require("react"));
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
12
 
12
- var _reactNative = require("react-native");
13
-
14
- var _Text = require("../Text");
15
-
16
- var _styled = require("./styled");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- 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); }
21
-
22
- const Input = _react.default.forwardRef((_ref, ref) => {
23
- let {
24
- label,
25
- labelColor,
26
- labelColorVariant,
27
- labelColorTone,
28
- labelTypography,
29
- labelStack,
30
- labelWeight,
31
- leftComponent,
32
- rightComponent,
33
- disabled,
34
- borderColor,
35
- borderColorGradation,
36
- inputFontStack = 'default',
37
- inputFontWeight = 'bold',
38
- inputContainerStyle,
39
- variant = 'default',
40
- hintComponent,
41
- hint,
42
- onFocus,
43
- onBlur,
44
- value,
45
- placeholder,
46
- ...rest
47
- } = _ref;
48
-
49
- const _hint = hintComponent || _react.default.createElement(_reactCore.Hint, {
50
- TextComponent: _Text.Text,
51
- text: hint,
52
- variant: variant
53
- });
54
-
55
- const {
56
- focused,
57
- handleBlur,
58
- handleFocus
59
- } = (0, _reactCore.useInputFocus)(onFocus, onBlur, !disabled);
60
- const internalStyle = {
61
- minHeight: (0, _reactCore.RFValue)(50),
62
- ...{
63
- inputContainerStyle
13
+ var __defProp = Object.defineProperty;
14
+ var __defProps = Object.defineProperties;
15
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
16
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
17
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
18
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
19
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
20
+ var __spreadValues = (a, b) => {
21
+ for (var prop in b || (b = {}))
22
+ if (__hasOwnProp.call(b, prop))
23
+ __defNormalProp(a, prop, b[prop]);
24
+ if (__getOwnPropSymbols)
25
+ for (var prop of __getOwnPropSymbols(b)) {
26
+ if (__propIsEnum.call(b, prop))
27
+ __defNormalProp(a, prop, b[prop]);
28
+ }
29
+ return a;
30
+ };
31
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
32
+ var __objRest = (source, exclude) => {
33
+ var target = {};
34
+ for (var prop in source)
35
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
36
+ target[prop] = source[prop];
37
+ if (source != null && __getOwnPropSymbols)
38
+ for (var prop of __getOwnPropSymbols(source)) {
39
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
40
+ target[prop] = source[prop];
64
41
  }
65
- };
66
- const onlyLabel = label && !placeholder;
67
- return _react.default.createElement(_reactNative.View, null, _react.default.createElement(_reactCore.InputContainer, {
68
- label: value ? label : undefined,
69
- labelColor: labelColor,
70
- labelColorVariant: labelColorVariant,
71
- labelColorTone: labelColorTone,
72
- labelTypography: labelTypography,
73
- labelStack: labelStack,
74
- labelWeight: labelWeight,
75
- LabelComponent: _Text.Text,
76
- leftComponent: leftComponent,
77
- rightComponent: rightComponent,
78
- borderColor: borderColor,
79
- borderColorGradation: borderColorGradation,
80
- inputContainerStyle: internalStyle,
81
- focused: focused,
82
- disabled: disabled,
83
- variant: variant
84
- }, _react.default.createElement(_styled.StyledNativeInput, _extends({}, rest, {
85
- placeholder: onlyLabel ? label : placeholder,
86
- value: value,
87
- ref: ref,
88
- fontStack: inputFontStack,
89
- fontWeight: inputFontWeight,
90
- disabled: disabled,
91
- onFocus: handleFocus,
92
- onBlur: handleBlur
93
- }))), hint && _hint);
94
- });
42
+ return target;
43
+ };
44
+ const Input = React__default["default"].forwardRef(
45
+ (_a, ref) => {
46
+ var _b = _a, {
47
+ label,
48
+ labelColor,
49
+ labelColorVariant,
50
+ labelColorTone,
51
+ labelTypography,
52
+ labelStack,
53
+ labelWeight,
54
+ leftComponent,
55
+ rightComponent,
56
+ disabled,
57
+ borderColor,
58
+ borderColorGradation,
59
+ inputFontStack = "default",
60
+ inputFontWeight = "bold",
61
+ inputContainerStyle,
62
+ variant = "default",
63
+ hintComponent,
64
+ hint,
65
+ onFocus,
66
+ onBlur,
67
+ value,
68
+ placeholder
69
+ } = _b, rest = __objRest(_b, [
70
+ "label",
71
+ "labelColor",
72
+ "labelColorVariant",
73
+ "labelColorTone",
74
+ "labelTypography",
75
+ "labelStack",
76
+ "labelWeight",
77
+ "leftComponent",
78
+ "rightComponent",
79
+ "disabled",
80
+ "borderColor",
81
+ "borderColorGradation",
82
+ "inputFontStack",
83
+ "inputFontWeight",
84
+ "inputContainerStyle",
85
+ "variant",
86
+ "hintComponent",
87
+ "hint",
88
+ "onFocus",
89
+ "onBlur",
90
+ "value",
91
+ "placeholder"
92
+ ]);
93
+ const _hint = hintComponent || /* @__PURE__ */ React__default["default"].createElement(reactCore.Hint, {
94
+ TextComponent: Text,
95
+ text: hint,
96
+ variant
97
+ });
98
+ const { focused, handleBlur, handleFocus } = reactCore.useInputFocus(
99
+ onFocus,
100
+ onBlur,
101
+ !disabled
102
+ );
103
+ const internalStyle = __spreadValues({
104
+ minHeight: reactCore.RFValue(50)
105
+ }, { inputContainerStyle });
106
+ const onlyLabel = label && !placeholder;
107
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null, /* @__PURE__ */ React__default["default"].createElement(reactCore.InputContainer, {
108
+ label: value ? label : void 0,
109
+ labelColor,
110
+ labelColorVariant,
111
+ labelColorTone,
112
+ labelTypography,
113
+ labelStack,
114
+ labelWeight,
115
+ LabelComponent: Text,
116
+ leftComponent,
117
+ rightComponent,
118
+ borderColor,
119
+ borderColorGradation,
120
+ inputContainerStyle: internalStyle,
121
+ focused,
122
+ disabled,
123
+ variant
124
+ }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledNativeInput, __spreadProps(__spreadValues({}, rest), {
125
+ placeholder: onlyLabel ? label : placeholder,
126
+ value,
127
+ ref,
128
+ fontStack: inputFontStack,
129
+ fontWeight: inputFontWeight,
130
+ disabled,
131
+ onFocus: handleFocus,
132
+ onBlur: handleBlur
133
+ }))), hint && _hint);
134
+ }
135
+ );
136
+ Input.displayName = "Input";
95
137
 
96
- Input.displayName = 'Input';
97
- var _default = Input;
98
- exports.default = _default;
99
- //# sourceMappingURL=Input.js.map
138
+ module.exports = Input;
139
+ //# sourceMappingURL=Input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","names":["Input","React","forwardRef","ref","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","borderColor","borderColorGradation","inputFontStack","inputFontWeight","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","placeholder","rest","_hint","Text","focused","handleBlur","handleFocus","useInputFocus","internalStyle","minHeight","RFValue","onlyLabel","undefined","displayName"],"sources":["../../../../src/components/atoms/Input/Input.tsx"],"sourcesContent":["import {\n FontStackType,\n FontWeightType,\n Hint,\n InputContainer,\n InputContainerProps,\n InputElementProps,\n RFValue,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, View, ViewStyle } from 'react-native';\nimport { Text } from '../Text';\nimport { StyledNativeInput } from './styled';\n\nexport interface InputNativeProps\n extends Omit<InputElementProps, 'style'>,\n InputContainerProps {\n inputFontStack?: FontStackType;\n inputFontWeight?: FontWeightType;\n}\n\nconst Input = React.forwardRef<TextInput, InputNativeProps>(\n (\n {\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n borderColor,\n borderColorGradation,\n inputFontStack = 'default',\n inputFontWeight = 'bold',\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n placeholder,\n ...rest\n },\n ref\n ) => {\n const _hint = hintComponent || (\n <Hint TextComponent={Text} text={hint} variant={variant} />\n );\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const internalStyle: StyleProp<ViewStyle> = {\n minHeight: RFValue(50),\n ...{ inputContainerStyle },\n };\n const onlyLabel = label && !placeholder;\n\n return (\n <View>\n <InputContainer\n label={value ? label : undefined}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={Text}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={internalStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n <StyledNativeInput\n {...rest}\n placeholder={onlyLabel ? label : placeholder}\n value={value}\n ref={ref}\n fontStack={inputFontStack}\n fontWeight={inputFontWeight}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </InputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"mappings":";;;;;;;AAAA;;AAUA;;AACA;;AACA;;AACA;;;;;;AASA,MAAMA,KAAK,GAAGC,cAAA,CAAMC,UAAN,CACZ,OA0BEC,GA1BF,KA2BK;EAAA,IA1BH;IACEC,KADF;IAEEC,UAFF;IAGEC,iBAHF;IAIEC,cAJF;IAKEC,eALF;IAMEC,UANF;IAOEC,WAPF;IAQEC,aARF;IASEC,cATF;IAUEC,QAVF;IAWEC,WAXF;IAYEC,oBAZF;IAaEC,cAAc,GAAG,SAbnB;IAcEC,eAAe,GAAG,MAdpB;IAeEC,mBAfF;IAgBEC,OAAO,GAAG,SAhBZ;IAiBEC,aAjBF;IAkBEC,IAlBF;IAmBEC,OAnBF;IAoBEC,MApBF;IAqBEC,KArBF;IAsBEC,WAtBF;IAuBE,GAAGC;EAvBL,CA0BG;;EACH,MAAMC,KAAK,GAAGP,aAAa,IACzB,6BAAC,eAAD;IAAM,aAAa,EAAEQ,UAArB;IAA2B,IAAI,EAAEP,IAAjC;IAAuC,OAAO,EAAEF;EAAhD,EADF;;EAGA,MAAM;IAAEU,OAAF;IAAWC,UAAX;IAAuBC;EAAvB,IAAuC,IAAAC,wBAAA,EAC3CV,OAD2C,EAE3CC,MAF2C,EAG3C,CAACV,QAH0C,CAA7C;EAMA,MAAMoB,aAAmC,GAAG;IAC1CC,SAAS,EAAE,IAAAC,kBAAA,EAAQ,EAAR,CAD+B;IAE1C,GAAG;MAAEjB;IAAF;EAFuC,CAA5C;EAIA,MAAMkB,SAAS,GAAGhC,KAAK,IAAI,CAACqB,WAA5B;EAEA,OACE,6BAAC,iBAAD,QACE,6BAAC,yBAAD;IACE,KAAK,EAAED,KAAK,GAAGpB,KAAH,GAAWiC,SADzB;IAEE,UAAU,EAAEhC,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,cAAc,EAAEkB,UARlB;IASE,aAAa,EAAEjB,aATjB;IAUE,cAAc,EAAEC,cAVlB;IAWE,WAAW,EAAEE,WAXf;IAYE,oBAAoB,EAAEC,oBAZxB;IAaE,mBAAmB,EAAEkB,aAbvB;IAcE,OAAO,EAAEJ,OAdX;IAeE,QAAQ,EAAEhB,QAfZ;IAgBE,OAAO,EAAEM;EAhBX,GAkBE,6BAAC,yBAAD,eACMO,IADN;IAEE,WAAW,EAAEU,SAAS,GAAGhC,KAAH,GAAWqB,WAFnC;IAGE,KAAK,EAAED,KAHT;IAIE,GAAG,EAAErB,GAJP;IAKE,SAAS,EAAEa,cALb;IAME,UAAU,EAAEC,eANd;IAOE,QAAQ,EAAEJ,QAPZ;IAQE,OAAO,EAAEkB,WARX;IASE,MAAM,EAAED;EATV,GAlBF,CADF,EA+BGT,IAAI,IAAIM,KA/BX,CADF;AAmCD,CA/EW,CAAd;;AAkFA3B,KAAK,CAACsC,WAAN,GAAoB,OAApB;eAEetC,K"}
1
+ {"version":3,"file":"Input.js","sources":["../../../../src/components/atoms/Input/Input.tsx"],"sourcesContent":["import {\n FontStackType,\n FontWeightType,\n Hint,\n InputContainer,\n InputContainerProps,\n InputElementProps,\n RFValue,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, View, ViewStyle } from 'react-native';\nimport { Text } from '../Text';\nimport { StyledNativeInput } from './styled';\n\nexport interface InputNativeProps\n extends Omit<InputElementProps, 'style'>,\n InputContainerProps {\n inputFontStack?: FontStackType;\n inputFontWeight?: FontWeightType;\n}\n\nconst Input = React.forwardRef<TextInput, InputNativeProps>(\n (\n {\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n borderColor,\n borderColorGradation,\n inputFontStack = 'default',\n inputFontWeight = 'bold',\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n placeholder,\n ...rest\n },\n ref\n ) => {\n const _hint = hintComponent || (\n <Hint TextComponent={Text} text={hint} variant={variant} />\n );\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const internalStyle: StyleProp<ViewStyle> = {\n minHeight: RFValue(50),\n ...{ inputContainerStyle },\n };\n const onlyLabel = label && !placeholder;\n\n return (\n <View>\n <InputContainer\n label={value ? label : undefined}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={Text}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={internalStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n <StyledNativeInput\n {...rest}\n placeholder={onlyLabel ? label : placeholder}\n value={value}\n ref={ref}\n fontStack={inputFontStack}\n fontWeight={inputFontWeight}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </InputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["React","Hint","useInputFocus","RFValue","View","InputContainer","StyledNativeInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,QAAQA,yBAAM,CAAA,UAAA;AAAA,EAClB,CACE,IAyBA,GACG,KAAA;AA1BH,IACE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,cAAiB,GAAA,SAAA;AAAA,MACjB,eAAkB,GAAA,MAAA;AAAA,MAClB,mBAAA;AAAA,MACA,OAAU,GAAA,SAAA;AAAA,MACV,aAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,KA9CN,GAwBI,EAuBK,EAAA,IAAA,GAAA,SAAA,CAvBL,EAuBK,EAAA;AAAA,MAtBH,OAAA;AAAA,MACA,YAAA;AAAA,MACA,mBAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,eAAA;AAAA,MACA,gBAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MACA,sBAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,MACA,qBAAA;AAAA,MACA,SAAA;AAAA,MACA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,KAAA,CAAA,CAAA;AAKF,IAAM,MAAA,KAAA,GAAQ,iCACXA,yBAAA,CAAA,aAAA,CAAAC,cAAA,EAAA;AAAA,MAAK,aAAe,EAAA,IAAA;AAAA,MAAM,IAAM,EAAA,IAAA;AAAA,MAAM,OAAA;AAAA,KAAkB,CAAA,CAAA;AAE3D,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAAC,uBAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,aAAsC,GAAA,cAAA,CAAA;AAAA,MAC1C,SAAA,EAAWC,kBAAQ,EAAE,CAAA;AAAA,KAAA,EAClB,EAAE,mBAAoB,EAAA,CAAA,CAAA;AAE3B,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IACE,uBAAAH,yBAAA,CAAA,aAAA,CAACI,wCACEJ,yBAAA,CAAA,aAAA,CAAAK,wBAAA,EAAA;AAAA,MACC,KAAA,EAAO,QAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,MACvB,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAgB,EAAA,IAAA;AAAA,MAChB,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAqB,EAAA,aAAA;AAAA,MACrB,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,KAEA,kBAAAL,yBAAA,CAAA,aAAA,CAACM,2DACK,IADL,CAAA,EAAA;AAAA,MAEC,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,MACjC,KAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAW,EAAA,cAAA;AAAA,MACX,UAAY,EAAA,eAAA;AAAA,MACZ,QAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,MAAQ,EAAA,UAAA;AAAA,KACV,CAAA,CACF,CACC,EAAA,IAAA,IAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}
@@ -1 +1,2 @@
1
- export { default as Input, InputNativeProps } from './Input';
1
+ export { default as Input } from './Input';
2
+ export type { InputNativeProps } from './Input';
@@ -1,28 +1,21 @@
1
- "use strict";
1
+ 'use strict';
2
2
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.StyledNativeInput = void 0;
3
+ Object.defineProperty(exports, '__esModule', { value: true });
7
4
 
8
- var _native = _interopRequireDefault(require("@emotion/native"));
5
+ var styled = require('@emotion/native');
6
+ var reactCore = require('@tecsinapse/react-core');
7
+ var styled$1 = require('../Text/styled.js');
9
8
 
10
- var _reactCore = require("@tecsinapse/react-core");
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
10
 
12
- var _styled = require("../Text/styled");
11
+ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
13
12
 
14
- var _templateObject;
13
+ const StyledNativeInputBase = styled__default["default"](reactCore.InputElement)`
14
+ height: ${({ theme }) => theme.typography.h5.lineHeight};
15
+ width: 100%;
16
+ padding: 0;
17
+ `;
18
+ const StyledNativeInput = styled__default["default"](StyledNativeInputBase)(styled$1.fontStyles);
15
19
 
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
19
-
20
- const StyledNativeInputBase = (0, _native.default)(_reactCore.InputElement)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: ", ";\n width: 100%;\n padding: 0;\n"])), _ref => {
21
- let {
22
- theme
23
- } = _ref;
24
- return theme.typography.h5.lineHeight;
25
- });
26
- const StyledNativeInput = (0, _native.default)(StyledNativeInputBase)(_styled.fontStyles);
27
20
  exports.StyledNativeInput = StyledNativeInput;
28
- //# sourceMappingURL=styled.js.map
21
+ //# sourceMappingURL=styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","names":["StyledNativeInputBase","styled","InputElement","theme","typography","h5","lineHeight","StyledNativeInput","fontStyles"],"sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputNativeProps } from './Input';\n\nconst StyledNativeInputBase = styled(InputElement)<\n Partial<InputNativeProps> & Partial<StyleProps>\n>`\n height: ${({ theme }) => theme.typography.h5.lineHeight};\n width: 100%;\n padding: 0;\n`;\n\nexport const StyledNativeInput = styled(StyledNativeInputBase)<\n Font & Partial<InputNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,qBAAqB,GAAG,IAAAC,eAAA,EAAOC,uBAAP,CAAH,wHAGf;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,UAAN,CAAiBC,EAAjB,CAAoBC,UAAnC;AAAA,CAHe,CAA3B;AAQO,MAAMC,iBAAiB,GAAG,IAAAN,eAAA,EAAOD,qBAAP,EAE/BQ,kBAF+B,CAA1B"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputNativeProps } from './Input';\n\nconst StyledNativeInputBase = styled(InputElement)<\n Partial<InputNativeProps> & Partial<StyleProps>\n>`\n height: ${({ theme }) => theme.typography.h5.lineHeight};\n width: 100%;\n padding: 0;\n`;\n\nexport const StyledNativeInput = styled(StyledNativeInputBase)<\n Font & Partial<InputNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":["styled","InputElement","fontStyles"],"mappings":";;;;;;;;;;;;AAKA,MAAM,qBAAA,GAAwBA,2BAAOC,sBAAY,CAAA,CAAA;AAAA,UAAA,EAGrC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,EAAG,CAAA,UAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKxC,MAAM,iBAAoB,GAAAD,0BAAA,CAAO,qBAAqB,CAAA,CAE3DE,mBAAU;;;;"}
@@ -1,96 +1,140 @@
1
- "use strict";
1
+ 'use strict';
2
2
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
3
+ var reactCore = require('@tecsinapse/react-core');
4
+ var React = require('react');
5
+ var reactNative = require('react-native');
6
+ var styled = require('./styled.js');
7
+ var Text = require('../Text/Text.js');
7
8
 
8
- var _reactCore = require("@tecsinapse/react-core");
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
10
 
10
- var _react = _interopRequireDefault(require("react"));
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
12
 
12
- var _reactNative = require("react-native");
13
+ var __defProp = Object.defineProperty;
14
+ var __defProps = Object.defineProperties;
15
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
16
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
17
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
18
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
19
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
20
+ var __spreadValues = (a, b) => {
21
+ for (var prop in b || (b = {}))
22
+ if (__hasOwnProp.call(b, prop))
23
+ __defNormalProp(a, prop, b[prop]);
24
+ if (__getOwnPropSymbols)
25
+ for (var prop of __getOwnPropSymbols(b)) {
26
+ if (__propIsEnum.call(b, prop))
27
+ __defNormalProp(a, prop, b[prop]);
28
+ }
29
+ return a;
30
+ };
31
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
32
+ var __objRest = (source, exclude) => {
33
+ var target = {};
34
+ for (var prop in source)
35
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
36
+ target[prop] = source[prop];
37
+ if (source != null && __getOwnPropSymbols)
38
+ for (var prop of __getOwnPropSymbols(source)) {
39
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
40
+ target[prop] = source[prop];
41
+ }
42
+ return target;
43
+ };
44
+ const InputMask = React__default["default"].forwardRef(
45
+ (_a, ref) => {
46
+ var _b = _a, {
47
+ label,
48
+ labelColor,
49
+ labelColorVariant,
50
+ labelColorTone,
51
+ labelTypography,
52
+ labelStack,
53
+ labelWeight,
54
+ leftComponent,
55
+ rightComponent,
56
+ disabled,
57
+ style,
58
+ borderColor,
59
+ borderColorGradation,
60
+ inputFontStack = "default",
61
+ inputFontWeight = "bold",
62
+ inputContainerStyle,
63
+ variant = "default",
64
+ hintComponent,
65
+ hint,
66
+ onFocus,
67
+ onBlur,
68
+ value,
69
+ placeholder
70
+ } = _b, rest = __objRest(_b, [
71
+ "label",
72
+ "labelColor",
73
+ "labelColorVariant",
74
+ "labelColorTone",
75
+ "labelTypography",
76
+ "labelStack",
77
+ "labelWeight",
78
+ "leftComponent",
79
+ "rightComponent",
80
+ "disabled",
81
+ "style",
82
+ "borderColor",
83
+ "borderColorGradation",
84
+ "inputFontStack",
85
+ "inputFontWeight",
86
+ "inputContainerStyle",
87
+ "variant",
88
+ "hintComponent",
89
+ "hint",
90
+ "onFocus",
91
+ "onBlur",
92
+ "value",
93
+ "placeholder"
94
+ ]);
95
+ const _hint = hintComponent || /* @__PURE__ */ React__default["default"].createElement(reactCore.Hint, {
96
+ TextComponent: Text,
97
+ text: hint,
98
+ variant
99
+ });
100
+ const { focused, handleBlur, handleFocus } = reactCore.useInputFocus(
101
+ onFocus,
102
+ onBlur,
103
+ !disabled
104
+ );
105
+ const onlyLabel = label && !placeholder;
106
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, {
107
+ style
108
+ }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledInputContainer, {
109
+ label: String(value) ? label : void 0,
110
+ labelColor,
111
+ labelColorVariant,
112
+ labelColorTone,
113
+ labelTypography,
114
+ labelStack,
115
+ labelWeight,
116
+ LabelComponent: Text,
117
+ leftComponent,
118
+ rightComponent,
119
+ borderColor,
120
+ borderColorGradation,
121
+ inputContainerStyle,
122
+ focused,
123
+ disabled,
124
+ variant
125
+ }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledNativeInputMask, __spreadProps(__spreadValues({}, rest), {
126
+ placeholder: onlyLabel ? label : placeholder,
127
+ value,
128
+ ref,
129
+ fontStack: inputFontStack,
130
+ fontWeight: inputFontWeight,
131
+ disabled,
132
+ onFocus: handleFocus,
133
+ onBlur: handleBlur
134
+ }))), hint && _hint);
135
+ }
136
+ );
137
+ InputMask.displayName = "InputMask";
13
138
 
14
- var _styled = require("./styled");
15
-
16
- var _Text = require("../Text");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- 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); }
21
-
22
- const InputMask = _react.default.forwardRef((_ref, ref) => {
23
- let {
24
- label,
25
- labelColor,
26
- labelColorVariant,
27
- labelColorTone,
28
- labelTypography,
29
- labelStack,
30
- labelWeight,
31
- leftComponent,
32
- rightComponent,
33
- disabled,
34
- style,
35
- borderColor,
36
- borderColorGradation,
37
- inputFontStack = 'default',
38
- inputFontWeight = 'bold',
39
- inputContainerStyle,
40
- variant = 'default',
41
- hintComponent,
42
- hint,
43
- onFocus,
44
- onBlur,
45
- value,
46
- placeholder,
47
- ...rest
48
- } = _ref;
49
-
50
- const _hint = hintComponent || _react.default.createElement(_reactCore.Hint, {
51
- TextComponent: _Text.Text,
52
- text: hint,
53
- variant: variant
54
- });
55
-
56
- const {
57
- focused,
58
- handleBlur,
59
- handleFocus
60
- } = (0, _reactCore.useInputFocus)(onFocus, onBlur, !disabled);
61
- const onlyLabel = label && !placeholder;
62
- return _react.default.createElement(_reactNative.View, {
63
- style: style
64
- }, _react.default.createElement(_styled.StyledInputContainer, {
65
- label: String(value) ? label : undefined,
66
- labelColor: labelColor,
67
- labelColorVariant: labelColorVariant,
68
- labelColorTone: labelColorTone,
69
- labelTypography: labelTypography,
70
- labelStack: labelStack,
71
- labelWeight: labelWeight,
72
- LabelComponent: _Text.Text,
73
- leftComponent: leftComponent,
74
- rightComponent: rightComponent,
75
- borderColor: borderColor,
76
- borderColorGradation: borderColorGradation,
77
- inputContainerStyle: inputContainerStyle,
78
- focused: focused,
79
- disabled: disabled,
80
- variant: variant
81
- }, _react.default.createElement(_styled.StyledNativeInputMask, _extends({}, rest, {
82
- placeholder: onlyLabel ? label : placeholder,
83
- value: value,
84
- ref: ref,
85
- fontStack: inputFontStack,
86
- fontWeight: inputFontWeight,
87
- disabled: disabled,
88
- onFocus: handleFocus,
89
- onBlur: handleBlur
90
- }))), hint && _hint);
91
- });
92
-
93
- InputMask.displayName = 'InputMask';
94
- var _default = InputMask;
95
- exports.default = _default;
96
- //# sourceMappingURL=InputMask.js.map
139
+ module.exports = InputMask;
140
+ //# sourceMappingURL=InputMask.js.map