@tecsinapse/react-core 2.2.1-beta.0 → 2.2.1

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 (700) hide show
  1. package/dist/cjs/components/atoms/Avatar/Avatar.js +1 -0
  2. package/dist/cjs/components/atoms/Avatar/Avatar.js.map +1 -0
  3. package/dist/cjs/components/atoms/Avatar/helpers.js +1 -0
  4. package/dist/cjs/components/atoms/Avatar/helpers.js.map +1 -0
  5. package/dist/cjs/components/atoms/Avatar/styled.js +1 -0
  6. package/dist/cjs/components/atoms/Avatar/styled.js.map +1 -0
  7. package/dist/cjs/components/atoms/Badge/Badge.js +1 -0
  8. package/dist/cjs/components/atoms/Badge/Badge.js.map +1 -0
  9. package/dist/cjs/components/atoms/Badge/styled.js +1 -0
  10. package/dist/cjs/components/atoms/Badge/styled.js.map +1 -0
  11. package/dist/cjs/components/atoms/BoxContent/BoxContent.js +1 -0
  12. package/dist/cjs/components/atoms/BoxContent/BoxContent.js.map +1 -0
  13. package/dist/cjs/components/atoms/BoxContent/styled.js +1 -0
  14. package/dist/cjs/components/atoms/BoxContent/styled.js.map +1 -0
  15. package/dist/cjs/components/atoms/Button/Button.js +1 -0
  16. package/dist/cjs/components/atoms/Button/Button.js.map +1 -0
  17. package/dist/cjs/components/atoms/Button/States/BaseState.js +1 -0
  18. package/dist/cjs/components/atoms/Button/States/BaseState.js.map +1 -0
  19. package/dist/cjs/components/atoms/Button/States/Error.js +1 -0
  20. package/dist/cjs/components/atoms/Button/States/Error.js.map +1 -0
  21. package/dist/cjs/components/atoms/Button/States/Loading.js +1 -0
  22. package/dist/cjs/components/atoms/Button/States/Loading.js.map +1 -0
  23. package/dist/cjs/components/atoms/Button/States/Success.js +1 -0
  24. package/dist/cjs/components/atoms/Button/States/Success.js.map +1 -0
  25. package/dist/cjs/components/atoms/Button/States/styled.js +1 -0
  26. package/dist/cjs/components/atoms/Button/States/styled.js.map +1 -0
  27. package/dist/cjs/components/atoms/Button/styled.js +1 -0
  28. package/dist/cjs/components/atoms/Button/styled.js.map +1 -0
  29. package/dist/cjs/components/atoms/Card/Card.js +1 -0
  30. package/dist/cjs/components/atoms/Card/Card.js.map +1 -0
  31. package/dist/cjs/components/atoms/Card/Footer/Footer.js +1 -0
  32. package/dist/cjs/components/atoms/Card/Footer/Footer.js.map +1 -0
  33. package/dist/cjs/components/atoms/Card/Header/Header.js +1 -0
  34. package/dist/cjs/components/atoms/Card/Header/Header.js.map +1 -0
  35. package/dist/cjs/components/atoms/Card/styled.js +1 -0
  36. package/dist/cjs/components/atoms/Card/styled.js.map +1 -0
  37. package/dist/cjs/components/atoms/Checkbox/Checkbox.js +1 -0
  38. package/dist/cjs/components/atoms/Checkbox/Checkbox.js.map +1 -0
  39. package/dist/cjs/components/atoms/Checkbox/styled.js +1 -0
  40. package/dist/cjs/components/atoms/Checkbox/styled.js.map +1 -0
  41. package/dist/cjs/components/atoms/Divider/Divider.js +1 -0
  42. package/dist/cjs/components/atoms/Divider/Divider.js.map +1 -0
  43. package/dist/cjs/components/atoms/Divider/styled.js +1 -0
  44. package/dist/cjs/components/atoms/Divider/styled.js.map +1 -0
  45. package/dist/cjs/components/atoms/GroupButton/GroupButton.js +1 -0
  46. package/dist/cjs/components/atoms/GroupButton/GroupButton.js.map +1 -0
  47. package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js +1 -0
  48. package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js.map +1 -0
  49. package/dist/cjs/components/atoms/GroupButton/styled.js +1 -0
  50. package/dist/cjs/components/atoms/GroupButton/styled.js.map +1 -0
  51. package/dist/cjs/components/atoms/Icon/AntDesign.js +1 -0
  52. package/dist/cjs/components/atoms/Icon/AntDesign.js.map +1 -0
  53. package/dist/cjs/components/atoms/Icon/Entypo.js +1 -0
  54. package/dist/cjs/components/atoms/Icon/Entypo.js.map +1 -0
  55. package/dist/cjs/components/atoms/Icon/Evil.js +1 -0
  56. package/dist/cjs/components/atoms/Icon/Evil.js.map +1 -0
  57. package/dist/cjs/components/atoms/Icon/Feather.js +1 -0
  58. package/dist/cjs/components/atoms/Icon/Feather.js.map +1 -0
  59. package/dist/cjs/components/atoms/Icon/FontAwesome.js +1 -0
  60. package/dist/cjs/components/atoms/Icon/FontAwesome.js.map +1 -0
  61. package/dist/cjs/components/atoms/Icon/FontAwesomeFive.js +1 -0
  62. package/dist/cjs/components/atoms/Icon/FontAwesomeFive.js.map +1 -0
  63. package/dist/cjs/components/atoms/Icon/Fontisto.js +1 -0
  64. package/dist/cjs/components/atoms/Icon/Fontisto.js.map +1 -0
  65. package/dist/cjs/components/atoms/Icon/Foundation.js +1 -0
  66. package/dist/cjs/components/atoms/Icon/Foundation.js.map +1 -0
  67. package/dist/cjs/components/atoms/Icon/Icon.js +1 -0
  68. package/dist/cjs/components/atoms/Icon/Icon.js.map +1 -0
  69. package/dist/cjs/components/atoms/Icon/Ionicon.js +1 -0
  70. package/dist/cjs/components/atoms/Icon/Ionicon.js.map +1 -0
  71. package/dist/cjs/components/atoms/Icon/Material.js +1 -0
  72. package/dist/cjs/components/atoms/Icon/Material.js.map +1 -0
  73. package/dist/cjs/components/atoms/Icon/MaterialCommunity.js +1 -0
  74. package/dist/cjs/components/atoms/Icon/MaterialCommunity.js.map +1 -0
  75. package/dist/cjs/components/atoms/Icon/Octicon.js +1 -0
  76. package/dist/cjs/components/atoms/Icon/Octicon.js.map +1 -0
  77. package/dist/cjs/components/atoms/Icon/SimpleLine.js +1 -0
  78. package/dist/cjs/components/atoms/Icon/SimpleLine.js.map +1 -0
  79. package/dist/cjs/components/atoms/Icon/Zocial.js +1 -0
  80. package/dist/cjs/components/atoms/Icon/Zocial.js.map +1 -0
  81. package/dist/cjs/components/atoms/Icon/functions.js +1 -0
  82. package/dist/cjs/components/atoms/Icon/functions.js.map +1 -0
  83. package/dist/cjs/components/atoms/Icon/styled.js +1 -0
  84. package/dist/cjs/components/atoms/Icon/styled.js.map +1 -0
  85. package/dist/cjs/components/atoms/Input/Hint.js +1 -0
  86. package/dist/cjs/components/atoms/Input/Hint.js.map +1 -0
  87. package/dist/{types → cjs}/components/atoms/Input/InputContainer/InputContainer.d.ts +1 -0
  88. package/dist/cjs/components/atoms/Input/InputContainer/InputContainer.js +1 -0
  89. package/dist/cjs/components/atoms/Input/InputContainer/InputContainer.js.map +1 -0
  90. package/dist/cjs/components/atoms/Input/InputElement/InputElement.js +1 -0
  91. package/dist/cjs/components/atoms/Input/InputElement/InputElement.js.map +1 -0
  92. package/dist/cjs/components/atoms/Input/InputMaskElement/InputMaskElement.js +1 -0
  93. package/dist/cjs/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -0
  94. package/dist/cjs/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +1 -0
  95. package/dist/cjs/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -0
  96. package/dist/cjs/components/atoms/Input/PressableInputContainer/styled.js +1 -0
  97. package/dist/cjs/components/atoms/Input/PressableInputContainer/styled.js.map +1 -0
  98. package/dist/cjs/components/atoms/Input/hooks/useInputFocus.js +1 -0
  99. package/dist/cjs/components/atoms/Input/hooks/useInputFocus.js.map +1 -0
  100. package/dist/cjs/components/atoms/Input/hooks/useNumberMask.js +1 -0
  101. package/dist/cjs/components/atoms/Input/hooks/useNumberMask.js.map +1 -0
  102. package/dist/cjs/components/atoms/Input/hooks/useStringMask.js +1 -0
  103. package/dist/cjs/components/atoms/Input/hooks/useStringMask.js.map +1 -0
  104. package/dist/cjs/components/atoms/Input/styled.js +1 -0
  105. package/dist/cjs/components/atoms/Input/styled.js.map +1 -0
  106. package/dist/cjs/components/atoms/Paper/Paper.js +1 -0
  107. package/dist/cjs/components/atoms/Paper/Paper.js.map +1 -0
  108. package/dist/cjs/components/atoms/Paper/styled.js +1 -0
  109. package/dist/cjs/components/atoms/Paper/styled.js.map +1 -0
  110. package/dist/cjs/components/atoms/PressableSurface/PressableSurface.js +1 -0
  111. package/dist/cjs/components/atoms/PressableSurface/PressableSurface.js.map +1 -0
  112. package/dist/cjs/components/atoms/ProgressBar/ProgressBar.js +1 -0
  113. package/dist/cjs/components/atoms/ProgressBar/ProgressBar.js.map +1 -0
  114. package/dist/cjs/components/atoms/ProgressBar/styled.js +1 -0
  115. package/dist/cjs/components/atoms/ProgressBar/styled.js.map +1 -0
  116. package/dist/cjs/components/atoms/RadioButton/RadioButton.js +1 -0
  117. package/dist/cjs/components/atoms/RadioButton/RadioButton.js.map +1 -0
  118. package/dist/cjs/components/atoms/RadioButton/styled.js +1 -0
  119. package/dist/cjs/components/atoms/RadioButton/styled.js.map +1 -0
  120. package/dist/cjs/components/atoms/Switch/Switch.js +1 -0
  121. package/dist/cjs/components/atoms/Switch/Switch.js.map +1 -0
  122. package/dist/cjs/components/atoms/Switch/animation.js +1 -0
  123. package/dist/cjs/components/atoms/Switch/animation.js.map +1 -0
  124. package/dist/cjs/components/atoms/Switch/styled.js +1 -0
  125. package/dist/cjs/components/atoms/Switch/styled.js.map +1 -0
  126. package/dist/cjs/components/atoms/Tag/Tag.js +1 -0
  127. package/dist/cjs/components/atoms/Tag/Tag.js.map +1 -0
  128. package/dist/cjs/components/atoms/Tag/styled.js +1 -0
  129. package/dist/cjs/components/atoms/Tag/styled.js.map +1 -0
  130. package/dist/{types → cjs}/components/atoms/Text/Text.d.ts +1 -0
  131. package/dist/cjs/components/atoms/Text/Text.js +1 -0
  132. package/dist/cjs/components/atoms/Text/Text.js.map +1 -0
  133. package/dist/cjs/components/atoms/Text/functions.js +1 -0
  134. package/dist/cjs/components/atoms/Text/functions.js.map +1 -0
  135. package/dist/cjs/components/atoms/Text/styled.js +1 -0
  136. package/dist/cjs/components/atoms/Text/styled.js.map +1 -0
  137. package/dist/cjs/components/atoms/shared/PaperAndCard.js +1 -0
  138. package/dist/cjs/components/atoms/shared/PaperAndCard.js.map +1 -0
  139. package/dist/cjs/components/molecules/Calendar/Calendar.js +1 -0
  140. package/dist/cjs/components/molecules/Calendar/Calendar.js.map +1 -0
  141. package/dist/cjs/components/molecules/Calendar/components/MonthWeek.js +1 -0
  142. package/dist/cjs/components/molecules/Calendar/components/MonthWeek.js.map +1 -0
  143. package/dist/cjs/components/molecules/Calendar/components/Weekdays.js +1 -0
  144. package/dist/cjs/components/molecules/Calendar/components/Weekdays.js.map +1 -0
  145. package/dist/cjs/components/molecules/Calendar/styled.js +1 -0
  146. package/dist/cjs/components/molecules/Calendar/styled.js.map +1 -0
  147. package/dist/cjs/components/molecules/DatePicker/DatePicker.js +1 -0
  148. package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map +1 -0
  149. package/dist/cjs/components/molecules/DatePicker/styled.js +1 -0
  150. package/dist/cjs/components/molecules/DatePicker/styled.js.map +1 -0
  151. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +1 -0
  152. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -0
  153. package/dist/cjs/components/molecules/DateTimePicker/styled.js +1 -0
  154. package/dist/cjs/components/molecules/DateTimePicker/styled.js.map +1 -0
  155. package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js +1 -0
  156. package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -0
  157. package/dist/cjs/components/molecules/DateTimeSelector/Selector.js +1 -0
  158. package/dist/cjs/components/molecules/DateTimeSelector/Selector.js.map +1 -0
  159. package/dist/cjs/components/molecules/DateTimeSelector/styled.js +1 -0
  160. package/dist/cjs/components/molecules/DateTimeSelector/styled.js.map +1 -0
  161. package/dist/cjs/components/molecules/Grid/functions.js +1 -0
  162. package/dist/cjs/components/molecules/Grid/functions.js.map +1 -0
  163. package/dist/cjs/components/molecules/HintInputContainer/HintInputContainer.js +1 -0
  164. package/dist/cjs/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -0
  165. package/dist/cjs/components/molecules/IconTextButton/IconComponent.js +1 -0
  166. package/dist/cjs/components/molecules/IconTextButton/IconComponent.js.map +1 -0
  167. package/dist/cjs/components/molecules/InputPassword/InputPasswordIcon.js +1 -0
  168. package/dist/cjs/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -0
  169. package/dist/cjs/components/molecules/InputPassword/styled.js +1 -0
  170. package/dist/cjs/components/molecules/InputPassword/styled.js.map +1 -0
  171. package/dist/cjs/components/molecules/Snackbar/Snackbar.js +1 -0
  172. package/dist/cjs/components/molecules/Snackbar/Snackbar.js.map +1 -0
  173. package/dist/cjs/components/molecules/Snackbar/styled.js +1 -0
  174. package/dist/cjs/components/molecules/Snackbar/styled.js.map +1 -0
  175. package/dist/cjs/components/molecules/TextArea/TextArea.js +1 -0
  176. package/dist/cjs/components/molecules/TextArea/TextArea.js.map +1 -0
  177. package/dist/cjs/components/molecules/TextArea/styled.js +1 -0
  178. package/dist/cjs/components/molecules/TextArea/styled.js.map +1 -0
  179. package/dist/cjs/hooks/useDebouncedState.js +1 -0
  180. package/dist/cjs/hooks/useDebouncedState.js.map +1 -0
  181. package/dist/cjs/hooks/useTheme.js +1 -0
  182. package/dist/cjs/hooks/useTheme.js.map +1 -0
  183. package/dist/cjs/index.js +1 -0
  184. package/dist/cjs/index.js.map +1 -0
  185. package/dist/cjs/styles/ThemeProvider.js +1 -0
  186. package/dist/cjs/styles/ThemeProvider.js.map +1 -0
  187. package/dist/cjs/styles/definitions.js +1 -0
  188. package/dist/cjs/styles/definitions.js.map +1 -0
  189. package/dist/cjs/styles/light.js +1 -0
  190. package/dist/cjs/styles/light.js.map +1 -0
  191. package/dist/cjs/utils/IPhoneXHelper.js +1 -0
  192. package/dist/cjs/utils/IPhoneXHelper.js.map +1 -0
  193. package/dist/cjs/utils/ResponsiveFontSize.js +1 -0
  194. package/dist/cjs/utils/ResponsiveFontSize.js.map +1 -0
  195. package/dist/cjs/utils/extractNumbersFromString.js +1 -0
  196. package/dist/cjs/utils/extractNumbersFromString.js.map +1 -0
  197. package/dist/cjs/utils/formatWithMask.js +1 -0
  198. package/dist/cjs/utils/formatWithMask.js.map +1 -0
  199. package/dist/cjs/utils/lightenDarkenColor.js +1 -0
  200. package/dist/cjs/utils/lightenDarkenColor.js.map +1 -0
  201. package/dist/cjs/utils/masks.js +1 -0
  202. package/dist/cjs/utils/masks.js.map +1 -0
  203. package/dist/cjs/utils/variantComplement.js +1 -0
  204. package/dist/cjs/utils/variantComplement.js.map +1 -0
  205. package/dist/esm/components/atoms/Avatar/Avatar.d.ts +14 -0
  206. package/dist/esm/components/atoms/Avatar/Avatar.js +1 -0
  207. package/dist/esm/components/atoms/Avatar/Avatar.js.map +1 -0
  208. package/dist/esm/components/atoms/Avatar/helpers.d.ts +1 -0
  209. package/dist/esm/components/atoms/Avatar/helpers.js +1 -0
  210. package/dist/esm/components/atoms/Avatar/helpers.js.map +1 -0
  211. package/dist/esm/components/atoms/Avatar/index.d.ts +2 -0
  212. package/dist/esm/components/atoms/Avatar/styled.d.ts +24 -0
  213. package/dist/esm/components/atoms/Avatar/styled.js +1 -0
  214. package/dist/esm/components/atoms/Avatar/styled.js.map +1 -0
  215. package/dist/esm/components/atoms/Badge/Badge.d.ts +12 -0
  216. package/dist/esm/components/atoms/Badge/Badge.js +1 -0
  217. package/dist/esm/components/atoms/Badge/Badge.js.map +1 -0
  218. package/dist/esm/components/atoms/Badge/index.d.ts +2 -0
  219. package/dist/esm/components/atoms/Badge/styled.d.ts +15 -0
  220. package/dist/esm/components/atoms/Badge/styled.js +1 -0
  221. package/dist/esm/components/atoms/Badge/styled.js.map +1 -0
  222. package/dist/esm/components/atoms/BoxContent/BoxContent.d.ts +7 -0
  223. package/dist/esm/components/atoms/BoxContent/BoxContent.js +1 -0
  224. package/dist/esm/components/atoms/BoxContent/BoxContent.js.map +1 -0
  225. package/dist/esm/components/atoms/BoxContent/index.d.ts +2 -0
  226. package/dist/esm/components/atoms/BoxContent/styled.d.ts +11 -0
  227. package/dist/esm/components/atoms/BoxContent/styled.js +1 -0
  228. package/dist/esm/components/atoms/BoxContent/styled.js.map +1 -0
  229. package/dist/esm/components/atoms/Button/Button.d.ts +28 -0
  230. package/dist/esm/components/atoms/Button/Button.js +1 -0
  231. package/dist/esm/components/atoms/Button/Button.js.map +1 -0
  232. package/dist/esm/components/atoms/Button/States/BaseState.d.ts +7 -0
  233. package/dist/esm/components/atoms/Button/States/BaseState.js +1 -0
  234. package/dist/esm/components/atoms/Button/States/BaseState.js.map +1 -0
  235. package/dist/esm/components/atoms/Button/States/Error.d.ts +4 -0
  236. package/dist/esm/components/atoms/Button/States/Error.js +1 -0
  237. package/dist/esm/components/atoms/Button/States/Error.js.map +1 -0
  238. package/dist/esm/components/atoms/Button/States/Loading.d.ts +4 -0
  239. package/dist/esm/components/atoms/Button/States/Loading.js +1 -0
  240. package/dist/esm/components/atoms/Button/States/Loading.js.map +1 -0
  241. package/dist/esm/components/atoms/Button/States/Success.d.ts +4 -0
  242. package/dist/esm/components/atoms/Button/States/Success.js +1 -0
  243. package/dist/esm/components/atoms/Button/States/Success.js.map +1 -0
  244. package/dist/esm/components/atoms/Button/States/index.d.ts +3 -0
  245. package/dist/esm/components/atoms/Button/States/styled.d.ts +7 -0
  246. package/dist/esm/components/atoms/Button/States/styled.js +1 -0
  247. package/dist/esm/components/atoms/Button/States/styled.js.map +1 -0
  248. package/dist/esm/components/atoms/Button/index.d.ts +3 -0
  249. package/dist/esm/components/atoms/Button/styled.d.ts +6 -0
  250. package/dist/esm/components/atoms/Button/styled.js +1 -0
  251. package/dist/esm/components/atoms/Button/styled.js.map +1 -0
  252. package/dist/esm/components/atoms/Card/Card.d.ts +10 -0
  253. package/dist/esm/components/atoms/Card/Card.js +1 -0
  254. package/dist/esm/components/atoms/Card/Card.js.map +1 -0
  255. package/dist/esm/components/atoms/Card/Footer/Footer.d.ts +8 -0
  256. package/dist/esm/components/atoms/Card/Footer/Footer.js +1 -0
  257. package/dist/esm/components/atoms/Card/Footer/Footer.js.map +1 -0
  258. package/dist/esm/components/atoms/Card/Footer/index.d.ts +2 -0
  259. package/dist/esm/components/atoms/Card/Header/Header.d.ts +8 -0
  260. package/dist/esm/components/atoms/Card/Header/Header.js +1 -0
  261. package/dist/esm/components/atoms/Card/Header/Header.js.map +1 -0
  262. package/dist/esm/components/atoms/Card/Header/index.d.ts +2 -0
  263. package/dist/esm/components/atoms/Card/index.d.ts +2 -0
  264. package/dist/esm/components/atoms/Card/styled.d.ts +1 -0
  265. package/dist/esm/components/atoms/Card/styled.js +1 -0
  266. package/dist/esm/components/atoms/Card/styled.js.map +1 -0
  267. package/dist/esm/components/atoms/Checkbox/Checkbox.d.ts +15 -0
  268. package/dist/esm/components/atoms/Checkbox/Checkbox.js +1 -0
  269. package/dist/esm/components/atoms/Checkbox/Checkbox.js.map +1 -0
  270. package/dist/esm/components/atoms/Checkbox/index.d.ts +2 -0
  271. package/dist/esm/components/atoms/Checkbox/styled.d.ts +23 -0
  272. package/dist/esm/components/atoms/Checkbox/styled.js +1 -0
  273. package/dist/esm/components/atoms/Checkbox/styled.js.map +1 -0
  274. package/dist/esm/components/atoms/Divider/Divider.d.ts +8 -0
  275. package/dist/esm/components/atoms/Divider/Divider.js +1 -0
  276. package/dist/esm/components/atoms/Divider/Divider.js.map +1 -0
  277. package/dist/esm/components/atoms/Divider/index.d.ts +2 -0
  278. package/dist/esm/components/atoms/Divider/styled.d.ts +1 -0
  279. package/dist/esm/components/atoms/Divider/styled.js +1 -0
  280. package/dist/esm/components/atoms/Divider/styled.js.map +1 -0
  281. package/dist/esm/components/atoms/GroupButton/GroupButton.d.ts +33 -0
  282. package/dist/esm/components/atoms/GroupButton/GroupButton.js +1 -0
  283. package/dist/esm/components/atoms/GroupButton/GroupButton.js.map +1 -0
  284. package/dist/esm/components/atoms/GroupButton/GroupButtonOption.d.ts +9 -0
  285. package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js +1 -0
  286. package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js.map +1 -0
  287. package/dist/esm/components/atoms/GroupButton/index.d.ts +4 -0
  288. package/dist/esm/components/atoms/GroupButton/styled.d.ts +38 -0
  289. package/dist/esm/components/atoms/GroupButton/styled.js +1 -0
  290. package/dist/esm/components/atoms/GroupButton/styled.js.map +1 -0
  291. package/dist/esm/components/atoms/Icon/AntDesign.d.ts +4 -0
  292. package/dist/esm/components/atoms/Icon/AntDesign.js +1 -0
  293. package/dist/esm/components/atoms/Icon/AntDesign.js.map +1 -0
  294. package/dist/esm/components/atoms/Icon/Entypo.d.ts +4 -0
  295. package/dist/esm/components/atoms/Icon/Entypo.js +1 -0
  296. package/dist/esm/components/atoms/Icon/Entypo.js.map +1 -0
  297. package/dist/esm/components/atoms/Icon/Evil.d.ts +4 -0
  298. package/dist/esm/components/atoms/Icon/Evil.js +1 -0
  299. package/dist/esm/components/atoms/Icon/Evil.js.map +1 -0
  300. package/dist/esm/components/atoms/Icon/Feather.d.ts +4 -0
  301. package/dist/esm/components/atoms/Icon/Feather.js +1 -0
  302. package/dist/esm/components/atoms/Icon/Feather.js.map +1 -0
  303. package/dist/esm/components/atoms/Icon/FontAwesome.d.ts +4 -0
  304. package/dist/esm/components/atoms/Icon/FontAwesome.js +1 -0
  305. package/dist/esm/components/atoms/Icon/FontAwesome.js.map +1 -0
  306. package/dist/esm/components/atoms/Icon/FontAwesomeFive.d.ts +4 -0
  307. package/dist/esm/components/atoms/Icon/FontAwesomeFive.js +1 -0
  308. package/dist/esm/components/atoms/Icon/FontAwesomeFive.js.map +1 -0
  309. package/dist/esm/components/atoms/Icon/Fontisto.d.ts +4 -0
  310. package/dist/esm/components/atoms/Icon/Fontisto.js +1 -0
  311. package/dist/esm/components/atoms/Icon/Fontisto.js.map +1 -0
  312. package/dist/esm/components/atoms/Icon/Foundation.d.ts +4 -0
  313. package/dist/esm/components/atoms/Icon/Foundation.js +1 -0
  314. package/dist/esm/components/atoms/Icon/Foundation.js.map +1 -0
  315. package/dist/esm/components/atoms/Icon/Icon.d.ts +15 -0
  316. package/dist/esm/components/atoms/Icon/Icon.js +1 -0
  317. package/dist/esm/components/atoms/Icon/Icon.js.map +1 -0
  318. package/dist/esm/components/atoms/Icon/Ionicon.d.ts +4 -0
  319. package/dist/esm/components/atoms/Icon/Ionicon.js +1 -0
  320. package/dist/esm/components/atoms/Icon/Ionicon.js.map +1 -0
  321. package/dist/esm/components/atoms/Icon/Material.d.ts +4 -0
  322. package/dist/esm/components/atoms/Icon/Material.js +1 -0
  323. package/dist/esm/components/atoms/Icon/Material.js.map +1 -0
  324. package/dist/esm/components/atoms/Icon/MaterialCommunity.d.ts +4 -0
  325. package/dist/esm/components/atoms/Icon/MaterialCommunity.js +1 -0
  326. package/dist/esm/components/atoms/Icon/MaterialCommunity.js.map +1 -0
  327. package/dist/esm/components/atoms/Icon/Octicon.d.ts +4 -0
  328. package/dist/esm/components/atoms/Icon/Octicon.js +1 -0
  329. package/dist/esm/components/atoms/Icon/Octicon.js.map +1 -0
  330. package/dist/esm/components/atoms/Icon/SimpleLine.d.ts +4 -0
  331. package/dist/esm/components/atoms/Icon/SimpleLine.js +1 -0
  332. package/dist/esm/components/atoms/Icon/SimpleLine.js.map +1 -0
  333. package/dist/esm/components/atoms/Icon/Zocial.d.ts +4 -0
  334. package/dist/esm/components/atoms/Icon/Zocial.js +1 -0
  335. package/dist/esm/components/atoms/Icon/Zocial.js.map +1 -0
  336. package/dist/esm/components/atoms/Icon/functions.d.ts +6 -0
  337. package/dist/esm/components/atoms/Icon/functions.js +1 -0
  338. package/dist/esm/components/atoms/Icon/functions.js.map +1 -0
  339. package/dist/esm/components/atoms/Icon/index.d.ts +2 -0
  340. package/dist/esm/components/atoms/Icon/styled.d.ts +3 -0
  341. package/dist/esm/components/atoms/Icon/styled.js +1 -0
  342. package/dist/esm/components/atoms/Icon/styled.js.map +1 -0
  343. package/dist/esm/components/atoms/Icon/types.d.ts +12 -0
  344. package/dist/esm/components/atoms/Input/Hint.d.ts +10 -0
  345. package/dist/esm/components/atoms/Input/Hint.js +1 -0
  346. package/dist/esm/components/atoms/Input/Hint.js.map +1 -0
  347. package/dist/esm/components/atoms/Input/InputContainer/InputContainer.d.ts +30 -0
  348. package/dist/esm/components/atoms/Input/InputContainer/InputContainer.js +1 -0
  349. package/dist/esm/components/atoms/Input/InputContainer/InputContainer.js.map +1 -0
  350. package/dist/esm/components/atoms/Input/InputElement/InputElement.d.ts +13 -0
  351. package/dist/esm/components/atoms/Input/InputElement/InputElement.js +1 -0
  352. package/dist/esm/components/atoms/Input/InputElement/InputElement.js.map +1 -0
  353. package/dist/esm/components/atoms/Input/InputMaskElement/InputMaskElement.d.ts +16 -0
  354. package/dist/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js +1 -0
  355. package/dist/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -0
  356. package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts +11 -0
  357. package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +1 -0
  358. package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -0
  359. package/dist/esm/components/atoms/Input/PressableInputContainer/index.d.ts +2 -0
  360. package/dist/esm/components/atoms/Input/PressableInputContainer/styled.d.ts +5 -0
  361. package/dist/esm/components/atoms/Input/PressableInputContainer/styled.js +1 -0
  362. package/dist/esm/components/atoms/Input/PressableInputContainer/styled.js.map +1 -0
  363. package/dist/esm/components/atoms/Input/hooks/useInputFocus.d.ts +5 -0
  364. package/dist/esm/components/atoms/Input/hooks/useInputFocus.js +1 -0
  365. package/dist/esm/components/atoms/Input/hooks/useInputFocus.js.map +1 -0
  366. package/dist/esm/components/atoms/Input/hooks/useNumberMask.d.ts +8 -0
  367. package/dist/esm/components/atoms/Input/hooks/useNumberMask.js +1 -0
  368. package/dist/esm/components/atoms/Input/hooks/useNumberMask.js.map +1 -0
  369. package/dist/esm/components/atoms/Input/hooks/useStringMask.d.ts +8 -0
  370. package/dist/esm/components/atoms/Input/hooks/useStringMask.js +1 -0
  371. package/dist/esm/components/atoms/Input/hooks/useStringMask.js.map +1 -0
  372. package/dist/esm/components/atoms/Input/index.d.ts +13 -0
  373. package/dist/esm/components/atoms/Input/styled.d.ts +58 -0
  374. package/dist/esm/components/atoms/Input/styled.js +1 -0
  375. package/dist/esm/components/atoms/Input/styled.js.map +1 -0
  376. package/dist/esm/components/atoms/Paper/Paper.d.ts +9 -0
  377. package/dist/esm/components/atoms/Paper/Paper.js +1 -0
  378. package/dist/esm/components/atoms/Paper/Paper.js.map +1 -0
  379. package/dist/esm/components/atoms/Paper/index.d.ts +2 -0
  380. package/dist/esm/components/atoms/Paper/styled.d.ts +1 -0
  381. package/dist/esm/components/atoms/Paper/styled.js +1 -0
  382. package/dist/esm/components/atoms/Paper/styled.js.map +1 -0
  383. package/dist/esm/components/atoms/PressableSurface/PressableSurface.d.ts +11 -0
  384. package/dist/esm/components/atoms/PressableSurface/PressableSurface.js +1 -0
  385. package/dist/esm/components/atoms/PressableSurface/PressableSurface.js.map +1 -0
  386. package/dist/esm/components/atoms/PressableSurface/index.d.ts +2 -0
  387. package/dist/esm/components/atoms/ProgressBar/ProgressBar.d.ts +18 -0
  388. package/dist/esm/components/atoms/ProgressBar/ProgressBar.js +1 -0
  389. package/dist/esm/components/atoms/ProgressBar/ProgressBar.js.map +1 -0
  390. package/dist/esm/components/atoms/ProgressBar/index.d.ts +2 -0
  391. package/dist/esm/components/atoms/ProgressBar/styled.d.ts +18 -0
  392. package/dist/esm/components/atoms/ProgressBar/styled.js +1 -0
  393. package/dist/esm/components/atoms/ProgressBar/styled.js.map +1 -0
  394. package/dist/esm/components/atoms/RadioButton/RadioButton.d.ts +15 -0
  395. package/dist/esm/components/atoms/RadioButton/RadioButton.js +1 -0
  396. package/dist/esm/components/atoms/RadioButton/RadioButton.js.map +1 -0
  397. package/dist/esm/components/atoms/RadioButton/index.d.ts +2 -0
  398. package/dist/esm/components/atoms/RadioButton/styled.d.ts +27 -0
  399. package/dist/esm/components/atoms/RadioButton/styled.js +1 -0
  400. package/dist/esm/components/atoms/RadioButton/styled.js.map +1 -0
  401. package/dist/esm/components/atoms/Switch/Switch.d.ts +16 -0
  402. package/dist/esm/components/atoms/Switch/Switch.js +1 -0
  403. package/dist/esm/components/atoms/Switch/Switch.js.map +1 -0
  404. package/dist/esm/components/atoms/Switch/animation.d.ts +2 -0
  405. package/dist/esm/components/atoms/Switch/animation.js +1 -0
  406. package/dist/esm/components/atoms/Switch/animation.js.map +1 -0
  407. package/dist/esm/components/atoms/Switch/index.d.ts +3 -0
  408. package/dist/esm/components/atoms/Switch/styled.d.ts +4 -0
  409. package/dist/esm/components/atoms/Switch/styled.js +1 -0
  410. package/dist/esm/components/atoms/Switch/styled.js.map +1 -0
  411. package/dist/esm/components/atoms/Tag/Tag.d.ts +15 -0
  412. package/dist/esm/components/atoms/Tag/Tag.js +1 -0
  413. package/dist/esm/components/atoms/Tag/Tag.js.map +1 -0
  414. package/dist/esm/components/atoms/Tag/index.d.ts +2 -0
  415. package/dist/esm/components/atoms/Tag/styled.d.ts +22 -0
  416. package/dist/esm/components/atoms/Tag/styled.js +1 -0
  417. package/dist/esm/components/atoms/Tag/styled.js.map +1 -0
  418. package/dist/esm/components/atoms/Text/Text.d.ts +20 -0
  419. package/dist/esm/components/atoms/Text/Text.js +1 -0
  420. package/dist/esm/components/atoms/Text/Text.js.map +1 -0
  421. package/dist/esm/components/atoms/Text/functions.d.ts +2 -0
  422. package/dist/esm/components/atoms/Text/functions.js +1 -0
  423. package/dist/esm/components/atoms/Text/functions.js.map +1 -0
  424. package/dist/esm/components/atoms/Text/index.d.ts +2 -0
  425. package/dist/esm/components/atoms/Text/styled.d.ts +6 -0
  426. package/dist/esm/components/atoms/Text/styled.js +1 -0
  427. package/dist/esm/components/atoms/Text/styled.js.map +1 -0
  428. package/dist/esm/components/atoms/shared/PaperAndCard.d.ts +3 -0
  429. package/dist/esm/components/atoms/shared/PaperAndCard.js +1 -0
  430. package/dist/esm/components/atoms/shared/PaperAndCard.js.map +1 -0
  431. package/dist/esm/components/molecules/Calendar/Calendar.d.ts +20 -0
  432. package/dist/esm/components/molecules/Calendar/Calendar.js +1 -0
  433. package/dist/esm/components/molecules/Calendar/Calendar.js.map +1 -0
  434. package/dist/esm/components/molecules/Calendar/components/MonthWeek.d.ts +13 -0
  435. package/dist/esm/components/molecules/Calendar/components/MonthWeek.js +1 -0
  436. package/dist/esm/components/molecules/Calendar/components/MonthWeek.js.map +1 -0
  437. package/dist/esm/components/molecules/Calendar/components/Weekdays.d.ts +8 -0
  438. package/dist/esm/components/molecules/Calendar/components/Weekdays.js +1 -0
  439. package/dist/esm/components/molecules/Calendar/components/Weekdays.js.map +1 -0
  440. package/dist/esm/components/molecules/Calendar/components/index.d.ts +2 -0
  441. package/dist/esm/components/molecules/Calendar/index.d.ts +2 -0
  442. package/dist/esm/components/molecules/Calendar/styled.d.ts +55 -0
  443. package/dist/esm/components/molecules/Calendar/styled.js +1 -0
  444. package/dist/esm/components/molecules/Calendar/styled.js.map +1 -0
  445. package/dist/esm/components/molecules/DatePicker/DatePicker.d.ts +19 -0
  446. package/dist/esm/components/molecules/DatePicker/DatePicker.js +1 -0
  447. package/dist/esm/components/molecules/DatePicker/DatePicker.js.map +1 -0
  448. package/dist/esm/components/molecules/DatePicker/index.d.ts +3 -0
  449. package/dist/esm/components/molecules/DatePicker/styled.d.ts +11 -0
  450. package/dist/esm/components/molecules/DatePicker/styled.js +1 -0
  451. package/dist/esm/components/molecules/DatePicker/styled.js.map +1 -0
  452. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.d.ts +17 -0
  453. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +1 -0
  454. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -0
  455. package/dist/esm/components/molecules/DateTimePicker/index.d.ts +2 -0
  456. package/dist/esm/components/molecules/DateTimePicker/styled.d.ts +6 -0
  457. package/dist/esm/components/molecules/DateTimePicker/styled.js +1 -0
  458. package/dist/esm/components/molecules/DateTimePicker/styled.js.map +1 -0
  459. package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +28 -0
  460. package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js +1 -0
  461. package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -0
  462. package/dist/esm/components/molecules/DateTimeSelector/Selector.d.ts +17 -0
  463. package/dist/esm/components/molecules/DateTimeSelector/Selector.js +1 -0
  464. package/dist/esm/components/molecules/DateTimeSelector/Selector.js.map +1 -0
  465. package/dist/esm/components/molecules/DateTimeSelector/index.d.ts +2 -0
  466. package/dist/esm/components/molecules/DateTimeSelector/styled.d.ts +48 -0
  467. package/dist/esm/components/molecules/DateTimeSelector/styled.js +1 -0
  468. package/dist/esm/components/molecules/DateTimeSelector/styled.js.map +1 -0
  469. package/dist/esm/components/molecules/Grid/functions.d.ts +3 -0
  470. package/dist/esm/components/molecules/Grid/functions.js +1 -0
  471. package/dist/esm/components/molecules/Grid/functions.js.map +1 -0
  472. package/dist/esm/components/molecules/Grid/index.d.ts +42 -0
  473. package/dist/esm/components/molecules/HintInputContainer/HintInputContainer.d.ts +17 -0
  474. package/dist/esm/components/molecules/HintInputContainer/HintInputContainer.js +1 -0
  475. package/dist/esm/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -0
  476. package/dist/esm/components/molecules/HintInputContainer/index.d.ts +2 -0
  477. package/dist/esm/components/molecules/HintInputContainer/styled.d.ts +0 -0
  478. package/dist/esm/components/molecules/IconTextButton/IconComponent.d.ts +9 -0
  479. package/dist/esm/components/molecules/IconTextButton/IconComponent.js +1 -0
  480. package/dist/esm/components/molecules/IconTextButton/IconComponent.js.map +1 -0
  481. package/dist/esm/components/molecules/IconTextButton/IconTextButton.d.ts +8 -0
  482. package/dist/esm/components/molecules/IconTextButton/index.d.ts +2 -0
  483. package/dist/esm/components/molecules/InputPassword/InputPasswordIcon.d.ts +8 -0
  484. package/dist/esm/components/molecules/InputPassword/InputPasswordIcon.js +1 -0
  485. package/dist/esm/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -0
  486. package/dist/esm/components/molecules/InputPassword/index.d.ts +1 -0
  487. package/dist/esm/components/molecules/InputPassword/styled.d.ts +5 -0
  488. package/dist/esm/components/molecules/InputPassword/styled.js +1 -0
  489. package/dist/esm/components/molecules/InputPassword/styled.js.map +1 -0
  490. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +11 -0
  491. package/dist/esm/components/molecules/LabeledSwitch/index.d.ts +1 -0
  492. package/dist/esm/components/molecules/Snackbar/Snackbar.d.ts +21 -0
  493. package/dist/esm/components/molecules/Snackbar/Snackbar.js +1 -0
  494. package/dist/esm/components/molecules/Snackbar/Snackbar.js.map +1 -0
  495. package/dist/esm/components/molecules/Snackbar/index.d.ts +2 -0
  496. package/dist/esm/components/molecules/Snackbar/styled.d.ts +41 -0
  497. package/dist/esm/components/molecules/Snackbar/styled.js +1 -0
  498. package/dist/esm/components/molecules/Snackbar/styled.js.map +1 -0
  499. package/dist/esm/components/molecules/TextArea/TextArea.d.ts +14 -0
  500. package/dist/esm/components/molecules/TextArea/TextArea.js +1 -0
  501. package/dist/esm/components/molecules/TextArea/TextArea.js.map +1 -0
  502. package/dist/esm/components/molecules/TextArea/index.d.ts +3 -0
  503. package/dist/esm/components/molecules/TextArea/styled.d.ts +2 -0
  504. package/dist/esm/components/molecules/TextArea/styled.js +1 -0
  505. package/dist/esm/components/molecules/TextArea/styled.js.map +1 -0
  506. package/dist/esm/hooks/index.d.ts +2 -0
  507. package/dist/esm/hooks/useDebouncedState.d.ts +2 -0
  508. package/dist/esm/hooks/useDebouncedState.js +1 -0
  509. package/dist/esm/hooks/useDebouncedState.js.map +1 -0
  510. package/dist/esm/hooks/useTheme.d.ts +2 -0
  511. package/dist/esm/hooks/useTheme.js +1 -0
  512. package/dist/esm/hooks/useTheme.js.map +1 -0
  513. package/dist/esm/index.d.ts +64 -0
  514. package/dist/esm/index.js +1 -0
  515. package/dist/esm/index.js.map +1 -0
  516. package/dist/esm/styles/ThemeProvider.d.ts +4 -0
  517. package/dist/esm/styles/ThemeProvider.js +1 -0
  518. package/dist/esm/styles/ThemeProvider.js.map +1 -0
  519. package/dist/esm/styles/definitions.d.ts +45 -0
  520. package/dist/esm/styles/definitions.js +1 -0
  521. package/dist/esm/styles/definitions.js.map +1 -0
  522. package/dist/esm/styles/light.d.ts +2 -0
  523. package/dist/esm/styles/light.js +1 -0
  524. package/dist/esm/styles/light.js.map +1 -0
  525. package/dist/esm/types/defaults.d.ts +134 -0
  526. package/dist/esm/utils/IPhoneXHelper.d.ts +4 -0
  527. package/dist/esm/utils/IPhoneXHelper.js +1 -0
  528. package/dist/esm/utils/IPhoneXHelper.js.map +1 -0
  529. package/dist/esm/utils/ResponsiveFontSize.d.ts +3 -0
  530. package/dist/esm/utils/ResponsiveFontSize.js +1 -0
  531. package/dist/esm/utils/ResponsiveFontSize.js.map +1 -0
  532. package/dist/esm/utils/extractNumbersFromString.d.ts +2 -0
  533. package/dist/esm/utils/extractNumbersFromString.js +1 -0
  534. package/dist/esm/utils/extractNumbersFromString.js.map +1 -0
  535. package/dist/esm/utils/formatWithMask.d.ts +3 -0
  536. package/dist/esm/utils/formatWithMask.js +1 -0
  537. package/dist/esm/utils/formatWithMask.js.map +1 -0
  538. package/dist/esm/utils/index.d.ts +7 -0
  539. package/dist/esm/utils/lightenDarkenColor.d.ts +1 -0
  540. package/dist/esm/utils/lightenDarkenColor.js +1 -0
  541. package/dist/esm/utils/lightenDarkenColor.js.map +1 -0
  542. package/dist/esm/utils/masks.d.ts +11 -0
  543. package/dist/esm/utils/masks.js +1 -0
  544. package/dist/esm/utils/masks.js.map +1 -0
  545. package/dist/esm/utils/variantComplement.d.ts +6 -0
  546. package/dist/esm/utils/variantComplement.js +1 -0
  547. package/dist/esm/utils/variantComplement.js.map +1 -0
  548. package/package.json +6 -4
  549. /package/dist/{types → cjs}/components/atoms/Avatar/Avatar.d.ts +0 -0
  550. /package/dist/{types → cjs}/components/atoms/Avatar/Avatar.stories.d.ts +0 -0
  551. /package/dist/{types → cjs}/components/atoms/Avatar/helpers.d.ts +0 -0
  552. /package/dist/{types → cjs}/components/atoms/Avatar/index.d.ts +0 -0
  553. /package/dist/{types → cjs}/components/atoms/Avatar/styled.d.ts +0 -0
  554. /package/dist/{types → cjs}/components/atoms/Badge/Badge.d.ts +0 -0
  555. /package/dist/{types → cjs}/components/atoms/Badge/index.d.ts +0 -0
  556. /package/dist/{types → cjs}/components/atoms/Badge/styled.d.ts +0 -0
  557. /package/dist/{types → cjs}/components/atoms/BoxContent/BoxContent.d.ts +0 -0
  558. /package/dist/{types → cjs}/components/atoms/BoxContent/BoxContent.stories.d.ts +0 -0
  559. /package/dist/{types → cjs}/components/atoms/BoxContent/index.d.ts +0 -0
  560. /package/dist/{types → cjs}/components/atoms/BoxContent/styled.d.ts +0 -0
  561. /package/dist/{types → cjs}/components/atoms/Button/Button.d.ts +0 -0
  562. /package/dist/{types → cjs}/components/atoms/Button/States/BaseState.d.ts +0 -0
  563. /package/dist/{types → cjs}/components/atoms/Button/States/Error.d.ts +0 -0
  564. /package/dist/{types → cjs}/components/atoms/Button/States/Loading.d.ts +0 -0
  565. /package/dist/{types → cjs}/components/atoms/Button/States/Success.d.ts +0 -0
  566. /package/dist/{types → cjs}/components/atoms/Button/States/index.d.ts +0 -0
  567. /package/dist/{types → cjs}/components/atoms/Button/States/styled.d.ts +0 -0
  568. /package/dist/{types → cjs}/components/atoms/Button/index.d.ts +0 -0
  569. /package/dist/{types → cjs}/components/atoms/Button/styled.d.ts +0 -0
  570. /package/dist/{types → cjs}/components/atoms/Card/Card.d.ts +0 -0
  571. /package/dist/{types → cjs}/components/atoms/Card/Card.stories.d.ts +0 -0
  572. /package/dist/{types → cjs}/components/atoms/Card/Footer/Footer.d.ts +0 -0
  573. /package/dist/{types → cjs}/components/atoms/Card/Footer/index.d.ts +0 -0
  574. /package/dist/{types → cjs}/components/atoms/Card/Header/Header.d.ts +0 -0
  575. /package/dist/{types → cjs}/components/atoms/Card/Header/index.d.ts +0 -0
  576. /package/dist/{types → cjs}/components/atoms/Card/index.d.ts +0 -0
  577. /package/dist/{types → cjs}/components/atoms/Card/styled.d.ts +0 -0
  578. /package/dist/{types → cjs}/components/atoms/Checkbox/Checkbox.d.ts +0 -0
  579. /package/dist/{types → cjs}/components/atoms/Checkbox/Checkbox.stories.d.ts +0 -0
  580. /package/dist/{types → cjs}/components/atoms/Checkbox/index.d.ts +0 -0
  581. /package/dist/{types → cjs}/components/atoms/Checkbox/styled.d.ts +0 -0
  582. /package/dist/{types → cjs}/components/atoms/Divider/Divider.d.ts +0 -0
  583. /package/dist/{types → cjs}/components/atoms/Divider/Divider.stories.d.ts +0 -0
  584. /package/dist/{types → cjs}/components/atoms/Divider/index.d.ts +0 -0
  585. /package/dist/{types → cjs}/components/atoms/Divider/styled.d.ts +0 -0
  586. /package/dist/{types → cjs}/components/atoms/GroupButton/GroupButton.d.ts +0 -0
  587. /package/dist/{types → cjs}/components/atoms/GroupButton/GroupButton.stories.d.ts +0 -0
  588. /package/dist/{types → cjs}/components/atoms/GroupButton/GroupButtonOption.d.ts +0 -0
  589. /package/dist/{types → cjs}/components/atoms/GroupButton/index.d.ts +0 -0
  590. /package/dist/{types → cjs}/components/atoms/GroupButton/styled.d.ts +0 -0
  591. /package/dist/{types → cjs}/components/atoms/Icon/AntDesign.d.ts +0 -0
  592. /package/dist/{types → cjs}/components/atoms/Icon/Entypo.d.ts +0 -0
  593. /package/dist/{types → cjs}/components/atoms/Icon/Evil.d.ts +0 -0
  594. /package/dist/{types → cjs}/components/atoms/Icon/Feather.d.ts +0 -0
  595. /package/dist/{types → cjs}/components/atoms/Icon/FontAwesome.d.ts +0 -0
  596. /package/dist/{types → cjs}/components/atoms/Icon/FontAwesomeFive.d.ts +0 -0
  597. /package/dist/{types → cjs}/components/atoms/Icon/Fontisto.d.ts +0 -0
  598. /package/dist/{types → cjs}/components/atoms/Icon/Foundation.d.ts +0 -0
  599. /package/dist/{types → cjs}/components/atoms/Icon/Icon.d.ts +0 -0
  600. /package/dist/{types → cjs}/components/atoms/Icon/Icon.stories.d.ts +0 -0
  601. /package/dist/{types → cjs}/components/atoms/Icon/Ionicon.d.ts +0 -0
  602. /package/dist/{types → cjs}/components/atoms/Icon/Material.d.ts +0 -0
  603. /package/dist/{types → cjs}/components/atoms/Icon/MaterialCommunity.d.ts +0 -0
  604. /package/dist/{types → cjs}/components/atoms/Icon/Octicon.d.ts +0 -0
  605. /package/dist/{types → cjs}/components/atoms/Icon/SimpleLine.d.ts +0 -0
  606. /package/dist/{types → cjs}/components/atoms/Icon/Zocial.d.ts +0 -0
  607. /package/dist/{types → cjs}/components/atoms/Icon/functions.d.ts +0 -0
  608. /package/dist/{types → cjs}/components/atoms/Icon/index.d.ts +0 -0
  609. /package/dist/{types → cjs}/components/atoms/Icon/styled.d.ts +0 -0
  610. /package/dist/{types → cjs}/components/atoms/Icon/types.d.ts +0 -0
  611. /package/dist/{types → cjs}/components/atoms/Input/Hint.d.ts +0 -0
  612. /package/dist/{types → cjs}/components/atoms/Input/InputElement/InputElement.d.ts +0 -0
  613. /package/dist/{types → cjs}/components/atoms/Input/InputMaskElement/InputMaskElement.d.ts +0 -0
  614. /package/dist/{types → cjs}/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts +0 -0
  615. /package/dist/{types → cjs}/components/atoms/Input/PressableInputContainer/index.d.ts +0 -0
  616. /package/dist/{types → cjs}/components/atoms/Input/PressableInputContainer/styled.d.ts +0 -0
  617. /package/dist/{types → cjs}/components/atoms/Input/hooks/useInputFocus.d.ts +0 -0
  618. /package/dist/{types → cjs}/components/atoms/Input/hooks/useNumberMask.d.ts +0 -0
  619. /package/dist/{types → cjs}/components/atoms/Input/hooks/useStringMask.d.ts +0 -0
  620. /package/dist/{types → cjs}/components/atoms/Input/index.d.ts +0 -0
  621. /package/dist/{types → cjs}/components/atoms/Input/styled.d.ts +0 -0
  622. /package/dist/{types → cjs}/components/atoms/Paper/Paper.d.ts +0 -0
  623. /package/dist/{types → cjs}/components/atoms/Paper/Paper.stories.d.ts +0 -0
  624. /package/dist/{types → cjs}/components/atoms/Paper/index.d.ts +0 -0
  625. /package/dist/{types → cjs}/components/atoms/Paper/styled.d.ts +0 -0
  626. /package/dist/{types → cjs}/components/atoms/PressableSurface/PressableSurface.d.ts +0 -0
  627. /package/dist/{types → cjs}/components/atoms/PressableSurface/index.d.ts +0 -0
  628. /package/dist/{types → cjs}/components/atoms/ProgressBar/ProgressBar.d.ts +0 -0
  629. /package/dist/{types → cjs}/components/atoms/ProgressBar/ProgressBar.stories.d.ts +0 -0
  630. /package/dist/{types → cjs}/components/atoms/ProgressBar/index.d.ts +0 -0
  631. /package/dist/{types → cjs}/components/atoms/ProgressBar/styled.d.ts +0 -0
  632. /package/dist/{types → cjs}/components/atoms/RadioButton/RadioButton.d.ts +0 -0
  633. /package/dist/{types → cjs}/components/atoms/RadioButton/RadioButton.stories.d.ts +0 -0
  634. /package/dist/{types → cjs}/components/atoms/RadioButton/index.d.ts +0 -0
  635. /package/dist/{types → cjs}/components/atoms/RadioButton/styled.d.ts +0 -0
  636. /package/dist/{types → cjs}/components/atoms/Switch/Switch.d.ts +0 -0
  637. /package/dist/{types → cjs}/components/atoms/Switch/Switch.stories.d.ts +0 -0
  638. /package/dist/{types → cjs}/components/atoms/Switch/animation.d.ts +0 -0
  639. /package/dist/{types → cjs}/components/atoms/Switch/index.d.ts +0 -0
  640. /package/dist/{types → cjs}/components/atoms/Switch/styled.d.ts +0 -0
  641. /package/dist/{types → cjs}/components/atoms/Tag/Tag.d.ts +0 -0
  642. /package/dist/{types → cjs}/components/atoms/Tag/index.d.ts +0 -0
  643. /package/dist/{types → cjs}/components/atoms/Tag/styled.d.ts +0 -0
  644. /package/dist/{types → cjs}/components/atoms/Text/Text.stories.d.ts +0 -0
  645. /package/dist/{types → cjs}/components/atoms/Text/functions.d.ts +0 -0
  646. /package/dist/{types → cjs}/components/atoms/Text/index.d.ts +0 -0
  647. /package/dist/{types → cjs}/components/atoms/Text/styled.d.ts +0 -0
  648. /package/dist/{types → cjs}/components/atoms/shared/PaperAndCard.d.ts +0 -0
  649. /package/dist/{types → cjs}/components/molecules/Calendar/Calendar.d.ts +0 -0
  650. /package/dist/{types → cjs}/components/molecules/Calendar/Calendar.stories.d.ts +0 -0
  651. /package/dist/{types → cjs}/components/molecules/Calendar/components/MonthWeek.d.ts +0 -0
  652. /package/dist/{types → cjs}/components/molecules/Calendar/components/Weekdays.d.ts +0 -0
  653. /package/dist/{types → cjs}/components/molecules/Calendar/components/index.d.ts +0 -0
  654. /package/dist/{types → cjs}/components/molecules/Calendar/index.d.ts +0 -0
  655. /package/dist/{types → cjs}/components/molecules/Calendar/styled.d.ts +0 -0
  656. /package/dist/{types → cjs}/components/molecules/DatePicker/DatePicker.d.ts +0 -0
  657. /package/dist/{types → cjs}/components/molecules/DatePicker/index.d.ts +0 -0
  658. /package/dist/{types → cjs}/components/molecules/DatePicker/styled.d.ts +0 -0
  659. /package/dist/{types → cjs}/components/molecules/DateTimePicker/DateTimePicker.d.ts +0 -0
  660. /package/dist/{types → cjs}/components/molecules/DateTimePicker/index.d.ts +0 -0
  661. /package/dist/{types → cjs}/components/molecules/DateTimePicker/styled.d.ts +0 -0
  662. /package/dist/{types → cjs}/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +0 -0
  663. /package/dist/{types → cjs}/components/molecules/DateTimeSelector/Selector.d.ts +0 -0
  664. /package/dist/{types → cjs}/components/molecules/DateTimeSelector/index.d.ts +0 -0
  665. /package/dist/{types → cjs}/components/molecules/DateTimeSelector/styled.d.ts +0 -0
  666. /package/dist/{types → cjs}/components/molecules/Grid/functions.d.ts +0 -0
  667. /package/dist/{types → cjs}/components/molecules/Grid/index.d.ts +0 -0
  668. /package/dist/{types → cjs}/components/molecules/HintInputContainer/HintInputContainer.d.ts +0 -0
  669. /package/dist/{types → cjs}/components/molecules/HintInputContainer/index.d.ts +0 -0
  670. /package/dist/{types → cjs}/components/molecules/HintInputContainer/styled.d.ts +0 -0
  671. /package/dist/{types → cjs}/components/molecules/IconTextButton/IconComponent.d.ts +0 -0
  672. /package/dist/{types → cjs}/components/molecules/IconTextButton/IconTextButton.d.ts +0 -0
  673. /package/dist/{types → cjs}/components/molecules/IconTextButton/index.d.ts +0 -0
  674. /package/dist/{types → cjs}/components/molecules/InputPassword/InputPasswordIcon.d.ts +0 -0
  675. /package/dist/{types → cjs}/components/molecules/InputPassword/index.d.ts +0 -0
  676. /package/dist/{types → cjs}/components/molecules/InputPassword/styled.d.ts +0 -0
  677. /package/dist/{types → cjs}/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +0 -0
  678. /package/dist/{types → cjs}/components/molecules/LabeledSwitch/index.d.ts +0 -0
  679. /package/dist/{types → cjs}/components/molecules/Snackbar/Snackbar.d.ts +0 -0
  680. /package/dist/{types → cjs}/components/molecules/Snackbar/index.d.ts +0 -0
  681. /package/dist/{types → cjs}/components/molecules/Snackbar/styled.d.ts +0 -0
  682. /package/dist/{types → cjs}/components/molecules/TextArea/TextArea.d.ts +0 -0
  683. /package/dist/{types → cjs}/components/molecules/TextArea/index.d.ts +0 -0
  684. /package/dist/{types → cjs}/components/molecules/TextArea/styled.d.ts +0 -0
  685. /package/dist/{types → cjs}/hooks/index.d.ts +0 -0
  686. /package/dist/{types → cjs}/hooks/useDebouncedState.d.ts +0 -0
  687. /package/dist/{types → cjs}/hooks/useTheme.d.ts +0 -0
  688. /package/dist/{types → cjs}/index.d.ts +0 -0
  689. /package/dist/{types → cjs}/styles/ThemeProvider.d.ts +0 -0
  690. /package/dist/{types → cjs}/styles/definitions.d.ts +0 -0
  691. /package/dist/{types → cjs}/styles/light.d.ts +0 -0
  692. /package/dist/{types → cjs}/types/defaults.d.ts +0 -0
  693. /package/dist/{types → cjs}/utils/IPhoneXHelper.d.ts +0 -0
  694. /package/dist/{types → cjs}/utils/ResponsiveFontSize.d.ts +0 -0
  695. /package/dist/{types → cjs}/utils/extractNumbersFromString.d.ts +0 -0
  696. /package/dist/{types → cjs}/utils/formatWithMask.d.ts +0 -0
  697. /package/dist/{types → cjs}/utils/index.d.ts +0 -0
  698. /package/dist/{types → cjs}/utils/lightenDarkenColor.d.ts +0 -0
  699. /package/dist/{types → cjs}/utils/masks.d.ts +0 -0
  700. /package/dist/{types → cjs}/utils/variantComplement.d.ts +0 -0
