@momo-kits/native-kits 0.167.1-duo.3-debug → 0.167.1-duo.4

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 (189) hide show
  1. package/CLAUDE.md +17 -8
  2. package/ios/Application/ApplicationEnvironment.swift +6 -0
  3. package/ios/Application/Components.swift +1 -3
  4. package/ios/Application/HeaderRight.swift +19 -27
  5. package/ios/Application/Navigation/BottomTab/BottomTab.swift +9 -30
  6. package/ios/Application/Navigation/BottomTab/BottomTabBar.swift +2 -5
  7. package/ios/Application/Navigation/HeaderUser.swift +1 -7
  8. package/ios/Application/Navigation/NavigationContainer.swift +45 -45
  9. package/ios/Application/Navigation/Navigator.swift +122 -29
  10. package/ios/Application/Navigation/NavigatorManager.swift +13 -6
  11. package/ios/Application/Navigation/Overplay/BottomSheet.swift +4 -41
  12. package/ios/Application/Navigation/Overplay/ModalScreen.swift +1 -5
  13. package/ios/Application/Navigation/component/Header.swift +4 -12
  14. package/ios/Application/Navigation/component/HeaderBackground.swift +2 -3
  15. package/ios/Application/Navigation/component/NavigationFooter.swift +1 -1
  16. package/ios/Application/Navigation/component/NavigationHeaderRight.swift +9 -61
  17. package/ios/Application/StackScreen.swift +18 -135
  18. package/ios/CalculatorKeyboard/CalculatorKeyboard.swift +59 -5
  19. package/ios/Colors+Radius+Spacing/Colors.swift +1 -1
  20. package/ios/Extensions/Color++.swift +20 -9
  21. package/ios/Extensions/OptionalEnvironmentObject.swift +12 -0
  22. package/ios/Icon/Icon.swift +14 -22
  23. package/ios/Icon/Icons.swift +1329 -0
  24. package/ios/Image/Image.swift +16 -5
  25. package/ios/Lottie/LottieView.swift +4 -2
  26. package/ios/Popup/PopupDisplay.swift +68 -84
  27. package/ios/Popup/PopupNotify.swift +32 -43
  28. package/ios/Popup/PopupPromotion.swift +6 -18
  29. package/ios/Resources/dot_loading.json +558 -0
  30. package/ios/Resources/lottie_circle_loader.json +1 -0
  31. package/ios/Template/TrustBanner/TrustBanner.swift +69 -31
  32. package/ios/native-kits.podspec +1 -1
  33. package/ios-demo/MoMoUIKitsDemo.podspec +1 -1
  34. package/ios-demo/Sources/MoMoUIKitsDemo/SampleDemos/Home.swift +0 -1
  35. package/package.json +1 -1
  36. package/scripts/gen-ios-icons.mjs +36 -0
  37. package/.claude/scheduled_tasks.lock +0 -1
  38. package/.claude/settings.local.json +0 -185
  39. package/build.gradle.kts +0 -11
  40. package/compose/build.gradle.kts +0 -204
  41. package/compose/build.gradle.kts.backup +0 -204
  42. package/compose/compose.podspec +0 -47
  43. package/compose/src/androidMain/kotlin/vn/momo/kits/const/HostFont.android.kt +0 -19
  44. package/compose/src/androidMain/kotlin/vn/momo/kits/navigation/ScrollToTop.android.kt +0 -6
  45. package/compose/src/androidMain/kotlin/vn/momo/kits/platform/BackGesture.android.kt +0 -12
  46. package/compose/src/androidMain/kotlin/vn/momo/kits/platform/OsFontScale.android.kt +0 -7
  47. package/compose/src/androidMain/kotlin/vn/momo/kits/platform/Platform.android.kt +0 -153
  48. package/compose/src/commonMain/kotlin/vn/momo/kits/application/AnimationSearchInput.kt +0 -52
  49. package/compose/src/commonMain/kotlin/vn/momo/kits/application/Context.kt +0 -124
  50. package/compose/src/commonMain/kotlin/vn/momo/kits/application/FloatingButton.kt +0 -183
  51. package/compose/src/commonMain/kotlin/vn/momo/kits/application/Header.kt +0 -207
  52. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderAnimated.kt +0 -39
  53. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderBackground.kt +0 -86
  54. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderDefault.kt +0 -76
  55. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderExtended.kt +0 -76
  56. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderRight.kt +0 -293
  57. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderTitle.kt +0 -33
  58. package/compose/src/commonMain/kotlin/vn/momo/kits/application/LiteScreen.kt +0 -831
  59. package/compose/src/commonMain/kotlin/vn/momo/kits/application/Localize.kt +0 -269
  60. package/compose/src/commonMain/kotlin/vn/momo/kits/application/NavigationContainer.kt +0 -110
  61. package/compose/src/commonMain/kotlin/vn/momo/kits/application/Screen.kt +0 -378
  62. package/compose/src/commonMain/kotlin/vn/momo/kits/application/WidgetContainer.kt +0 -56
  63. package/compose/src/commonMain/kotlin/vn/momo/kits/application/useHeaderSearchAnimation.kt +0 -69
  64. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Avatar.kt +0 -157
  65. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Badge.kt +0 -82
  66. package/compose/src/commonMain/kotlin/vn/momo/kits/components/BadgeDot.kt +0 -32
  67. package/compose/src/commonMain/kotlin/vn/momo/kits/components/BadgeRibbon.kt +0 -338
  68. package/compose/src/commonMain/kotlin/vn/momo/kits/components/BaselineView.kt +0 -175
  69. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Button.kt +0 -356
  70. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Carousel.kt +0 -113
  71. package/compose/src/commonMain/kotlin/vn/momo/kits/components/CheckBox.kt +0 -89
  72. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Chip.kt +0 -128
  73. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Collapse.kt +0 -209
  74. package/compose/src/commonMain/kotlin/vn/momo/kits/components/CupertinoOverscroll.kt +0 -542
  75. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Divider.kt +0 -49
  76. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Icon.kt +0 -76
  77. package/compose/src/commonMain/kotlin/vn/momo/kits/components/IconButton.kt +0 -125
  78. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Image.kt +0 -231
  79. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Information.kt +0 -189
  80. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Input.kt +0 -475
  81. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputDropDown.kt +0 -114
  82. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputMoney.kt +0 -266
  83. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputOTP.kt +0 -240
  84. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputPhoneNumber.kt +0 -223
  85. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputSearch.kt +0 -264
  86. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputTextArea.kt +0 -185
  87. package/compose/src/commonMain/kotlin/vn/momo/kits/components/LazyColumnWithBouncing.kt +0 -343
  88. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Loader.kt +0 -108
  89. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PaginationDot.kt +0 -56
  90. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PaginationNumber.kt +0 -41
  91. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PaginationScroll.kt +0 -84
  92. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PaginationWhiteDot.kt +0 -40
  93. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PopupNotify.kt +0 -361
  94. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PopupPromotion.kt +0 -108
  95. package/compose/src/commonMain/kotlin/vn/momo/kits/components/ProgressInfo.kt +0 -310
  96. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Radio.kt +0 -59
  97. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Rating.kt +0 -87
  98. package/compose/src/commonMain/kotlin/vn/momo/kits/components/ScaleSizeScope.kt +0 -21
  99. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Skeleton.kt +0 -90
  100. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Slider.kt +0 -323
  101. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Stepper.kt +0 -220
  102. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Steps.kt +0 -473
  103. package/compose/src/commonMain/kotlin/vn/momo/kits/components/SuggestAction.kt +0 -122
  104. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Swipe.kt +0 -199
  105. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Switch.kt +0 -91
  106. package/compose/src/commonMain/kotlin/vn/momo/kits/components/TabView.kt +0 -552
  107. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Tag.kt +0 -88
  108. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Text.kt +0 -125
  109. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Title.kt +0 -207
  110. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Tooltip.kt +0 -498
  111. package/compose/src/commonMain/kotlin/vn/momo/kits/components/TrustBanner.kt +0 -176
  112. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Uploader.kt +0 -182
  113. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/DateTimePicker.kt +0 -193
  114. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/DateTimePickerTypes.kt +0 -29
  115. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/DateTimePickerUtils.kt +0 -234
  116. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/WheelPicker.kt +0 -188
  117. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Colors.kt +0 -325
  118. package/compose/src/commonMain/kotlin/vn/momo/kits/const/HostFont.kt +0 -16
  119. package/compose/src/commonMain/kotlin/vn/momo/kits/const/KitDesignSystem.kt +0 -18
  120. package/compose/src/commonMain/kotlin/vn/momo/kits/const/KitFontScale.kt +0 -22
  121. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Radius.kt +0 -12
  122. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Spacing.kt +0 -16
  123. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Theme.kt +0 -188
  124. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Typography.kt +0 -297
  125. package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Card.kt +0 -54
  126. package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Item.kt +0 -50
  127. package/compose/src/commonMain/kotlin/vn/momo/kits/layout/ScreenLayout.kt +0 -187
  128. package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Section.kt +0 -41
  129. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/AutomationId.kt +0 -52
  130. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Clickable.kt +0 -66
  131. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Conditional.kt +0 -11
  132. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/DeprecatedModifier.kt +0 -104
  133. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Shadow.kt +0 -48
  134. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Size.kt +0 -51
  135. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/BottomSheet.kt +0 -338
  136. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/HostBackGestureBridge.kt +0 -58
  137. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/ModalScreen.kt +0 -137
  138. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/Navigation.kt +0 -106
  139. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/NavigationContainer.kt +0 -205
  140. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/Navigator.kt +0 -393
  141. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/ScrollToTop.kt +0 -8
  142. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/StackScreen.kt +0 -648
  143. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/StackTransition.kt +0 -148
  144. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/SwipeBackHaptic.kt +0 -35
  145. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/BottomTab.kt +0 -194
  146. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/BottomTabBar.kt +0 -232
  147. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/CurvedContainer.kt +0 -86
  148. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/DuoTabBar.kt +0 -281
  149. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/FloatingButton.kt +0 -169
  150. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/Header.kt +0 -408
  151. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderBackground.kt +0 -108
  152. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderJourney.kt +0 -105
  153. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderLocation.kt +0 -74
  154. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderRight.kt +0 -354
  155. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderTitle.kt +0 -37
  156. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderUser.kt +0 -363
  157. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/SideBar.kt +0 -169
  158. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/SnackBar.kt +0 -132
  159. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/tracking/ScreenTracker.kt +0 -127
  160. package/compose/src/commonMain/kotlin/vn/momo/kits/platform/BackGesture.kt +0 -12
  161. package/compose/src/commonMain/kotlin/vn/momo/kits/platform/ComposeLottieAnimation.kt +0 -91
  162. package/compose/src/commonMain/kotlin/vn/momo/kits/platform/OsFontScale.kt +0 -9
  163. package/compose/src/commonMain/kotlin/vn/momo/kits/platform/Platform.kt +0 -74
  164. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Icons.kt +0 -1329
  165. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Resources.kt +0 -55
  166. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Tracking.kt +0 -15
  167. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Utils.kt +0 -118
  168. package/compose/src/iosMain/kotlin/vn/momo/kits/const/HostFont.ios.kt +0 -40
  169. package/compose/src/iosMain/kotlin/vn/momo/kits/navigation/HostBackGesture.ios.kt +0 -45
  170. package/compose/src/iosMain/kotlin/vn/momo/kits/navigation/ScrollToTop.ios.kt +0 -32
  171. package/compose/src/iosMain/kotlin/vn/momo/kits/platform/BackGesture.ios.kt +0 -38
  172. package/compose/src/iosMain/kotlin/vn/momo/kits/platform/OsFontScale.ios.kt +0 -66
  173. package/compose/src/iosMain/kotlin/vn/momo/kits/platform/Platform.ios.kt +0 -217
  174. package/gradle/libs.versions.toml +0 -69
  175. package/gradle/wrapper/gradle-wrapper.jar +0 -0
  176. package/gradle/wrapper/gradle-wrapper.properties +0 -8
  177. package/gradle.properties +0 -26
  178. package/gradlew +0 -252
  179. package/gradlew.bat +0 -94
  180. package/ios/Application/Layout/ScreenLayout.swift +0 -196
  181. package/ios/Application/Navigation/BottomTab/DuoTabBar.swift +0 -275
  182. package/ios/Application/Navigation/component/DuoScrollGradient.swift +0 -55
  183. package/ios/Application/Navigation/component/SideBar.swift +0 -155
  184. package/ios/Popup/PopupLayout.swift +0 -45
  185. package/ios-demo/README.md +0 -120
  186. package/ios-demo/Sources/MoMoUIKitsDemo/SampleDemos/DuoTabDemo.swift +0 -76
  187. package/ios-demo/Sources/MoMoUIKitsDemo/SampleDemos/IPhoneDuoDemo.swift +0 -170
  188. package/local.properties +0 -8
  189. package/settings.gradle.kts +0 -64
