@tecsinapse/react-native-kit 1.20.0 → 1.22.0-beta.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (415) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/components/atoms/Avatar/Avatar.d.ts +2 -1
  3. package/dist/components/atoms/Avatar/Avatar.js +34 -20
  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 +58 -29
  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 +71 -39
  10. package/dist/components/atoms/BottomNavigator/BottomNavigator.js.map +1 -1
  11. package/dist/components/atoms/BottomNavigator/Item.js +68 -31
  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 +25 -42
  15. package/dist/components/atoms/BottomNavigator/styled.js.map +1 -1
  16. package/dist/components/atoms/Button/Button.js +55 -23
  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 -22
  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 -22
  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 -22
  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.js +34 -21
  29. package/dist/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
  30. package/dist/components/atoms/Header/Header.js +75 -32
  31. package/dist/components/atoms/Header/Header.js.map +1 -1
  32. package/dist/components/atoms/Header/index.d.ts +2 -1
  33. package/dist/components/atoms/Header/styled.js +14 -15
  34. package/dist/components/atoms/Header/styled.js.map +1 -1
  35. package/dist/components/atoms/Input/Input.js +133 -89
  36. package/dist/components/atoms/Input/Input.js.map +1 -1
  37. package/dist/components/atoms/Input/index.d.ts +2 -1
  38. package/dist/components/atoms/Input/styled.js +12 -14
  39. package/dist/components/atoms/Input/styled.js.map +1 -1
  40. package/dist/components/atoms/InputMask/InputMask.js +135 -87
  41. package/dist/components/atoms/InputMask/InputMask.js.map +1 -1
  42. package/dist/components/atoms/InputMask/index.d.ts +2 -1
  43. package/dist/components/atoms/InputMask/styled.js +15 -17
  44. package/dist/components/atoms/InputMask/styled.js.map +1 -1
  45. package/dist/components/atoms/Modal/ModalGroupManager.js +47 -29
  46. package/dist/components/atoms/Modal/ModalGroupManager.js.map +1 -1
  47. package/dist/components/atoms/Modal/ModalLifecycleHandler.js +94 -87
  48. package/dist/components/atoms/Modal/ModalLifecycleHandler.js.map +1 -1
  49. package/dist/components/atoms/Modal/ui/BaseModalView.js +106 -105
  50. package/dist/components/atoms/Modal/ui/BaseModalView.js.map +1 -1
  51. package/dist/components/atoms/Modal/ui/styled.js +19 -21
  52. package/dist/components/atoms/Modal/ui/styled.js.map +1 -1
  53. package/dist/components/atoms/Modal/useLazyModalManager.js +22 -23
  54. package/dist/components/atoms/Modal/useLazyModalManager.js.map +1 -1
  55. package/dist/components/atoms/Modal/useModalManager.js +14 -19
  56. package/dist/components/atoms/Modal/useModalManager.js.map +1 -1
  57. package/dist/components/atoms/Modal/useModalRemoteControl.js +10 -12
  58. package/dist/components/atoms/Modal/useModalRemoteControl.js.map +1 -1
  59. package/dist/components/atoms/Skeleton/Pulse.js +20 -22
  60. package/dist/components/atoms/Skeleton/Pulse.js.map +1 -1
  61. package/dist/components/atoms/Skeleton/Skeleton.js +77 -55
  62. package/dist/components/atoms/Skeleton/Skeleton.js.map +1 -1
  63. package/dist/components/atoms/Skeleton/Wave.js +36 -40
  64. package/dist/components/atoms/Skeleton/Wave.js.map +1 -1
  65. package/dist/components/atoms/Skeleton/animation.js +29 -29
  66. package/dist/components/atoms/Skeleton/animation.js.map +1 -1
  67. package/dist/components/atoms/Skeleton/index.d.ts +2 -1
  68. package/dist/components/atoms/Skeleton/styled.js +12 -18
  69. package/dist/components/atoms/Skeleton/styled.js.map +1 -1
  70. package/dist/components/atoms/SnappingSlider/SnappingSlider.js +76 -36
  71. package/dist/components/atoms/SnappingSlider/SnappingSlider.js.map +1 -1
  72. package/dist/components/atoms/SnappingSlider/index.d.ts +2 -1
  73. package/dist/components/atoms/Tag/Tag.js +45 -25
  74. package/dist/components/atoms/Tag/Tag.js.map +1 -1
  75. package/dist/components/atoms/Tag/index.d.ts +2 -1
  76. package/dist/components/atoms/Text/Text.js +38 -15
  77. package/dist/components/atoms/Text/Text.js.map +1 -1
  78. package/dist/components/atoms/Text/index.d.ts +2 -1
  79. package/dist/components/atoms/Text/styled.js +16 -19
  80. package/dist/components/atoms/Text/styled.js.map +1 -1
  81. package/dist/components/atoms/TextArea/TextArea.js +122 -74
  82. package/dist/components/atoms/TextArea/TextArea.js.map +1 -1
  83. package/dist/components/atoms/TextArea/index.d.ts +2 -1
  84. package/dist/components/atoms/TextArea/styled.js +9 -9
  85. package/dist/components/atoms/TextArea/styled.js.map +1 -1
  86. package/dist/components/molecules/Calendar/Calendar.js +54 -25
  87. package/dist/components/molecules/Calendar/Calendar.js.map +1 -1
  88. package/dist/components/molecules/DatePicker/DatePicker.js +67 -42
  89. package/dist/components/molecules/DatePicker/DatePicker.js.map +1 -1
  90. package/dist/components/molecules/DatePicker/index.d.ts +2 -1
  91. package/dist/components/molecules/DatePicker/styled.js +10 -11
  92. package/dist/components/molecules/DatePicker/styled.js.map +1 -1
  93. package/dist/components/molecules/DateTimePicker/DateTimePicker.js +61 -34
  94. package/dist/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  95. package/dist/components/molecules/DateTimePicker/index.d.ts +2 -1
  96. package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js +54 -25
  97. package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
  98. package/dist/components/molecules/Grid/Grid.js +79 -42
  99. package/dist/components/molecules/Grid/Grid.js.map +1 -1
  100. package/dist/components/molecules/Grid/Item/Item.js +90 -56
  101. package/dist/components/molecules/Grid/Item/Item.js.map +1 -1
  102. package/dist/components/molecules/IconTextButton/IconTextButton.js +70 -42
  103. package/dist/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
  104. package/dist/components/molecules/IconTextButton/TextComponent.js +38 -26
  105. package/dist/components/molecules/IconTextButton/TextComponent.js.map +1 -1
  106. package/dist/components/molecules/IconTextButton/index.d.ts +2 -1
  107. package/dist/components/molecules/IconTextButton/styled.js +22 -31
  108. package/dist/components/molecules/IconTextButton/styled.js.map +1 -1
  109. package/dist/components/molecules/InputPassword/InputPassword.js +60 -37
  110. package/dist/components/molecules/InputPassword/InputPassword.js.map +1 -1
  111. package/dist/components/molecules/InputPassword/index.d.ts +2 -1
  112. package/dist/components/molecules/LabeledSwitch/LabelComponent.js +58 -29
  113. package/dist/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
  114. package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js +70 -41
  115. package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
  116. package/dist/components/molecules/LabeledSwitch/index.d.ts +2 -1
  117. package/dist/components/molecules/LabeledSwitch/styled.js +18 -20
  118. package/dist/components/molecules/LabeledSwitch/styled.js.map +1 -1
  119. package/dist/components/molecules/Select/Modal.js +206 -133
  120. package/dist/components/molecules/Select/Modal.js.map +1 -1
  121. package/dist/components/molecules/Select/Select.js +217 -135
  122. package/dist/components/molecules/Select/Select.js.map +1 -1
  123. package/dist/components/molecules/Select/index.d.ts +2 -1
  124. package/dist/components/molecules/Select/styled.js +54 -83
  125. package/dist/components/molecules/Select/styled.js.map +1 -1
  126. package/dist/components/molecules/Snackbar/Snackbar.d.ts +1 -1
  127. package/dist/components/molecules/Snackbar/Snackbar.js +52 -28
  128. package/dist/components/molecules/Snackbar/Snackbar.js.map +1 -1
  129. package/dist/components/molecules/Snackbar/index.d.ts +2 -1
  130. package/dist/components/molecules/Snackbar/styled.js +11 -14
  131. package/dist/components/molecules/Snackbar/styled.js.map +1 -1
  132. package/dist/index.d.ts +38 -19
  133. package/dist/index.js +80 -191
  134. package/dist/index.js.map +1 -1
  135. package/dist/utils/date.js +31 -19
  136. package/dist/utils/date.js.map +1 -1
  137. package/esm/components/atoms/Avatar/Avatar.d.ts +4 -0
  138. package/esm/components/atoms/Avatar/Avatar.js +31 -0
  139. package/esm/components/atoms/Avatar/Avatar.js.map +1 -0
  140. package/esm/components/atoms/Avatar/index.d.ts +1 -0
  141. package/esm/components/atoms/Badge/Badge.d.ts +8 -0
  142. package/esm/components/atoms/Badge/Badge.js +56 -0
  143. package/esm/components/atoms/Badge/Badge.js.map +1 -0
  144. package/esm/components/atoms/Badge/index.d.ts +2 -0
  145. package/esm/components/atoms/BottomNavigator/BottomNavigator.d.ts +13 -0
  146. package/esm/components/atoms/BottomNavigator/BottomNavigator.js +61 -0
  147. package/esm/components/atoms/BottomNavigator/BottomNavigator.js.map +1 -0
  148. package/esm/components/atoms/BottomNavigator/Item.d.ts +19 -0
  149. package/esm/components/atoms/BottomNavigator/Item.js +58 -0
  150. package/esm/components/atoms/BottomNavigator/Item.js.map +1 -0
  151. package/esm/components/atoms/BottomNavigator/index.d.ts +3 -0
  152. package/esm/components/atoms/BottomNavigator/styled.d.ts +11 -0
  153. package/esm/components/atoms/BottomNavigator/styled.js +31 -0
  154. package/esm/components/atoms/BottomNavigator/styled.js.map +1 -0
  155. package/esm/components/atoms/Button/Button.d.ts +6 -0
  156. package/esm/components/atoms/Button/Button.js +57 -0
  157. package/esm/components/atoms/Button/Button.js.map +1 -0
  158. package/esm/components/atoms/Button/States/Error.d.ts +4 -0
  159. package/esm/components/atoms/Button/States/Error.js +31 -0
  160. package/esm/components/atoms/Button/States/Error.js.map +1 -0
  161. package/esm/components/atoms/Button/States/Loading.d.ts +4 -0
  162. package/esm/components/atoms/Button/States/Loading.js +31 -0
  163. package/esm/components/atoms/Button/States/Loading.js.map +1 -0
  164. package/esm/components/atoms/Button/States/Success.d.ts +4 -0
  165. package/esm/components/atoms/Button/States/Success.js +31 -0
  166. package/esm/components/atoms/Button/States/Success.js.map +1 -0
  167. package/esm/components/atoms/Button/States/index.d.ts +3 -0
  168. package/esm/components/atoms/Button/index.d.ts +3 -0
  169. package/esm/components/atoms/GroupButton/GroupButtonOption.d.ts +2 -0
  170. package/esm/components/atoms/GroupButton/GroupButtonOption.js +31 -0
  171. package/esm/components/atoms/GroupButton/GroupButtonOption.js.map +1 -0
  172. package/esm/components/atoms/GroupButton/index.d.ts +1 -0
  173. package/esm/components/atoms/Header/Header.d.ts +12 -0
  174. package/esm/components/atoms/Header/Header.js +62 -0
  175. package/esm/components/atoms/Header/Header.js.map +1 -0
  176. package/esm/components/atoms/Header/index.d.ts +2 -0
  177. package/esm/components/atoms/Header/styled.d.ts +8 -0
  178. package/esm/components/atoms/Header/styled.js +19 -0
  179. package/esm/components/atoms/Header/styled.js.map +1 -0
  180. package/esm/components/atoms/Input/Input.d.ts +9 -0
  181. package/esm/components/atoms/Input/Input.js +133 -0
  182. package/esm/components/atoms/Input/Input.js.map +1 -0
  183. package/esm/components/atoms/Input/index.d.ts +2 -0
  184. package/esm/components/atoms/Input/styled.d.ts +1 -0
  185. package/esm/components/atoms/Input/styled.js +13 -0
  186. package/esm/components/atoms/Input/styled.js.map +1 -0
  187. package/esm/components/atoms/InputMask/InputMask.d.ts +8 -0
  188. package/esm/components/atoms/InputMask/InputMask.js +134 -0
  189. package/esm/components/atoms/InputMask/InputMask.js.map +1 -0
  190. package/esm/components/atoms/InputMask/index.d.ts +2 -0
  191. package/esm/components/atoms/InputMask/styled.d.ts +5 -0
  192. package/esm/components/atoms/InputMask/styled.js +16 -0
  193. package/esm/components/atoms/InputMask/styled.js.map +1 -0
  194. package/esm/components/atoms/Modal/ModalGroupManager.d.ts +4 -0
  195. package/esm/components/atoms/Modal/ModalGroupManager.js +48 -0
  196. package/esm/components/atoms/Modal/ModalGroupManager.js.map +1 -0
  197. package/esm/components/atoms/Modal/ModalLifecycleHandler.d.ts +24 -0
  198. package/esm/components/atoms/Modal/ModalLifecycleHandler.js +101 -0
  199. package/esm/components/atoms/Modal/ModalLifecycleHandler.js.map +1 -0
  200. package/esm/components/atoms/Modal/index.d.ts +7 -0
  201. package/esm/components/atoms/Modal/ui/BaseModalView.d.ts +3 -0
  202. package/esm/components/atoms/Modal/ui/BaseModalView.js +143 -0
  203. package/esm/components/atoms/Modal/ui/BaseModalView.js.map +1 -0
  204. package/esm/components/atoms/Modal/ui/styled.d.ts +6 -0
  205. package/esm/components/atoms/Modal/ui/styled.js +24 -0
  206. package/esm/components/atoms/Modal/ui/styled.js.map +1 -0
  207. package/esm/components/atoms/Modal/ui/types.d.ts +10 -0
  208. package/esm/components/atoms/Modal/useLazyModalManager.d.ts +8 -0
  209. package/esm/components/atoms/Modal/useLazyModalManager.js +33 -0
  210. package/esm/components/atoms/Modal/useLazyModalManager.js.map +1 -0
  211. package/esm/components/atoms/Modal/useModalManager.d.ts +6 -0
  212. package/esm/components/atoms/Modal/useModalManager.js +24 -0
  213. package/esm/components/atoms/Modal/useModalManager.js.map +1 -0
  214. package/esm/components/atoms/Modal/useModalRemoteControl.d.ts +4 -0
  215. package/esm/components/atoms/Modal/useModalRemoteControl.js +18 -0
  216. package/esm/components/atoms/Modal/useModalRemoteControl.js.map +1 -0
  217. package/esm/components/atoms/Skeleton/Pulse.d.ts +2 -0
  218. package/esm/components/atoms/Skeleton/Pulse.js +32 -0
  219. package/esm/components/atoms/Skeleton/Pulse.js.map +1 -0
  220. package/esm/components/atoms/Skeleton/Skeleton.d.ts +12 -0
  221. package/esm/components/atoms/Skeleton/Skeleton.js +87 -0
  222. package/esm/components/atoms/Skeleton/Skeleton.js.map +1 -0
  223. package/esm/components/atoms/Skeleton/Wave.d.ts +2 -0
  224. package/esm/components/atoms/Skeleton/Wave.js +50 -0
  225. package/esm/components/atoms/Skeleton/Wave.js.map +1 -0
  226. package/esm/components/atoms/Skeleton/animation.d.ts +3 -0
  227. package/esm/components/atoms/Skeleton/animation.js +45 -0
  228. package/esm/components/atoms/Skeleton/animation.js.map +1 -0
  229. package/esm/components/atoms/Skeleton/index.d.ts +2 -0
  230. package/esm/components/atoms/Skeleton/styled.d.ts +7 -0
  231. package/esm/components/atoms/Skeleton/styled.js +13 -0
  232. package/esm/components/atoms/Skeleton/styled.js.map +1 -0
  233. package/esm/components/atoms/Skeleton/types.d.ts +12 -0
  234. package/esm/components/atoms/SnappingSlider/SnappingSlider.d.ts +10 -0
  235. package/esm/components/atoms/SnappingSlider/SnappingSlider.js +79 -0
  236. package/esm/components/atoms/SnappingSlider/SnappingSlider.js.map +1 -0
  237. package/esm/components/atoms/SnappingSlider/index.d.ts +2 -0
  238. package/esm/components/atoms/Tag/Tag.d.ts +7 -0
  239. package/esm/components/atoms/Tag/Tag.js +47 -0
  240. package/esm/components/atoms/Tag/Tag.js.map +1 -0
  241. package/esm/components/atoms/Tag/index.d.ts +2 -0
  242. package/esm/components/atoms/Text/Text.d.ts +5 -0
  243. package/esm/components/atoms/Text/Text.js +38 -0
  244. package/esm/components/atoms/Text/Text.js.map +1 -0
  245. package/esm/components/atoms/Text/index.d.ts +2 -0
  246. package/esm/components/atoms/Text/styled.d.ts +10 -0
  247. package/esm/components/atoms/Text/styled.js +20 -0
  248. package/esm/components/atoms/Text/styled.js.map +1 -0
  249. package/esm/components/atoms/TextArea/TextArea.d.ts +5 -0
  250. package/esm/components/atoms/TextArea/TextArea.js +129 -0
  251. package/esm/components/atoms/TextArea/TextArea.js.map +1 -0
  252. package/esm/components/atoms/TextArea/index.d.ts +2 -0
  253. package/esm/components/atoms/TextArea/styled.d.ts +4 -0
  254. package/esm/components/atoms/TextArea/styled.js +8 -0
  255. package/esm/components/atoms/TextArea/styled.js.map +1 -0
  256. package/esm/components/molecules/Calendar/Calendar.d.ts +1 -0
  257. package/esm/components/molecules/Calendar/Calendar.js +50 -0
  258. package/esm/components/molecules/Calendar/Calendar.js.map +1 -0
  259. package/esm/components/molecules/Calendar/index.d.ts +1 -0
  260. package/esm/components/molecules/DatePicker/DatePicker.d.ts +3 -0
  261. package/esm/components/molecules/DatePicker/DatePicker.js +76 -0
  262. package/esm/components/molecules/DatePicker/DatePicker.js.map +1 -0
  263. package/esm/components/molecules/DatePicker/index.d.ts +2 -0
  264. package/esm/components/molecules/DatePicker/styled.d.ts +4 -0
  265. package/esm/components/molecules/DatePicker/styled.js +9 -0
  266. package/esm/components/molecules/DatePicker/styled.js.map +1 -0
  267. package/esm/components/molecules/DateTimePicker/DateTimePicker.d.ts +4 -0
  268. package/esm/components/molecules/DateTimePicker/DateTimePicker.js +66 -0
  269. package/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -0
  270. package/esm/components/molecules/DateTimePicker/index.d.ts +2 -0
  271. package/esm/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +3 -0
  272. package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js +50 -0
  273. package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -0
  274. package/esm/components/molecules/DateTimeSelector/index.d.ts +1 -0
  275. package/esm/components/molecules/Grid/Grid.d.ts +5 -0
  276. package/esm/components/molecules/Grid/Grid.js +88 -0
  277. package/esm/components/molecules/Grid/Grid.js.map +1 -0
  278. package/esm/components/molecules/Grid/Item/Item.d.ts +7 -0
  279. package/esm/components/molecules/Grid/Item/Item.js +106 -0
  280. package/esm/components/molecules/Grid/Item/Item.js.map +1 -0
  281. package/esm/components/molecules/Grid/Item/index.d.ts +1 -0
  282. package/esm/components/molecules/Grid/index.d.ts +2 -0
  283. package/esm/components/molecules/IconTextButton/IconTextButton.d.ts +6 -0
  284. package/esm/components/molecules/IconTextButton/IconTextButton.js +72 -0
  285. package/esm/components/molecules/IconTextButton/IconTextButton.js.map +1 -0
  286. package/esm/components/molecules/IconTextButton/TextComponent.d.ts +12 -0
  287. package/esm/components/molecules/IconTextButton/TextComponent.js +40 -0
  288. package/esm/components/molecules/IconTextButton/TextComponent.js.map +1 -0
  289. package/esm/components/molecules/IconTextButton/index.d.ts +2 -0
  290. package/esm/components/molecules/IconTextButton/styled.d.ts +2 -0
  291. package/esm/components/molecules/IconTextButton/styled.js +28 -0
  292. package/esm/components/molecules/IconTextButton/styled.js.map +1 -0
  293. package/esm/components/molecules/InputPassword/InputPassword.d.ts +6 -0
  294. package/esm/components/molecules/InputPassword/InputPassword.js +54 -0
  295. package/esm/components/molecules/InputPassword/InputPassword.js.map +1 -0
  296. package/esm/components/molecules/InputPassword/index.d.ts +2 -0
  297. package/esm/components/molecules/LabeledSwitch/LabelComponent.d.ts +13 -0
  298. package/esm/components/molecules/LabeledSwitch/LabelComponent.js +59 -0
  299. package/esm/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -0
  300. package/esm/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +8 -0
  301. package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +76 -0
  302. package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -0
  303. package/esm/components/molecules/LabeledSwitch/index.d.ts +2 -0
  304. package/esm/components/molecules/LabeledSwitch/styled.d.ts +9 -0
  305. package/esm/components/molecules/LabeledSwitch/styled.js +24 -0
  306. package/esm/components/molecules/LabeledSwitch/styled.js.map +1 -0
  307. package/esm/components/molecules/Select/Modal.d.ts +7 -0
  308. package/esm/components/molecules/Select/Modal.js +230 -0
  309. package/esm/components/molecules/Select/Modal.js.map +1 -0
  310. package/esm/components/molecules/Select/Select.d.ts +24 -0
  311. package/esm/components/molecules/Select/Select.js +240 -0
  312. package/esm/components/molecules/Select/Select.js.map +1 -0
  313. package/esm/components/molecules/Select/index.d.ts +2 -0
  314. package/esm/components/molecules/Select/styled.d.ts +41 -0
  315. package/esm/components/molecules/Select/styled.js +78 -0
  316. package/esm/components/molecules/Select/styled.js.map +1 -0
  317. package/esm/components/molecules/Snackbar/Snackbar.d.ts +9 -0
  318. package/esm/components/molecules/Snackbar/Snackbar.js +51 -0
  319. package/esm/components/molecules/Snackbar/Snackbar.js.map +1 -0
  320. package/esm/components/molecules/Snackbar/index.d.ts +2 -0
  321. package/esm/components/molecules/Snackbar/styled.d.ts +4 -0
  322. package/esm/components/molecules/Snackbar/styled.js +10 -0
  323. package/esm/components/molecules/Snackbar/styled.js.map +1 -0
  324. package/esm/index.d.ts +44 -0
  325. package/esm/index.js +35 -0
  326. package/esm/index.js.map +1 -0
  327. package/esm/utils/date.d.ts +1 -0
  328. package/esm/utils/date.js +16 -0
  329. package/esm/utils/date.js.map +1 -0
  330. package/package.json +8 -5
  331. package/rollup.config.js +39 -0
  332. package/src/components/atoms/Avatar/Avatar.tsx +3 -1
  333. package/src/components/atoms/Avatar/index.ts +1 -1
  334. package/src/components/atoms/Badge/index.ts +2 -1
  335. package/src/components/atoms/BottomNavigator/index.ts +3 -5
  336. package/src/components/atoms/Button/States/Error.tsx +1 -1
  337. package/src/components/atoms/Button/States/Loading.tsx +1 -1
  338. package/src/components/atoms/Button/States/Success.tsx +1 -1
  339. package/src/components/atoms/Button/index.ts +2 -1
  340. package/src/components/atoms/Header/index.ts +2 -1
  341. package/src/components/atoms/Input/index.ts +2 -1
  342. package/src/components/atoms/InputMask/index.ts +2 -1
  343. package/src/components/atoms/Skeleton/index.ts +2 -1
  344. package/src/components/atoms/SnappingSlider/index.ts +2 -4
  345. package/src/components/atoms/Tag/index.ts +2 -1
  346. package/src/components/atoms/Text/index.ts +2 -1
  347. package/src/components/atoms/TextArea/index.ts +2 -1
  348. package/src/components/molecules/DatePicker/index.ts +2 -1
  349. package/src/components/molecules/DateTimePicker/index.ts +2 -1
  350. package/src/components/molecules/IconTextButton/index.ts +2 -4
  351. package/src/components/molecules/InputPassword/index.ts +2 -4
  352. package/src/components/molecules/LabeledSwitch/index.ts +2 -4
  353. package/src/components/molecules/Select/Modal.tsx +1 -1
  354. package/src/components/molecules/Select/Select.tsx +3 -2
  355. package/src/components/molecules/Select/index.ts +2 -1
  356. package/src/components/molecules/Snackbar/Snackbar.tsx +1 -1
  357. package/src/components/molecules/Snackbar/index.ts +2 -1
  358. package/src/index.ts +37 -46
  359. package/tsconfig.build.esm.json +10 -0
  360. package/dist/components/atoms/Avatar/index.js +0 -9
  361. package/dist/components/atoms/Avatar/index.js.map +0 -1
  362. package/dist/components/atoms/Badge/index.js +0 -14
  363. package/dist/components/atoms/Badge/index.js.map +0 -1
  364. package/dist/components/atoms/BottomNavigator/index.js +0 -18
  365. package/dist/components/atoms/BottomNavigator/index.js.map +0 -1
  366. package/dist/components/atoms/Button/States/index.js +0 -19
  367. package/dist/components/atoms/Button/States/index.js.map +0 -1
  368. package/dist/components/atoms/Button/index.js +0 -16
  369. package/dist/components/atoms/Button/index.js.map +0 -1
  370. package/dist/components/atoms/GroupButton/index.js +0 -11
  371. package/dist/components/atoms/GroupButton/index.js.map +0 -1
  372. package/dist/components/atoms/Header/index.js +0 -14
  373. package/dist/components/atoms/Header/index.js.map +0 -1
  374. package/dist/components/atoms/Input/index.js +0 -14
  375. package/dist/components/atoms/Input/index.js.map +0 -1
  376. package/dist/components/atoms/InputMask/index.js +0 -14
  377. package/dist/components/atoms/InputMask/index.js.map +0 -1
  378. package/dist/components/atoms/Modal/index.js +0 -60
  379. package/dist/components/atoms/Modal/index.js.map +0 -1
  380. package/dist/components/atoms/Modal/ui/types.js +0 -4
  381. package/dist/components/atoms/Modal/ui/types.js.map +0 -1
  382. package/dist/components/atoms/Skeleton/index.js +0 -14
  383. package/dist/components/atoms/Skeleton/index.js.map +0 -1
  384. package/dist/components/atoms/Skeleton/types.js +0 -4
  385. package/dist/components/atoms/Skeleton/types.js.map +0 -1
  386. package/dist/components/atoms/SnappingSlider/index.js +0 -14
  387. package/dist/components/atoms/SnappingSlider/index.js.map +0 -1
  388. package/dist/components/atoms/Tag/index.js +0 -14
  389. package/dist/components/atoms/Tag/index.js.map +0 -1
  390. package/dist/components/atoms/Text/index.js +0 -14
  391. package/dist/components/atoms/Text/index.js.map +0 -1
  392. package/dist/components/atoms/TextArea/index.js +0 -14
  393. package/dist/components/atoms/TextArea/index.js.map +0 -1
  394. package/dist/components/molecules/Calendar/index.js +0 -9
  395. package/dist/components/molecules/Calendar/index.js.map +0 -1
  396. package/dist/components/molecules/DatePicker/index.js +0 -10
  397. package/dist/components/molecules/DatePicker/index.js.map +0 -1
  398. package/dist/components/molecules/DateTimePicker/index.js +0 -10
  399. package/dist/components/molecules/DateTimePicker/index.js.map +0 -1
  400. package/dist/components/molecules/DateTimeSelector/index.js +0 -9
  401. package/dist/components/molecules/DateTimeSelector/index.js.map +0 -1
  402. package/dist/components/molecules/Grid/Item/index.js +0 -14
  403. package/dist/components/molecules/Grid/Item/index.js.map +0 -1
  404. package/dist/components/molecules/Grid/index.js +0 -15
  405. package/dist/components/molecules/Grid/index.js.map +0 -1
  406. package/dist/components/molecules/IconTextButton/index.js +0 -14
  407. package/dist/components/molecules/IconTextButton/index.js.map +0 -1
  408. package/dist/components/molecules/InputPassword/index.js +0 -14
  409. package/dist/components/molecules/InputPassword/index.js.map +0 -1
  410. package/dist/components/molecules/LabeledSwitch/index.js +0 -14
  411. package/dist/components/molecules/LabeledSwitch/index.js.map +0 -1
  412. package/dist/components/molecules/Select/index.js +0 -14
  413. package/dist/components/molecules/Select/index.js.map +0 -1
  414. package/dist/components/molecules/Snackbar/index.js +0 -14
  415. package/dist/components/molecules/Snackbar/index.js.map +0 -1
