@umituz/react-native-design-system 1.7.1 → 1.7.2

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 (323) hide show
  1. package/README.md +2 -2
  2. package/package.json +61 -35
  3. package/src/index.ts +72 -272
  4. package/lib/index.d.ts +0 -59
  5. package/lib/index.d.ts.map +0 -1
  6. package/lib/index.js +0 -99
  7. package/lib/index.js.map +0 -1
  8. package/lib/presentation/atoms/AtomicAvatar.d.ts +0 -48
  9. package/lib/presentation/atoms/AtomicAvatar.d.ts.map +0 -1
  10. package/lib/presentation/atoms/AtomicAvatar.js +0 -85
  11. package/lib/presentation/atoms/AtomicAvatar.js.map +0 -1
  12. package/lib/presentation/atoms/AtomicAvatarGroup.d.ts +0 -56
  13. package/lib/presentation/atoms/AtomicAvatarGroup.d.ts.map +0 -1
  14. package/lib/presentation/atoms/AtomicAvatarGroup.js +0 -83
  15. package/lib/presentation/atoms/AtomicAvatarGroup.js.map +0 -1
  16. package/lib/presentation/atoms/AtomicBadge.d.ts +0 -42
  17. package/lib/presentation/atoms/AtomicBadge.d.ts.map +0 -1
  18. package/lib/presentation/atoms/AtomicBadge.js +0 -168
  19. package/lib/presentation/atoms/AtomicBadge.js.map +0 -1
  20. package/lib/presentation/atoms/AtomicButton.d.ts +0 -21
  21. package/lib/presentation/atoms/AtomicButton.d.ts.map +0 -1
  22. package/lib/presentation/atoms/AtomicButton.js +0 -172
  23. package/lib/presentation/atoms/AtomicButton.js.map +0 -1
  24. package/lib/presentation/atoms/AtomicCard.d.ts +0 -15
  25. package/lib/presentation/atoms/AtomicCard.d.ts.map +0 -1
  26. package/lib/presentation/atoms/AtomicCard.js +0 -70
  27. package/lib/presentation/atoms/AtomicCard.js.map +0 -1
  28. package/lib/presentation/atoms/AtomicChip.d.ts +0 -53
  29. package/lib/presentation/atoms/AtomicChip.d.ts.map +0 -1
  30. package/lib/presentation/atoms/AtomicChip.js +0 -131
  31. package/lib/presentation/atoms/AtomicChip.js.map +0 -1
  32. package/lib/presentation/atoms/AtomicDatePicker.d.ts +0 -75
  33. package/lib/presentation/atoms/AtomicDatePicker.d.ts.map +0 -1
  34. package/lib/presentation/atoms/AtomicDatePicker.js +0 -246
  35. package/lib/presentation/atoms/AtomicDatePicker.js.map +0 -1
  36. package/lib/presentation/atoms/AtomicDivider.d.ts +0 -45
  37. package/lib/presentation/atoms/AtomicDivider.d.ts.map +0 -1
  38. package/lib/presentation/atoms/AtomicDivider.js +0 -58
  39. package/lib/presentation/atoms/AtomicDivider.js.map +0 -1
  40. package/lib/presentation/atoms/AtomicFab.d.ts +0 -37
  41. package/lib/presentation/atoms/AtomicFab.d.ts.map +0 -1
  42. package/lib/presentation/atoms/AtomicFab.js +0 -68
  43. package/lib/presentation/atoms/AtomicFab.js.map +0 -1
  44. package/lib/presentation/atoms/AtomicFilter.d.ts +0 -37
  45. package/lib/presentation/atoms/AtomicFilter.d.ts.map +0 -1
  46. package/lib/presentation/atoms/AtomicFilter.js +0 -104
  47. package/lib/presentation/atoms/AtomicFilter.js.map +0 -1
  48. package/lib/presentation/atoms/AtomicFormError.d.ts +0 -30
  49. package/lib/presentation/atoms/AtomicFormError.d.ts.map +0 -1
  50. package/lib/presentation/atoms/AtomicFormError.js +0 -64
  51. package/lib/presentation/atoms/AtomicFormError.js.map +0 -1
  52. package/lib/presentation/atoms/AtomicIcon.d.ts +0 -35
  53. package/lib/presentation/atoms/AtomicIcon.d.ts.map +0 -1
  54. package/lib/presentation/atoms/AtomicIcon.js +0 -30
  55. package/lib/presentation/atoms/AtomicIcon.js.map +0 -1
  56. package/lib/presentation/atoms/AtomicImage.d.ts +0 -40
  57. package/lib/presentation/atoms/AtomicImage.d.ts.map +0 -1
  58. package/lib/presentation/atoms/AtomicImage.js +0 -92
  59. package/lib/presentation/atoms/AtomicImage.js.map +0 -1
  60. package/lib/presentation/atoms/AtomicInput.d.ts +0 -71
  61. package/lib/presentation/atoms/AtomicInput.d.ts.map +0 -1
  62. package/lib/presentation/atoms/AtomicInput.js +0 -196
  63. package/lib/presentation/atoms/AtomicInput.js.map +0 -1
  64. package/lib/presentation/atoms/AtomicNumberInput.d.ts +0 -69
  65. package/lib/presentation/atoms/AtomicNumberInput.d.ts.map +0 -1
  66. package/lib/presentation/atoms/AtomicNumberInput.js +0 -125
  67. package/lib/presentation/atoms/AtomicNumberInput.js.map +0 -1
  68. package/lib/presentation/atoms/AtomicPicker.d.ts +0 -52
  69. package/lib/presentation/atoms/AtomicPicker.d.ts.map +0 -1
  70. package/lib/presentation/atoms/AtomicPicker.js +0 -299
  71. package/lib/presentation/atoms/AtomicPicker.js.map +0 -1
  72. package/lib/presentation/atoms/AtomicProgress.d.ts +0 -44
  73. package/lib/presentation/atoms/AtomicProgress.d.ts.map +0 -1
  74. package/lib/presentation/atoms/AtomicProgress.js +0 -80
  75. package/lib/presentation/atoms/AtomicProgress.js.map +0 -1
  76. package/lib/presentation/atoms/AtomicSearchBar.d.ts +0 -19
  77. package/lib/presentation/atoms/AtomicSearchBar.d.ts.map +0 -1
  78. package/lib/presentation/atoms/AtomicSearchBar.js +0 -46
  79. package/lib/presentation/atoms/AtomicSearchBar.js.map +0 -1
  80. package/lib/presentation/atoms/AtomicSort.d.ts +0 -72
  81. package/lib/presentation/atoms/AtomicSort.d.ts.map +0 -1
  82. package/lib/presentation/atoms/AtomicSort.js +0 -77
  83. package/lib/presentation/atoms/AtomicSort.js.map +0 -1
  84. package/lib/presentation/atoms/AtomicSwitch.d.ts +0 -43
  85. package/lib/presentation/atoms/AtomicSwitch.d.ts.map +0 -1
  86. package/lib/presentation/atoms/AtomicSwitch.js +0 -104
  87. package/lib/presentation/atoms/AtomicSwitch.js.map +0 -1
  88. package/lib/presentation/atoms/AtomicText.d.ts +0 -14
  89. package/lib/presentation/atoms/AtomicText.d.ts.map +0 -1
  90. package/lib/presentation/atoms/AtomicText.js +0 -36
  91. package/lib/presentation/atoms/AtomicText.js.map +0 -1
  92. package/lib/presentation/atoms/AtomicTextArea.d.ts +0 -85
  93. package/lib/presentation/atoms/AtomicTextArea.d.ts.map +0 -1
  94. package/lib/presentation/atoms/AtomicTextArea.js +0 -196
  95. package/lib/presentation/atoms/AtomicTextArea.js.map +0 -1
  96. package/lib/presentation/atoms/AtomicTouchable.d.ts +0 -77
  97. package/lib/presentation/atoms/AtomicTouchable.d.ts.map +0 -1
  98. package/lib/presentation/atoms/AtomicTouchable.js +0 -138
  99. package/lib/presentation/atoms/AtomicTouchable.js.map +0 -1
  100. package/lib/presentation/atoms/fab/styles/fabStyles.d.ts +0 -23
  101. package/lib/presentation/atoms/fab/styles/fabStyles.d.ts.map +0 -1
  102. package/lib/presentation/atoms/fab/styles/fabStyles.js +0 -63
  103. package/lib/presentation/atoms/fab/styles/fabStyles.js.map +0 -1
  104. package/lib/presentation/atoms/fab/types/index.d.ts +0 -71
  105. package/lib/presentation/atoms/fab/types/index.d.ts.map +0 -1
  106. package/lib/presentation/atoms/fab/types/index.js +0 -2
  107. package/lib/presentation/atoms/fab/types/index.js.map +0 -1
  108. package/lib/presentation/atoms/filter/styles/filterStyles.d.ts +0 -15
  109. package/lib/presentation/atoms/filter/styles/filterStyles.d.ts.map +0 -1
  110. package/lib/presentation/atoms/filter/styles/filterStyles.js +0 -29
  111. package/lib/presentation/atoms/filter/styles/filterStyles.js.map +0 -1
  112. package/lib/presentation/atoms/filter/types/index.d.ts +0 -76
  113. package/lib/presentation/atoms/filter/types/index.d.ts.map +0 -1
  114. package/lib/presentation/atoms/filter/types/index.js +0 -2
  115. package/lib/presentation/atoms/filter/types/index.js.map +0 -1
  116. package/lib/presentation/atoms/index.d.ts +0 -273
  117. package/lib/presentation/atoms/index.d.ts.map +0 -1
  118. package/lib/presentation/atoms/index.js +0 -146
  119. package/lib/presentation/atoms/index.js.map +0 -1
  120. package/lib/presentation/atoms/input/hooks/useInputState.d.ts +0 -7
  121. package/lib/presentation/atoms/input/hooks/useInputState.d.ts.map +0 -1
  122. package/lib/presentation/atoms/input/hooks/useInputState.js +0 -13
  123. package/lib/presentation/atoms/input/hooks/useInputState.js.map +0 -1
  124. package/lib/presentation/atoms/input/styles/inputStyles.d.ts +0 -13
  125. package/lib/presentation/atoms/input/styles/inputStyles.d.ts.map +0 -1
  126. package/lib/presentation/atoms/input/styles/inputStyles.js +0 -59
  127. package/lib/presentation/atoms/input/styles/inputStyles.js.map +0 -1
  128. package/lib/presentation/atoms/input/types/index.d.ts +0 -24
  129. package/lib/presentation/atoms/input/types/index.d.ts.map +0 -1
  130. package/lib/presentation/atoms/input/types/index.js +0 -2
  131. package/lib/presentation/atoms/input/types/index.js.map +0 -1
  132. package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts +0 -85
  133. package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts.map +0 -1
  134. package/lib/presentation/atoms/picker/styles/pickerStyles.js +0 -177
  135. package/lib/presentation/atoms/picker/styles/pickerStyles.js.map +0 -1
  136. package/lib/presentation/atoms/picker/types/index.d.ts +0 -38
  137. package/lib/presentation/atoms/picker/types/index.d.ts.map +0 -1
  138. package/lib/presentation/atoms/picker/types/index.js +0 -2
  139. package/lib/presentation/atoms/picker/types/index.js.map +0 -1
  140. package/lib/presentation/atoms/touchable/styles/touchableStyles.d.ts +0 -31
  141. package/lib/presentation/atoms/touchable/styles/touchableStyles.d.ts.map +0 -1
  142. package/lib/presentation/atoms/touchable/styles/touchableStyles.js +0 -54
  143. package/lib/presentation/atoms/touchable/styles/touchableStyles.js.map +0 -1
  144. package/lib/presentation/atoms/touchable/types/index.d.ts +0 -134
  145. package/lib/presentation/atoms/touchable/types/index.d.ts.map +0 -1
  146. package/lib/presentation/atoms/touchable/types/index.js +0 -2
  147. package/lib/presentation/atoms/touchable/types/index.js.map +0 -1
  148. package/lib/presentation/hooks/useAppDesignTokens.d.ts +0 -13
  149. package/lib/presentation/hooks/useAppDesignTokens.d.ts.map +0 -1
  150. package/lib/presentation/hooks/useAppDesignTokens.js +0 -13
  151. package/lib/presentation/hooks/useAppDesignTokens.js.map +0 -1
  152. package/lib/presentation/hooks/useResponsive.d.ts +0 -80
  153. package/lib/presentation/hooks/useResponsive.d.ts.map +0 -1
  154. package/lib/presentation/hooks/useResponsive.js +0 -82
  155. package/lib/presentation/hooks/useResponsive.js.map +0 -1
  156. package/lib/presentation/molecules/AtomicConfirmationModal.d.ts +0 -73
  157. package/lib/presentation/molecules/AtomicConfirmationModal.d.ts.map +0 -1
  158. package/lib/presentation/molecules/AtomicConfirmationModal.js +0 -154
  159. package/lib/presentation/molecules/AtomicConfirmationModal.js.map +0 -1
  160. package/lib/presentation/molecules/EmptyState.d.ts +0 -41
  161. package/lib/presentation/molecules/EmptyState.d.ts.map +0 -1
  162. package/lib/presentation/molecules/EmptyState.js +0 -68
  163. package/lib/presentation/molecules/EmptyState.js.map +0 -1
  164. package/lib/presentation/molecules/FormField.d.ts +0 -22
  165. package/lib/presentation/molecules/FormField.d.ts.map +0 -1
  166. package/lib/presentation/molecules/FormField.js +0 -76
  167. package/lib/presentation/molecules/FormField.js.map +0 -1
  168. package/lib/presentation/molecules/GridContainer.d.ts +0 -40
  169. package/lib/presentation/molecules/GridContainer.d.ts.map +0 -1
  170. package/lib/presentation/molecules/GridContainer.js +0 -77
  171. package/lib/presentation/molecules/GridContainer.js.map +0 -1
  172. package/lib/presentation/molecules/IconContainer.d.ts +0 -29
  173. package/lib/presentation/molecules/IconContainer.d.ts.map +0 -1
  174. package/lib/presentation/molecules/IconContainer.js +0 -60
  175. package/lib/presentation/molecules/IconContainer.js.map +0 -1
  176. package/lib/presentation/molecules/ListItem.d.ts +0 -5
  177. package/lib/presentation/molecules/ListItem.d.ts.map +0 -1
  178. package/lib/presentation/molecules/ListItem.js +0 -24
  179. package/lib/presentation/molecules/ListItem.js.map +0 -1
  180. package/lib/presentation/molecules/ScreenHeader.d.ts +0 -55
  181. package/lib/presentation/molecules/ScreenHeader.d.ts.map +0 -1
  182. package/lib/presentation/molecules/ScreenHeader.js +0 -94
  183. package/lib/presentation/molecules/ScreenHeader.js.map +0 -1
  184. package/lib/presentation/molecules/SearchBar.d.ts +0 -18
  185. package/lib/presentation/molecules/SearchBar.d.ts.map +0 -1
  186. package/lib/presentation/molecules/SearchBar.js +0 -47
  187. package/lib/presentation/molecules/SearchBar.js.map +0 -1
  188. package/lib/presentation/molecules/SectionCard.d.ts +0 -25
  189. package/lib/presentation/molecules/SectionCard.d.ts.map +0 -1
  190. package/lib/presentation/molecules/SectionCard.js +0 -47
  191. package/lib/presentation/molecules/SectionCard.js.map +0 -1
  192. package/lib/presentation/molecules/SectionContainer.d.ts +0 -33
  193. package/lib/presentation/molecules/SectionContainer.d.ts.map +0 -1
  194. package/lib/presentation/molecules/SectionContainer.js +0 -64
  195. package/lib/presentation/molecules/SectionContainer.js.map +0 -1
  196. package/lib/presentation/molecules/SectionHeader.d.ts +0 -37
  197. package/lib/presentation/molecules/SectionHeader.d.ts.map +0 -1
  198. package/lib/presentation/molecules/SectionHeader.js +0 -73
  199. package/lib/presentation/molecules/SectionHeader.js.map +0 -1
  200. package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts +0 -50
  201. package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts.map +0 -1
  202. package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.js +0 -115
  203. package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.js.map +0 -1
  204. package/lib/presentation/molecules/confirmation-modal/types/index.d.ts +0 -86
  205. package/lib/presentation/molecules/confirmation-modal/types/index.d.ts.map +0 -1
  206. package/lib/presentation/molecules/confirmation-modal/types/index.js +0 -7
  207. package/lib/presentation/molecules/confirmation-modal/types/index.js.map +0 -1
  208. package/lib/presentation/molecules/index.d.ts +0 -27
  209. package/lib/presentation/molecules/index.d.ts.map +0 -1
  210. package/lib/presentation/molecules/index.js +0 -17
  211. package/lib/presentation/molecules/index.js.map +0 -1
  212. package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts +0 -12
  213. package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts.map +0 -1
  214. package/lib/presentation/molecules/listitem/styles/listItemStyles.js +0 -15
  215. package/lib/presentation/molecules/listitem/styles/listItemStyles.js.map +0 -1
  216. package/lib/presentation/molecules/listitem/types/index.d.ts +0 -17
  217. package/lib/presentation/molecules/listitem/types/index.d.ts.map +0 -1
  218. package/lib/presentation/molecules/listitem/types/index.js +0 -2
  219. package/lib/presentation/molecules/listitem/types/index.js.map +0 -1
  220. package/lib/presentation/organisms/AppHeader.d.ts +0 -31
  221. package/lib/presentation/organisms/AppHeader.d.ts.map +0 -1
  222. package/lib/presentation/organisms/AppHeader.js +0 -78
  223. package/lib/presentation/organisms/AppHeader.js.map +0 -1
  224. package/lib/presentation/organisms/FormContainer.d.ts +0 -76
  225. package/lib/presentation/organisms/FormContainer.d.ts.map +0 -1
  226. package/lib/presentation/organisms/FormContainer.js +0 -127
  227. package/lib/presentation/organisms/FormContainer.js.map +0 -1
  228. package/lib/presentation/organisms/ScreenLayout.d.ts +0 -84
  229. package/lib/presentation/organisms/ScreenLayout.d.ts.map +0 -1
  230. package/lib/presentation/organisms/ScreenLayout.js +0 -69
  231. package/lib/presentation/organisms/ScreenLayout.js.map +0 -1
  232. package/lib/presentation/organisms/index.d.ts +0 -16
  233. package/lib/presentation/organisms/index.d.ts.map +0 -1
  234. package/lib/presentation/organisms/index.js +0 -14
  235. package/lib/presentation/organisms/index.js.map +0 -1
  236. package/lib/presentation/tokens/commonStyles.d.ts +0 -122
  237. package/lib/presentation/tokens/commonStyles.d.ts.map +0 -1
  238. package/lib/presentation/tokens/commonStyles.js +0 -220
  239. package/lib/presentation/tokens/commonStyles.js.map +0 -1
  240. package/lib/presentation/utils/platformConstants.d.ts +0 -100
  241. package/lib/presentation/utils/platformConstants.d.ts.map +0 -1
  242. package/lib/presentation/utils/platformConstants.js +0 -114
  243. package/lib/presentation/utils/platformConstants.js.map +0 -1
  244. package/lib/presentation/utils/responsive.d.ts +0 -218
  245. package/lib/presentation/utils/responsive.d.ts.map +0 -1
  246. package/lib/presentation/utils/responsive.js +0 -452
  247. package/lib/presentation/utils/responsive.js.map +0 -1
  248. package/lib/presentation/utils/variants/compound.d.ts +0 -10
  249. package/lib/presentation/utils/variants/compound.d.ts.map +0 -1
  250. package/lib/presentation/utils/variants/compound.js +0 -16
  251. package/lib/presentation/utils/variants/compound.js.map +0 -1
  252. package/lib/presentation/utils/variants/core.d.ts +0 -15
  253. package/lib/presentation/utils/variants/core.d.ts.map +0 -1
  254. package/lib/presentation/utils/variants/core.js +0 -23
  255. package/lib/presentation/utils/variants/core.js.map +0 -1
  256. package/lib/presentation/utils/variants/helpers.d.ts +0 -5
  257. package/lib/presentation/utils/variants/helpers.d.ts.map +0 -1
  258. package/lib/presentation/utils/variants/helpers.js +0 -10
  259. package/lib/presentation/utils/variants/helpers.js.map +0 -1
  260. package/lib/presentation/utils/variants.d.ts +0 -4
  261. package/lib/presentation/utils/variants.d.ts.map +0 -1
  262. package/lib/presentation/utils/variants.js +0 -4
  263. package/lib/presentation/utils/variants.js.map +0 -1
  264. package/src/presentation/atoms/AtomicAvatar.tsx +0 -157
  265. package/src/presentation/atoms/AtomicAvatarGroup.tsx +0 -169
  266. package/src/presentation/atoms/AtomicBadge.tsx +0 -232
  267. package/src/presentation/atoms/AtomicButton.tsx +0 -236
  268. package/src/presentation/atoms/AtomicCard.tsx +0 -107
  269. package/src/presentation/atoms/AtomicChip.tsx +0 -223
  270. package/src/presentation/atoms/AtomicDatePicker.tsx +0 -354
  271. package/src/presentation/atoms/AtomicDivider.tsx +0 -114
  272. package/src/presentation/atoms/AtomicFab.tsx +0 -98
  273. package/src/presentation/atoms/AtomicFilter.tsx +0 -154
  274. package/src/presentation/atoms/AtomicFormError.tsx +0 -105
  275. package/src/presentation/atoms/AtomicIcon.tsx +0 -40
  276. package/src/presentation/atoms/AtomicImage.tsx +0 -149
  277. package/src/presentation/atoms/AtomicInput.tsx +0 -350
  278. package/src/presentation/atoms/AtomicNumberInput.tsx +0 -182
  279. package/src/presentation/atoms/AtomicPicker.tsx +0 -458
  280. package/src/presentation/atoms/AtomicProgress.tsx +0 -139
  281. package/src/presentation/atoms/AtomicSearchBar.tsx +0 -114
  282. package/src/presentation/atoms/AtomicSort.tsx +0 -145
  283. package/src/presentation/atoms/AtomicSwitch.tsx +0 -166
  284. package/src/presentation/atoms/AtomicText.tsx +0 -82
  285. package/src/presentation/atoms/AtomicTextArea.tsx +0 -313
  286. package/src/presentation/atoms/AtomicTouchable.tsx +0 -209
  287. package/src/presentation/atoms/fab/styles/fabStyles.ts +0 -69
  288. package/src/presentation/atoms/fab/types/index.ts +0 -82
  289. package/src/presentation/atoms/filter/styles/filterStyles.ts +0 -32
  290. package/src/presentation/atoms/filter/types/index.ts +0 -89
  291. package/src/presentation/atoms/index.ts +0 -366
  292. package/src/presentation/atoms/input/hooks/useInputState.ts +0 -15
  293. package/src/presentation/atoms/input/styles/inputStyles.ts +0 -66
  294. package/src/presentation/atoms/input/types/index.ts +0 -25
  295. package/src/presentation/atoms/picker/styles/pickerStyles.ts +0 -220
  296. package/src/presentation/atoms/picker/types/index.ts +0 -40
  297. package/src/presentation/atoms/touchable/styles/touchableStyles.ts +0 -62
  298. package/src/presentation/atoms/touchable/types/index.ts +0 -155
  299. package/src/presentation/hooks/useAppDesignTokens.ts +0 -13
  300. package/src/presentation/hooks/useResponsive.ts +0 -180
  301. package/src/presentation/molecules/AtomicConfirmationModal.tsx +0 -243
  302. package/src/presentation/molecules/EmptyState.tsx +0 -130
  303. package/src/presentation/molecules/FormField.tsx +0 -128
  304. package/src/presentation/molecules/GridContainer.tsx +0 -124
  305. package/src/presentation/molecules/IconContainer.tsx +0 -94
  306. package/src/presentation/molecules/ListItem.tsx +0 -36
  307. package/src/presentation/molecules/ScreenHeader.tsx +0 -140
  308. package/src/presentation/molecules/SearchBar.tsx +0 -85
  309. package/src/presentation/molecules/SectionCard.tsx +0 -74
  310. package/src/presentation/molecules/SectionContainer.tsx +0 -106
  311. package/src/presentation/molecules/SectionHeader.tsx +0 -125
  312. package/src/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.ts +0 -133
  313. package/src/presentation/molecules/confirmation-modal/types/index.ts +0 -105
  314. package/src/presentation/molecules/index.ts +0 -41
  315. package/src/presentation/molecules/listitem/styles/listItemStyles.ts +0 -19
  316. package/src/presentation/molecules/listitem/types/index.ts +0 -17
  317. package/src/presentation/organisms/AppHeader.tsx +0 -137
  318. package/src/presentation/organisms/FormContainer.tsx +0 -180
  319. package/src/presentation/organisms/ScreenLayout.tsx +0 -171
  320. package/src/presentation/organisms/index.ts +0 -25
  321. package/src/presentation/tokens/commonStyles.ts +0 -253
  322. package/src/presentation/utils/platformConstants.ts +0 -124
  323. package/src/presentation/utils/responsive.ts +0 -516