@@ -1,223 +0,0 @@
1
- package vn.momo.kits.components
2
-
3
- import androidx.compose.foundation.background
4
- import androidx.compose.foundation.border
5
- import androidx.compose.foundation.clickable
6
- import androidx.compose.foundation.interaction.MutableInteractionSource
7
- import androidx.compose.foundation.layout.*
8
- import androidx.compose.foundation.shape.RoundedCornerShape
9
- import androidx.compose.foundation.text.BasicTextField
10
- import androidx.compose.foundation.text.KeyboardOptions
11
- import androidx.compose.runtime.*
12
- import androidx.compose.ui.Alignment
13
- import androidx.compose.ui.Modifier
14
- import androidx.compose.ui.focus.onFocusChanged
15
- import androidx.compose.ui.graphics.Color
16
- import androidx.compose.ui.graphics.SolidColor
17
- import androidx.compose.ui.layout.ContentScale
18
- import androidx.compose.ui.text.TextStyle
19
- import androidx.compose.ui.text.input.KeyboardType
20
- import androidx.compose.ui.unit.Dp
21
- import androidx.compose.ui.unit.dp
22
- import vn.momo.kits.application.IsShowBaseLineDebug
23
- import vn.momo.kits.const.*
24
- import vn.momo.kits.const.getFontFamily
25
- import vn.momo.kits.modifier.conditional
26
- import vn.momo.kits.modifier.setAutomationId
27
-
28
- data class InputPhoneNumberSizeDetail(
29
- val borderWidth: Dp,
30
- val borderRadius: Dp,
31
- val height: Dp,
32
- val textStyle: TextStyle,
33
- val dividerHeight: Dp,
34
- )
35
-
36
- enum class InputPhoneNumberSize(val values: InputPhoneNumberSizeDetail) {
37
- SMALL(
38
- InputPhoneNumberSizeDetail(
39
- borderWidth = 1.dp,
40
- borderRadius = Radius.S,
41
- height = 48.dp,
42
- textStyle = Typography.headerSSemibold,
43
- dividerHeight = 24.dp
44
- )
45
- ),
46
- LARGE(
47
- InputPhoneNumberSizeDetail(
48
- borderWidth = 1.dp,
49
- borderRadius = Radius.S,
50
- height = 56.dp,
51
- textStyle = Typography.headerMBold,
52
- dividerHeight = 32.dp
53
- )
54
- )
55
- }
56
-
57
- @Composable
58
- private fun getBorderColor(isFocused: Boolean, error: String): Color {
59
- val theme = AppTheme.current
60
- return remember(isFocused, error, theme) {
61
- when {
62
- error.isNotEmpty() -> theme.colors.error.primary
63
- isFocused -> theme.colors.primary
64
- else -> theme.colors.border.default
65
- }
66
- }
67
- }
68
-
69
- @Composable
70
- fun InputPhoneNumber(
71
- text: MutableState<String> = remember { mutableStateOf("") },
72
- placeholder: String = "0123456789",
73
- size: InputPhoneNumberSize = InputPhoneNumberSize.SMALL,
74
- onChangeText: (String) -> Unit = {},
75
- hintText: String = "",
76
- error: String = "",
77
- errorSpacing: Boolean = false,
78
- icon: String = "",
79
- iconColor: Color = AppTheme.current.colors.text.default,
80
- onRightIconPressed: () -> Unit = {},
81
- onFocus: () -> Unit = {},
82
- onBlur: () -> Unit = {},
83
- loading: Boolean = false,
84
- modifier: Modifier = Modifier,
85
- inputModifier: Modifier = Modifier,
86
- ) {
87
- // Consolidated state management
88
- var inputState by remember { mutableStateOf(InputState()) }
89
-
90
- // Memoized color calculations
91
- val theme = AppTheme.current
92
- val colors = remember( theme) {
93
- Triple(
94
- theme.colors.text.default, // textColor
95
- theme.colors.text.hint, // placeholderColor
96
- iconColor // iconTintColor
97
- )
98
- }
99
-
100
- val (textColor, placeholderColor, iconTintColor) = colors
101
- val baseTextStyle = size.values.textStyle
102
- val textStyle = scaleSize(
103
- baseTextStyle.copy(
104
- color = textColor,
105
- fontFamily = getFontFamily(AppTheme.current.font, baseTextStyle.fontWeight)
106
- )
107
- )
108
-
109
-
110
- Column(modifier = modifier
111
- .conditional(IsShowBaseLineDebug) {
112
- border(1.dp, Colors.blue_03)
113
- }) {
114
- BasicTextField(
115
- singleLine = true,
116
- value = text.value,
117
- textStyle = textStyle,
118
- keyboardOptions = KeyboardOptions.Default.copy(keyboardType = KeyboardType.Number),
119
- cursorBrush = SolidColor(AppTheme.current.colors.primary),
120
- modifier = inputModifier
121
- .height(scaleSize(size.values.height.value).dp)
122
- .onFocusChanged { focusState ->
123
- val wasFocused = inputState.isFocused
124
- inputState = inputState.copy(
125
- isFocused = focusState.isFocused,
126
- hasBeenBlurred = inputState.hasBeenBlurred || wasFocused
127
- )
128
-
129
- if (focusState.isFocused) {
130
- onFocus()
131
- } else if (inputState.hasBeenBlurred) {
132
- onBlur()
133
- }
134
- },
135
- onValueChange = onChangeText,
136
- decorationBox = { innerTextField ->
137
- // Input container
138
- Box(
139
- modifier = Modifier
140
- .fillMaxWidth()
141
- .background(
142
- color = AppTheme.current.colors.background.surface,
143
- shape = RoundedCornerShape(size.values.borderRadius)
144
- )
145
- .border(
146
- if(inputState.isFocused) 1.5.dp else 1.dp,
147
- getBorderColor(inputState.isFocused, error),
148
- RoundedCornerShape(size.values.borderRadius)
149
- ),
150
- contentAlignment = Alignment.CenterStart
151
- ) {
152
- Row(
153
- modifier = Modifier.padding(horizontal = Spacing.M),
154
- verticalAlignment = Alignment.CenterVertically
155
- ) {
156
- // Leading icon
157
- Image(
158
- source = "https://static.momocdn.net/app/img/icon/ic-qrcode-package/ic_vn_flag.png",
159
- modifier = Modifier.size(24.dp).padding(end = Spacing.XS),
160
- options = Options(
161
- contentScale = ContentScale.Fit,
162
- alignment = Alignment.Center
163
- )
164
- )
165
- Text(
166
- "+84",
167
- color = textColor,
168
- style = size.values.textStyle.copy(color = textColor),
169
- )
170
-
171
- // Divider
172
- Box(modifier = Modifier.padding(horizontal = Spacing.M)) {
173
- Box(
174
- modifier = Modifier.width(1.dp)
175
- .height(size.values.dividerHeight)
176
- .background(Colors.black_04)
177
- )
178
- }
179
-
180
-
181
- Box(Modifier.weight(1f)) {
182
- if (text.value.isEmpty()) {
183
- Text(
184
- text = placeholder,
185
- style = size.values.textStyle.copy(color = placeholderColor),
186
- color = placeholderColor,
187
- modifier = Modifier.align(Alignment.CenterStart)
188
- )
189
- }
190
- innerTextField()
191
- }
192
-
193
- // Clear button
194
- if (inputState.isFocused && text.value.isNotEmpty()) {
195
- Row {
196
- Icon(
197
- source = "24_navigation_close_circle_full",
198
- size = 16.dp,
199
- color = theme.colors.text.hint,
200
- modifier = Modifier.clickable(
201
- onClick = {
202
- text.value = ""
203
- onChangeText.invoke("")
204
- },
205
- interactionSource = remember { MutableInteractionSource() },
206
- indication = null
207
- )
208
- .padding(horizontal = Spacing.S)
209
- .setAutomationId("ic_clear")
210
- )
211
- }
212
- }
213
-
214
- // Right icon (password toggle or custom icon)
215
- RenderRightIcon(loading, icon, iconTintColor, onRightIconPressed)
216
- }
217
- }
218
- },
219
- )
220
- // Error/hint display
221
- ErrorView(error, errorSpacing, hintText)
222
- }
223
- }
@@ -1,264 +0,0 @@
1
- package vn.momo.kits.components
2
-
3
- import androidx.compose.foundation.background
4
- import androidx.compose.foundation.border
5
- import androidx.compose.foundation.clickable
6
- import androidx.compose.foundation.interaction.MutableInteractionSource
7
- import androidx.compose.foundation.layout.Arrangement
8
- import androidx.compose.foundation.layout.Box
9
- import androidx.compose.foundation.layout.Row
10
- import androidx.compose.foundation.layout.Spacer
11
- import androidx.compose.foundation.layout.fillMaxHeight
12
- import androidx.compose.foundation.layout.fillMaxWidth
13
- import androidx.compose.foundation.layout.height
14
- import androidx.compose.foundation.layout.padding
15
- import androidx.compose.foundation.layout.size
16
- import androidx.compose.foundation.layout.width
17
- import androidx.compose.foundation.shape.RoundedCornerShape
18
- import androidx.compose.foundation.text.BasicTextField
19
- import androidx.compose.foundation.text.KeyboardActions
20
- import androidx.compose.foundation.text.KeyboardOptions
21
- import androidx.compose.material3.CircularProgressIndicator
22
- import androidx.compose.runtime.Composable
23
- import androidx.compose.runtime.MutableState
24
- import androidx.compose.runtime.getValue
25
- import androidx.compose.runtime.mutableStateOf
26
- import androidx.compose.runtime.remember
27
- import androidx.compose.runtime.setValue
28
- import androidx.compose.ui.Alignment
29
- import androidx.compose.ui.Modifier
30
- import androidx.compose.ui.focus.onFocusChanged
31
- import androidx.compose.ui.graphics.Color
32
- import androidx.compose.ui.graphics.takeOrElse
33
- import androidx.compose.ui.text.TextStyle
34
- import androidx.compose.ui.text.input.KeyboardType
35
- import androidx.compose.ui.text.style.TextOverflow
36
- import androidx.compose.ui.unit.Dp
37
- import androidx.compose.ui.unit.dp
38
- import androidx.compose.ui.unit.sp
39
- import vn.momo.kits.const.AppTheme
40
- import vn.momo.kits.const.Colors
41
- import vn.momo.kits.const.Radius
42
- import vn.momo.kits.const.Spacing
43
- import vn.momo.kits.application.IsShowBaseLineDebug
44
- import vn.momo.kits.const.Typography
45
- import vn.momo.kits.const.getFontFamily
46
- import vn.momo.kits.const.scaleSize
47
- import vn.momo.kits.modifier.conditional
48
- import vn.momo.kits.utils.ifTrue
49
-
50
- @Composable
51
- internal fun RenderRightIconSearch(
52
- loading: Boolean,
53
- icon: String,
54
- color: Color?,
55
- onClick: () -> Unit,
56
- iconModifier: Modifier = Modifier
57
- ) {
58
- if (loading) {
59
- Box(Modifier.padding(horizontal = Spacing.S)) {
60
- CircularProgressIndicator(
61
- modifier = Modifier.size(16.dp),
62
- color = color ?: AppTheme.current.colors.text.default,
63
- trackColor = Color.Transparent,
64
- strokeWidth = 2.dp
65
- )
66
- }
67
- }
68
- if (icon.isNotEmpty()) {
69
- Spacer(
70
- Modifier.padding(start = Spacing.S, top = Spacing.S, bottom = Spacing.S).width(1.dp).fillMaxHeight()
71
- .background(AppTheme.current.colors.primary)
72
- )
73
- Icon(
74
- source = icon,
75
- color = color,
76
- size = 24.dp,
77
- modifier = iconModifier.padding(start = Spacing.S, end = 0.dp).clickable(
78
- onClick = onClick,
79
- interactionSource = remember { MutableInteractionSource() },
80
- indication = null
81
- )
82
- )
83
- }
84
- }
85
-
86
- data class InputSearchProps(
87
- val text: MutableState<String>,
88
- val buttonText: String = "",
89
- val showButtonText: Boolean = false,
90
- val placeholder: String = "",
91
- val onChangeText: (String) -> Unit = {},
92
- val onPressButtonText: () -> Unit = {},
93
- val disabled: Boolean = false,
94
- val icon: String = "",
95
- val iconColor: Color? = Color.Unspecified,
96
- val onRightIconPressed: () -> Unit = {},
97
- val onFocus: () -> Unit = {},
98
- val onBlur: () -> Unit = {},
99
- val loading: Boolean = false,
100
- val fontWeight: InputFontWeight = InputFontWeight.REGULAR,
101
- val keyboardType: KeyboardType = KeyboardType.Text,
102
- val backgroundColor: Color = Colors.black_01,
103
- val clearCondition: (() -> Boolean)? = null,
104
- val keyboardOptions: KeyboardOptions = KeyboardOptions.Default,
105
- val keyboardActions: KeyboardActions = KeyboardActions.Default,
106
- val modifier: Modifier = Modifier,
107
- val iconModifier: Modifier = Modifier,
108
- val onClearPress: () -> Unit = {},
109
- val leftPosition: Dp? = null,
110
- val placeholderCustomRender: (@Composable () -> Unit)? = null,
111
- val searchIcon: (@Composable () -> Unit)? = null
112
- )
113
-
114
- @Composable
115
- fun InputSearch(
116
- inputSearchProps: InputSearchProps = InputSearchProps(
117
- text = remember { mutableStateOf("") },
118
- ),
119
- ) {
120
- var isFocused by remember { mutableStateOf(false) }
121
- var isBlurred = false
122
- val disabledColor = AppTheme.current.colors.text.disable
123
- var textColor = AppTheme.current.colors.text.default
124
- var placeholderColor = AppTheme.current.colors.text.hint
125
- var iconTintColor = inputSearchProps.iconColor?.takeOrElse { AppTheme.current.colors.text.default }
126
-
127
- if (inputSearchProps.disabled) {
128
- textColor = disabledColor
129
- placeholderColor = disabledColor
130
- iconTintColor = disabledColor
131
- }
132
- val fontSize = 14.sp
133
- val scaleFontSize = scaleSize(fontSize)
134
-
135
- val fontFamily = getFontFamily(AppTheme.current.font, inputSearchProps.fontWeight.value)
136
-
137
- val textStyle = remember(textColor, inputSearchProps.fontWeight.value, fontFamily) {
138
- TextStyle(
139
- color = textColor,
140
- fontSize = scaleFontSize,
141
- fontWeight = inputSearchProps.fontWeight.value,
142
- fontFamily = fontFamily
143
- )
144
- }
145
-
146
- val placeHolderStyle = remember(textColor, inputSearchProps.fontWeight.value, fontFamily) {
147
- TextStyle(
148
- color = textColor,
149
- fontSize = fontSize,
150
- fontWeight = inputSearchProps.fontWeight.value,
151
- fontFamily = fontFamily
152
- )
153
- }
154
-
155
- Row(
156
- verticalAlignment = Alignment.CenterVertically, modifier = Modifier
157
- .fillMaxWidth()
158
- .height(36.dp)
159
- .conditional(IsShowBaseLineDebug) {
160
- border(1.dp, Colors.blue_03)
161
- }
162
- ) {
163
- BasicTextField(
164
- enabled = !inputSearchProps.disabled,
165
- singleLine = true,
166
- value = inputSearchProps.text.value,
167
- textStyle = textStyle,
168
- keyboardOptions = inputSearchProps.keyboardOptions.copy(keyboardType = inputSearchProps.keyboardType),
169
- keyboardActions = inputSearchProps.keyboardActions,
170
- modifier = inputSearchProps.modifier.weight(1f).fillMaxHeight().onFocusChanged {
171
- isFocused = it.isFocused
172
- if (it.isFocused) {
173
- inputSearchProps.onFocus()
174
- }
175
- if (!it.isFocused && isBlurred) inputSearchProps.onBlur()
176
- if (it.isFocused && !isBlurred) isBlurred = true
177
- },
178
- onValueChange = inputSearchProps.onChangeText,
179
- decorationBox = { innerTextField ->
180
- Row(verticalAlignment = Alignment.CenterVertically) {
181
- Row(
182
- modifier = Modifier.weight(
183
- inputSearchProps.showButtonText.ifTrue(
184
- 8f,
185
- 1f
186
- )
187
- ).fillMaxHeight()
188
- .background(
189
- inputSearchProps.backgroundColor,
190
- RoundedCornerShape(Radius.XL)
191
- ),
192
- horizontalArrangement = Arrangement.Start,
193
- verticalAlignment = Alignment.CenterVertically
194
- ) {
195
-
196
- Row(
197
- modifier = Modifier.padding(
198
- horizontal = Spacing.M
199
- ),
200
- verticalAlignment = Alignment.CenterVertically
201
- ) {
202
- inputSearchProps.searchIcon?.invoke() ?: Icon(
203
- source = "navigation_search",
204
- modifier = Modifier.padding(end = Spacing.XS),
205
- size = 24.dp,
206
- color = AppTheme.current.colors.text.hint
207
- )
208
- Box(Modifier.weight(1f)) {
209
- if (inputSearchProps.text.value.isEmpty()) {
210
- inputSearchProps.placeholderCustomRender?.invoke()
211
- ?: Text(
212
- text = inputSearchProps.placeholder,
213
- style = placeHolderStyle,
214
- maxLines = 1,
215
- color = placeholderColor,
216
- overflow = TextOverflow.Ellipsis
217
- )
218
- }
219
- innerTextField()
220
- }
221
- if (inputSearchProps.clearCondition?.invoke() == true || (isFocused && inputSearchProps.text.value.isNotEmpty())) {
222
- Row {
223
- Spacer(Modifier.width(Spacing.XS))
224
- Icon(
225
- source = "24_navigation_close_circle_full",
226
- size = 16.dp,
227
- color = AppTheme.current.colors.text.hint,
228
- modifier = Modifier.clickable(
229
- onClick = {
230
- inputSearchProps.text.value = ""
231
- inputSearchProps.onClearPress.invoke()
232
- },
233
- interactionSource = remember { MutableInteractionSource() },
234
- indication = null
235
- )
236
- )
237
- }
238
- }
239
- RenderRightIconSearch(
240
- inputSearchProps.loading,
241
- inputSearchProps.icon,
242
- iconTintColor,
243
- inputSearchProps.onRightIconPressed,
244
- iconModifier = inputSearchProps.iconModifier
245
- )
246
- }
247
- }
248
- }
249
- },
250
- )
251
- if (inputSearchProps.showButtonText) {
252
- Text(
253
- text = inputSearchProps.buttonText,
254
- style = Typography.actionDefaultBold,
255
- color = AppTheme.current.colors.text.default,
256
- modifier = Modifier.padding(start = Spacing.L).clickable(
257
- interactionSource = remember { MutableInteractionSource() },
258
- indication = null,
259
- onClick = inputSearchProps.onPressButtonText
260
- )
261
- )
262
- }
263
- }
264
- }
@@ -1,185 +0,0 @@
1
- package vn.momo.kits.components
2
-
3
- import androidx.compose.foundation.background
4
- import androidx.compose.foundation.border
5
- import androidx.compose.foundation.clickable
6
- import androidx.compose.foundation.interaction.MutableInteractionSource
7
- import androidx.compose.foundation.layout.*
8
- import androidx.compose.foundation.shape.RoundedCornerShape
9
- import androidx.compose.foundation.text.BasicTextField
10
- import androidx.compose.foundation.text.KeyboardOptions
11
- import androidx.compose.runtime.*
12
- import androidx.compose.ui.Alignment
13
- import androidx.compose.ui.Modifier
14
- import androidx.compose.ui.focus.onFocusChanged
15
- import androidx.compose.ui.graphics.Color
16
- import androidx.compose.ui.text.TextStyle
17
- import androidx.compose.ui.text.input.KeyboardType
18
- import androidx.compose.ui.unit.Dp
19
- import androidx.compose.ui.unit.dp
20
- import androidx.compose.ui.unit.sp
21
- import androidx.compose.ui.zIndex
22
- import vn.momo.kits.application.IsShowBaseLineDebug
23
- import vn.momo.kits.const.*
24
- import vn.momo.kits.const.AppTheme
25
- import vn.momo.kits.const.getFontFamily
26
- import vn.momo.kits.modifier.InternalApi
27
- import vn.momo.kits.modifier.conditional
28
-
29
- @InternalApi
30
- const val MAX_LENGTH = 300
31
- internal val DEFAULT_HEIGHT = 104.dp
32
-
33
- @Composable
34
- fun InputTextArea(
35
- text: MutableState<String> = remember { mutableStateOf("") },
36
- maxLength: Int = MAX_LENGTH,
37
- height: Dp = DEFAULT_HEIGHT,
38
- floatingValue: String = "",
39
- floatingValueColor: Color = AppTheme.current.colors.text.hint,
40
- floatingIcon: String = "",
41
- floatingIconColor: Color = AppTheme.current.colors.text.default,
42
- placeholder: String = "",
43
- size: InputSize = InputSize.SMALL,
44
- onChangeText: (String) -> Unit = {},
45
- error: String = "",
46
- errorSpacing: Boolean = false,
47
- disabled: Boolean = false,
48
- icon: String = "",
49
- iconColor: Color = AppTheme.current.colors.text.default,
50
- onRightIconPressed: () -> Unit = {},
51
- onFocus: () -> Unit = {},
52
- onBlur: () -> Unit = {},
53
- loading: Boolean = false,
54
- required: Boolean = false,
55
- fontWeight: InputFontWeight = InputFontWeight.REGULAR,
56
- keyboardType: KeyboardType = KeyboardType.Text,
57
- ) {
58
- var isFocused by remember { mutableStateOf(false) }
59
- var isBlurred = false
60
- val (textColor, placeholderColor, iconTintColor, floatingTitleColor, floatingIconTintColor) =
61
- getInputColors(disabled, iconColor, floatingValueColor, floatingIconColor)
62
-
63
- val fontSize = 16.sp
64
- val lineHeight = 24.sp
65
- val scaleFontSize = scaleSize(16.sp)
66
- val scaleLineHeight = scaleSize(24.sp)
67
- val scaleHeight = scaleSize(height)
68
-
69
- Column(modifier = Modifier.conditional(IsShowBaseLineDebug) {
70
- border(1.dp, Colors.blue_03)
71
- }) {
72
- BasicTextField(
73
- enabled = !disabled,
74
- singleLine = false,
75
- value = text.value,
76
- textStyle = TextStyle(
77
- color = textColor,
78
- fontSize = scaleFontSize,
79
- lineHeight = scaleLineHeight,
80
- fontWeight = fontWeight.value,
81
- fontFamily = getFontFamily(AppTheme.current.font, fontWeight.value)
82
- ),
83
- keyboardOptions = KeyboardOptions.Default.copy(keyboardType = keyboardType),
84
- modifier = Modifier.height(scaleHeight).onFocusChanged {
85
- isFocused = it.isFocused
86
- if (it.isFocused) {
87
- onFocus()
88
- }
89
- if (!it.isFocused && isBlurred) onBlur()
90
- if (it.isFocused && !isBlurred) isBlurred = true
91
- },
92
- onValueChange = {
93
- if (it.length <= maxLength) {
94
- onChangeText(it)
95
- }
96
- },
97
- decorationBox = { innerTextField ->
98
- // Floating Icon
99
- FloatingLabel(
100
- floatingValue = floatingValue,
101
- floatingIcon = floatingIcon,
102
- titleColor = floatingTitleColor,
103
- iconColor = floatingIconTintColor,
104
- offsetY = -scaleHeight / 2,
105
- required = required,
106
- )
107
- //input box wrapper
108
- Box(
109
- modifier = Modifier.fillMaxWidth()
110
- .background(
111
- AppTheme.current.colors.background.surface,
112
- RoundedCornerShape(size.values.borderRadius)
113
- )
114
- .border(
115
- 1.dp,
116
- getBorderColor(isFocused, error, disabled),
117
- RoundedCornerShape(size.values.borderRadius)
118
- ),
119
- contentAlignment = Alignment.TopStart
120
- ) {
121
- Column {
122
- Row(
123
- modifier = Modifier.weight(1f).padding(
124
- start = Spacing.M,
125
- end = Spacing.M,
126
- top = Spacing.M
127
- ),
128
- verticalAlignment = Alignment.Top
129
- ) {
130
- Box(Modifier.weight(1f)) {
131
- if (text.value.isEmpty()) {
132
- Text(
133
- text = placeholder,
134
- style = TextStyle(
135
- fontSize = fontSize,
136
- lineHeight = lineHeight,
137
- fontWeight = fontWeight.value
138
- ),
139
- color = placeholderColor
140
- )
141
- }
142
- innerTextField()
143
- }
144
- if (isFocused && text.value.isNotEmpty()) {
145
- Row {
146
- Spacer(Modifier.width(Spacing.XS))
147
- Icon(
148
- source = "24_navigation_close_circle_full",
149
- size = 16.dp,
150
- color = AppTheme.current.colors.text.hint,
151
- modifier = Modifier.clickable(
152
- onClick = {
153
- text.value = ""
154
- onChangeText.invoke("")
155
- },
156
- interactionSource = remember { MutableInteractionSource() },
157
- indication = null
158
- )
159
- )
160
- }
161
- }
162
- RenderRightIcon(loading, icon, iconTintColor, onRightIconPressed)
163
- }
164
-
165
- Box(
166
- modifier = Modifier
167
- .fillMaxWidth()
168
- .padding(end = Spacing.M),
169
- contentAlignment = Alignment.CenterEnd
170
- ) {
171
- Text(
172
- "${text.value.length}/$maxLength",
173
- style = Typography.descriptionXsRegular,
174
- color = AppTheme.current.colors.text.hint
175
- )
176
- }
177
- Spacer(Modifier.height(Spacing.M))
178
- }
179
- }
180
- },
181
- )
182
- // show error
183
- ErrorView(error, errorSpacing, "")
184
- }
185
- }