@@ -1,95 +1,139 @@
1
- "use strict";
1
+ 'use strict';
2
2
 
3
- exports.__esModule = true;
4
- 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');
5
8
 
6
- var _reactCore = require("@tecsinapse/react-core");
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
10
 
8
- var _react = _interopRequireDefault(require("react"));
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
9
12
 
10
- var _reactNative = require("react-native");
11
-
12
- var _Text = require("../Text");
13
-
14
- var _styled = require("./styled");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- 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); }
19
-
20
- const Input = _react.default.forwardRef(({
21
- label,
22
- labelColor,
23
- labelColorVariant,
24
- labelColorTone,
25
- labelTypography,
26
- labelStack,
27
- labelWeight,
28
- leftComponent,
29
- rightComponent,
30
- disabled,
31
- borderColor,
32
- borderColorGradation,
33
- inputFontStack = 'default',
34
- inputFontWeight = 'bold',
35
- inputContainerStyle,
36
- variant = 'default',
37
- hintComponent,
38
- hint,
39
- onFocus,
40
- onBlur,
41
- value,
42
- placeholder,
43
- ...rest
44
- }, ref) => {
45
- const _hint = hintComponent || _react.default.createElement(_reactCore.Hint, {
46
- TextComponent: _Text.Text,
47
- text: hint,
48
- variant: variant
49
- });
50
-
51
- const {
52
- focused,
53
- handleBlur,
54
- handleFocus
55
- } = (0, _reactCore.useInputFocus)(onFocus, onBlur, !disabled);
56
- const internalStyle = {
57
- minHeight: (0, _reactCore.RFValue)(50),
58
- ...{
59
- 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];
60
41
  }
61
- };
62
- const onlyLabel = label && !placeholder;
63
- return _react.default.createElement(_reactNative.View, null, _react.default.createElement(_reactCore.InputContainer, {
64
- label: value ? label : undefined,
65
- labelColor: labelColor,
66
- labelColorVariant: labelColorVariant,
67
- labelColorTone: labelColorTone,
68
- labelTypography: labelTypography,
69
- labelStack: labelStack,
70
- labelWeight: labelWeight,
71
- LabelComponent: _Text.Text,
72
- leftComponent: leftComponent,
73
- rightComponent: rightComponent,
74
- borderColor: borderColor,
75
- borderColorGradation: borderColorGradation,
76
- inputContainerStyle: internalStyle,
77
- focused: focused,
78
- disabled: disabled,
79
- variant: variant
80
- }, _react.default.createElement(_styled.StyledNativeInput, _extends({}, rest, {
81
- placeholder: onlyLabel ? label : placeholder,
82
- value: value,
83
- ref: ref,
84
- fontStack: inputFontStack,
85
- fontWeight: inputFontWeight,
86
- disabled: disabled,
87
- onFocus: handleFocus,
88
- onBlur: handleBlur
89
- }))), hint && _hint);
90
- });
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";
91
137
 