@@ -0,0 +1,20 @@
1
+ import React, { FC } from 'react';
2
+ import { ColorGradationType, ColorType, FontColorType, FontStackType, FontWeightType, TypographyVariationType } from '@tecsinapse/react-core';
3
+ import { StyleProp, TextStyle } from 'react-native';
4
+ export interface TextProps {
5
+ fontColor?: FontColorType;
6
+ fontWeight?: FontWeightType;
7
+ typography?: TypographyVariationType;
8
+ fontStack?: FontStackType;
9
+ colorVariant?: ColorType;
10
+ colorTone?: ColorGradationType;
11
+ numberOfLines?: number;
12
+ ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';
13
+ textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';
14
+ capitalFirst?: boolean;
15
+ style?: StyleProp<TextStyle>;
16
+ children?: React.ReactNode;
17
+ testID?: string;
18
+ }
19
+ declare const Text: FC<TextProps>;
20
+ export default Text;
@@ -35,3 +35,4 @@ const Text = ({
35
35
  };
36
36
 
37
37
  export { Text as default };
38
+ //# sourceMappingURL=Text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.js","sources":["../../../../../src/components/atoms/Text/Text.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n FontStackType,\n FontWeightType,\n TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { StyleProp, TextStyle } from 'react-native';\nimport { StyledColoredText } from './styled';\nimport { getLabel } from './functions';\n\nexport interface TextProps {\n /** Font theme text color */\n fontColor?: FontColorType;\n /** Font theme weight */\n fontWeight?: FontWeightType;\n /** Font theme sizes */\n typography?: TypographyVariationType;\n /** Font theme stack */\n fontStack?: FontStackType;\n /** Palette theme colors. You can specify this prop to override theme fontColor */\n colorVariant?: ColorType;\n /** Palette theme colors gradation */\n colorTone?: ColorGradationType;\n numberOfLines?: number;\n ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';\n textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';\n capitalFirst?: boolean;\n style?: StyleProp<TextStyle>;\n children?: React.ReactNode;\n testID?: string;\n}\n\n/** NOTE: When using colors, be careful to not override fontColor by using colorVariant and colorTone, referent to theme colors and not text colors. */\nconst Text: FC<TextProps> = ({\n children,\n style,\n fontColor = 'dark',\n colorTone = 'medium',\n colorVariant,\n fontWeight = 'regular',\n typography = 'base',\n numberOfLines,\n ellipsizeMode,\n textTransform = 'none',\n capitalFirst = false,\n ...rest\n}): JSX.Element => {\n return (\n <StyledColoredText\n {...rest}\n style={style}\n fontColor={fontColor}\n colorTone={colorTone}\n colorVariant={colorVariant}\n fontWeight={fontWeight}\n typography={typography}\n numberOfLines={numberOfLines}\n ellipsizeMode={ellipsizeMode}\n textTransform={textTransform}\n >\n {getLabel(children, capitalFirst)}\n </StyledColoredText>\n );\n};\n\nexport default Text;\n"],"names":["React"],"mappings":";;;;AAoCA,MAAM,OAAsB,CAAC;AAAA,EAC3B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAY,GAAA,MAAA;AAAA,EACZ,SAAY,GAAA,QAAA;AAAA,EACZ,YAAA;AAAA,EACA,UAAa,GAAA,SAAA;AAAA,EACb,UAAa,GAAA,MAAA;AAAA,EACb,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAgB,GAAA,MAAA;AAAA,EAChB,YAAe,GAAA,KAAA;AAAA,EACf,GAAG,IAAA;AACL,CAAmB,KAAA;AACjB,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,KAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,KAAA;AAAA,IAEC,QAAA,CAAS,UAAU,YAAY,CAAA;AAAA,GAClC,CAAA;AAEJ;;;;"}
@@ -0,0 +1,2 @@
1
+ export declare const getFirstCapitalCharacter: (value: string) => string;
2
+ export declare const getLabel: (children: any, capitalFirst: boolean) => any;
@@ -2,3 +2,4 @@ const getFirstCapitalCharacter = (value) => value.charAt(0).toUpperCase().concat
2
2
  const getLabel = (children, capitalFirst) => typeof children === "string" && capitalFirst ? getFirstCapitalCharacter(children) : children;
3
3
 
4
4
  export { getFirstCapitalCharacter, getLabel };
5
+ //# sourceMappingURL=functions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"functions.js","sources":["../../../../../src/components/atoms/Text/functions.ts"],"sourcesContent":["export const getFirstCapitalCharacter = (value: string): string =>\n value.charAt(0).toUpperCase().concat(value.slice(1));\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const getLabel = (children, capitalFirst: boolean) =>\n typeof children === 'string' && capitalFirst\n ? getFirstCapitalCharacter(children)\n : children;\n"],"names":[],"mappings":"AAAO,MAAM,wBAA2B,GAAA,CAAC,KACvC,KAAA,KAAA,CAAM,MAAO,CAAA,CAAC,CAAE,CAAA,WAAA,EAAc,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,CAAM,CAAC,CAAC,EAAA;AAGxC,MAAA,QAAA,GAAW,CAAC,QAAA,EAAU,YACjC,KAAA,OAAO,aAAa,QAAY,IAAA,YAAA,GAC5B,wBAAyB,CAAA,QAAQ,CACjC,GAAA;;;;"}
@@ -0,0 +1,2 @@
1
+ export { default as Text } from './Text';
2
+ export type { TextProps } from './Text';
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import { Text as RNText } from 'react-native';
3
+ export declare const StyledText: import("@emotion/native").StyledComponent<any, {}, {
4
+ ref?: import("react").Ref<RNText> | undefined;
5
+ }>;
6
+ export declare const StyledColoredText: import("@emotion/native").StyledComponent<any, {}, {}>;
@@ -19,3 +19,4 @@ const colorStyles = ({
19
19
  const StyledColoredText = styled(StyledText)(colorStyles);
20
20
 
21
21
  export { StyledColoredText, StyledText };
22
+ //# sourceMappingURL=styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Text/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps, TextProps } from '@tecsinapse/react-core';\nimport { Text as RNText } from 'react-native';\n\nexport const StyledText = styled(RNText)<TextProps & Partial<StyleProps>>`\n color: ${({ theme, fontColor = 'dark' }) => theme.font.color[fontColor]};\n font-weight: ${({ theme, fontWeight = 'regular' }) =>\n theme.font.weight[fontWeight]};\n font-size: ${({ theme, typography = 'base' }) =>\n theme.typography[typography].fontSize};\n line-height: ${({ theme, typography = 'base' }) =>\n theme.typography[typography].lineHeight};\n font-family: ${({ theme, fontStack = 'default' }) =>\n `'${theme.font.stack[fontStack]}'`};\n text-transform: ${({ textTransform = 'none' }) => `${textTransform}`};\n`;\n\nconst colorStyles = ({\n colorVariant,\n colorTone,\n theme,\n}: TextProps & StyleProps) =>\n colorVariant &&\n colorTone &&\n css`\n color: ${theme.color[colorVariant][colorTone]};\n `;\n\nexport const StyledColoredText = styled(StyledText)<\n TextProps & Partial<StyleProps>\n>(colorStyles);\n"],"names":["RNText"],"mappings":";;;AAIa,MAAA,UAAA,GAAa,OAAOA,IAAM,CAAA,CAAA;AAAA,SAC5B,EAAA,CAAC,EAAE,KAAA,EAAO,SAAY,GAAA,MAAA,OAAa,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,SAAS,CAAC,CAAA;AAAA,eACxD,EAAA,CAAC,EAAE,KAAA,EAAO,UAAa,GAAA,SAAA,OACpC,KAAM,CAAA,IAAA,CAAK,MAAO,CAAA,UAAU,CAAC,CAAA;AAAA,aAClB,EAAA,CAAC,EAAE,KAAA,EAAO,UAAa,GAAA,MAAA,OAClC,KAAM,CAAA,UAAA,CAAW,UAAU,CAAA,CAAE,QAAQ,CAAA;AAAA,eACxB,EAAA,CAAC,EAAE,KAAA,EAAO,UAAa,GAAA,MAAA,OACpC,KAAM,CAAA,UAAA,CAAW,UAAU,CAAA,CAAE,UAAU,CAAA;AAAA,eAAA,EAC1B,CAAC,EAAE,KAAO,EAAA,SAAA,GAAY,SAAU,EAAA,KAC7C,CAAI,CAAA,EAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,SAAS,CAAC,CAAG,CAAA,CAAA,CAAA;AAAA,kBAAA,EAClB,CAAC,EAAE,aAAA,GAAgB,QAAa,KAAA,CAAA,EAAG,aAAa,CAAE,CAAA,CAAA;AAAA,EAAA;AAGtE,MAAM,cAAc,CAAC;AAAA,EACnB,YAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AACF,CAAA,KACE,gBACA,SACA,IAAA,GAAA,CAAA;AAAA,WAAA,EACW,KAAM,CAAA,KAAA,CAAM,YAAY,CAAA,CAAE,SAAS,CAAC,CAAA;AAAA,EAAA,CAAA,CAAA;AAG1C,MAAM,iBAAoB,GAAA,MAAA,CAAO,UAAU,CAAA,CAEhD,WAAW;;;;"}
@@ -0,0 +1,3 @@
1
+ import { StyleProps } from '@tecsinapse/react-core';
2
+ export declare const baseStyles: ({ theme }: StyleProps) => any;
3
+ export declare const elevatedStyles: ({ theme, elevated, }: any) => any;
@@ -18,3 +18,4 @@ const elevatedStyles = ({
18
18
  ];
19
19
 
20
20
  export { baseStyles, elevatedStyles };
21
+ //# sourceMappingURL=PaperAndCard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PaperAndCard.js","sources":["../../../../../src/components/atoms/shared/PaperAndCard.ts"],"sourcesContent":["import { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const baseStyles = ({ theme }: StyleProps): any => css`\n border-radius: ${theme.borderRadius.mili};\n background-color: ${theme.miscellaneous.surfaceColor};\n`;\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const elevatedStyles = ({\n theme,\n elevated = false,\n}: { elevated?: boolean } & StyleProps): any =>\n elevated && [\n css({\n shadowColor: theme.miscellaneous.shadow,\n shadowOffset: { width: 0, height: 2 },\n shadowOpacity: 0.05,\n shadowRadius: 5,\n elevation: 2,\n }),\n ];\n/* eslint-enable @typescript-eslint/no-explicit-any */\n"],"names":[],"mappings":";;AAIO,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAA6B,KAAA,GAAA,CAAA;AAAA,iBACvC,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,oBACpB,EAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,EAAA;AAI/C,MAAM,iBAAiB,CAAC;AAAA,EAC7B,KAAA;AAAA,EACA,QAAW,GAAA,KAAA;AACb,CAAA,KACE,QAAY,IAAA;AAAA,EACV,GAAI,CAAA;AAAA,IACF,WAAA,EAAa,MAAM,aAAc,CAAA,MAAA;AAAA,IACjC,YAAc,EAAA,EAAE,KAAO,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAAA,IACpC,aAAe,EAAA,IAAA;AAAA,IACf,YAAc,EAAA,CAAA;AAAA,IACd,SAAW,EAAA,CAAA;AAAA,GACZ,CAAA;AACH;;;;"}
@@ -0,0 +1,20 @@
1
+ import * as React from 'react';
2
+ import { ViewProps } from 'react-native';
3
+ import { TextProps } from '../../atoms/Text';
4
+ export type SelectionType = 'range' | 'day';
5
+ export type DateRange = {
6
+ lowest: Date;
7
+ highest?: Date;
8
+ };
9
+ export type Value<T extends SelectionType> = T extends 'range' ? DateRange : Date;
10
+ export interface CalendarProps<T extends SelectionType> extends ViewProps {
11
+ TextComponent?: React.FC<TextProps>;
12
+ year?: number;
13
+ month?: number;
14
+ onChange?: (value?: Value<T>) => void | never;
15
+ type?: T;
16
+ value?: Value<T>;
17
+ locale?: Locale;
18
+ }
19
+ declare function Calendar<T extends SelectionType>({ TextComponent, year: _year, month: _month, value, type, onChange, locale, ...rest }: CalendarProps<T>): JSX.Element;
20
+ export default Calendar;
@@ -113,3 +113,4 @@ function Calendar({
113
113
  }
114
114
 
115
115
  export { Calendar as default };
116
+ //# sourceMappingURL=Calendar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Calendar.js","sources":["../../../../../src/components/molecules/Calendar/Calendar.tsx"],"sourcesContent":["import { add, format, getWeeksInMonth, set } from 'date-fns';\nimport * as React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport {\n Content,\n Control,\n getCapitalizedTextComponent,\n TitleContainer,\n} from './styled';\nimport { Weekdays, MonthWeek } from './components';\n\nexport type SelectionType = 'range' | 'day';\n\nexport type DateRange = { lowest: Date; highest?: Date };\n\nexport type Value<T extends SelectionType> = T extends 'range'\n ? DateRange\n : Date;\n\nexport interface CalendarProps<T extends SelectionType> extends ViewProps {\n TextComponent?: React.FC<TextProps>;\n year?: number;\n month?: number;\n onChange?: (value?: Value<T>) => void | never;\n type?: T;\n value?: Value<T>;\n locale?: Locale;\n}\n\nconst now = set(new Date(), {\n date: 1,\n hours: 0,\n minutes: 0,\n seconds: 0,\n milliseconds: 0,\n});\n\nfunction dayOfWeekFromWeekStart(dayOfWeek: number, weekStartsOn: number) {\n return dayOfWeek === 0 ? 0 : dayOfWeek - weekStartsOn;\n}\n\nfunction Calendar<T extends SelectionType>({\n TextComponent = Text,\n year: _year,\n month: _month,\n value,\n type,\n onChange,\n locale,\n ...rest\n}: CalendarProps<T>): JSX.Element {\n const _referenceDate = React.useMemo(\n () =>\n _year && _month\n ? new Date(_year, _month, 1, 0, 0, 0, 0)\n : _month\n ? new Date(now.getFullYear(), _month, 1, 0, 0, 0, 0)\n : now,\n [_year, _month]\n );\n\n const [referenceDate, setReferenceDate] = React.useState(_referenceDate);\n\n const startingWeekDay = React.useMemo(\n () =>\n dayOfWeekFromWeekStart(\n referenceDate.getDay(),\n locale?.options?.weekStartsOn ?? 0\n ),\n [referenceDate, locale]\n );\n\n const weeksInMonth = React.useMemo(\n () =>\n getWeeksInMonth(referenceDate, {\n weekStartsOn: locale?.options?.weekStartsOn ?? 0,\n }),\n [referenceDate, locale]\n );\n\n const Capitalized = React.useMemo(\n () => getCapitalizedTextComponent(TextComponent),\n [TextComponent]\n );\n\n const calendar = React.useMemo(\n () =>\n [...Array(weeksInMonth).keys()].map(week =>\n [...Array(7).keys()].map(weekDayIndex =>\n add(referenceDate, {\n days: 6 * week + week + weekDayIndex - startingWeekDay,\n })\n )\n ),\n [weeksInMonth, startingWeekDay, referenceDate]\n );\n\n const handlePressNext = React.useCallback(() => {\n setReferenceDate(add(referenceDate, { months: 1 }));\n }, [referenceDate, setReferenceDate]);\n\n const handlePressPrev = React.useCallback(() => {\n setReferenceDate(add(referenceDate, { months: -1 }));\n }, [referenceDate, setReferenceDate]);\n\n return (\n <View {...rest}>\n <TitleContainer>\n <Control onPress={handlePressPrev} align={'start'} isLeft>\n <Icon\n name={'chevron-left'}\n type={'material-community'}\n size={'kilo'}\n colorVariant={'secondary'}\n colorTone={'medium'}\n />\n </Control>\n <Capitalized\n colorVariant={'secondary'}\n colorTone={'xdark'}\n fontWeight={'bold'}\n >\n {format(referenceDate, 'MMMM yyyy', { locale })}\n </Capitalized>\n <Control onPress={handlePressNext} align={'end'} isRright>\n <Icon\n name={'chevron-right'}\n type={'material-community'}\n size={'kilo'}\n colorVariant={'secondary'}\n colorTone={'medium'}\n />\n </Control>\n </TitleContainer>\n <Content>\n <Weekdays\n locale={locale}\n calendar={calendar}\n Capitalized={Capitalized}\n />\n {calendar.map((week, index) => (\n <MonthWeek\n week={week}\n type={type}\n value={value}\n key={`week-${index}`}\n onChange={onChange}\n TextComponent={TextComponent}\n referenceDate={referenceDate}\n />\n ))}\n </Content>\n </View>\n );\n}\n\nexport default Calendar;\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { Value, SelectionType } from '../Calendar';
3
+ import { TextProps } from '@tecsinapse/react-core';
4
+ interface IMonthWeek<T extends SelectionType> {
5
+ TextComponent: React.FC<TextProps>;
6
+ onChange?: (value?: any) => void | never;
7
+ type?: T;
8
+ value?: Value<T>;
9
+ week: Date[];
10
+ referenceDate: Date;
11
+ }
12
+ declare const _default: React.MemoExoticComponent<(<T extends SelectionType>({ week, referenceDate, type, value, TextComponent, onChange, }: IMonthWeek<T>) => JSX.Element)>;
13
+ export default _default;
@@ -105,3 +105,4 @@ const MonthWeek = ({
105
105
  var MonthWeek$1 = React__default.memo(MonthWeek);
106
106
 
107
107
  export { MonthWeek$1 as default };
108
+ //# sourceMappingURL=MonthWeek.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MonthWeek.js","sources":["../../../../../../src/components/molecules/Calendar/components/MonthWeek.tsx"],"sourcesContent":["import React from 'react';\nimport { compareAsc as compare, isSameDay } from 'date-fns';\nimport { Cell, Selected, Week } from '../styled';\nimport { Value, DateRange, SelectionType } from '../Calendar';\nimport { TextProps } from '@tecsinapse/react-core';\n\ninterface IMonthWeek<T extends SelectionType> {\n TextComponent: React.FC<TextProps>;\n /** any as workaround for TS type mismatching */\n onChange?: (value?: any) => void | never;\n type?: T;\n value?: Value<T>;\n week: Date[];\n referenceDate: Date;\n}\n\nconst MonthWeek = <T extends SelectionType>({\n week,\n referenceDate,\n type,\n value,\n TextComponent,\n onChange,\n}: IMonthWeek<T>) => {\n const checkIfIsBetween = React.useCallback(\n (date: Date, _value?: Value<T>) => {\n if (type !== 'range' || !_value) return false;\n else {\n const { lowest, highest } = _value as DateRange;\n if (!highest) return false;\n return compare(lowest, date) <= 0 && compare(highest, date) >= 0;\n }\n },\n [type]\n );\n\n const checkIfIsSelected = React.useCallback(\n (date: Date, _value?: Value<T>) => {\n if (!_value) return false;\n else if (type === 'range' && _value) {\n const { lowest, highest } = _value as DateRange;\n return (\n isSameDay(lowest, date) ||\n (highest ? isSameDay(highest, date) : false)\n );\n } else {\n return isSameDay(_value as Date, date);\n }\n },\n [type]\n );\n\n const handlePressCell = React.useCallback(\n (date: Date, _value?: Value<T>) => () => {\n if (type === 'day') {\n onChange?.(date as never);\n } else if (!_value) {\n onChange?.({ lowest: date } as never);\n } else {\n let newValue;\n const { lowest, highest } = _value as DateRange;\n\n if (!highest) {\n if (compare(date, lowest) === -1) {\n newValue = { lowest: date, highest: undefined };\n } else if (compare(date, lowest) === 0) {\n newValue = undefined;\n } else {\n newValue = { lowest: lowest, highest: date };\n }\n } else {\n if (compare(date, lowest) === -1) {\n newValue = { lowest: date, highest: undefined };\n } else if (compare(date, lowest) === 0) {\n newValue = undefined;\n } else {\n if (compare(date, highest) === -1) {\n newValue = { lowest: lowest, highest: date };\n } else if (compare(date, highest) === 0) {\n newValue = { lowest: lowest, highest: undefined };\n } else {\n newValue = { lowest: lowest, highest: date };\n }\n }\n }\n\n onChange?.(newValue as never);\n }\n },\n [onChange, type]\n );\n\n return (\n <Week>\n {week.map((date, index) => {\n const isSelected = checkIfIsSelected(date, value);\n const isBetween = checkIfIsBetween(date, value);\n\n let isRangeStart, isRangeEnd;\n\n if (type === 'range' && value) {\n const { lowest, highest } = value as DateRange;\n isRangeStart = highest && isSameDay(lowest, date);\n isRangeEnd = !!highest && isSameDay(highest, date);\n } else {\n isRangeStart = false;\n isRangeEnd = false;\n }\n\n const colorTone = isSelected\n ? 'xlight'\n : date.getMonth() === referenceDate.getMonth()\n ? 'xdark'\n : 'light';\n\n return (\n <Cell\n key={date.getDate()}\n selected={isSelected}\n highlighted={isBetween}\n isLineEnd={index === 6}\n isLineStart={index === 0}\n isRangeStart={isRangeStart}\n isRangeEnd={isRangeEnd}\n onPress={handlePressCell(date, value)}\n >\n <Selected selected={isSelected} pointerEvents={'none'}>\n <TextComponent colorVariant={'secondary'} colorTone={colorTone}>\n {date.getDate()}\n </TextComponent>\n </Selected>\n </Cell>\n );\n })}\n </Week>\n );\n};\n\nexport default React.memo(MonthWeek);\n"],"names":["React","compare"],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ interface IWeekdays {
3
+ calendar: Date[][];
4
+ locale?: Locale;
5
+ Capitalized: React.ElementType;
6
+ }
7
+ declare const _default: React.MemoExoticComponent<({ calendar, locale, Capitalized }: IWeekdays) => JSX.Element>;
8
+ export default _default;
@@ -21,3 +21,4 @@ const Weekdays = ({ calendar, locale, Capitalized }) => {
21
21
  var Weekdays$1 = React__default.memo(Weekdays);
22
22
 
23
23
  export { Weekdays$1 as default };
24
+ //# sourceMappingURL=Weekdays.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Weekdays.js","sources":["../../../../../../src/components/molecules/Calendar/components/Weekdays.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell, Week } from '../styled';\nimport { format } from 'date-fns';\n\ninterface IWeekdays {\n calendar: Date[][];\n locale?: Locale;\n Capitalized: React.ElementType;\n}\n\nconst Weekdays = ({ calendar, locale, Capitalized }: IWeekdays) => {\n return (\n <Week>\n {calendar[0].map(date => (\n <Cell\n key={date.getDate()}\n selected={false}\n highlighted={false}\n isLineEnd={false}\n isLineStart={false}\n isRangeStart={false}\n isRangeEnd={false}\n pointerEvents={'none'}\n >\n <Capitalized colorVariant={'secondary'} colorTone={'medium'}>\n {format(date, 'EEE', { locale }).slice(0, 3)}\n </Capitalized>\n </Cell>\n ))}\n </Week>\n );\n};\n\nexport default React.memo(Weekdays);\n"],"names":["React"],"mappings":";;;;AAUA,MAAM,WAAW,CAAC,EAAE,QAAU,EAAA,MAAA,EAAQ,aAA6B,KAAA;AACjE,EAAA,oDACG,IACE,EAAA,IAAA,EAAA,QAAA,CAAS,CAAC,CAAA,CAAE,IAAI,CACf,IAAA,qBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,KAAK,OAAQ,EAAA;AAAA,MAClB,QAAU,EAAA,KAAA;AAAA,MACV,WAAa,EAAA,KAAA;AAAA,MACb,SAAW,EAAA,KAAA;AAAA,MACX,WAAa,EAAA,KAAA;AAAA,MACb,YAAc,EAAA,KAAA;AAAA,MACd,UAAY,EAAA,KAAA;AAAA,MACZ,aAAe,EAAA,MAAA;AAAA,KAAA;AAAA,iDAEd,WAAY,EAAA,EAAA,YAAA,EAAc,WAAa,EAAA,SAAA,EAAW,YAChD,MAAO,CAAA,IAAA,EAAM,KAAO,EAAA,EAAE,QAAQ,CAAA,CAAE,KAAM,CAAA,CAAA,EAAG,CAAC,CAC7C,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,iBAAeA,cAAA,CAAM,KAAK,QAAQ,CAAA;;;;"}
@@ -0,0 +1,2 @@
1
+ export { default as Weekdays } from './Weekdays';
2
+ export { default as MonthWeek } from './MonthWeek';
@@ -0,0 +1,2 @@
1
+ export { default as Calendar } from './Calendar';
2
+ export type { CalendarProps, SelectionType, DateRange, Value, } from './Calendar';
@@ -0,0 +1,55 @@
1
+ import { FC } from 'react';
2
+ import { PressableProps, ViewProps } from 'react-native';
3
+ import { TextProps } from '../../atoms/Text';
4
+ interface ButtonBorders {
5
+ isLeft?: boolean;
6
+ isRright?: boolean;
7
+ }
8
+ export declare const TitleContainer: import("@emotion/native").StyledComponent<ViewProps & {
9
+ theme?: import("@emotion/react").Theme | undefined;
10
+ as?: import("react").ElementType<any> | undefined;
11
+ } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
12
+ ref?: import("react").Ref<import("react-native").View> | undefined;
13
+ }>;
14
+ export declare const Control: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
15
+ theme?: import("@emotion/react").Theme | undefined;
16
+ as?: import("react").ElementType<any> | undefined;
17
+ } & Partial<import("../../../types/defaults").ThemeProviderProps> & ButtonBorders & {
18
+ align: 'start' | 'end';
19
+ }, {}, {}>;
20
+ export declare const getCapitalizedTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
21
+ theme?: import("@emotion/react").Theme | undefined;
22
+ as?: import("react").ElementType<any> | undefined;
23
+ }, {}, {}>;
24
+ export declare const Content: import("@emotion/native").StyledComponent<ViewProps & {
25
+ theme?: import("@emotion/react").Theme | undefined;
26
+ as?: import("react").ElementType<any> | undefined;
27
+ } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
28
+ ref?: import("react").Ref<import("react-native").View> | undefined;
29
+ }>;
30
+ export declare const Week: import("@emotion/native").StyledComponent<ViewProps & {
31
+ theme?: import("@emotion/react").Theme | undefined;
32
+ as?: import("react").ElementType<any> | undefined;
33
+ } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
34
+ ref?: import("react").Ref<import("react-native").View> | undefined;
35
+ }>;
36
+ export declare const Selected: import("@emotion/native").StyledComponent<ViewProps & {
37
+ theme?: import("@emotion/react").Theme | undefined;
38
+ as?: import("react").ElementType<any> | undefined;
39
+ } & Partial<import("../../../types/defaults").ThemeProviderProps> & {
40
+ selected: boolean;
41
+ }, {}, {
42
+ ref?: import("react").Ref<import("react-native").View> | undefined;
43
+ }>;
44
+ export declare const Cell: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
45
+ theme?: import("@emotion/react").Theme | undefined;
46
+ as?: import("react").ElementType<any> | undefined;
47
+ } & PressableProps & Partial<import("../../../types/defaults").ThemeProviderProps> & {
48
+ selected: boolean;
49
+ highlighted: boolean;
50
+ isLineEnd: boolean;
51
+ isLineStart: boolean;
52
+ isRangeStart: boolean;
53
+ isRangeEnd: boolean;
54
+ }, {}, {}>;
55
+ export {};
@@ -77,3 +77,4 @@ const Cell = styled(PressableSurface)(
77
77
  );
78
78
 
79
79
  export { Cell, Content, Control, Selected, TitleContainer, Week, getCapitalizedTextComponent };
80
+ //# sourceMappingURL=styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Calendar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { Platform, PressableProps, ViewProps } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { TextProps } from '../../atoms/Text';\n\nconst isWeb = Platform.OS === 'web';\n\ninterface ButtonBorders {\n isLeft?: boolean;\n isRright?: boolean;\n}\n\nexport const TitleContainer = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n background-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const Control = styled(PressableSurface)(\n (\n props: Partial<StyleProps> & ButtonBorders & { align: 'start' | 'end' }\n ) => css`\n align-items: flex-${props.align};\n padding: ${props.theme?.spacing.centi};\n border-radius: ${props.theme?.borderRadius.mili};\n margin: ${props.theme?.spacing.mili};\n `\n);\n\nexport const getCapitalizedTextComponent = (component: FC<TextProps>) => {\n return styled(component)`\n text-transform: capitalize;\n `;\n};\n\nexport const Content = styled.View<ViewProps & Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.deca};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const Week = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n`;\n\nexport const Selected = styled.View<\n Partial<StyleProps> & { selected: boolean }\n>`\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: ${({ theme, selected }) =>\n selected ? theme.color.primary.medium : 'transparent'};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n width: 100%;\n height: 100%;\n`;\n\nexport const Cell = styled(PressableSurface)<\n PressableProps &\n Partial<StyleProps> & {\n selected: boolean;\n highlighted: boolean;\n isLineEnd: boolean;\n isLineStart: boolean;\n isRangeStart: boolean;\n isRangeEnd: boolean;\n }\n>(\n ({\n theme,\n selected,\n highlighted,\n isLineEnd,\n isLineStart,\n isRangeStart,\n isRangeEnd,\n }) => {\n const borderRadiusSize = theme.borderRadius.mili;\n\n const { rightBorderRadius, leftBorderRadius } = {\n rightBorderRadius:\n (selected && !isRangeStart) || isLineEnd ? borderRadiusSize : 0,\n leftBorderRadius:\n (selected && !isRangeEnd) || isLineStart ? borderRadiusSize : 0,\n };\n\n const borderEffect = highlighted ? 0 : borderRadiusSize;\n\n const backgroundColor = highlighted\n ? theme.color.primary.light\n : 'transparent';\n\n return css`\n ${isWeb\n ? css`\n width: 32px;\n height: 32px;\n `\n : css`\n aspect-ratio: 1;\n flex: 1;\n `}\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: ${borderEffect};\n border-top-left-radius: ${leftBorderRadius};\n border-bottom-left-radius: ${leftBorderRadius};\n border-top-right-radius: ${rightBorderRadius};\n border-bottom-right-radius: ${rightBorderRadius};\n background-color: ${backgroundColor};\n `;\n }\n);\n"],"names":[],"mappings":";;;;AAOA,MAAM,KAAA,GAAQ,SAAS,EAAO,KAAA,KAAA,CAAA;AAOvB,MAAM,iBAAiB,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,oBAAA,EAIf,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,MAAM,CAAA;AAAA,EAAA;AAGpD,MAAA,OAAA,GAAU,OAAO,gBAAgB,CAAA;AAAA,EAC5C,CACE,KACG,KAAA,GAAA,CAAA;AAAA,sBAAA,EACiB,MAAM,KAAK,CAAA;AAAA,aACpB,EAAA,KAAA,CAAM,KAAO,EAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,mBACpB,EAAA,KAAA,CAAM,KAAO,EAAA,YAAA,CAAa,IAAI,CAAA;AAAA,YACrC,EAAA,KAAA,CAAM,KAAO,EAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,EAAA,CAAA;AAEvC,EAAA;AAEa,MAAA,2BAAA,GAA8B,CAAC,SAA6B,KAAA;AACvE,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAGzB,EAAA;AAEO,MAAM,UAAU,MAAO,CAAA,IAAA,CAAA;AAAA,WAAA,EACjB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,oBAAA,EACxB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,EAAA;AAG9D,MAAM,OAAO,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAIpB,MAAM,WAAW,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,oBAMT,EAAA,CAAC,EAAE,KAAA,EAAO,QAAS,EAAA,KACrC,WAAW,KAAM,CAAA,KAAA,CAAM,OAAQ,CAAA,MAAA,GAAS,aAAa,CAAA;AAAA,iBAAA,EACtC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA;AAAA;AAAA,EAAA;AAK5C,MAAA,IAAA,GAAO,OAAO,gBAAgB,CAAA;AAAA,EAWzC,CAAC;AAAA,IACC,KAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,GACI,KAAA;AACJ,IAAM,MAAA,gBAAA,GAAmB,MAAM,YAAa,CAAA,IAAA,CAAA;AAE5C,IAAM,MAAA,EAAE,iBAAmB,EAAA,gBAAA,EAAqB,GAAA;AAAA,MAC9C,iBACG,EAAA,QAAA,IAAY,CAAC,YAAA,IAAiB,YAAY,gBAAmB,GAAA,CAAA;AAAA,MAChE,gBACG,EAAA,QAAA,IAAY,CAAC,UAAA,IAAe,cAAc,gBAAmB,GAAA,CAAA;AAAA,KAClE,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,cAAc,CAAI,GAAA,gBAAA,CAAA;AAEvC,IAAA,MAAM,eAAkB,GAAA,WAAA,GACpB,KAAM,CAAA,KAAA,CAAM,QAAQ,KACpB,GAAA,aAAA,CAAA;AAEJ,IAAO,OAAA,GAAA,CAAA;AAAA,MAAA,EACH,KACE,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA,UAIA,CAAA,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA,UAGC,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,qBAAA,EAIY,YAAY,CAAA;AAAA,8BAAA,EACH,gBAAgB,CAAA;AAAA,iCAAA,EACb,gBAAgB,CAAA;AAAA,+BAAA,EAClB,iBAAiB,CAAA;AAAA,kCAAA,EACd,iBAAiB,CAAA;AAAA,wBAAA,EAC3B,eAAe,CAAA;AAAA,IAAA,CAAA,CAAA;AAAA,GAEvC;AACF;;;;"}
@@ -0,0 +1,19 @@
1
+ import * as React from 'react';
2
+ import { InputContainerProps } from '../../atoms/Input';
3
+ import { TextProps } from '../../atoms/Text';
4
+ import { CalendarProps, SelectionType } from '../Calendar';
5
+ export interface DatePickerProps<T extends SelectionType> extends InputContainerProps, Omit<CalendarProps<T>, 'style'> {
6
+ controlComponent?: (onPress: () => void, displayValue?: string) => JSX.Element;
7
+ TextComponent?: React.FC<TextProps>;
8
+ CalendarComponent: React.FC<CalendarProps<T>>;
9
+ placeholder?: string;
10
+ onFocus?: () => void | never;
11
+ onBlur?: () => void | never;
12
+ format?: string;
13
+ closeOnPick?: boolean;
14
+ renderCalendar: (calendar: React.ReactElement, blur?: () => void) => JSX.Element | null;
15
+ requestShowCalendar: () => void;
16
+ requestCloseCalendar: () => void;
17
+ }
18
+ declare function DatePicker<T extends SelectionType>({ month, year, onChange, value, type, format, placeholder, onFocus, onBlur, disabled, controlComponent, hintComponent, hint, variant, TextComponent, CalendarComponent, rightComponent, style, locale, closeOnPick, renderCalendar, requestShowCalendar, requestCloseCalendar, ...rest }: DatePickerProps<T>): JSX.Element;
19
+ export default DatePicker;
@@ -107,3 +107,4 @@ function DatePicker({
107
107
  }
108
108
 
109
109
  export { DatePicker as default };
110
+ //# sourceMappingURL=DatePicker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import { format as formatDate } from 'date-fns';\nimport * as React from 'react';\nimport { useCallback, useEffect } from 'react';\nimport { InputContainerProps, useInputFocus } from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { CalendarProps, DateRange, SelectionType } from '../Calendar';\nimport { HintInputContainer } from '../HintInputContainer';\nimport { CalendarIcon, getStyledTextComponent } from './styled';\n\nexport interface DatePickerProps<T extends SelectionType>\n extends InputContainerProps,\n Omit<CalendarProps<T>, 'style'> {\n controlComponent?: (\n onPress: () => void,\n displayValue?: string\n ) => JSX.Element;\n TextComponent?: React.FC<TextProps>;\n CalendarComponent: React.FC<CalendarProps<T>>;\n placeholder?: string;\n onFocus?: () => void | never;\n onBlur?: () => void | never;\n format?: string;\n closeOnPick?: boolean;\n renderCalendar: (\n calendar: React.ReactElement,\n blur?: () => void\n ) => JSX.Element | null;\n requestShowCalendar: () => void;\n requestCloseCalendar: () => void;\n}\n\nfunction DatePicker<T extends SelectionType>({\n /** DatePicker props */\n month,\n year,\n onChange,\n value,\n type,\n format = 'yyyy-MM-dd',\n placeholder,\n onFocus,\n onBlur,\n disabled,\n controlComponent,\n hintComponent,\n hint,\n variant,\n TextComponent = Text,\n CalendarComponent,\n rightComponent,\n style,\n locale,\n closeOnPick = false,\n renderCalendar,\n requestShowCalendar,\n requestCloseCalendar,\n ...rest\n}: DatePickerProps<T>): JSX.Element {\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const handleShowCalendar = React.useCallback(() => {\n requestShowCalendar();\n handleFocus();\n }, [handleFocus, requestShowCalendar]);\n\n const getDisplayValue = () => {\n if (!value) return placeholder;\n if (type === 'day') {\n return formatDate(value as Date, format, { locale: locale });\n } else {\n const { lowest, highest } = value as DateRange;\n if (highest)\n return `${formatDate(lowest, format, {\n locale: locale,\n })} - ${formatDate(highest, format, { locale: locale })}`;\n else return placeholder;\n }\n };\n\n const StyledText = getStyledTextComponent(TextComponent);\n\n const handleRequestCloseCalendar = useCallback(() => {\n requestCloseCalendar();\n handleBlur();\n }, [requestCloseCalendar, handleBlur]);\n\n useEffect(() => {\n if (closeOnPick && value && type === 'day') {\n setTimeout(handleRequestCloseCalendar, 200);\n }\n if (closeOnPick && value && type === 'range') {\n const { lowest, highest } = value as DateRange;\n lowest && highest && setTimeout(handleRequestCloseCalendar, 200);\n }\n }, [value, closeOnPick, type, handleRequestCloseCalendar]);\n\n const calendar = (\n <CalendarComponent\n pointerEvents={'box-none'}\n type={type}\n value={value}\n month={month}\n year={year}\n onChange={onChange}\n locale={locale}\n />\n );\n\n return (\n <>\n {controlComponent ? (\n controlComponent(handleShowCalendar, getDisplayValue())\n ) : (\n <HintInputContainer\n focused={focused}\n viewStyle={style}\n onPress={handleShowCalendar}\n disabled={disabled}\n hintComponent={hintComponent}\n LabelComponent={TextComponent}\n variant={variant}\n hint={hint}\n rightComponent={\n <>\n <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n {rightComponent}\n </>\n }\n {...rest}\n >\n <StyledText fontWeight=\"bold\" disabled={disabled}>\n {getDisplayValue() || ' '}\n </StyledText>\n </HintInputContainer>\n )}\n {renderCalendar(calendar, handleBlur)}\n </>\n );\n}\n\nexport default DatePicker;\n"],"names":["format","formatDate"],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { default as DatePicker } from './DatePicker';
2
+ export { CalendarIcon } from './styled';
3
+ export type { DatePickerProps } from './DatePicker';
@@ -0,0 +1,11 @@
1
+ import { FC } from 'react';
2
+ import { InputContainerProps } from '../../atoms/Input';
3
+ import { TextProps } from '../../atoms/Text';
4
+ export declare const getStyledTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
5
+ theme?: import("@emotion/react").Theme | undefined;
6
+ as?: import("react").ElementType<any> | undefined;
7
+ } & Partial<InputContainerProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
8
+ export declare const CalendarIcon: import("@emotion/native").StyledComponent<import("../../atoms/Icon").IconProps & {
9
+ theme?: import("@emotion/react").Theme | undefined;
10
+ as?: import("react").ElementType<any> | undefined;
11
+ } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
@@ -22,3 +22,4 @@ const CalendarIcon = styled(Icon)`
22
22
  `;
23
23
 
24
24
  export { CalendarIcon, getStyledTextComponent };
25
+ //# sourceMappingURL=styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/DatePicker/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { Icon } from '../../atoms/Icon';\nimport { disabledInputStyles, InputContainerProps } from '../../atoms/Input';\nimport { TextProps } from '../../atoms/Text';\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n return styled(component)(\n (props: Partial<InputContainerProps> & Partial<StyleProps>) => css`\n line-height: ${props.theme?.typography.h5.lineHeight};\n ${disabledInputStyles(props)}\n `\n );\n};\n\nexport const CalendarIcon = styled(Icon)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n color: ${({ theme }) => theme.color.secondary.medium};\n`;\n"],"names":[],"mappings":";;;;;;;;;;AAOa,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAO,OAAO,SAAS,CAAA;AAAA,IACrB,CAAC,KAA8D,KAAA,GAAA,CAAA;AAAA,mBAAA,EAC9C,KAAM,CAAA,KAAA,EAAO,UAAW,CAAA,EAAA,CAAG,UAAU,CAAA;AAAA,MAClD,EAAA,mBAAA,CAAoB,KAAK,CAAC,CAAA;AAAA,IAAA,CAAA;AAAA,GAEhC,CAAA;AACF,EAAA;AAEa,MAAA,YAAA,GAAe,OAAO,IAAI,CAAA,CAAA;AAAA,WAAA,EAC1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA,SAAA,EACpC,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,MAAM,CAAA;AAAA;;;;"}
@@ -0,0 +1,17 @@
1
+ import * as React from 'react';
2
+ import { InputContainerProps } from '../../atoms/Input';
3
+ import { TextProps } from '../../atoms/Text';
4
+ import { DateTimeSelectorProps } from '../DateTimeSelector';
5
+ export interface DateTimePickerProps extends InputContainerProps, Omit<DateTimeSelectorProps, 'style'> {
6
+ controlComponent?: (onPress: () => void, displayValue?: string) => JSX.Element;
7
+ TextComponent?: React.FC<TextProps>;
8
+ DateTimeSelectorComponent: React.FC<DateTimeSelectorProps>;
9
+ placeholder?: string;
10
+ onFocus?: () => void | never;
11
+ onBlur?: () => void | never;
12
+ renderSelector: (selector: React.ReactElement, blur?: () => void) => JSX.Element | null;
13
+ requestShowSelector: () => void;
14
+ requestCloseSelector: () => void;
15
+ }
16
+ declare const DateTimePicker: React.FC<DateTimePickerProps>;
17
+ export default DateTimePicker;
@@ -110,3 +110,4 @@ const DateTimePicker = ({
110
110
  };
111
111
 
112
112
  export { DateTimePicker as default };
113
+ //# sourceMappingURL=DateTimePicker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateTimePicker.js","sources":["../../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { format as formatDate } from 'date-fns';\nimport * as React from 'react';\nimport { InputContainerProps, useInputFocus } from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { CalendarIcon, getStyledTextComponent } from '../DatePicker/styled';\nimport { DateTimeSelector, DateTimeSelectorProps } from '../DateTimeSelector';\nimport { HintInputContainer } from '../HintInputContainer';\nimport { getStyledDateTimeSelector } from './styled';\n\nexport interface DateTimePickerProps\n extends InputContainerProps,\n Omit<DateTimeSelectorProps, 'style'> {\n controlComponent?: (\n onPress: () => void,\n displayValue?: string\n ) => JSX.Element;\n TextComponent?: React.FC<TextProps>;\n DateTimeSelectorComponent: React.FC<DateTimeSelectorProps>;\n placeholder?: string;\n onFocus?: () => void | never;\n onBlur?: () => void | never;\n renderSelector: (\n selector: React.ReactElement,\n blur?: () => void\n ) => JSX.Element | null;\n requestShowSelector: () => void;\n requestCloseSelector: () => void;\n}\n\nconst DateTimePicker: React.FC<DateTimePickerProps> = ({\n onChange,\n value,\n mode = 'date',\n format = 'yyyy-MM-dd hh:mm:ss',\n locale,\n upperDateThreshold,\n lowerDateThreshold,\n offsetThreshold,\n upperOffsetThreshold,\n lowerOffsetThreshold,\n dateModalTitle,\n timeModalTitle,\n dateConfirmButtonText,\n timeConfirmButtonText,\n dayLabel,\n monthLabel,\n yearLabel,\n hourLabel,\n minuteLabel,\n placeholder,\n onFocus,\n onBlur,\n disabled,\n controlComponent,\n hintComponent,\n hint,\n variant = 'default',\n TextComponent = Text,\n DateTimeSelectorComponent = DateTimeSelector,\n rightComponent,\n style,\n renderSelector,\n requestShowSelector,\n requestCloseSelector,\n ...rest\n}) => {\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const handleShowSelector = () => {\n requestShowSelector();\n handleFocus();\n };\n\n const handleChoosing = (value: Date) => {\n onChange?.(value);\n requestCloseSelector();\n };\n\n const StyledText = getStyledTextComponent(TextComponent);\n const displayValue =\n (value ? formatDate(value, format, { locale: locale }) : placeholder) ||\n ' ';\n const StyledDateTimeSelector = getStyledDateTimeSelector(\n DateTimeSelectorComponent\n );\n\n const dateTimeSelector = (\n <StyledDateTimeSelector\n value={value}\n mode={mode}\n format={format}\n locale={locale}\n upperDateThreshold={upperDateThreshold}\n lowerDateThreshold={lowerDateThreshold}\n offsetThreshold={offsetThreshold}\n upperOffsetThreshold={upperOffsetThreshold}\n lowerOffsetThreshold={lowerOffsetThreshold}\n dateModalTitle={dateModalTitle}\n timeModalTitle={timeModalTitle}\n dateConfirmButtonText={dateConfirmButtonText}\n timeConfirmButtonText={timeConfirmButtonText}\n dayLabel={dayLabel}\n monthLabel={monthLabel}\n yearLabel={yearLabel}\n hourLabel={hourLabel}\n minuteLabel={minuteLabel}\n onChange={handleChoosing}\n />\n );\n\n return (\n <>\n {controlComponent ? (\n controlComponent(handleShowSelector, displayValue)\n ) : (\n <HintInputContainer\n focused={focused}\n viewStyle={style}\n onPress={handleShowSelector}\n disabled={disabled}\n LabelComponent={TextComponent}\n variant={variant}\n hint={hint}\n hintComponent={hintComponent}\n rightComponent={\n <>\n <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n {rightComponent}\n </>\n }\n {...rest}\n >\n <StyledText fontWeight=\"bold\" disabled={disabled}>\n {displayValue}\n </StyledText>\n </HintInputContainer>\n )}\n {renderSelector(dateTimeSelector, handleBlur)}\n </>\n );\n};\n\nexport default DateTimePicker;\n"],"names":["format","value","formatDate"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { default as DateTimePicker } from './DateTimePicker';
2
+ export type { DateTimePickerProps } from './DateTimePicker';
@@ -0,0 +1,6 @@
1
+ import { FC } from 'react';
2
+ import { DateTimeSelectorProps } from '../DateTimeSelector';
3
+ export declare const getStyledDateTimeSelector: (component: FC<DateTimeSelectorProps>) => import("@emotion/native").StyledComponent<DateTimeSelectorProps & {
4
+ theme?: import("@emotion/react").Theme | undefined;
5
+ as?: import("react").ElementType<any> | undefined;
6
+ } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
@@ -7,3 +7,4 @@ const getStyledDateTimeSelector = (component) => {
7
7
  };
8
8
 
9
9
  export { getStyledDateTimeSelector };
10
+ //# sourceMappingURL=styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/DateTimePicker/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { DateTimeSelectorProps } from '../DateTimeSelector';\n\nexport const getStyledDateTimeSelector = (\n component: FC<DateTimeSelectorProps>\n) => {\n return styled(component)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.deca};\n `;\n};\n"],"names":[],"mappings":";;AAKa,MAAA,yBAAA,GAA4B,CACvC,SACG,KAAA;AACH,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EACV,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAEhD;;;;"}
@@ -0,0 +1,28 @@
1
+ import * as React from 'react';
2
+ import { ViewProps } from 'react-native';
3
+ import { TextProps } from '../../atoms/Text';
4
+ export type DateTimeSelectorMode = 'date' | 'time' | 'datetime' | 'month';
5
+ export interface DateTimeSelectorProps extends ViewProps {
6
+ TextComponent?: React.FC<TextProps>;
7
+ value?: Date;
8
+ onChange?: (value: Date) => void | never;
9
+ mode?: DateTimeSelectorMode;
10
+ format?: string;
11
+ locale?: Locale;
12
+ upperDateThreshold?: Date;
13
+ lowerDateThreshold?: Date;
14
+ offsetThreshold?: number;
15
+ upperOffsetThreshold?: number;
16
+ lowerOffsetThreshold?: number;
17
+ dateModalTitle?: string;
18
+ timeModalTitle?: string;
19
+ dateConfirmButtonText?: string;
20
+ timeConfirmButtonText?: string;
21
+ dayLabel?: string;
22
+ monthLabel?: string;
23
+ yearLabel?: string;
24
+ hourLabel?: string;
25
+ minuteLabel?: string;
26
+ }
27
+ declare const DateTimeSelector: React.FC<DateTimeSelectorProps>;
28
+ export default DateTimeSelector;
@@ -163,3 +163,4 @@ const DateTimeSelector = ({
163
163
  };
164
164
 
165
165
  export { DateTimeSelector as default };
166
+ //# sourceMappingURL=DateTimeSelector.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateTimeSelector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n add,\n compareAsc,\n format as formatDate,\n getDaysInMonth,\n isSameDay,\n isSameMonth,\n isSameYear,\n set,\n sub,\n} from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Button } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { Granularity, Selector } from './Selector';\nimport { BackButton, Content, Header, Root, SelectorContainer } from './styled';\n\nexport type DateTimeSelectorMode = 'date' | 'time' | 'datetime' | 'month';\n\nexport interface DateTimeSelectorProps extends ViewProps {\n TextComponent?: React.FC<TextProps>;\n value?: Date;\n onChange?: (value: Date) => void | never;\n\n /**\n * Defines the Picker behavior\n * Must be one of ['date', 'time', 'datetime', 'month']\n */\n mode?: DateTimeSelectorMode;\n format?: string;\n locale?: Locale;\n\n /**\n * Maximum date from today\n */\n upperDateThreshold?: Date;\n\n /**\n * Minimum date from today\n */\n lowerDateThreshold?: Date;\n\n /**\n * Minimum and maximum date in distance units from today.\n * The distance unit used depends on the picker mode\n * If mode is date, the unit is day\n * If mode is time, the unit is hour\n * If mode is datetime, the unit is day\n * If mode is month, the unit is month\n */\n offsetThreshold?: number;\n\n /**\n * Maximum date in distance units from today.\n * The distance unit used depends on the picker mode\n * If mode is date, the unit is day\n * If mode is time, the unit is hour\n * If mode is datetime, the unit is day\n * If mode is month, the unit is month\n */\n upperOffsetThreshold?: number;\n\n /**\n * Minimum date in distance units from today.\n * The distance unit used depends on the picker mode\n * If mode is date, the unit is day\n * If mode is time, the unit is hour\n * If mode is datetime, the unit is day\n * If mode is month, the unit is month\n */\n lowerOffsetThreshold?: number;\n\n dateModalTitle?: string;\n timeModalTitle?: string;\n dateConfirmButtonText?: string;\n timeConfirmButtonText?: string;\n dayLabel?: string;\n monthLabel?: string;\n yearLabel?: string;\n hourLabel?: string;\n minuteLabel?: string;\n}\n\nfunction getThresholdUnit(mode: DateTimeSelectorMode, threshold?: number) {\n if (!threshold) return {};\n if (mode === 'month') {\n return { months: threshold };\n } else if (['date', 'datetime'].includes(mode)) {\n return { days: threshold };\n } else {\n return { hours: threshold };\n }\n}\n\nconst DateTimeSelector: React.FC<DateTimeSelectorProps> = ({\n TextComponent = Text,\n value,\n onChange,\n mode = 'date',\n locale,\n upperDateThreshold: _upperDateThreshold,\n lowerDateThreshold: _lowerDateThreshold,\n offsetThreshold,\n upperOffsetThreshold,\n lowerOffsetThreshold,\n dateModalTitle,\n timeModalTitle,\n dateConfirmButtonText,\n timeConfirmButtonText,\n dayLabel,\n monthLabel,\n yearLabel,\n hourLabel,\n minuteLabel,\n ...rest\n}) => {\n const lowerDateThreshold =\n _lowerDateThreshold ||\n ((offsetThreshold || lowerOffsetThreshold) &&\n sub(\n new Date(),\n getThresholdUnit(mode, offsetThreshold || lowerOffsetThreshold)\n ));\n\n const upperDateThreshold =\n _upperDateThreshold ||\n ((offsetThreshold || upperOffsetThreshold) &&\n add(\n new Date(),\n getThresholdUnit(mode, offsetThreshold || upperOffsetThreshold)\n ));\n\n const [date, setDate] = React.useState<Date>(value || new Date());\n const [currentMode, setCurrentMode] = React.useState<0 | 1>(0);\n\n const isDate =\n ['date', 'month'].includes(mode) ||\n (mode === 'datetime' && currentMode === 0);\n\n const modalTitle = isDate ? dateModalTitle : timeModalTitle;\n const confirmButtonText = isDate\n ? dateConfirmButtonText\n : timeConfirmButtonText;\n\n const handleChange = (granularity: Granularity) => (newValue: number) => {\n setDate(date => {\n let newState: Date;\n // Months and years must have a different handling for being\n // the only date units that may interfere another unit.\n if (['month', 'year'].includes(granularity)) {\n let newDate = set(date, { [granularity]: newValue });\n const daysInMonth = getDaysInMonth(newDate);\n if (granularity === 'year' && date.getMonth() != newDate.getMonth()) {\n newDate = set(newDate, { month: date.getMonth() });\n newState = set(newDate, { date: getDaysInMonth(newDate) });\n }\n newState =\n daysInMonth < date.getDate()\n ? set(newDate, { date: daysInMonth })\n : newDate;\n } else {\n newState = set(date, { [granularity]: newValue });\n }\n\n if (upperDateThreshold && compareAsc(newState, upperDateThreshold) > 0) {\n return upperDateThreshold;\n } else if (\n lowerDateThreshold &&\n compareAsc(newState, lowerDateThreshold) < 0\n ) {\n return lowerDateThreshold;\n } else {\n return newState;\n }\n });\n };\n\n const getDisplayedValue = (granularity: Granularity) => (value: number) => {\n return granularity === 'month'\n ? formatDate(date, 'MMM', { locale: locale }).slice(0, 3)\n : value.toString().padStart(2, '0');\n };\n\n const handlePressConfirm = () => {\n if (mode === 'datetime' && currentMode === 0) {\n setCurrentMode(1);\n } else {\n onChange?.(date);\n }\n };\n\n const handlePressBack = () => {\n setCurrentMode(0);\n };\n\n return (\n <Root {...rest}>\n <Header>\n {currentMode === 1 && (\n <BackButton onPress={handlePressBack}>\n <Icon\n type={'material-community'}\n name={'chevron-left'}\n size={'mega'}\n colorVariant={'secondary'}\n />\n </BackButton>\n )}\n <TextComponent typography={'base'} colorVariant={'secondary'}>\n {modalTitle}\n </TextComponent>\n </Header>\n\n {isDate ? (\n <Content>\n {mode !== 'month' && (\n <SelectorContainer isFirst>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('date')}\n referenceDate={date}\n value={date.getDate()}\n label={dayLabel || 'Day'}\n granularity={'date'}\n getDisplayValue={getDisplayedValue('date')}\n preventUpper={\n upperDateThreshold\n ? isSameDay(upperDateThreshold, date)\n : false\n }\n preventLower={\n lowerDateThreshold\n ? isSameDay(lowerDateThreshold, date)\n : false\n }\n />\n </SelectorContainer>\n )}\n <SelectorContainer>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('month')}\n referenceDate={date}\n value={date.getMonth()}\n label={monthLabel || 'Month'}\n granularity={'month'}\n getDisplayValue={getDisplayedValue('month')}\n preventUpper={\n upperDateThreshold\n ? isSameMonth(upperDateThreshold, date)\n : false\n }\n preventLower={\n lowerDateThreshold\n ? isSameMonth(lowerDateThreshold, date)\n : false\n }\n />\n </SelectorContainer>\n <SelectorContainer isLast>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('year')}\n referenceDate={date}\n value={date.getFullYear()}\n label={yearLabel || 'Year'}\n granularity={'year'}\n getDisplayValue={getDisplayedValue('year')}\n preventUpper={\n upperDateThreshold\n ? isSameYear(upperDateThreshold, date)\n : false\n }\n preventLower={\n lowerDateThreshold\n ? isSameYear(lowerDateThreshold, date)\n : false\n }\n />\n </SelectorContainer>\n </Content>\n ) : (\n <Content>\n <SelectorContainer isFirst>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('hours')}\n referenceDate={date}\n value={date.getHours()}\n label={hourLabel || 'Hour'}\n granularity={'hours'}\n getDisplayValue={getDisplayedValue('hours')}\n />\n </SelectorContainer>\n <SelectorContainer isLast>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('minutes')}\n referenceDate={date}\n value={date.getMinutes()}\n label={minuteLabel || 'Minute'}\n granularity={'minutes'}\n getDisplayValue={getDisplayedValue('minutes')}\n />\n </SelectorContainer>\n </Content>\n )}\n <Button color={'primary'} onPress={handlePressConfirm}>\n <TextComponent fontWeight=\"bold\" fontColor=\"light\">\n {confirmButtonText || 'OK'}\n </TextComponent>\n </Button>\n </Root>\n );\n};\n\nexport default DateTimeSelector;\n"],"names":["date","value","formatDate"],"mappings":"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"}
@@ -0,0 +1,17 @@
1
+ import * as React from 'react';
2
+ import { ViewProps } from 'react-native';
3
+ import { TextProps } from '../../atoms/Text';
4
+ export type Granularity = 'date' | 'month' | 'year' | 'hours' | 'minutes';
5
+ interface SelectorProps extends ViewProps {
6
+ TextComponent: React.FC<TextProps>;
7
+ granularity: Granularity;
8
+ referenceDate: Date;
9
+ label: string;
10
+ value: number;
11
+ getDisplayValue: (value: number) => string;
12
+ onChange: (value: number) => void | never;
13
+ preventUpper?: boolean;
14
+ preventLower?: boolean;
15
+ }
16
+ export declare const Selector: React.FC<SelectorProps>;
17
+ export {};
@@ -91,3 +91,4 @@ const Selector = ({
91
91
  };
92
92
 
93
93
  export { Selector };
94
+ //# sourceMappingURL=Selector.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Selector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/Selector.tsx"],"sourcesContent":["import { getDaysInMonth } from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Icon } from '../../atoms/Icon';\nimport { TextProps } from '../../atoms/Text';\nimport { Control, SelectorRoot, SelectorValue } from './styled';\n\nexport type Granularity = 'date' | 'month' | 'year' | 'hours' | 'minutes';\n\ninterface SelectorProps extends ViewProps {\n TextComponent: React.FC<TextProps>;\n granularity: Granularity;\n referenceDate: Date;\n label: string;\n value: number;\n getDisplayValue: (value: number) => string;\n onChange: (value: number) => void | never;\n preventUpper?: boolean;\n preventLower?: boolean;\n}\n\nfunction getPrevAndNext(\n value: number,\n granularity: Granularity,\n daysInMonth: number,\n multiplier = 1\n): [number, number] {\n let next = value + multiplier,\n prev = value - multiplier;\n\n if (granularity === 'date') {\n next = next > daysInMonth ? 1 : next;\n prev = prev < 1 ? daysInMonth : prev;\n } else if (granularity === 'month') {\n next = next > 11 ? 0 : next;\n prev = prev < 0 ? 11 : prev;\n } else if (granularity === 'hours') {\n next = next > 23 ? 0 : next;\n prev = prev < 0 ? 23 : prev;\n } else if (granularity === 'minutes') {\n next = next > 59 ? 0 : next;\n prev = prev < 0 ? 59 : prev;\n }\n\n return [prev, next];\n}\nexport const Selector: React.FC<SelectorProps> = ({\n granularity,\n label,\n value,\n onChange,\n getDisplayValue,\n referenceDate,\n preventUpper,\n preventLower,\n TextComponent,\n ...rest\n}) => {\n const pressInTimeoutRef = React.useRef<NodeJS.Timeout>();\n\n const handlePressInNext = (_next?: number) => {\n const daysInMonth = getDaysInMonth(referenceDate);\n const next = _next || getPrevAndNext(value, granularity, daysInMonth)[1];\n clearTimeout(pressInTimeoutRef.current);\n pressInTimeoutRef.current = setTimeout(() => {\n handlePressInNext(getPrevAndNext(next, granularity, daysInMonth, 3)[1]);\n }, 500);\n onChange(next);\n };\n\n const handlePressInPrev = (_prev?: number) => {\n const daysInMonth = getDaysInMonth(referenceDate);\n const prev = _prev || getPrevAndNext(value, granularity, daysInMonth)[0];\n clearTimeout(pressInTimeoutRef.current);\n pressInTimeoutRef.current = setTimeout(() => {\n handlePressInPrev(getPrevAndNext(prev, granularity, daysInMonth, 3)[0]);\n }, 500);\n onChange(prev);\n };\n\n const handlePressOut = () => {\n pressInTimeoutRef.current && clearTimeout(pressInTimeoutRef.current);\n };\n\n return (\n <SelectorRoot {...rest}>\n <Control\n onPressIn={() => requestAnimationFrame(() => handlePressInNext())}\n onPressOut={handlePressOut}\n disabled={preventUpper}\n >\n <Icon\n name={'chevron-up'}\n type={'material-community'}\n size={'mega'}\n colorVariant={'primary'}\n />\n </Control>\n <SelectorValue>\n <TextComponent colorVariant={'secondary'} typography={'sub'}>\n {label}\n </TextComponent>\n <TextComponent fontWeight={'bold'} typography={'h5'}>\n {getDisplayValue(value)}\n </TextComponent>\n </SelectorValue>\n <Control\n onPressIn={() => requestAnimationFrame(() => handlePressInPrev())}\n onPressOut={handlePressOut}\n disabled={preventLower}\n style={{ opacity: preventLower ? 0 : 1 }}\n >\n <Icon\n name={'chevron-down'}\n type={'material-community'}\n size={'mega'}\n colorVariant={'primary'}\n />\n </Control>\n </SelectorRoot>\n );\n};\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { default as DateTimeSelector } from './DateTimeSelector';
2
+ export type { DateTimeSelectorProps, DateTimeSelectorMode, } from './DateTimeSelector';