@@ -1,64 +0,0 @@
1
- /**
2
- * SectionContainer Molecule - Universal Section Wrapper
3
- *
4
- * Provides consistent section layout with optional title
5
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
6
- *
7
- * Atomic Design Level: MOLECULE
8
- * Composition: View + AtomicText + Layout
9
- *
10
- * Usage:
11
- * - Home screen sections
12
- * - Dashboard sections
13
- * - Settings groups
14
- * - Content sections
15
- */
16
- import React from 'react';
17
- import { View, StyleSheet } from 'react-native';
18
- import { AtomicText } from '../atoms/AtomicText';
19
- import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
20
- // =============================================================================
21
- // COMPONENT IMPLEMENTATION
22
- // =============================================================================
23
- export const SectionContainer = ({ title, titleColor, titleStyle, style, children, rightAction, }) => {
24
- const tokens = useAppDesignTokens();
25
- const styles = getStyles(tokens);
26
- return (<View style={[styles.section, style]}>
27
- {title && (<View style={styles.header}>
28
- <AtomicText type="titleLarge" color={titleColor || "primary"} style={StyleSheet.flatten([
29
- styles.sectionTitle,
30
- titleStyle,
31
- ])}>
32
- {title}
33
- </AtomicText>
34
- {rightAction && <View style={styles.rightAction}>{rightAction}</View>}
35
- </View>)}
36
- {children}
37
- </View>);
38
- };
39
- // =============================================================================
40
- // STYLES
41
- // =============================================================================
42
- const getStyles = (tokens) => StyleSheet.create({
43
- section: {
44
- marginBottom: tokens.spacing.lg,
45
- paddingHorizontal: tokens.spacing.md,
46
- },
47
- header: {
48
- flexDirection: 'row',
49
- justifyContent: 'space-between',
50
- alignItems: 'center',
51
- marginBottom: tokens.spacing.md,
52
- },
53
- sectionTitle: {
54
- fontSize: tokens.typography.titleLarge.fontSize,
55
- fontWeight: tokens.typography.titleLarge.fontWeight,
56
- },
57
- rightAction: {
58
- marginLeft: tokens.spacing.sm,
59
- },
60
- });
61
- // =============================================================================
62
- // EXPORTS
63
- // =============================================================================
64
- //# sourceMappingURL=SectionContainer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SectionContainer.js","sourceRoot":"","sources":["../../../src/presentation/molecules/SectionContainer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAqBjE,gFAAgF;AAChF,2BAA2B;AAC3B,gFAAgF;AAEhF,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,KAAK,EACL,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEjC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CACnC;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACzB;UAAA,CAAC,UAAU,CACT,IAAI,CAAC,YAAY,CACjB,KAAK,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAC/B,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;gBACxB,MAAM,CAAC,YAAY;gBACnB,UAAU;aACX,CAAC,CAAC,CAEH;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,UAAU,CACZ;UAAA,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CACvE;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAM,SAAS,GAAG,CAAC,MAA6C,EAAE,EAAE,CAClE,UAAU,CAAC,MAAM,CAAC;IAChB,OAAO,EAAE;QACP,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAC/B,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACrC;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KAChC;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ;QAC/C,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,UAAU;KACpD;IACD,WAAW,EAAE;QACX,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KAC9B;CACF,CAAC,CAAC;AAEL,gFAAgF;AAChF,UAAU;AACV,gFAAgF"}
@@ -1,37 +0,0 @@
1
- /**
2
- * SectionHeader Molecule - Universal Section Header
3
- *
4
- * Displays section title with optional subtitle
5
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
6
- *
7
- * Atomic Design Level: MOLECULE
8
- * Composition: AtomicText + Layout
9
- *
10
- * Usage:
11
- * - List headers
12
- * - Grid headers
13
- * - Section dividers
14
- * - Screen headers
15
- */
16
- import React from 'react';
17
- import { ViewStyle, TextStyle } from 'react-native';
18
- export interface SectionHeaderProps {
19
- /** Main heading text */
20
- title: string;
21
- /** Optional subtitle text */
22
- subtitle?: string;
23
- /** Custom title color (default: textPrimary) */
24
- titleColor?: string;
25
- /** Custom subtitle color (default: textSecondary) */
26
- subtitleColor?: string;
27
- /** Container style override */
28
- style?: ViewStyle;
29
- /** Title style override */
30
- titleStyle?: TextStyle;
31
- /** Subtitle style override */
32
- subtitleStyle?: TextStyle;
33
- /** Right action element (e.g., button, icon) */
34
- rightAction?: React.ReactNode;
35
- }
36
- export declare const SectionHeader: React.FC<SectionHeaderProps>;
37
- //# sourceMappingURL=SectionHeader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../src/presentation/molecules/SectionHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQtE,MAAM,WAAW,kBAAkB;IACjC,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gDAAgD;IAChD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAMD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0CtD,CAAC"}
@@ -1,73 +0,0 @@
1
- /**
2
- * SectionHeader Molecule - Universal Section Header
3
- *
4
- * Displays section title with optional subtitle
5
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
6
- *
7
- * Atomic Design Level: MOLECULE
8
- * Composition: AtomicText + Layout
9
- *
10
- * Usage:
11
- * - List headers
12
- * - Grid headers
13
- * - Section dividers
14
- * - Screen headers
15
- */
16
- import React from 'react';
17
- import { View, StyleSheet } from 'react-native';
18
- import { AtomicText } from '../atoms/AtomicText';
19
- import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
20
- // =============================================================================
21
- // COMPONENT IMPLEMENTATION
22
- // =============================================================================
23
- export const SectionHeader = ({ title, subtitle, titleColor, subtitleColor, style, titleStyle, subtitleStyle, rightAction, }) => {
24
- const tokens = useAppDesignTokens();
25
- const styles = getStyles(tokens);
26
- return (<View style={[styles.container, style]}>
27
- <View style={styles.textContainer}>
28
- <AtomicText type="headlineLarge" color={titleColor || "primary"} style={StyleSheet.flatten([
29
- styles.title,
30
- titleStyle,
31
- ])}>
32
- {title}
33
- </AtomicText>
34
- {subtitle && (<AtomicText type="bodyMedium" color={subtitleColor || "secondary"} style={StyleSheet.flatten([
35
- styles.subtitle,
36
- subtitleStyle,
37
- ])}>
38
- {subtitle}
39
- </AtomicText>)}
40
- </View>
41
- {rightAction && <View style={styles.rightAction}>{rightAction}</View>}
42
- </View>);
43
- };
44
- // =============================================================================
45
- // STYLES
46
- // =============================================================================
47
- const getStyles = (tokens) => StyleSheet.create({
48
- container: {
49
- flexDirection: 'row',
50
- justifyContent: 'space-between',
51
- alignItems: 'center',
52
- paddingHorizontal: tokens.spacing.md,
53
- paddingVertical: tokens.spacing.sm,
54
- },
55
- textContainer: {
56
- flex: 1,
57
- },
58
- title: {
59
- fontSize: tokens.typography.headlineLarge.fontSize,
60
- fontWeight: tokens.typography.headlineLarge.fontWeight,
61
- marginBottom: tokens.spacing.xs,
62
- },
63
- subtitle: {
64
- fontSize: tokens.typography.bodyMedium.fontSize,
65
- },
66
- rightAction: {
67
- marginLeft: tokens.spacing.sm,
68
- },
69
- });
70
- // =============================================================================
71
- // EXPORTS
72
- // =============================================================================
73
- //# sourceMappingURL=SectionHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../../../src/presentation/molecules/SectionHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAyBjE,gFAAgF;AAChF,2BAA2B;AAC3B,gFAAgF;AAEhF,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,QAAQ,EACR,UAAU,EACV,aAAa,EACb,KAAK,EACL,UAAU,EACV,aAAa,EACb,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEjC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;QAAA,CAAC,UAAU,CACT,IAAI,CAAC,eAAe,CACpB,KAAK,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAC/B,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;YACxB,MAAM,CAAC,KAAK;YACZ,UAAU;SACX,CAAC,CAAC,CAEH;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,UAAU,CACZ;QAAA,CAAC,QAAQ,IAAI,CACX,CAAC,UAAU,CACT,IAAI,CAAC,YAAY,CACjB,KAAK,CAAC,CAAC,aAAa,IAAI,WAAW,CAAC,CACpC,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;gBACxB,MAAM,CAAC,QAAQ;gBACf,aAAa;aACd,CAAC,CAAC,CAEH;YAAA,CAAC,QAAQ,CACX;UAAA,EAAE,UAAU,CAAC,CACd,CACH;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CACvE;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAM,SAAS,GAAG,CAAC,MAA6C,EAAE,EAAE,CAClE,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACpC,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACnC;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;KACR;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ;QAClD,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU;QACtD,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KAChC;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ;KAChD;IACD,WAAW,EAAE;QACX,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KAC9B;CACF,CAAC,CAAC;AAEL,gFAAgF;AAChF,UAAU;AACV,gFAAgF"}
@@ -1,50 +0,0 @@
1
- /**
2
- * AtomicConfirmationModal Style Utilities
3
- *
4
- * Styling functions for confirmation modal component
5
- */
6
- import { ViewStyle } from 'react-native';
7
- import { ConfirmationModalVariant, ConfirmationModalVariantConfig } from '../types';
8
- import type { DesignTokens } from '@umituz/react-native-theme';
9
- /**
10
- * Get variant configuration (icon and color only)
11
- * Note: Confirm text is handled in component with translations
12
- */
13
- export declare const getVariantConfig: (variant: ConfirmationModalVariant, tokens: DesignTokens) => Omit<ConfirmationModalVariantConfig, "confirmText">;
14
- /**
15
- * Get modal overlay style
16
- */
17
- export declare const getModalOverlayStyle: (tokens: DesignTokens) => ViewStyle;
18
- /**
19
- * Get backdrop style (invisible layer for dismissing)
20
- */
21
- export declare const getBackdropStyle: () => ViewStyle;
22
- /**
23
- * Get modal container style
24
- */
25
- export declare const getModalContainerStyle: (tokens: DesignTokens) => ViewStyle;
26
- /**
27
- * Get icon container style
28
- */
29
- export declare const getIconContainerStyle: (tokens: DesignTokens) => ViewStyle;
30
- /**
31
- * Get title container style
32
- */
33
- export declare const getTitleContainerStyle: (tokens: DesignTokens) => ViewStyle;
34
- /**
35
- * Get message container style
36
- */
37
- export declare const getMessageContainerStyle: (tokens: DesignTokens) => ViewStyle;
38
- /**
39
- * Get button container style
40
- */
41
- export declare const getButtonContainerStyle: (tokens: DesignTokens) => ViewStyle;
42
- /**
43
- * Get button style
44
- */
45
- export declare const getButtonStyle: () => ViewStyle;
46
- /**
47
- * Get confirm button variant based on modal variant
48
- */
49
- export declare const getConfirmButtonVariant: (variant: ConfirmationModalVariant) => "primary" | "secondary" | "tertiary" | "outline" | "ghost";
50
- //# sourceMappingURL=confirmationModalStyles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"confirmationModalStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,wBAAwB,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAC;AACpF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,wBAAwB,EACjC,QAAQ,YAAY,KACnB,IAAI,CAAC,8BAA8B,EAAE,aAAa,CAwBpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,YAAY,KAAG,SAK1D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,SAMlC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,QAAQ,YAAY,KAAG,SAS5D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,QAAQ,YAAY,KAAG,SAE3D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,QAAQ,YAAY,KAAG,SAE5D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,QAAQ,YAAY,KAAG,SAE9D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,QAAQ,YAAY,KAAG,SAI7D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,cAAc,QAAO,SAEhC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAClC,SAAS,wBAAwB,KAChC,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,OAYrD,CAAC"}
@@ -1,115 +0,0 @@
1
- /**
2
- * AtomicConfirmationModal Style Utilities
3
- *
4
- * Styling functions for confirmation modal component
5
- */
6
- /**
7
- * Get variant configuration (icon and color only)
8
- * Note: Confirm text is handled in component with translations
9
- */
10
- export const getVariantConfig = (variant, tokens) => {
11
- switch (variant) {
12
- case 'destructive':
13
- return {
14
- icon: 'warning',
15
- iconColor: 'error',
16
- };
17
- case 'warning':
18
- return {
19
- icon: 'warning',
20
- iconColor: 'warning',
21
- };
22
- case 'success':
23
- return {
24
- icon: 'check-circle',
25
- iconColor: 'success',
26
- };
27
- case 'default':
28
- default:
29
- return {
30
- icon: 'help-circle',
31
- iconColor: 'primary',
32
- };
33
- }
34
- };
35
- /**
36
- * Get modal overlay style
37
- */
38
- export const getModalOverlayStyle = (tokens) => ({
39
- flex: 1,
40
- justifyContent: 'center',
41
- alignItems: 'center',
42
- backgroundColor: 'rgba(0, 0, 0, 0.5)',
43
- });
44
- /**
45
- * Get backdrop style (invisible layer for dismissing)
46
- */
47
- export const getBackdropStyle = () => ({
48
- position: 'absolute',
49
- top: 0,
50
- left: 0,
51
- right: 0,
52
- bottom: 0,
53
- });
54
- /**
55
- * Get modal container style
56
- */
57
- export const getModalContainerStyle = (tokens) => ({
58
- width: '85%',
59
- maxWidth: 400,
60
- backgroundColor: tokens.colors.surface,
61
- borderRadius: 16,
62
- padding: 24,
63
- alignItems: 'center',
64
- borderWidth: 1,
65
- borderColor: tokens.colors.outline,
66
- });
67
- /**
68
- * Get icon container style
69
- */
70
- export const getIconContainerStyle = (tokens) => ({
71
- marginBottom: 16,
72
- });
73
- /**
74
- * Get title container style
75
- */
76
- export const getTitleContainerStyle = (tokens) => ({
77
- marginBottom: 8,
78
- });
79
- /**
80
- * Get message container style
81
- */
82
- export const getMessageContainerStyle = (tokens) => ({
83
- marginBottom: 24,
84
- });
85
- /**
86
- * Get button container style
87
- */
88
- export const getButtonContainerStyle = (tokens) => ({
89
- flexDirection: 'row',
90
- gap: 12,
91
- width: '100%',
92
- });
93
- /**
94
- * Get button style
95
- */
96
- export const getButtonStyle = () => ({
97
- flex: 1,
98
- });
99
- /**
100
- * Get confirm button variant based on modal variant
101
- */
102
- export const getConfirmButtonVariant = (variant) => {
103
- switch (variant) {
104
- case 'destructive':
105
- return 'primary'; // Will use error color
106
- case 'warning':
107
- return 'primary'; // Will use warning color
108
- case 'success':
109
- return 'primary'; // Will use success color
110
- case 'default':
111
- default:
112
- return 'primary';
113
- }
114
- };
115
- //# sourceMappingURL=confirmationModalStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"confirmationModalStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAAiC,EACjC,MAAoB,EACiC,EAAE;IACvD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,aAAa;YAChB,OAAO;gBACL,IAAI,EAAE,SAAS;gBACf,SAAS,EAAE,OAAO;aACnB,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO;gBACL,IAAI,EAAE,SAAS;gBACf,SAAS,EAAE,SAAS;aACrB,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO;gBACL,IAAI,EAAE,cAAc;gBACpB,SAAS,EAAE,SAAS;aACrB,CAAC;QACJ,KAAK,SAAS,CAAC;QACf;YACE,OAAO;gBACL,IAAI,EAAE,aAAa;gBACnB,SAAS,EAAE,SAAS;aACrB,CAAC;IACN,CAAC;AACH,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAAoB,EAAa,EAAE,CAAC,CAAC;IACxE,IAAI,EAAE,CAAC;IACP,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,eAAe,EAAE,oBAAoB;CACtC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAc,EAAE,CAAC,CAAC;IAChD,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;CACV,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAAoB,EAAa,EAAE,CAAC,CAAC;IAC1E,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,GAAG;IACb,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;IACtC,YAAY,EAAE,EAAE;IAChB,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,QAAQ;IACpB,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;CACnC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAAoB,EAAa,EAAE,CAAC,CAAC;IACzE,YAAY,EAAE,EAAE;CACjB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAAoB,EAAa,EAAE,CAAC,CAAC;IAC1E,YAAY,EAAE,CAAC;CAChB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,MAAoB,EAAa,EAAE,CAAC,CAAC;IAC5E,YAAY,EAAE,EAAE;CACjB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,MAAoB,EAAa,EAAE,CAAC,CAAC;IAC3E,aAAa,EAAE,KAAK;IACpB,GAAG,EAAE,EAAE;IACP,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAc,EAAE,CAAC,CAAC;IAC9C,IAAI,EAAE,CAAC;CACR,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,OAAiC,EAC2B,EAAE;IAC9D,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,aAAa;YAChB,OAAO,SAAS,CAAC,CAAC,uBAAuB;QAC3C,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC,CAAC,yBAAyB;QAC7C,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC,CAAC,yBAAyB;QAC7C,KAAK,SAAS,CAAC;QACf;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC,CAAC"}
@@ -1,86 +0,0 @@
1
- /**
2
- * AtomicConfirmationModal Type Definitions
3
- *
4
- * Type-safe interfaces for confirmation modal component
5
- */
6
- import { StyleProp, ViewStyle } from 'react-native';
7
- import type { AtomicIconColor } from '../../../atoms/AtomicIcon';
8
- /**
9
- * Confirmation modal variant
10
- * Determines the visual style and default behavior
11
- */
12
- export type ConfirmationModalVariant = 'default' | 'destructive' | 'warning' | 'success';
13
- /**
14
- * Props for AtomicConfirmationModal component
15
- */
16
- export interface AtomicConfirmationModalProps {
17
- /**
18
- * Whether the modal is visible
19
- */
20
- visible: boolean;
21
- /**
22
- * Modal title (required)
23
- * e.g., "Delete Item?", "Confirm Action", "Are you sure?"
24
- */
25
- title: string;
26
- /**
27
- * Modal message/description (required)
28
- * e.g., "This action cannot be undone."
29
- */
30
- message: string;
31
- /**
32
- * Variant determines visual style
33
- * @default 'default'
34
- */
35
- variant?: ConfirmationModalVariant;
36
- /**
37
- * Confirm button text (required)
38
- */
39
- confirmText: string;
40
- /**
41
- * Cancel button text (required)
42
- */
43
- cancelText: string;
44
- /**
45
- * Icon name to display at top (MaterialIcons name)
46
- * If not provided, uses variant-specific default icon
47
- * @see https://fonts.google.com/icons
48
- */
49
- icon?: string;
50
- /**
51
- * Callback when user confirms
52
- */
53
- onConfirm: () => void;
54
- /**
55
- * Callback when user cancels or dismisses
56
- */
57
- onCancel: () => void;
58
- /**
59
- * Whether to show backdrop (tap outside to close)
60
- * @default true
61
- */
62
- showBackdrop?: boolean;
63
- /**
64
- * Whether backdrop is dismissible
65
- * @default true
66
- */
67
- backdropDismissible?: boolean;
68
- /**
69
- * Custom style for modal container
70
- */
71
- style?: StyleProp<ViewStyle>;
72
- /**
73
- * Test ID for testing
74
- */
75
- testID?: string;
76
- }
77
- /**
78
- * Variant configuration
79
- * Maps variant to icon, colors, and default text
80
- */
81
- export interface ConfirmationModalVariantConfig {
82
- icon: string;
83
- confirmText: string;
84
- iconColor: AtomicIconColor;
85
- }
86
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/confirmation-modal/types/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAChC,SAAS,GACT,aAAa,GACb,SAAS,GACT,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,OAAO,CAAC,EAAE,wBAAwB,CAAC;IAEnC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,eAAe,CAAC;CAC5B"}
@@ -1,7 +0,0 @@
1
- /**
2
- * AtomicConfirmationModal Type Definitions
3
- *
4
- * Type-safe interfaces for confirmation modal component
5
- */
6
- export {};
7
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/confirmation-modal/types/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG"}
@@ -1,27 +0,0 @@
1
- /**
2
- * Molecule Components Export Index
3
- *
4
- * Molecules are combinations of atoms that form more complex UI components
5
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
6
- *
7
- * Atomic Design Level: MOLECULES
8
- */
9
- export { FormField } from './FormField';
10
- export { ListItem } from './ListItem';
11
- export { SearchBar } from './SearchBar';
12
- export { SectionCard } from './SectionCard';
13
- export { IconContainer } from './IconContainer';
14
- export { ScreenHeader } from './ScreenHeader';
15
- export { AtomicConfirmationModal, useConfirmationModal } from './AtomicConfirmationModal';
16
- export type { FormFieldProps } from './FormField';
17
- export type { ListItemProps } from './ListItem';
18
- export type { SearchBarProps } from './SearchBar';
19
- export type { ScreenHeaderProps } from './ScreenHeader';
20
- export type { AtomicConfirmationModalProps, ConfirmationModalVariant } from './AtomicConfirmationModal';
21
- import type { FormFieldProps } from './FormField';
22
- import type { ListItemProps } from './ListItem';
23
- import type { SearchBarProps } from './SearchBar';
24
- import type { ScreenHeaderProps } from './ScreenHeader';
25
- import type { AtomicConfirmationModalProps } from './AtomicConfirmationModal';
26
- export type MoleculeComponentProps = FormFieldProps | ListItemProps | SearchBarProps | ScreenHeaderProps | AtomicConfirmationModalProps;
27
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/presentation/molecules/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAM1F,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,4BAA4B,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAGxG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAE9E,MAAM,MAAM,sBAAsB,GAC9B,cAAc,GACd,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,4BAA4B,CAAC"}
@@ -1,17 +0,0 @@
1
- /**
2
- * Molecule Components Export Index
3
- *
4
- * Molecules are combinations of atoms that form more complex UI components
5
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
6
- *
7
- * Atomic Design Level: MOLECULES
8
- */
9
- // Component exports
10
- export { FormField } from './FormField';
11
- export { ListItem } from './ListItem';
12
- export { SearchBar } from './SearchBar';
13
- export { SectionCard } from './SectionCard';
14
- export { IconContainer } from './IconContainer';
15
- export { ScreenHeader } from './ScreenHeader';
16
- export { AtomicConfirmationModal, useConfirmationModal } from './AtomicConfirmationModal';
17
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/presentation/molecules/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,oBAAoB;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}
@@ -1,12 +0,0 @@
1
- import { ViewStyle } from 'react-native';
2
- import { useAppDesignTokens } from '../../../hooks/useAppDesignTokens';
3
- type DesignTokens = ReturnType<typeof useAppDesignTokens>;
4
- export declare const getListItemStyles: (tokens: DesignTokens) => {
5
- container: ViewStyle;
6
- disabled: ViewStyle;
7
- iconContainer: ViewStyle;
8
- content: ViewStyle;
9
- subtitle: ViewStyle;
10
- };
11
- export {};
12
- //# sourceMappingURL=listItemStyles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"listItemStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/listitem/styles/listItemStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE1D,eAAO,MAAM,iBAAiB,GAAI,QAAQ,YAAY;eAQ/C,SAAS;cACgB,SAAS;mBACmB,SAAS;aAC3C,SAAS;cACa,SAAS;CACvD,CAAC"}
@@ -1,15 +0,0 @@
1
- export const getListItemStyles = (tokens) => ({
2
- container: {
3
- flexDirection: 'row',
4
- alignItems: 'center',
5
- padding: tokens.spacing.md,
6
- backgroundColor: tokens.colors.surface,
7
- borderRadius: tokens.borders.radius.lg,
8
- marginBottom: tokens.spacing.sm,
9
- },
10
- disabled: { opacity: 0.6 },
11
- iconContainer: { marginHorizontal: tokens.spacing.sm },
12
- content: { flex: 1 },
13
- subtitle: { marginTop: tokens.spacing.xs },
14
- });
15
- //# sourceMappingURL=listItemStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"listItemStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/listitem/styles/listItemStyles.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAoB,EAAE,EAAE,CAAC,CAAC;IAC1D,SAAS,EAAE;QACT,aAAa,EAAE,KAAc;QAC7B,UAAU,EAAE,QAAiB;QAC7B,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAC1B,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;QACtC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACtC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACnB;IACd,QAAQ,EAAE,EAAE,OAAO,EAAE,GAAG,EAAe;IACvC,aAAa,EAAE,EAAE,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAe;IACnE,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAe;IACjC,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAe;CACxD,CAAC,CAAC"}
@@ -1,17 +0,0 @@
1
- import { ViewStyle } from 'react-native';
2
- /**
3
- * ListItem component props
4
- *
5
- * leftIcon/rightIcon: Any MaterialIcons name
6
- * @see https://fonts.google.com/icons
7
- */
8
- export interface ListItemProps {
9
- title: string;
10
- subtitle?: string;
11
- leftIcon?: string;
12
- rightIcon?: string;
13
- onPress?: () => void;
14
- disabled?: boolean;
15
- style?: ViewStyle;
16
- }
17
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/listitem/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/listitem/types/index.ts"],"names":[],"mappings":""}
@@ -1,31 +0,0 @@
1
- /**
2
- * AppHeader Organism - Application Header Component
3
- *
4
- * Complex header combining atoms and molecules
5
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
6
- *
7
- * Atomic Design Level: ORGANISM
8
- * Composition: AtomicIcon + AtomicText + AtomicButton + SearchBar
9
- */
10
- import React from 'react';
11
- import { ViewStyle } from 'react-native';
12
- import type { IconName } from '@umituz/react-native-icon';
13
- /**
14
- * AppHeader component props
15
- *
16
- * leftIcon/rightIcon: Any MaterialIcons name
17
- * @see https://fonts.google.com/icons
18
- */
19
- export interface AppHeaderProps {
20
- title: string;
21
- subtitle?: string;
22
- leftIcon?: IconName;
23
- onLeftPress?: () => void;
24
- rightIcon?: IconName;
25
- onRightPress?: () => void;
26
- showShadow?: boolean;
27
- backgroundColor?: string;
28
- style?: ViewStyle;
29
- }
30
- export declare const AppHeader: React.FC<AppHeaderProps>;
31
- //# sourceMappingURL=AppHeader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../src/presentation/organisms/AppHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAgB,MAAM,cAAc,CAAC;AAK7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAM1D;;;;;GAKG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAMD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwD9C,CAAC"}