92
- Input.displayName = 'Input';
93
- var _default = Input;
94
- exports.default = _default;
95
- //# 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","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","borderColor","borderColorGradation","inputFontStack","inputFontWeight","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","placeholder","rest","ref","_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,CACE;EACEC,KADF;EAEEC,UAFF;EAGEC,iBAHF;EAIEC,cAJF;EAKEC,eALF;EAMEC,UANF;EAOEC,WAPF;EAQEC,aARF;EASEC,cATF;EAUEC,QAVF;EAWEC,WAXF;EAYEC,oBAZF;EAaEC,cAAc,GAAG,SAbnB;EAcEC,eAAe,GAAG,MAdpB;EAeEC,mBAfF;EAgBEC,OAAO,GAAG,SAhBZ;EAiBEC,aAjBF;EAkBEC,IAlBF;EAmBEC,OAnBF;EAoBEC,MApBF;EAqBEC,KArBF;EAsBEC,WAtBF;EAuBE,GAAGC;AAvBL,CADF,EA0BEC,GA1BF,KA2BK;EACH,MAAMC,KAAK,GAAGR,aAAa,IACzB,6BAAC,eAAD;IAAM,aAAa,EAAES,UAArB;IAA2B,IAAI,EAAER,IAAjC;IAAuC,OAAO,EAAEF;EAAhD,EADF;;EAGA,MAAM;IAAEW,OAAF;IAAWC,UAAX;IAAuBC;EAAvB,IAAuC,IAAAC,wBAAA,EAC3CX,OAD2C,EAE3CC,MAF2C,EAG3C,CAACV,QAH0C,CAA7C;EAMA,MAAMqB,aAAmC,GAAG;IAC1CC,SAAS,EAAE,IAAAC,kBAAA,EAAQ,EAAR,CAD+B;IAE1C,GAAG;MAAElB;IAAF;EAFuC,CAA5C;EAIA,MAAMmB,SAAS,GAAGjC,KAAK,IAAI,CAACqB,WAA5B;EAEA,OACE,6BAAC,iBAAD,QACE,6BAAC,yBAAD;IACE,KAAK,EAAED,KAAK,GAAGpB,KAAH,GAAWkC,SADzB;IAEE,UAAU,EAAEjC,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,cAAc,EAAEmB,UARlB;IASE,aAAa,EAAElB,aATjB;IAUE,cAAc,EAAEC,cAVlB;IAWE,WAAW,EAAEE,WAXf;IAYE,oBAAoB,EAAEC,oBAZxB;IAaE,mBAAmB,EAAEmB,aAbvB;IAcE,OAAO,EAAEJ,OAdX;IAeE,QAAQ,EAAEjB,QAfZ;IAgBE,OAAO,EAAEM;EAhBX,GAkBE,6BAAC,yBAAD,eACMO,IADN;IAEE,WAAW,EAAEW,SAAS,GAAGjC,KAAH,GAAWqB,WAFnC;IAGE,KAAK,EAAED,KAHT;IAIE,GAAG,EAAEG,GAJP;IAKE,SAAS,EAAEX,cALb;IAME,UAAU,EAAEC,eANd;IAOE,QAAQ,EAAEJ,QAPZ;IAQE,OAAO,EAAEmB,WARX;IASE,MAAM,EAAED;EATV,GAlBF,CADF,EA+BGV,IAAI,IAAIO,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":"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"}
@@ -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,23 +1,21 @@
1
- "use strict";
1
+ 'use strict';
2
2
 
