@herca/rn-kit 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (588) hide show
  1. package/LICENSE +20 -0
  2. package/README.md +33 -0
  3. package/RnKit.podspec +21 -0
  4. package/android/build.gradle +83 -0
  5. package/android/gradle.properties +5 -0
  6. package/android/src/main/AndroidManifest.xml +2 -0
  7. package/android/src/main/java/com/herca/rnkit/RnKitModule.kt +23 -0
  8. package/android/src/main/java/com/herca/rnkit/RnKitPackage.kt +33 -0
  9. package/ios/RnKit.h +5 -0
  10. package/ios/RnKit.mm +18 -0
  11. package/lib/module/Accordion/Accordion.js +33 -0
  12. package/lib/module/Accordion/Accordion.js.map +1 -0
  13. package/lib/module/Accordion/AccordionItem.js +13 -0
  14. package/lib/module/Accordion/AccordionItem.js.map +1 -0
  15. package/lib/module/Accordion/README.md +48 -0
  16. package/lib/module/Accordion/type.js +4 -0
  17. package/lib/module/Accordion/type.js.map +1 -0
  18. package/lib/module/Alert/Alert.js +121 -0
  19. package/lib/module/Alert/Alert.js.map +1 -0
  20. package/lib/module/Alert/README.md +68 -0
  21. package/lib/module/Avatar/Avatar.js +56 -0
  22. package/lib/module/Avatar/Avatar.js.map +1 -0
  23. package/lib/module/Avatar/AvatarGroup.js +118 -0
  24. package/lib/module/Avatar/AvatarGroup.js.map +1 -0
  25. package/lib/module/Avatar/README_AVATAR.md +57 -0
  26. package/lib/module/Avatar/README_AVATARGROUP.md +58 -0
  27. package/lib/module/Avatar/type.js +4 -0
  28. package/lib/module/Avatar/type.js.map +1 -0
  29. package/lib/module/Badge/Badge.js +119 -0
  30. package/lib/module/Badge/Badge.js.map +1 -0
  31. package/lib/module/Badge/README.md +64 -0
  32. package/lib/module/Badge/type.js +2 -0
  33. package/lib/module/Badge/type.js.map +1 -0
  34. package/lib/module/BottomSheet/BottomSheet.js +211 -0
  35. package/lib/module/BottomSheet/BottomSheet.js.map +1 -0
  36. package/lib/module/BottomSheet/README.md +64 -0
  37. package/lib/module/BottomSheet/type.js +2 -0
  38. package/lib/module/BottomSheet/type.js.map +1 -0
  39. package/lib/module/Button/Button.js +138 -0
  40. package/lib/module/Button/Button.js.map +1 -0
  41. package/lib/module/Button/README.md +94 -0
  42. package/lib/module/Button/type.js +262 -0
  43. package/lib/module/Button/type.js.map +1 -0
  44. package/lib/module/Calendar/Calendar.js +356 -0
  45. package/lib/module/Calendar/Calendar.js.map +1 -0
  46. package/lib/module/Calendar/CalendarPropsType.js +4 -0
  47. package/lib/module/Calendar/CalendarPropsType.js.map +1 -0
  48. package/lib/module/Calendar/README.md +73 -0
  49. package/lib/module/CheckBox/CheckBox.js +67 -0
  50. package/lib/module/CheckBox/CheckBox.js.map +1 -0
  51. package/lib/module/CheckBox/CheckBoxList.js +41 -0
  52. package/lib/module/CheckBox/CheckBoxList.js.map +1 -0
  53. package/lib/module/CheckBox/README_CHECKBOX.md +46 -0
  54. package/lib/module/CheckBox/README_CHECKBOXLIST.md +41 -0
  55. package/lib/module/Chip/Chip.js +109 -0
  56. package/lib/module/Chip/Chip.js.map +1 -0
  57. package/lib/module/Chip/ChipItem.js +89 -0
  58. package/lib/module/Chip/ChipItem.js.map +1 -0
  59. package/lib/module/Chip/README.md +89 -0
  60. package/lib/module/Chip/type.js +94 -0
  61. package/lib/module/Chip/type.js.map +1 -0
  62. package/lib/module/Color/Color.js +126 -0
  63. package/lib/module/Color/Color.js.map +1 -0
  64. package/lib/module/Color/README.md +54 -0
  65. package/lib/module/Color/type.js +2 -0
  66. package/lib/module/Color/type.js.map +1 -0
  67. package/lib/module/DatePicker/DatePicker.js +69 -0
  68. package/lib/module/DatePicker/DatePicker.js.map +1 -0
  69. package/lib/module/DatePicker/MonthPicker.js +179 -0
  70. package/lib/module/DatePicker/MonthPicker.js.map +1 -0
  71. package/lib/module/DatePicker/README.md +51 -0
  72. package/lib/module/DatePicker/TimePicker.js +200 -0
  73. package/lib/module/DatePicker/TimePicker.js.map +1 -0
  74. package/lib/module/DatePicker/YearPicker.js +217 -0
  75. package/lib/module/DatePicker/YearPicker.js.map +1 -0
  76. package/lib/module/DatePicker/helpers.js +33 -0
  77. package/lib/module/DatePicker/helpers.js.map +1 -0
  78. package/lib/module/Drawing/Drawing.js +26 -0
  79. package/lib/module/Drawing/Drawing.js.map +1 -0
  80. package/lib/module/DropDown/DropDown.js +107 -0
  81. package/lib/module/DropDown/DropDown.js.map +1 -0
  82. package/lib/module/DropDown/type.js +4 -0
  83. package/lib/module/DropDown/type.js.map +1 -0
  84. package/lib/module/FileView/Image.js +8 -0
  85. package/lib/module/FileView/Image.js.map +1 -0
  86. package/lib/module/FileView/PdfView.js +37 -0
  87. package/lib/module/FileView/PdfView.js.map +1 -0
  88. package/lib/module/Icon/Icon.js +74 -0
  89. package/lib/module/Icon/Icon.js.map +1 -0
  90. package/lib/module/Icon/icons/AirPlane.js +22 -0
  91. package/lib/module/Icon/icons/AirPlane.js.map +1 -0
  92. package/lib/module/Icon/icons/ArrowBackAlt.js +22 -0
  93. package/lib/module/Icon/icons/ArrowBackAlt.js.map +1 -0
  94. package/lib/module/Icon/icons/ArrowDown.js +22 -0
  95. package/lib/module/Icon/icons/ArrowDown.js.map +1 -0
  96. package/lib/module/Icon/icons/ArrowForwardAlt.js +22 -0
  97. package/lib/module/Icon/icons/ArrowForwardAlt.js.map +1 -0
  98. package/lib/module/Icon/icons/ArrowLeft.js +22 -0
  99. package/lib/module/Icon/icons/ArrowLeft.js.map +1 -0
  100. package/lib/module/Icon/icons/ArrowRight.js +22 -0
  101. package/lib/module/Icon/icons/ArrowRight.js.map +1 -0
  102. package/lib/module/Icon/icons/ArrowUp.js +22 -0
  103. package/lib/module/Icon/icons/ArrowUp.js.map +1 -0
  104. package/lib/module/Icon/icons/Calendar.js +22 -0
  105. package/lib/module/Icon/icons/Calendar.js.map +1 -0
  106. package/lib/module/Icon/icons/Camera.js +22 -0
  107. package/lib/module/Icon/icons/Camera.js.map +1 -0
  108. package/lib/module/Icon/icons/Check.js +22 -0
  109. package/lib/module/Icon/icons/Check.js.map +1 -0
  110. package/lib/module/Icon/icons/Document.js +22 -0
  111. package/lib/module/Icon/icons/Document.js.map +1 -0
  112. package/lib/module/Icon/icons/Download.js +22 -0
  113. package/lib/module/Icon/icons/Download.js.map +1 -0
  114. package/lib/module/Icon/icons/ExlmationMark.js +22 -0
  115. package/lib/module/Icon/icons/ExlmationMark.js.map +1 -0
  116. package/lib/module/Icon/icons/Eye.js +22 -0
  117. package/lib/module/Icon/icons/Eye.js.map +1 -0
  118. package/lib/module/Icon/icons/EyeOpen.js +22 -0
  119. package/lib/module/Icon/icons/EyeOpen.js.map +1 -0
  120. package/lib/module/Icon/icons/Filter.js +22 -0
  121. package/lib/module/Icon/icons/Filter.js.map +1 -0
  122. package/lib/module/Icon/icons/Home.js +8 -0
  123. package/lib/module/Icon/icons/Home.js.map +1 -0
  124. package/lib/module/Icon/icons/Image.js +22 -0
  125. package/lib/module/Icon/icons/Image.js.map +1 -0
  126. package/lib/module/Icon/icons/Pdf.js +22 -0
  127. package/lib/module/Icon/icons/Pdf.js.map +1 -0
  128. package/lib/module/Icon/icons/RadioButton.js +34 -0
  129. package/lib/module/Icon/icons/RadioButton.js.map +1 -0
  130. package/lib/module/Icon/icons/Search.js +22 -0
  131. package/lib/module/Icon/icons/Search.js.map +1 -0
  132. package/lib/module/Icon/icons/StickyNote.js +22 -0
  133. package/lib/module/Icon/icons/StickyNote.js.map +1 -0
  134. package/lib/module/Icon/icons/Times.js +22 -0
  135. package/lib/module/Icon/icons/Times.js.map +1 -0
  136. package/lib/module/Icon/icons/User.js +22 -0
  137. package/lib/module/Icon/icons/User.js.map +1 -0
  138. package/lib/module/Icon/icons/XCircle.js +22 -0
  139. package/lib/module/Icon/icons/XCircle.js.map +1 -0
  140. package/lib/module/Icon/index.js +6 -0
  141. package/lib/module/Icon/index.js.map +1 -0
  142. package/lib/module/Icon/type.js +4 -0
  143. package/lib/module/Icon/type.js.map +1 -0
  144. package/lib/module/Input/Input.js +125 -0
  145. package/lib/module/Input/Input.js.map +1 -0
  146. package/lib/module/Input/Input.md +51 -0
  147. package/lib/module/Input/InputFile.js +319 -0
  148. package/lib/module/Input/InputFile.js.map +1 -0
  149. package/lib/module/Input/InputMonth.js +4 -0
  150. package/lib/module/Input/InputMonth.js.map +1 -0
  151. package/lib/module/Input/InputNumber.js +2 -0
  152. package/lib/module/Input/InputNumber.js.map +1 -0
  153. package/lib/module/Input/InputOtp.js +74 -0
  154. package/lib/module/Input/InputOtp.js.map +1 -0
  155. package/lib/module/Input/InputPassword.js +18 -0
  156. package/lib/module/Input/InputPassword.js.map +1 -0
  157. package/lib/module/Input/InputSelect.js +8 -0
  158. package/lib/module/Input/InputSelect.js.map +1 -0
  159. package/lib/module/Input/Switch.js +91 -0
  160. package/lib/module/Input/Switch.js.map +1 -0
  161. package/lib/module/Input/TextArea.js +61 -0
  162. package/lib/module/Input/TextArea.js.map +1 -0
  163. package/lib/module/Input/assets/Ilustrasi.svg +14 -0
  164. package/lib/module/Input/assets/input-file.png +0 -0
  165. package/lib/module/Input/type.js +4 -0
  166. package/lib/module/Input/type.js.map +1 -0
  167. package/lib/module/Label/Label.js +87 -0
  168. package/lib/module/Label/Label.js.map +1 -0
  169. package/lib/module/LabelForm/LabelForm.js +17 -0
  170. package/lib/module/LabelForm/LabelForm.js.map +1 -0
  171. package/lib/module/List/List.js +31 -0
  172. package/lib/module/List/List.js.map +1 -0
  173. package/lib/module/List/ListItem.js +31 -0
  174. package/lib/module/List/ListItem.js.map +1 -0
  175. package/lib/module/List/type.js +4 -0
  176. package/lib/module/List/type.js.map +1 -0
  177. package/lib/module/Loading/Loading.js +50 -0
  178. package/lib/module/Loading/Loading.js.map +1 -0
  179. package/lib/module/Modal/Modal.js +149 -0
  180. package/lib/module/Modal/Modal.js.map +1 -0
  181. package/lib/module/NativeRnKit.js +5 -0
  182. package/lib/module/NativeRnKit.js.map +1 -0
  183. package/lib/module/Provider/FooterProvider.js +25 -0
  184. package/lib/module/Provider/FooterProvider.js.map +1 -0
  185. package/lib/module/Provider/LayoutWithFooter.js +34 -0
  186. package/lib/module/Provider/LayoutWithFooter.js.map +1 -0
  187. package/lib/module/Provider/Provider.js +43 -0
  188. package/lib/module/Provider/Provider.js.map +1 -0
  189. package/lib/module/Provider/RequiredUpdateAppsProvider.js +60 -0
  190. package/lib/module/Provider/RequiredUpdateAppsProvider.js.map +1 -0
  191. package/lib/module/Provider/type.js +2 -0
  192. package/lib/module/Provider/type.js.map +1 -0
  193. package/lib/module/RadioButton/README.md +43 -0
  194. package/lib/module/RadioButton/RadioButton.js +97 -0
  195. package/lib/module/RadioButton/RadioButton.js.map +1 -0
  196. package/lib/module/Select/README.md +78 -0
  197. package/lib/module/Select/README_Select.md +78 -0
  198. package/lib/module/Select/Select.js +101 -0
  199. package/lib/module/Select/Select.js.map +1 -0
  200. package/lib/module/Select/type.js +4 -0
  201. package/lib/module/Select/type.js.map +1 -0
  202. package/lib/module/Step/Step.js +83 -0
  203. package/lib/module/Step/Step.js.map +1 -0
  204. package/lib/module/Step/StepItem.js +78 -0
  205. package/lib/module/Step/StepItem.js.map +1 -0
  206. package/lib/module/Step/type.js +4 -0
  207. package/lib/module/Step/type.js.map +1 -0
  208. package/lib/module/SwitchButton/SwitchButton.js +8 -0
  209. package/lib/module/SwitchButton/SwitchButton.js.map +1 -0
  210. package/lib/module/TextArea/TextArea.js +2 -0
  211. package/lib/module/TextArea/TextArea.js.map +1 -0
  212. package/lib/module/Theme/Theme.js +31 -0
  213. package/lib/module/Theme/Theme.js.map +1 -0
  214. package/lib/module/Timeline/Timeline.js +12 -0
  215. package/lib/module/Timeline/Timeline.js.map +1 -0
  216. package/lib/module/Timeline/TimelineItem.js +66 -0
  217. package/lib/module/Timeline/TimelineItem.js.map +1 -0
  218. package/lib/module/Toast/Toast.js +143 -0
  219. package/lib/module/Toast/Toast.js.map +1 -0
  220. package/lib/module/Toast/ToastContext.js +40 -0
  221. package/lib/module/Toast/ToastContext.js.map +1 -0
  222. package/lib/module/Typography/README.md +71 -0
  223. package/lib/module/Typography/Typography.js +39 -0
  224. package/lib/module/Typography/Typography.js.map +1 -0
  225. package/lib/module/Typography/type.js +33 -0
  226. package/lib/module/Typography/type.js.map +1 -0
  227. package/lib/module/Ui/Card.js +50 -0
  228. package/lib/module/Ui/Card.js.map +1 -0
  229. package/lib/module/Ui/Center.js +21 -0
  230. package/lib/module/Ui/Center.js.map +1 -0
  231. package/lib/module/Ui/Col.js +20 -0
  232. package/lib/module/Ui/Col.js.map +1 -0
  233. package/lib/module/Ui/Container.js +20 -0
  234. package/lib/module/Ui/Container.js.map +1 -0
  235. package/lib/module/Ui/Devider.js +18 -0
  236. package/lib/module/Ui/Devider.js.map +1 -0
  237. package/lib/module/Ui/Footer.js +36 -0
  238. package/lib/module/Ui/Footer.js.map +1 -0
  239. package/lib/module/Ui/Gap.js +13 -0
  240. package/lib/module/Ui/Gap.js.map +1 -0
  241. package/lib/module/Ui/Grid.js +31 -0
  242. package/lib/module/Ui/Grid.js.map +1 -0
  243. package/lib/module/index.js +61 -0
  244. package/lib/module/index.js.map +1 -0
  245. package/lib/module/package.json +1 -0
  246. package/lib/typescript/package.json +1 -0
  247. package/lib/typescript/src/Accordion/Accordion.d.ts +3 -0
  248. package/lib/typescript/src/Accordion/Accordion.d.ts.map +1 -0
  249. package/lib/typescript/src/Accordion/AccordionItem.d.ts +3 -0
  250. package/lib/typescript/src/Accordion/AccordionItem.d.ts.map +1 -0
  251. package/lib/typescript/src/Accordion/type.d.ts +17 -0
  252. package/lib/typescript/src/Accordion/type.d.ts.map +1 -0
  253. package/lib/typescript/src/Alert/Alert.d.ts +16 -0
  254. package/lib/typescript/src/Alert/Alert.d.ts.map +1 -0
  255. package/lib/typescript/src/Avatar/Avatar.d.ts +5 -0
  256. package/lib/typescript/src/Avatar/Avatar.d.ts.map +1 -0
  257. package/lib/typescript/src/Avatar/AvatarGroup.d.ts +4 -0
  258. package/lib/typescript/src/Avatar/AvatarGroup.d.ts.map +1 -0
  259. package/lib/typescript/src/Avatar/type.d.ts +16 -0
  260. package/lib/typescript/src/Avatar/type.d.ts.map +1 -0
  261. package/lib/typescript/src/Badge/Badge.d.ts +14 -0
  262. package/lib/typescript/src/Badge/Badge.d.ts.map +1 -0
  263. package/lib/typescript/src/Badge/type.d.ts +1 -0
  264. package/lib/typescript/src/Badge/type.d.ts.map +1 -0
  265. package/lib/typescript/src/BottomSheet/BottomSheet.d.ts +3 -0
  266. package/lib/typescript/src/BottomSheet/BottomSheet.d.ts.map +1 -0
  267. package/lib/typescript/src/BottomSheet/type.d.ts +15 -0
  268. package/lib/typescript/src/BottomSheet/type.d.ts.map +1 -0
  269. package/lib/typescript/src/Button/Button.d.ts +5 -0
  270. package/lib/typescript/src/Button/Button.d.ts.map +1 -0
  271. package/lib/typescript/src/Button/type.d.ts +49 -0
  272. package/lib/typescript/src/Button/type.d.ts.map +1 -0
  273. package/lib/typescript/src/Calendar/Calendar.d.ts +4 -0
  274. package/lib/typescript/src/Calendar/Calendar.d.ts.map +1 -0
  275. package/lib/typescript/src/Calendar/CalendarPropsType.d.ts +52 -0
  276. package/lib/typescript/src/Calendar/CalendarPropsType.d.ts.map +1 -0
  277. package/lib/typescript/src/CheckBox/CheckBox.d.ts +11 -0
  278. package/lib/typescript/src/CheckBox/CheckBox.d.ts.map +1 -0
  279. package/lib/typescript/src/CheckBox/CheckBoxList.d.ts +14 -0
  280. package/lib/typescript/src/CheckBox/CheckBoxList.d.ts.map +1 -0
  281. package/lib/typescript/src/Chip/Chip.d.ts +5 -0
  282. package/lib/typescript/src/Chip/Chip.d.ts.map +1 -0
  283. package/lib/typescript/src/Chip/ChipItem.d.ts +3 -0
  284. package/lib/typescript/src/Chip/ChipItem.d.ts.map +1 -0
  285. package/lib/typescript/src/Chip/type.d.ts +50 -0
  286. package/lib/typescript/src/Chip/type.d.ts.map +1 -0
  287. package/lib/typescript/src/Color/Color.d.ts +122 -0
  288. package/lib/typescript/src/Color/Color.d.ts.map +1 -0
  289. package/lib/typescript/src/Color/type.d.ts +2 -0
  290. package/lib/typescript/src/Color/type.d.ts.map +1 -0
  291. package/lib/typescript/src/DatePicker/DatePicker.d.ts +10 -0
  292. package/lib/typescript/src/DatePicker/DatePicker.d.ts.map +1 -0
  293. package/lib/typescript/src/DatePicker/MonthPicker.d.ts +13 -0
  294. package/lib/typescript/src/DatePicker/MonthPicker.d.ts.map +1 -0
  295. package/lib/typescript/src/DatePicker/TimePicker.d.ts +11 -0
  296. package/lib/typescript/src/DatePicker/TimePicker.d.ts.map +1 -0
  297. package/lib/typescript/src/DatePicker/YearPicker.d.ts +13 -0
  298. package/lib/typescript/src/DatePicker/YearPicker.d.ts.map +1 -0
  299. package/lib/typescript/src/DatePicker/helpers.d.ts +21 -0
  300. package/lib/typescript/src/DatePicker/helpers.d.ts.map +1 -0
  301. package/lib/typescript/src/Drawing/Drawing.d.ts +2 -0
  302. package/lib/typescript/src/Drawing/Drawing.d.ts.map +1 -0
  303. package/lib/typescript/src/DropDown/DropDown.d.ts +4 -0
  304. package/lib/typescript/src/DropDown/DropDown.d.ts.map +1 -0
  305. package/lib/typescript/src/DropDown/type.d.ts +9 -0
  306. package/lib/typescript/src/DropDown/type.d.ts.map +1 -0
  307. package/lib/typescript/src/FileView/Image.d.ts +2 -0
  308. package/lib/typescript/src/FileView/Image.d.ts.map +1 -0
  309. package/lib/typescript/src/FileView/PdfView.d.ts +5 -0
  310. package/lib/typescript/src/FileView/PdfView.d.ts.map +1 -0
  311. package/lib/typescript/src/Icon/Icon.d.ts +5 -0
  312. package/lib/typescript/src/Icon/Icon.d.ts.map +1 -0
  313. package/lib/typescript/src/Icon/icons/AirPlane.d.ts +9 -0
  314. package/lib/typescript/src/Icon/icons/AirPlane.d.ts.map +1 -0
  315. package/lib/typescript/src/Icon/icons/ArrowBackAlt.d.ts +9 -0
  316. package/lib/typescript/src/Icon/icons/ArrowBackAlt.d.ts.map +1 -0
  317. package/lib/typescript/src/Icon/icons/ArrowDown.d.ts +9 -0
  318. package/lib/typescript/src/Icon/icons/ArrowDown.d.ts.map +1 -0
  319. package/lib/typescript/src/Icon/icons/ArrowForwardAlt.d.ts +9 -0
  320. package/lib/typescript/src/Icon/icons/ArrowForwardAlt.d.ts.map +1 -0
  321. package/lib/typescript/src/Icon/icons/ArrowLeft.d.ts +9 -0
  322. package/lib/typescript/src/Icon/icons/ArrowLeft.d.ts.map +1 -0
  323. package/lib/typescript/src/Icon/icons/ArrowRight.d.ts +9 -0
  324. package/lib/typescript/src/Icon/icons/ArrowRight.d.ts.map +1 -0
  325. package/lib/typescript/src/Icon/icons/ArrowUp.d.ts +9 -0
  326. package/lib/typescript/src/Icon/icons/ArrowUp.d.ts.map +1 -0
  327. package/lib/typescript/src/Icon/icons/Calendar.d.ts +9 -0
  328. package/lib/typescript/src/Icon/icons/Calendar.d.ts.map +1 -0
  329. package/lib/typescript/src/Icon/icons/Camera.d.ts +9 -0
  330. package/lib/typescript/src/Icon/icons/Camera.d.ts.map +1 -0
  331. package/lib/typescript/src/Icon/icons/Check.d.ts +6 -0
  332. package/lib/typescript/src/Icon/icons/Check.d.ts.map +1 -0
  333. package/lib/typescript/src/Icon/icons/Document.d.ts +9 -0
  334. package/lib/typescript/src/Icon/icons/Document.d.ts.map +1 -0
  335. package/lib/typescript/src/Icon/icons/Download.d.ts +9 -0
  336. package/lib/typescript/src/Icon/icons/Download.d.ts.map +1 -0
  337. package/lib/typescript/src/Icon/icons/ExlmationMark.d.ts +9 -0
  338. package/lib/typescript/src/Icon/icons/ExlmationMark.d.ts.map +1 -0
  339. package/lib/typescript/src/Icon/icons/Eye.d.ts +9 -0
  340. package/lib/typescript/src/Icon/icons/Eye.d.ts.map +1 -0
  341. package/lib/typescript/src/Icon/icons/EyeOpen.d.ts +9 -0
  342. package/lib/typescript/src/Icon/icons/EyeOpen.d.ts.map +1 -0
  343. package/lib/typescript/src/Icon/icons/Filter.d.ts +9 -0
  344. package/lib/typescript/src/Icon/icons/Filter.d.ts.map +1 -0
  345. package/lib/typescript/src/Icon/icons/Home.d.ts +2 -0
  346. package/lib/typescript/src/Icon/icons/Home.d.ts.map +1 -0
  347. package/lib/typescript/src/Icon/icons/Image.d.ts +9 -0
  348. package/lib/typescript/src/Icon/icons/Image.d.ts.map +1 -0
  349. package/lib/typescript/src/Icon/icons/Pdf.d.ts +9 -0
  350. package/lib/typescript/src/Icon/icons/Pdf.d.ts.map +1 -0
  351. package/lib/typescript/src/Icon/icons/RadioButton.d.ts +9 -0
  352. package/lib/typescript/src/Icon/icons/RadioButton.d.ts.map +1 -0
  353. package/lib/typescript/src/Icon/icons/Search.d.ts +9 -0
  354. package/lib/typescript/src/Icon/icons/Search.d.ts.map +1 -0
  355. package/lib/typescript/src/Icon/icons/StickyNote.d.ts +9 -0
  356. package/lib/typescript/src/Icon/icons/StickyNote.d.ts.map +1 -0
  357. package/lib/typescript/src/Icon/icons/Times.d.ts +9 -0
  358. package/lib/typescript/src/Icon/icons/Times.d.ts.map +1 -0
  359. package/lib/typescript/src/Icon/icons/User.d.ts +9 -0
  360. package/lib/typescript/src/Icon/icons/User.d.ts.map +1 -0
  361. package/lib/typescript/src/Icon/icons/XCircle.d.ts +9 -0
  362. package/lib/typescript/src/Icon/icons/XCircle.d.ts.map +1 -0
  363. package/lib/typescript/src/Icon/index.d.ts +5 -0
  364. package/lib/typescript/src/Icon/index.d.ts.map +1 -0
  365. package/lib/typescript/src/Icon/type.d.ts +9 -0
  366. package/lib/typescript/src/Icon/type.d.ts.map +1 -0
  367. package/lib/typescript/src/Input/Input.d.ts +5 -0
  368. package/lib/typescript/src/Input/Input.d.ts.map +1 -0
  369. package/lib/typescript/src/Input/InputFile.d.ts +11 -0
  370. package/lib/typescript/src/Input/InputFile.d.ts.map +1 -0
  371. package/lib/typescript/src/Input/InputMonth.d.ts +2 -0
  372. package/lib/typescript/src/Input/InputMonth.d.ts.map +1 -0
  373. package/lib/typescript/src/Input/InputNumber.d.ts +1 -0
  374. package/lib/typescript/src/Input/InputNumber.d.ts.map +1 -0
  375. package/lib/typescript/src/Input/InputOtp.d.ts +11 -0
  376. package/lib/typescript/src/Input/InputOtp.d.ts.map +1 -0
  377. package/lib/typescript/src/Input/InputPassword.d.ts +15 -0
  378. package/lib/typescript/src/Input/InputPassword.d.ts.map +1 -0
  379. package/lib/typescript/src/Input/InputSelect.d.ts +2 -0
  380. package/lib/typescript/src/Input/InputSelect.d.ts.map +1 -0
  381. package/lib/typescript/src/Input/Switch.d.ts +12 -0
  382. package/lib/typescript/src/Input/Switch.d.ts.map +1 -0
  383. package/lib/typescript/src/Input/TextArea.d.ts +3 -0
  384. package/lib/typescript/src/Input/TextArea.d.ts.map +1 -0
  385. package/lib/typescript/src/Input/type.d.ts +18 -0
  386. package/lib/typescript/src/Input/type.d.ts.map +1 -0
  387. package/lib/typescript/src/Label/Label.d.ts +12 -0
  388. package/lib/typescript/src/Label/Label.d.ts.map +1 -0
  389. package/lib/typescript/src/LabelForm/LabelForm.d.ts +4 -0
  390. package/lib/typescript/src/LabelForm/LabelForm.d.ts.map +1 -0
  391. package/lib/typescript/src/List/List.d.ts +3 -0
  392. package/lib/typescript/src/List/List.d.ts.map +1 -0
  393. package/lib/typescript/src/List/ListItem.d.ts +3 -0
  394. package/lib/typescript/src/List/ListItem.d.ts.map +1 -0
  395. package/lib/typescript/src/List/type.d.ts +14 -0
  396. package/lib/typescript/src/List/type.d.ts.map +1 -0
  397. package/lib/typescript/src/Loading/Loading.d.ts +10 -0
  398. package/lib/typescript/src/Loading/Loading.d.ts.map +1 -0
  399. package/lib/typescript/src/Modal/Modal.d.ts +18 -0
  400. package/lib/typescript/src/Modal/Modal.d.ts.map +1 -0
  401. package/lib/typescript/src/NativeRnKit.d.ts +7 -0
  402. package/lib/typescript/src/NativeRnKit.d.ts.map +1 -0
  403. package/lib/typescript/src/Provider/FooterProvider.d.ts +11 -0
  404. package/lib/typescript/src/Provider/FooterProvider.d.ts.map +1 -0
  405. package/lib/typescript/src/Provider/LayoutWithFooter.d.ts +5 -0
  406. package/lib/typescript/src/Provider/LayoutWithFooter.d.ts.map +1 -0
  407. package/lib/typescript/src/Provider/Provider.d.ts +15 -0
  408. package/lib/typescript/src/Provider/Provider.d.ts.map +1 -0
  409. package/lib/typescript/src/Provider/RequiredUpdateAppsProvider.d.ts +3 -0
  410. package/lib/typescript/src/Provider/RequiredUpdateAppsProvider.d.ts.map +1 -0
  411. package/lib/typescript/src/Provider/type.d.ts +7 -0
  412. package/lib/typescript/src/Provider/type.d.ts.map +1 -0
  413. package/lib/typescript/src/RadioButton/RadioButton.d.ts +15 -0
  414. package/lib/typescript/src/RadioButton/RadioButton.d.ts.map +1 -0
  415. package/lib/typescript/src/Select/Select.d.ts +3 -0
  416. package/lib/typescript/src/Select/Select.d.ts.map +1 -0
  417. package/lib/typescript/src/Select/type.d.ts +24 -0
  418. package/lib/typescript/src/Select/type.d.ts.map +1 -0
  419. package/lib/typescript/src/Step/Step.d.ts +4 -0
  420. package/lib/typescript/src/Step/Step.d.ts.map +1 -0
  421. package/lib/typescript/src/Step/StepItem.d.ts +4 -0
  422. package/lib/typescript/src/Step/StepItem.d.ts.map +1 -0
  423. package/lib/typescript/src/Step/type.d.ts +18 -0
  424. package/lib/typescript/src/Step/type.d.ts.map +1 -0
  425. package/lib/typescript/src/SwitchButton/SwitchButton.d.ts +2 -0
  426. package/lib/typescript/src/SwitchButton/SwitchButton.d.ts.map +1 -0
  427. package/lib/typescript/src/TextArea/TextArea.d.ts +1 -0
  428. package/lib/typescript/src/TextArea/TextArea.d.ts.map +1 -0
  429. package/lib/typescript/src/Theme/Theme.d.ts +29 -0
  430. package/lib/typescript/src/Theme/Theme.d.ts.map +1 -0
  431. package/lib/typescript/src/Timeline/Timeline.d.ts +6 -0
  432. package/lib/typescript/src/Timeline/Timeline.d.ts.map +1 -0
  433. package/lib/typescript/src/Timeline/TimelineItem.d.ts +15 -0
  434. package/lib/typescript/src/Timeline/TimelineItem.d.ts.map +1 -0
  435. package/lib/typescript/src/Toast/Toast.d.ts +14 -0
  436. package/lib/typescript/src/Toast/Toast.d.ts.map +1 -0
  437. package/lib/typescript/src/Toast/ToastContext.d.ts +17 -0
  438. package/lib/typescript/src/Toast/ToastContext.d.ts.map +1 -0
  439. package/lib/typescript/src/Typography/Typography.d.ts +5 -0
  440. package/lib/typescript/src/Typography/Typography.d.ts.map +1 -0
  441. package/lib/typescript/src/Typography/type.d.ts +19 -0
  442. package/lib/typescript/src/Typography/type.d.ts.map +1 -0
  443. package/lib/typescript/src/Ui/Card.d.ts +11 -0
  444. package/lib/typescript/src/Ui/Card.d.ts.map +1 -0
  445. package/lib/typescript/src/Ui/Center.d.ts +9 -0
  446. package/lib/typescript/src/Ui/Center.d.ts.map +1 -0
  447. package/lib/typescript/src/Ui/Col.d.ts +10 -0
  448. package/lib/typescript/src/Ui/Col.d.ts.map +1 -0
  449. package/lib/typescript/src/Ui/Container.d.ts +2 -0
  450. package/lib/typescript/src/Ui/Container.d.ts.map +1 -0
  451. package/lib/typescript/src/Ui/Devider.d.ts +3 -0
  452. package/lib/typescript/src/Ui/Devider.d.ts.map +1 -0
  453. package/lib/typescript/src/Ui/Footer.d.ts +9 -0
  454. package/lib/typescript/src/Ui/Footer.d.ts.map +1 -0
  455. package/lib/typescript/src/Ui/Gap.d.ts +6 -0
  456. package/lib/typescript/src/Ui/Gap.d.ts.map +1 -0
  457. package/lib/typescript/src/Ui/Grid.d.ts +9 -0
  458. package/lib/typescript/src/Ui/Grid.d.ts.map +1 -0
  459. package/lib/typescript/src/index.d.ts +59 -0
  460. package/lib/typescript/src/index.d.ts.map +1 -0
  461. package/package.json +172 -0
  462. package/src/Accordion/Accordion.tsx +38 -0
  463. package/src/Accordion/AccordionItem.tsx +9 -0
  464. package/src/Accordion/README.md +48 -0
  465. package/src/Accordion/type.tsx +19 -0
  466. package/src/Alert/Alert.tsx +141 -0
  467. package/src/Alert/README.md +68 -0
  468. package/src/Avatar/Avatar.tsx +68 -0
  469. package/src/Avatar/AvatarGroup.tsx +135 -0
  470. package/src/Avatar/README_AVATAR.md +57 -0
  471. package/src/Avatar/README_AVATARGROUP.md +58 -0
  472. package/src/Avatar/type.tsx +17 -0
  473. package/src/Badge/Badge.tsx +135 -0
  474. package/src/Badge/README.md +64 -0
  475. package/src/Badge/type.tsx +0 -0
  476. package/src/BottomSheet/BottomSheet.tsx +259 -0
  477. package/src/BottomSheet/README.md +64 -0
  478. package/src/BottomSheet/type.tsx +15 -0
  479. package/src/Button/Button.tsx +195 -0
  480. package/src/Button/README.md +94 -0
  481. package/src/Button/type.tsx +329 -0
  482. package/src/Calendar/Calendar.tsx +382 -0
  483. package/src/Calendar/CalendarPropsType.tsx +60 -0
  484. package/src/Calendar/README.md +73 -0
  485. package/src/CheckBox/CheckBox.tsx +80 -0
  486. package/src/CheckBox/CheckBoxList.tsx +64 -0
  487. package/src/CheckBox/README_CHECKBOX.md +46 -0
  488. package/src/CheckBox/README_CHECKBOXLIST.md +41 -0
  489. package/src/Chip/Chip.tsx +134 -0
  490. package/src/Chip/ChipItem.tsx +124 -0
  491. package/src/Chip/README.md +89 -0
  492. package/src/Chip/type.tsx +152 -0
  493. package/src/Color/Color.tsx +133 -0
  494. package/src/Color/README.md +54 -0
  495. package/src/Color/type.tsx +9 -0
  496. package/src/DatePicker/DatePicker.tsx +78 -0
  497. package/src/DatePicker/MonthPicker.tsx +204 -0
  498. package/src/DatePicker/README.md +51 -0
  499. package/src/DatePicker/TimePicker.tsx +234 -0
  500. package/src/DatePicker/YearPicker.tsx +238 -0
  501. package/src/DatePicker/helpers.tsx +53 -0
  502. package/src/Drawing/Drawing.tsx +23 -0
  503. package/src/DropDown/DropDown.tsx +136 -0
  504. package/src/DropDown/type.tsx +9 -0
  505. package/src/FileView/Image.tsx +5 -0
  506. package/src/FileView/PdfView.tsx +33 -0
  507. package/src/Icon/Icon.tsx +76 -0
  508. package/src/Icon/icons/AirPlane.tsx +19 -0
  509. package/src/Icon/icons/ArrowBackAlt.tsx +23 -0
  510. package/src/Icon/icons/ArrowDown.tsx +19 -0
  511. package/src/Icon/icons/ArrowForwardAlt.tsx +23 -0
  512. package/src/Icon/icons/ArrowLeft.tsx +19 -0
  513. package/src/Icon/icons/ArrowRight.tsx +19 -0
  514. package/src/Icon/icons/ArrowUp.tsx +19 -0
  515. package/src/Icon/icons/Calendar.tsx +19 -0
  516. package/src/Icon/icons/Camera.tsx +19 -0
  517. package/src/Icon/icons/Check.tsx +15 -0
  518. package/src/Icon/icons/Document.tsx +19 -0
  519. package/src/Icon/icons/Download.tsx +19 -0
  520. package/src/Icon/icons/ExlmationMark.tsx +23 -0
  521. package/src/Icon/icons/Eye.tsx +19 -0
  522. package/src/Icon/icons/EyeOpen.tsx +19 -0
  523. package/src/Icon/icons/Filter.tsx +19 -0
  524. package/src/Icon/icons/Home.tsx +5 -0
  525. package/src/Icon/icons/Image.tsx +19 -0
  526. package/src/Icon/icons/Pdf.tsx +19 -0
  527. package/src/Icon/icons/RadioButton.tsx +22 -0
  528. package/src/Icon/icons/Search.tsx +19 -0
  529. package/src/Icon/icons/StickyNote.tsx +19 -0
  530. package/src/Icon/icons/Times.tsx +19 -0
  531. package/src/Icon/icons/User.tsx +19 -0
  532. package/src/Icon/icons/XCircle.tsx +19 -0
  533. package/src/Icon/index.tsx +5 -0
  534. package/src/Icon/type.tsx +37 -0
  535. package/src/Input/Input.md +51 -0
  536. package/src/Input/Input.tsx +134 -0
  537. package/src/Input/InputFile.tsx +320 -0
  538. package/src/Input/InputMonth.tsx +1 -0
  539. package/src/Input/InputNumber.tsx +0 -0
  540. package/src/Input/InputOtp.tsx +96 -0
  541. package/src/Input/InputPassword.tsx +31 -0
  542. package/src/Input/InputSelect.tsx +5 -0
  543. package/src/Input/Switch.tsx +111 -0
  544. package/src/Input/TextArea.tsx +67 -0
  545. package/src/Input/assets/Ilustrasi.svg +14 -0
  546. package/src/Input/assets/input-file.png +0 -0
  547. package/src/Input/type.tsx +19 -0
  548. package/src/Label/Label.tsx +119 -0
  549. package/src/LabelForm/LabelForm.tsx +12 -0
  550. package/src/List/List.tsx +31 -0
  551. package/src/List/ListItem.tsx +34 -0
  552. package/src/List/type.tsx +14 -0
  553. package/src/Loading/Loading.tsx +56 -0
  554. package/src/Modal/Modal.tsx +179 -0
  555. package/src/NativeRnKit.ts +8 -0
  556. package/src/Provider/FooterProvider.tsx +26 -0
  557. package/src/Provider/LayoutWithFooter.tsx +27 -0
  558. package/src/Provider/Provider.tsx +53 -0
  559. package/src/Provider/RequiredUpdateAppsProvider.tsx +58 -0
  560. package/src/Provider/type.tsx +6 -0
  561. package/src/RadioButton/README.md +43 -0
  562. package/src/RadioButton/RadioButton.tsx +119 -0
  563. package/src/Select/README.md +78 -0
  564. package/src/Select/README_Select.md +78 -0
  565. package/src/Select/Select.tsx +115 -0
  566. package/src/Select/type.tsx +30 -0
  567. package/src/Step/Step.tsx +92 -0
  568. package/src/Step/StepItem.tsx +86 -0
  569. package/src/Step/type.tsx +18 -0
  570. package/src/SwitchButton/SwitchButton.tsx +5 -0
  571. package/src/TextArea/TextArea.tsx +0 -0
  572. package/src/Theme/Theme.tsx +28 -0
  573. package/src/Timeline/Timeline.tsx +9 -0
  574. package/src/Timeline/TimelineItem.tsx +63 -0
  575. package/src/Toast/Toast.tsx +179 -0
  576. package/src/Toast/ToastContext.tsx +51 -0
  577. package/src/Typography/README.md +71 -0
  578. package/src/Typography/Typography.tsx +44 -0
  579. package/src/Typography/type.tsx +60 -0
  580. package/src/Ui/Card.tsx +70 -0
  581. package/src/Ui/Center.tsx +20 -0
  582. package/src/Ui/Col.tsx +17 -0
  583. package/src/Ui/Container.tsx +12 -0
  584. package/src/Ui/Devider.tsx +15 -0
  585. package/src/Ui/Footer.tsx +37 -0
  586. package/src/Ui/Gap.tsx +8 -0
  587. package/src/Ui/Grid.tsx +36 -0
  588. package/src/index.tsx +68 -0