3
- exports.__esModule = true;
4
- exports.StyledNativeInput = void 0;
3
+ Object.defineProperty(exports, '__esModule', { value: true });
5
4
 
6
- 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');
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 _styled = require("../Text/styled");
11
+ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
12
 
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- const StyledNativeInputBase = (0, _native.default)(_reactCore.InputElement)`
15
- height: ${({
16
- theme
17
- }) => theme.typography.h5.lineHeight};
13
+ const StyledNativeInputBase = styled__default["default"](reactCore.InputElement)`
14
+ height: ${({ theme }) => theme.typography.h5.lineHeight};
18
15
  width: 100%;
19
16
  padding: 0;
20
17
  `;
21
- const StyledNativeInput = (0, _native.default)(StyledNativeInputBase)(_styled.fontStyles);
18
+ const StyledNativeInput = styled__default["default"](StyledNativeInputBase)(styled$1.fontStyles);
19
+
22
20
  exports.StyledNativeInput = StyledNativeInput;
23
- //# 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,CAE5B;AACF,YAAY,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,UAAN,CAAiBC,EAAjB,CAAoBC,UAAW;AAC1D;AACA;AACA,CANA;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,92 +1,140 @@
1
- "use strict";
1
+ 'use strict';
2
2
 
3
- exports.__esModule = true;
4
- 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');
5
8
 
6
- var _reactCore = require("@tecsinapse/react-core");
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
10
 
8
- var _react = _interopRequireDefault(require("react"));
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
9
12
 
10
- 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";
11
138
 
12
- var _styled = require("./styled");
13
-
14
- var _Text = require("../Text");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- 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); }
19
-
20
- const InputMask = _react.default.forwardRef(({
21
- label,
22
- labelColor,
23
- labelColorVariant,
24
- labelColorTone,
25
- labelTypography,
26
- labelStack,
27
- labelWeight,
28
- leftComponent,
29
- rightComponent,
30
- disabled,
31
- style,
32
- borderColor,
33
- borderColorGradation,
34
- inputFontStack = 'default',
35
- inputFontWeight = 'bold',
36
- inputContainerStyle,
37
- variant = 'default',
38
- hintComponent,
39
- hint,
40
- onFocus,
41
- onBlur,
42
- value,
43
- placeholder,
44
- ...rest
45
- }, ref) => {
46
- const _hint = hintComponent || _react.default.createElement(_reactCore.Hint, {
47
- TextComponent: _Text.Text,
48
- text: hint,
49
- variant: variant
50
- });
51
-
52
- const {
53
- focused,
54
- handleBlur,
55
- handleFocus
56
- } = (0, _reactCore.useInputFocus)(onFocus, onBlur, !disabled);
57
- const onlyLabel = label && !placeholder;
58
- return _react.default.createElement(_reactNative.View, {
59
- style: style
60
- }, _react.default.createElement(_styled.StyledInputContainer, {
61
- label: String(value) ? label : undefined,
62
- labelColor: labelColor,
63
- labelColorVariant: labelColorVariant,
64
- labelColorTone: labelColorTone,
65
- labelTypography: labelTypography,
66
- labelStack: labelStack,
67
- labelWeight: labelWeight,
68
- LabelComponent: _Text.Text,
69
- leftComponent: leftComponent,
70
- rightComponent: rightComponent,
71
- borderColor: borderColor,
72
- borderColorGradation: borderColorGradation,
73
- inputContainerStyle: inputContainerStyle,
74
- focused: focused,
75
- disabled: disabled,
76
- variant: variant
77
- }, _react.default.createElement(_styled.StyledNativeInputMask, _extends({}, rest, {
78
- placeholder: onlyLabel ? label : placeholder,
79
- value: value,
80
- ref: ref,
81
- fontStack: inputFontStack,
82
- fontWeight: inputFontWeight,
83
- disabled: disabled,
84
- onFocus: handleFocus,
85
- onBlur: handleBlur
86
- }))), hint && _hint);
87
- });
88
-
89
- InputMask.displayName = 'InputMask';
90
- var _default = InputMask;
91
- exports.default = _default;
92
- //# sourceMappingURL=InputMask.js.map
139
+ module.exports = InputMask;
140
+ //# sourceMappingURL=InputMask.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InputMask.js","names":["InputMask","React","forwardRef","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputFontStack","inputFontWeight","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","placeholder","rest","ref","_hint","Text","focused","handleBlur","handleFocus","useInputFocus","onlyLabel","String","undefined","displayName"],"sources":["../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n FontStackType,\n FontWeightType,\n Hint,\n InputContainerProps,\n InputMaskElementProps,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { StyledInputContainer, StyledNativeInputMask } from './styled';\nimport { Text } from '../Text';\n\nexport interface InputMaskNativeProps\n extends Omit<InputMaskElementProps, 'style'>,\n InputContainerProps {\n inputFontStack?: FontStackType;\n inputFontWeight?: FontWeightType;\n}\n\nconst InputMask: FC<InputMaskNativeProps> = React.forwardRef(\n (\n {\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 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 onlyLabel = label && !placeholder;\n\n return (\n <View style={style}>\n <StyledInputContainer\n label={String(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={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n <StyledNativeInputMask\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 </StyledInputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"mappings":";;;;;AAAA;;AAQA;;AACA;;AACA;;AACA;;;;;;AASA,MAAMA,SAAmC,GAAGC,cAAA,CAAMC,UAAN,CAC1C,CACE;EACEC,KADF;EAEEC,UAFF;EAGEC,iBAHF;EAIEC,cAJF;EAKEC,eALF;EAMEC,UANF;EAOEC,WAPF;EAQEC,aARF;EASEC,cATF;EAUEC,QAVF;EAWEC,KAXF;EAYEC,WAZF;EAaEC,oBAbF;EAcEC,cAAc,GAAG,SAdnB;EAeEC,eAAe,GAAG,MAfpB;EAgBEC,mBAhBF;EAiBEC,OAAO,GAAG,SAjBZ;EAkBEC,aAlBF;EAmBEC,IAnBF;EAoBEC,OApBF;EAqBEC,MArBF;EAsBEC,KAtBF;EAuBEC,WAvBF;EAwBE,GAAGC;AAxBL,CADF,EA2BEC,GA3BF,KA4BK;EACH,MAAMC,KAAK,GAAGR,aAAa,IACzB,6BAAC,eAAD;IAAM,aAAa,EAAES,UAArB;IAA2B,IAAI,EAAER,IAAjC;IAAuC,OAAO,EAAEF;EAAhD,EADF;;EAGA,MAAM;IAAEW,OAAF;IAAWC,UAAX;IAAuBC;EAAvB,IAAuC,IAAAC,wBAAA,EAC3CX,OAD2C,EAE3CC,MAF2C,EAG3C,CAACX,QAH0C,CAA7C;EAMA,MAAMsB,SAAS,GAAG/B,KAAK,IAAI,CAACsB,WAA5B;EAEA,OACE,6BAAC,iBAAD;IAAM,KAAK,EAAEZ;EAAb,GACE,6BAAC,4BAAD;IACE,KAAK,EAAEsB,MAAM,CAACX,KAAD,CAAN,GAAgBrB,KAAhB,GAAwBiC,SADjC;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,EAAEoB,UARlB;IASE,aAAa,EAAEnB,aATjB;IAUE,cAAc,EAAEC,cAVlB;IAWE,WAAW,EAAEG,WAXf;IAYE,oBAAoB,EAAEC,oBAZxB;IAaE,mBAAmB,EAAEG,mBAbvB;IAcE,OAAO,EAAEY,OAdX;IAeE,QAAQ,EAAElB,QAfZ;IAgBE,OAAO,EAAEO;EAhBX,GAkBE,6BAAC,6BAAD,eACMO,IADN;IAEE,WAAW,EAAEQ,SAAS,GAAG/B,KAAH,GAAWsB,WAFnC;IAGE,KAAK,EAAED,KAHT;IAIE,GAAG,EAAEG,GAJP;IAKE,SAAS,EAAEX,cALb;IAME,UAAU,EAAEC,eANd;IAOE,QAAQ,EAAEL,QAPZ;IAQE,OAAO,EAAEoB,WARX;IASE,MAAM,EAAED;EATV,GAlBF,CADF,EA+BGV,IAAI,IAAIO,KA/BX,CADF;AAmCD,CA5EyC,CAA5C;;AA+EA5B,SAAS,CAACqC,WAAV,GAAwB,WAAxB;eAEerC,S"}
1
+ {"version":3,"file":"InputMask.js","sources":["../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n FontStackType,\n FontWeightType,\n Hint,\n InputContainerProps,\n InputMaskElementProps,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { StyledInputContainer, StyledNativeInputMask } from './styled';\nimport { Text } from '../Text';\n\nexport interface InputMaskNativeProps\n extends Omit<InputMaskElementProps, 'style'>,\n InputContainerProps {\n inputFontStack?: FontStackType;\n inputFontWeight?: FontWeightType;\n}\n\nconst InputMask: FC<InputMaskNativeProps> = React.forwardRef(\n (\n {\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 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 onlyLabel = label && !placeholder;\n\n return (\n <View style={style}>\n <StyledInputContainer\n label={String(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={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n <StyledNativeInputMask\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 </StyledInputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"names":["React","Hint","useInputFocus","View","StyledInputContainer","StyledNativeInputMask"],"mappings":"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"}
@@ -1 +1,2 @@
1
- export { default as InputMask, InputMaskNativeProps } from './InputMask';
1
+ export { default as InputMask } from './InputMask';
2
+ export type { InputMaskNativeProps } from './InputMask';
@@ -1,27 +1,25 @@
1
- "use strict";
1
+ 'use strict';
2
2
 
3
- exports.__esModule = true;
4
- exports.StyledNativeInputMask = exports.StyledInputContainer = void 0;
3
+ Object.defineProperty(exports, '__esModule', { value: true });
5
4
 
6
- 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');
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 _styled = require("../Text/styled");
11
+ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
12
 
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- const StyledInputContainer = (0, _native.default)(_reactCore.InputContainer)`
15
- min-height: ${(0, _reactCore.RFValueStr)('50px')};
13
+ const StyledInputContainer = styled__default["default"](reactCore.InputContainer)`
14
+ min-height: ${reactCore.RFValueStr("50px")};
16
15
  `;
17
- exports.StyledInputContainer = StyledInputContainer;
18
- const StyledNativeInputMaskBase = (0, _native.default)(_reactCore.InputMaskElement)`
19
- height: ${({
20
- theme
21
- }) => theme.typography.h5.lineHeight};
16
+ const StyledNativeInputMaskBase = styled__default["default"](reactCore.InputMaskElement)`
17
+ height: ${({ theme }) => theme.typography.h5.lineHeight};
22
18
  width: 100%;
23
19
  padding: 0;
24
20
  `;
25
- const StyledNativeInputMask = (0, _native.default)(StyledNativeInputMaskBase)(_styled.fontStyles);
21
+ const StyledNativeInputMask = styled__default["default"](StyledNativeInputMaskBase)(styled$1.fontStyles);
22
+
23
+ exports.StyledInputContainer = StyledInputContainer;
26
24
  exports.StyledNativeInputMask = StyledNativeInputMask;
27
- //# sourceMappingURL=styled.js.map
25
+ //# sourceMappingURL=styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","names":["StyledInputContainer","styled","InputContainer","RFValueStr","StyledNativeInputMaskBase","InputMaskElement","theme","typography","h5","lineHeight","StyledNativeInputMask","fontStyles"],"sources":["../../../../src/components/atoms/InputMask/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n InputContainer,\n InputMaskElement,\n RFValueStr,\n StyleProps,\n} from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputMaskNativeProps } from './InputMask';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n min-height: ${RFValueStr('50px')};\n`;\n\nconst StyledNativeInputMaskBase = styled(InputMaskElement)<\n Partial<InputMaskNativeProps> & Partial<StyleProps>\n>`\n height: ${({ theme }) => theme.typography.h5.lineHeight};\n width: 100%;\n padding: 0;\n`;\n\nexport const StyledNativeInputMask = styled(StyledNativeInputMaskBase)<\n Font & Partial<InputMaskNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"mappings":";;;;;AAAA;;AACA;;AAMA;;;;AAGO,MAAMA,oBAAoB,GAAG,IAAAC,eAAA,EAAOC,yBAAP,CAA4C;AAChF,gBAAgB,IAAAC,qBAAA,EAAW,MAAX,CAAmB;AACnC,CAFO;;AAIP,MAAMC,yBAAyB,GAAG,IAAAH,eAAA,EAAOI,2BAAP,CAEhC;AACF,YAAY,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,UAAN,CAAiBC,EAAjB,CAAoBC,UAAW;AAC1D;AACA;AACA,CANA;AAQO,MAAMC,qBAAqB,GAAG,IAAAT,eAAA,EAAOG,yBAAP,EAEnCO,kBAFmC,CAA9B"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/InputMask/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n InputContainer,\n InputMaskElement,\n RFValueStr,\n StyleProps,\n} from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputMaskNativeProps } from './InputMask';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n min-height: ${RFValueStr('50px')};\n`;\n\nconst StyledNativeInputMaskBase = styled(InputMaskElement)<\n Partial<InputMaskNativeProps> & Partial<StyleProps>\n>`\n height: ${({ theme }) => theme.typography.h5.lineHeight};\n width: 100%;\n padding: 0;\n`;\n\nexport const StyledNativeInputMask = styled(StyledNativeInputMaskBase)<\n Font & Partial<InputMaskNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":["styled","InputContainer","RFValueStr","InputMaskElement","fontStyles"],"mappings":";;;;;;;;;;;;AAUa,MAAA,oBAAA,GAAuBA,2BAAOC,wBAAc,CAAA,CAAA;AAAA,cAAA,EACzCC,qBAAW,MAAM,CAAA,CAAA;AAAA,EAAA;AAGjC,MAAM,yBAAA,GAA4BF,2BAAOG,0BAAgB,CAAA,CAAA;AAAA,UAAA,EAG7C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,EAAG,CAAA,UAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKxC,MAAM,qBAAwB,GAAAH,0BAAA,CAAO,yBAAyB,CAAA,CAEnEI,mBAAU;;;;;"}