@@ -0,0 +1,69 @@
1
+ "use strict";
2
+
3
+ import { useCallback, useState } from 'react';
4
+ import { StyleSheet, View } from 'react-native';
5
+ import BottomSheet from "../BottomSheet/BottomSheet.js";
6
+ import Calendar from "../Calendar/Calendar.js";
7
+ import Button from "../Button/Button.js";
8
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
+ export default function DatePicker({
10
+ onChange,
11
+ isOpen,
12
+ onClose,
13
+ ...calendarProps
14
+ }) {
15
+ const [valueDatepicker, setValueDatepicker] = useState({
16
+ startDate: null,
17
+ endDate: null,
18
+ date: null
19
+ });
20
+ const handleOnChangeCalendar = useCallback(value => {
21
+ setValueDatepicker(value);
22
+ }, []);
23
+ const handleOnPressSubmitButton = useCallback(() => {
24
+ onChange?.(valueDatepicker);
25
+ onClose?.();
26
+ }, [valueDatepicker, onChange, onClose]);
27
+ const handleOnPressCancelButton = useCallback(() => {
28
+ onClose?.();
29
+ }, [onClose]);
30
+ return /*#__PURE__*/_jsx(View, {
31
+ children: /*#__PURE__*/_jsx(BottomSheet, {
32
+ isOpen: isOpen,
33
+ onClose: onClose,
34
+ footer: /*#__PURE__*/_jsxs(View, {
35
+ style: styles.footerContainer,
36
+ children: [/*#__PURE__*/_jsx(View, {
37
+ style: styles.buttonWrapper,
38
+ children: /*#__PURE__*/_jsx(Button, {
39
+ variant: "tertiary",
40
+ title: "Batalkan",
41
+ color: "primary",
42
+ onPress: handleOnPressCancelButton
43
+ })
44
+ }), /*#__PURE__*/_jsx(View, {
45
+ style: styles.buttonWrapper,
46
+ children: /*#__PURE__*/_jsx(Button, {
47
+ title: "Terapkan",
48
+ color: "primary",
49
+ onPress: handleOnPressSubmitButton
50
+ })
51
+ })]
52
+ }),
53
+ children: /*#__PURE__*/_jsx(Calendar, {
54
+ onChange: handleOnChangeCalendar,
55
+ ...calendarProps
56
+ })
57
+ })
58
+ });
59
+ }
60
+ const styles = StyleSheet.create({
61
+ footerContainer: {
62
+ flexDirection: 'row',
63
+ justifyContent: 'space-between'
64
+ },
65
+ buttonWrapper: {
66
+ flex: 1
67
+ }
68
+ });
69
+ //# sourceMappingURL=DatePicker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["useCallback","useState","StyleSheet","View","BottomSheet","Calendar","Button","jsx","_jsx","jsxs","_jsxs","DatePicker","onChange","isOpen","onClose","calendarProps","valueDatepicker","setValueDatepicker","startDate","endDate","date","handleOnChangeCalendar","value","handleOnPressSubmitButton","handleOnPressCancelButton","children","footer","style","styles","footerContainer","buttonWrapper","variant","title","color","onPress","create","flexDirection","justifyContent","flex"],"sourceRoot":"../../../src","sources":["DatePicker/DatePicker.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAC7C,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,WAAW,MAAM,+BAA4B;AACpD,OAAOC,QAAQ,MAAM,yBAAsB;AAC3C,OAAOC,MAAM,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAStC,eAAe,SAASC,UAAUA,CAAC;EACjCC,QAAQ;EACRC,MAAM;EACNC,OAAO;EACP,GAAGC;AACY,CAAC,EAAE;EAClB,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGhB,QAAQ,CAAiB;IACrEiB,SAAS,EAAE,IAAI;IACfC,OAAO,EAAE,IAAI;IACbC,IAAI,EAAE;EACR,CAAC,CAAC;EAEF,MAAMC,sBAAsB,GAAGrB,WAAW,CAAEsB,KAAqB,IAAK;IACpEL,kBAAkB,CAACK,KAAK,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,yBAAyB,GAAGvB,WAAW,CAAC,MAAM;IAClDY,QAAQ,GAAGI,eAAe,CAAC;IAC3BF,OAAO,GAAG,CAAC;EACb,CAAC,EAAE,CAACE,eAAe,EAAEJ,QAAQ,EAAEE,OAAO,CAAC,CAAC;EAExC,MAAMU,yBAAyB,GAAGxB,WAAW,CAAC,MAAM;IAClDc,OAAO,GAAG,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,oBACEN,IAAA,CAACL,IAAI;IAAAsB,QAAA,eACHjB,IAAA,CAACJ,WAAW;MACVS,MAAM,EAAEA,MAAO;MACfC,OAAO,EAAEA,OAAQ;MACjBY,MAAM,eACJhB,KAAA,CAACP,IAAI;QAACwB,KAAK,EAAEC,MAAM,CAACC,eAAgB;QAAAJ,QAAA,gBAClCjB,IAAA,CAACL,IAAI;UAACwB,KAAK,EAAEC,MAAM,CAACE,aAAc;UAAAL,QAAA,eAChCjB,IAAA,CAACF,MAAM;YACLyB,OAAO,EAAC,UAAU;YAClBC,KAAK,EAAC,UAAU;YAChBC,KAAK,EAAC,SAAS;YACfC,OAAO,EAAEV;UAA0B,CACpC;QAAC,CACE,CAAC,eACPhB,IAAA,CAACL,IAAI;UAACwB,KAAK,EAAEC,MAAM,CAACE,aAAc;UAAAL,QAAA,eAChCjB,IAAA,CAACF,MAAM;YACL0B,KAAK,EAAC,UAAU;YAChBC,KAAK,EAAC,SAAS;YACfC,OAAO,EAAEX;UAA0B,CACpC;QAAC,CACE,CAAC;MAAA,CACH,CACP;MAAAE,QAAA,eAEDjB,IAAA,CAACH,QAAQ;QAACO,QAAQ,EAAES,sBAAuB;QAAA,GAAKN;MAAa,CAAG;IAAC,CACtD;EAAC,CACV,CAAC;AAEX;AAEA,MAAMa,MAAM,GAAG1B,UAAU,CAACiC,MAAM,CAAC;EAC/BN,eAAe,EAAE;IACfO,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDP,aAAa,EAAE;IACbQ,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,179 @@
1
+ "use strict";
2
+
3
+ import { useState, useCallback } from 'react';
4
+ import { View, FlatList, StyleSheet, TouchableOpacity } from 'react-native';
5
+ import BottomSheet from "../BottomSheet/BottomSheet.js";
6
+ import Typography from "../Typography/Typography.js";
7
+ import Button from "../Button/Button.js";
8
+ import Color from "../Color/Color.js";
9
+ import { generateMonthOptions } from "./helpers.js";
10
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
11
+ export default function MonthPicker({
12
+ isOpen,
13
+ onClose,
14
+ onChange,
15
+ mode = 'single'
16
+ }) {
17
+ const [rangeValue, setRangeValue] = useState({
18
+ startDate: null,
19
+ endDate: null
20
+ });
21
+ const [multipleValue, setMultipleValue] = useState([]);
22
+ const [singleValue, setSingleValue] = useState(null);
23
+ const handleSelectMonth = useCallback(month => {
24
+ if (mode === 'single') {
25
+ setSingleValue(month);
26
+ } else if (mode === 'range') {
27
+ if (rangeValue.startDate === null || rangeValue.startDate !== null && rangeValue.endDate !== null) {
28
+ setRangeValue({
29
+ startDate: month,
30
+ endDate: null
31
+ });
32
+ } else if (month < rangeValue.startDate) {
33
+ setRangeValue({
34
+ startDate: month,
35
+ endDate: rangeValue.startDate
36
+ });
37
+ } else {
38
+ setRangeValue({
39
+ startDate: rangeValue.startDate,
40
+ endDate: month
41
+ });
42
+ }
43
+ } else if (mode === 'multiple') {
44
+ setMultipleValue(prev => prev.includes(month) ? prev.filter(m => m !== month) : [...prev, month]);
45
+ }
46
+ }, [mode, rangeValue]);
47
+ const isSelected = month => {
48
+ if (mode === 'single') return month === singleValue;
49
+ if (mode === 'range') {
50
+ const {
51
+ startDate,
52
+ endDate
53
+ } = rangeValue;
54
+ return startDate === month && endDate === null || startDate !== null && endDate !== null && month >= startDate && month <= endDate;
55
+ }
56
+ if (mode === 'multiple') return multipleValue.includes(month);
57
+ return false;
58
+ };
59
+ const handleSubmit = () => {
60
+ if (mode === 'single') {
61
+ onChange?.(singleValue !== null ? [singleValue] : []);
62
+ } else if (mode === 'range') {
63
+ onChange?.(rangeValue);
64
+ } else {
65
+ onChange?.(multipleValue);
66
+ }
67
+ onClose?.();
68
+ };
69
+ return /*#__PURE__*/_jsxs(BottomSheet, {
70
+ isOpen: isOpen,
71
+ onClose: onClose,
72
+ footer: /*#__PURE__*/_jsxs(View, {
73
+ style: styles.containerBottomSheetFooter,
74
+ children: [/*#__PURE__*/_jsx(View, {
75
+ style: styles.flex1,
76
+ children: /*#__PURE__*/_jsx(Button, {
77
+ title: "Batal",
78
+ variant: "tertiary",
79
+ size: "medium",
80
+ color: "primary",
81
+ onPress: onClose
82
+ })
83
+ }), /*#__PURE__*/_jsx(View, {
84
+ style: styles.flex1,
85
+ children: /*#__PURE__*/_jsx(Button, {
86
+ title: "Pilih",
87
+ color: "primary",
88
+ size: "medium",
89
+ onPress: handleSubmit
90
+ })
91
+ })]
92
+ }),
93
+ children: [/*#__PURE__*/_jsx(View, {
94
+ style: styles.header,
95
+ children: /*#__PURE__*/_jsx(Typography, {
96
+ variant: "t1",
97
+ weight: "semibold",
98
+ color: Color.gray[900],
99
+ center: true,
100
+ children: "Pilih Bulan"
101
+ })
102
+ }), /*#__PURE__*/_jsx(View, {
103
+ style: styles.container,
104
+ children: /*#__PURE__*/_jsx(FlatList, {
105
+ data: generateMonthOptions(),
106
+ numColumns: 3,
107
+ keyExtractor: item => item.value.toString(),
108
+ contentContainerStyle: styles.yearList,
109
+ renderItem: ({
110
+ item
111
+ }) => {
112
+ const selected = isSelected(item.value);
113
+ return /*#__PURE__*/_jsx(View, {
114
+ style: styles.yearItem,
115
+ children: /*#__PURE__*/_jsx(TouchableOpacity, {
116
+ onPress: () => handleSelectMonth(item.value),
117
+ style: [styles.option, selected ? styles.optionSelected : null],
118
+ children: /*#__PURE__*/_jsx(Typography, {
119
+ variant: "p2",
120
+ center: true,
121
+ weight: "semibold",
122
+ color: selected ? Color.gray[900] : Color.gray[700],
123
+ children: item.label
124
+ })
125
+ })
126
+ });
127
+ }
128
+ })
129
+ })]
130
+ });
131
+ }
132
+ const styles = StyleSheet.create({
133
+ container: {
134
+ gap: 10
135
+ },
136
+ yearList: {
137
+ paddingBottom: 12
138
+ },
139
+ yearItem: {
140
+ width: '30%',
141
+ margin: '1.66%'
142
+ },
143
+ pagination: {
144
+ marginTop: 8,
145
+ flexDirection: 'row',
146
+ justifyContent: 'space-between',
147
+ alignItems: 'center',
148
+ gap: 8
149
+ },
150
+ header: {
151
+ marginBottom: 10
152
+ },
153
+ buttonNav: {
154
+ backgroundColor: Color.gray[500],
155
+ borderRadius: 8,
156
+ padding: 8
157
+ },
158
+ containerBottomSheetFooter: {
159
+ flexDirection: 'row',
160
+ flex: 1,
161
+ gap: 12
162
+ },
163
+ flex1: {
164
+ flex: 1
165
+ },
166
+ option: {
167
+ gap: 8,
168
+ paddingVertical: 8,
169
+ paddingHorizontal: 12,
170
+ borderWidth: 1,
171
+ borderRadius: 8,
172
+ borderColor: Color.base.white100
173
+ },
174
+ optionSelected: {
175
+ backgroundColor: Color.primary[50],
176
+ borderColor: Color.primary[300]
177
+ }
178
+ });
179
+ //# sourceMappingURL=MonthPicker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["useState","useCallback","View","FlatList","StyleSheet","TouchableOpacity","BottomSheet","Typography","Button","Color","generateMonthOptions","jsx","_jsx","jsxs","_jsxs","MonthPicker","isOpen","onClose","onChange","mode","rangeValue","setRangeValue","startDate","endDate","multipleValue","setMultipleValue","singleValue","setSingleValue","handleSelectMonth","month","prev","includes","filter","m","isSelected","handleSubmit","footer","style","styles","containerBottomSheetFooter","children","flex1","title","variant","size","color","onPress","header","weight","gray","center","container","data","numColumns","keyExtractor","item","value","toString","contentContainerStyle","yearList","renderItem","selected","yearItem","option","optionSelected","label","create","gap","paddingBottom","width","margin","pagination","marginTop","flexDirection","justifyContent","alignItems","marginBottom","buttonNav","backgroundColor","borderRadius","padding","flex","paddingVertical","paddingHorizontal","borderWidth","borderColor","base","white100","primary"],"sourceRoot":"../../../src","sources":["DatePicker/MonthPicker.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,51 @@
1
+ # 📅 DatePicker Component
2
+
3
+ Komponen `DatePicker` adalah antarmuka pemilih tanggal yang dibungkus dalam sebuah **BottomSheet**, dan menggunakan komponen `Calendar` di dalamnya. Pengguna dapat memilih tanggal (tunggal atau rentang), lalu mengonfirmasi atau membatalkan pemilihan dengan tombol aksi.
4
+
5
+ Komponen ini extend dari Calendar, jadi kalian bisa menggunakan semua props yang ada di Calendar [Calendar](../Calendar/README.md)
6
+
7
+ ---
8
+
9
+ ## ✨ Fitur
10
+
11
+ - Pilih tanggal dalam mode **single** atau **range**
12
+ - Tersedia dalam tampilan **BottomSheet**
13
+ - Terdapat tombol **Batalkan** dan **Terapkan**
14
+ - Terintegrasi dengan `Calendar` dan `Button` custom
15
+
16
+ ---
17
+
18
+ ## ⚙️ Props
19
+
20
+ | Prop | Tipe Data | Keterangan |
21
+ |-------------|----------------------------------|------------|
22
+ | `mode` | `'single'` \| `'range'` | Menentukan mode pemilihan tanggal |
23
+ | `onChange` | `(value: Date \| [Date, Date]) => void` | Callback saat tanggal dipilih dan tombol **Terapkan** ditekan |
24
+ | `onClose` | `() => void` | Callback saat BottomSheet ditutup |
25
+ | `isOpen` | `boolean` | Menentukan apakah BottomSheet sedang terbuka |
26
+ | `hasError` | `boolean` | (Opsional) Menandai jika terjadi kesalahan validasi |
27
+
28
+ ---
29
+
30
+ ## 🧪 Contoh Penggunaan
31
+
32
+ ```jsx
33
+ import DatePicker from "./components/DatePicker";
34
+
35
+ function App() {
36
+ const [isOpen, setIsOpen] = useState(false);
37
+ const [selectedDate, setSelectedDate] = useState(null);
38
+
39
+ return (
40
+ <>
41
+ <Button title="Pilih Tanggal" onPress={() => setIsOpen(true)} />
42
+
43
+ <DatePicker
44
+ isOpen={isOpen}
45
+ onClose={() => setIsOpen(false)}
46
+ mode="range"
47
+ onChange={(date) => setSelectedDate(date)}
48
+ />
49
+ </>
50
+ );
51
+ }
@@ -0,0 +1,200 @@
1
+ "use strict";
2
+
3
+ import React, { useRef, useState, useEffect } from 'react';
4
+ import { View, ScrollView, StyleSheet, Text, Dimensions } from 'react-native';
5
+ import BottomSheet from "../BottomSheet/BottomSheet.js";
6
+ import Button from "../Button/Button.js";
7
+ import Typography from "../Typography/Typography.js";
8
+ import Color from "../Color/Color.js";
9
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
10
+ const ITEM_HEIGHT = 40;
11
+ const SCREEN_WIDTH = Dimensions.get('window').width;
12
+ const VISIBLE_ITEMS = 5;
13
+ const MIDDLE_INDEX = Math.floor(VISIBLE_ITEMS / 2);
14
+ const generateItems = max => Array.from({
15
+ length: max
16
+ }, (_, i) => i);
17
+ export default function TimePickerWheel({
18
+ isOpen,
19
+ onClose,
20
+ onChange
21
+ }) {
22
+ const [selectedHour, setSelectedHour] = useState(0);
23
+ const [selectedMinute, setSelectedMinute] = useState(0);
24
+ const hourRef = useRef(null);
25
+ const minuteRef = useRef(null);
26
+ const padItems = (items, padCount) => {
27
+ return [...items.slice(-padCount).map(i => i - items.length), ...items, ...items.slice(0, padCount).map(i => i + items.length)];
28
+ };
29
+ const hours = padItems(generateItems(24), MIDDLE_INDEX);
30
+ const minutes = padItems(generateItems(60), MIDDLE_INDEX);
31
+ useEffect(() => {
32
+ if (isOpen) {
33
+ setTimeout(() => {
34
+ scrollToIndex(hourRef, selectedHour + MIDDLE_INDEX);
35
+ scrollToIndex(minuteRef, selectedMinute + MIDDLE_INDEX);
36
+ }, 100);
37
+ }
38
+ }, [isOpen, selectedMinute, selectedHour]);
39
+ const scrollToIndex = (ref, index) => {
40
+ ref.current?.scrollTo({
41
+ y: index * ITEM_HEIGHT,
42
+ animated: true
43
+ });
44
+ };
45
+ const handleScrollEnd = (event, type) => {
46
+ const offsetY = event.nativeEvent.contentOffset.y;
47
+ const index = Math.round(offsetY / ITEM_HEIGHT);
48
+ if (type === 'hour') {
49
+ const realIndex = ((index - MIDDLE_INDEX) % 24 + 24) % 24;
50
+ setSelectedHour(realIndex);
51
+ setTimeout(() => scrollToIndex(hourRef, realIndex + MIDDLE_INDEX), 50);
52
+ } else {
53
+ const realIndex = ((index - MIDDLE_INDEX) % 60 + 60) % 60;
54
+ setSelectedMinute(realIndex);
55
+ setTimeout(() => scrollToIndex(minuteRef, realIndex + MIDDLE_INDEX), 50);
56
+ }
57
+ };
58
+ const handleSubmit = () => {
59
+ onChange?.({
60
+ hour: selectedHour,
61
+ minute: selectedMinute
62
+ });
63
+ onClose?.();
64
+ };
65
+ const renderItem = (value, type) => {
66
+ const isSelected = type === 'hour' ? (value % 24 + 24) % 24 === selectedHour : value % 60 + 60 % 60 === selectedMinute;
67
+ const displayValue = type === 'hour' ? ((value % 24 + 24) % 24).toString().padStart(2, '0') : ((value % 60 + 60) % 60).toString().padStart(2, '0');
68
+ return /*#__PURE__*/_jsx(View, {
69
+ style: styles.item,
70
+ children: /*#__PURE__*/_jsx(Text, {
71
+ style: [styles.itemText, isSelected && styles.selectedItemText],
72
+ children: displayValue
73
+ })
74
+ }, `${type}-${value}`);
75
+ };
76
+ return /*#__PURE__*/_jsxs(BottomSheet, {
77
+ isOpen: isOpen,
78
+ onClose: onClose,
79
+ footer: /*#__PURE__*/_jsxs(View, {
80
+ style: styles.footer,
81
+ children: [/*#__PURE__*/_jsx(View, {
82
+ style: styles.flex1,
83
+ children: /*#__PURE__*/_jsx(Button, {
84
+ title: "Batal",
85
+ variant: "tertiary",
86
+ onPress: onClose,
87
+ color: "primary",
88
+ size: "medium"
89
+ })
90
+ }), /*#__PURE__*/_jsx(View, {
91
+ style: styles.flex1,
92
+ children: /*#__PURE__*/_jsx(Button, {
93
+ title: "Pilih",
94
+ onPress: handleSubmit,
95
+ color: "primary",
96
+ size: "medium"
97
+ })
98
+ })]
99
+ }),
100
+ children: [/*#__PURE__*/_jsx(Typography, {
101
+ variant: "t1",
102
+ weight: "semibold",
103
+ color: Color.gray[900],
104
+ center: true,
105
+ style: {
106
+ marginBottom: 16
107
+ },
108
+ children: "Pilih Waktu"
109
+ }), /*#__PURE__*/_jsxs(View, {
110
+ style: styles.container,
111
+ children: [/*#__PURE__*/_jsx(View, {
112
+ style: styles.highlightOverlay,
113
+ pointerEvents: "none",
114
+ children: /*#__PURE__*/_jsx(View, {
115
+ style: styles.highlight
116
+ })
117
+ }), /*#__PURE__*/_jsxs(View, {
118
+ style: styles.scrollContainer,
119
+ children: [/*#__PURE__*/_jsx(View, {
120
+ style: styles.pickerColumn,
121
+ children: /*#__PURE__*/_jsx(ScrollView, {
122
+ ref: hourRef,
123
+ showsVerticalScrollIndicator: false,
124
+ snapToInterval: ITEM_HEIGHT,
125
+ decelerationRate: "fast",
126
+ onMomentumScrollEnd: e => handleScrollEnd(e, 'hour'),
127
+ contentContainerStyle: styles.scrollContent,
128
+ children: hours.map(h => renderItem(h, 'hour'))
129
+ })
130
+ }), /*#__PURE__*/_jsx(View, {
131
+ style: styles.pickerColumn,
132
+ children: /*#__PURE__*/_jsx(ScrollView, {
133
+ ref: minuteRef,
134
+ showsVerticalScrollIndicator: false,
135
+ snapToInterval: ITEM_HEIGHT,
136
+ decelerationRate: "fast",
137
+ onMomentumScrollEnd: e => handleScrollEnd(e, 'minute'),
138
+ contentContainerStyle: styles.scrollContent,
139
+ children: minutes.map(m => renderItem(m, 'minute'))
140
+ })
141
+ })]
142
+ })]
143
+ })]
144
+ });
145
+ }
146
+ const styles = StyleSheet.create({
147
+ container: {
148
+ position: 'relative',
149
+ height: ITEM_HEIGHT * VISIBLE_ITEMS,
150
+ marginBottom: 16
151
+ },
152
+ footer: {
153
+ flexDirection: 'row',
154
+ gap: 12
155
+ },
156
+ flex1: {
157
+ flex: 1
158
+ },
159
+ scrollContainer: {
160
+ flexDirection: 'row',
161
+ justifyContent: 'space-evenly'
162
+ },
163
+ scrollContent: {
164
+ paddingVertical: ITEM_HEIGHT * MIDDLE_INDEX
165
+ },
166
+ pickerColumn: {
167
+ width: SCREEN_WIDTH / 10.5,
168
+ height: ITEM_HEIGHT * VISIBLE_ITEMS,
169
+ overflow: 'hidden'
170
+ },
171
+ item: {
172
+ height: ITEM_HEIGHT,
173
+ justifyContent: 'center',
174
+ alignItems: 'center'
175
+ },
176
+ itemText: {
177
+ fontSize: 18,
178
+ color: Color.gray[400]
179
+ },
180
+ selectedItemText: {
181
+ color: Color.gray[900],
182
+ fontWeight: 'bold',
183
+ fontSize: 22
184
+ },
185
+ highlightOverlay: {
186
+ position: 'absolute',
187
+ zIndex: -1,
188
+ top: 0,
189
+ left: 0,
190
+ right: 0,
191
+ bottom: 0,
192
+ justifyContent: 'center'
193
+ },
194
+ highlight: {
195
+ height: ITEM_HEIGHT,
196
+ zIndex: -1,
197
+ backgroundColor: Color.primary[50]
198
+ }
199
+ });
200
+ //# sourceMappingURL=TimePicker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","useRef","useState","useEffect","View","ScrollView","StyleSheet","Text","Dimensions","BottomSheet","Button","Typography","Color","jsx","_jsx","jsxs","_jsxs","ITEM_HEIGHT","SCREEN_WIDTH","get","width","VISIBLE_ITEMS","MIDDLE_INDEX","Math","floor","generateItems","max","Array","from","length","_","i","TimePickerWheel","isOpen","onClose","onChange","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","hourRef","minuteRef","padItems","items","padCount","slice","map","hours","minutes","setTimeout","scrollToIndex","ref","index","current","scrollTo","y","animated","handleScrollEnd","event","type","offsetY","nativeEvent","contentOffset","round","realIndex","handleSubmit","hour","minute","renderItem","value","isSelected","displayValue","toString","padStart","style","styles","item","children","itemText","selectedItemText","footer","flex1","title","variant","onPress","color","size","weight","gray","center","marginBottom","container","highlightOverlay","pointerEvents","highlight","scrollContainer","pickerColumn","showsVerticalScrollIndicator","snapToInterval","decelerationRate","onMomentumScrollEnd","e","contentContainerStyle","scrollContent","h","m","create","position","height","flexDirection","gap","flex","justifyContent","paddingVertical","overflow","alignItems","fontSize","fontWeight","zIndex","top","left","right","bottom","backgroundColor","primary"],"sourceRoot":"../../../src","sources":["DatePicker/TimePicker.tsx"],"mappings":"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","ignoreList":[]}