@momo-kits/native-kits 0.162.2-debug → 0.162.2-lottie.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (154) hide show
  1. package/.claude/settings.local.json +14 -0
  2. package/CLAUDE.md +78 -0
  3. package/ios/Application/Components.swift +1 -0
  4. package/ios/Application/FloatingButton.swift +1 -0
  5. package/ios/Badge/Badge.swift +1 -0
  6. package/ios/Badge/BadgeRibbon.swift +2 -0
  7. package/ios/Button/Button.swift +1 -1
  8. package/ios/Checkbox/Checkbox.swift +1 -0
  9. package/ios/Information/Information.swift +151 -0
  10. package/ios/Input/Input.swift +1 -0
  11. package/ios/Input/InputPhoneNumber.swift +1 -0
  12. package/ios/Input/InputSearch.swift +3 -0
  13. package/ios/Input/InputTextArea.swift +1 -0
  14. package/ios/OTPKeyboard/KeyboardButton.swift +1 -1
  15. package/ios/Popup/PopupDisplay.swift +6 -0
  16. package/ios/Popup/PopupInput.swift +2 -0
  17. package/ios/Template/TrustBanner/TrustBanner.swift +2 -0
  18. package/ios/Typography/Text.swift +1 -0
  19. package/ios/Typography/Typography.swift +14 -5
  20. package/package.json +1 -1
  21. package/build.gradle.kts +0 -11
  22. package/compose/build.gradle.kts +0 -186
  23. package/compose/build.gradle.kts.backup +0 -186
  24. package/compose/compose.podspec +0 -47
  25. package/compose/src/androidMain/kotlin/vn/momo/kits/navigation/ScrollToTop.android.kt +0 -6
  26. package/compose/src/androidMain/kotlin/vn/momo/kits/platform/Platform.android.kt +0 -123
  27. package/compose/src/commonMain/composeResources/font/momosignature.otf +0 -0
  28. package/compose/src/commonMain/composeResources/font/momotrustdisplay.otf +0 -0
  29. package/compose/src/commonMain/composeResources/font/sfprotext_black.otf +0 -0
  30. package/compose/src/commonMain/composeResources/font/sfprotext_black.ttf +0 -0
  31. package/compose/src/commonMain/composeResources/font/sfprotext_bold.ttf +0 -0
  32. package/compose/src/commonMain/composeResources/font/sfprotext_heavy.ttf +0 -0
  33. package/compose/src/commonMain/composeResources/font/sfprotext_light.ttf +0 -0
  34. package/compose/src/commonMain/composeResources/font/sfprotext_medium.ttf +0 -0
  35. package/compose/src/commonMain/composeResources/font/sfprotext_regular.ttf +0 -0
  36. package/compose/src/commonMain/composeResources/font/sfprotext_semibold.ttf +0 -0
  37. package/compose/src/commonMain/composeResources/font/sfprotext_thin.otf +0 -0
  38. package/compose/src/commonMain/composeResources/font/sfprotext_thin.ttf +0 -0
  39. package/compose/src/commonMain/composeResources/font/sfprotext_ultralight.otf +0 -0
  40. package/compose/src/commonMain/composeResources/font/sfprotext_ultralight.ttf +0 -0
  41. package/compose/src/commonMain/kotlin/vn/momo/kits/application/AnimationSearchInput.kt +0 -57
  42. package/compose/src/commonMain/kotlin/vn/momo/kits/application/Context.kt +0 -109
  43. package/compose/src/commonMain/kotlin/vn/momo/kits/application/FloatingButton.kt +0 -201
  44. package/compose/src/commonMain/kotlin/vn/momo/kits/application/Header.kt +0 -222
  45. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderAnimated.kt +0 -48
  46. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderBackground.kt +0 -86
  47. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderDefault.kt +0 -76
  48. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderExtended.kt +0 -76
  49. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderRight.kt +0 -305
  50. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderTitle.kt +0 -33
  51. package/compose/src/commonMain/kotlin/vn/momo/kits/application/LiteScreen.kt +0 -921
  52. package/compose/src/commonMain/kotlin/vn/momo/kits/application/NavigationContainer.kt +0 -121
  53. package/compose/src/commonMain/kotlin/vn/momo/kits/application/Screen.kt +0 -403
  54. package/compose/src/commonMain/kotlin/vn/momo/kits/application/useHeaderSearchAnimation.kt +0 -69
  55. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Avatar.kt +0 -157
  56. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Badge.kt +0 -85
  57. package/compose/src/commonMain/kotlin/vn/momo/kits/components/BadgeDot.kt +0 -32
  58. package/compose/src/commonMain/kotlin/vn/momo/kits/components/BadgeRibbon.kt +0 -340
  59. package/compose/src/commonMain/kotlin/vn/momo/kits/components/BaselineView.kt +0 -198
  60. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Button.kt +0 -357
  61. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Carousel.kt +0 -123
  62. package/compose/src/commonMain/kotlin/vn/momo/kits/components/CheckBox.kt +0 -94
  63. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Chip.kt +0 -136
  64. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Collapse.kt +0 -224
  65. package/compose/src/commonMain/kotlin/vn/momo/kits/components/CupertinoOverscroll.kt +0 -543
  66. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Divider.kt +0 -23
  67. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Icon.kt +0 -76
  68. package/compose/src/commonMain/kotlin/vn/momo/kits/components/IconButton.kt +0 -148
  69. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Image.kt +0 -188
  70. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Information.kt +0 -116
  71. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Input.kt +0 -452
  72. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputDropDown.kt +0 -172
  73. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputMoney.kt +0 -255
  74. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputOTP.kt +0 -235
  75. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputPhoneNumber.kt +0 -233
  76. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputSearch.kt +0 -259
  77. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputTextArea.kt +0 -241
  78. package/compose/src/commonMain/kotlin/vn/momo/kits/components/LazyColumnWithBouncing.kt +0 -364
  79. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Loader.kt +0 -108
  80. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PaginationDot.kt +0 -56
  81. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PaginationNumber.kt +0 -41
  82. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PaginationScroll.kt +0 -92
  83. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PaginationWhiteDot.kt +0 -40
  84. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PopupNotify.kt +0 -352
  85. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PopupPromotion.kt +0 -103
  86. package/compose/src/commonMain/kotlin/vn/momo/kits/components/ProgressInfo.kt +0 -338
  87. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Radio.kt +0 -70
  88. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Rating.kt +0 -87
  89. package/compose/src/commonMain/kotlin/vn/momo/kits/components/ScaleSizeScope.kt +0 -17
  90. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Skeleton.kt +0 -96
  91. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Slider.kt +0 -348
  92. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Stepper.kt +0 -256
  93. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Steps.kt +0 -494
  94. package/compose/src/commonMain/kotlin/vn/momo/kits/components/SuggestAction.kt +0 -131
  95. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Swipe.kt +0 -215
  96. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Switch.kt +0 -96
  97. package/compose/src/commonMain/kotlin/vn/momo/kits/components/TabView.kt +0 -531
  98. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Tag.kt +0 -92
  99. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Text.kt +0 -135
  100. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Title.kt +0 -214
  101. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Tooltip.kt +0 -590
  102. package/compose/src/commonMain/kotlin/vn/momo/kits/components/TrustBanner.kt +0 -177
  103. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Uploader.kt +0 -192
  104. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/DateTimePicker.kt +0 -205
  105. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/DateTimePickerTypes.kt +0 -29
  106. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/DateTimePickerUtils.kt +0 -239
  107. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/WheelPicker.kt +0 -191
  108. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Colors.kt +0 -306
  109. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Radius.kt +0 -12
  110. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Spacing.kt +0 -16
  111. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Theme.kt +0 -188
  112. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Typography.kt +0 -285
  113. package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Card.kt +0 -2
  114. package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Item.kt +0 -35
  115. package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Section.kt +0 -2
  116. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/AutomationId.kt +0 -57
  117. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Clickable.kt +0 -68
  118. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Conditional.kt +0 -11
  119. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/DeprecatedModifier.kt +0 -14
  120. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Shadow.kt +0 -50
  121. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Size.kt +0 -51
  122. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/BottomSheet.kt +0 -253
  123. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/ModalScreen.kt +0 -133
  124. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/Navigation.kt +0 -104
  125. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/NavigationContainer.kt +0 -145
  126. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/Navigator.kt +0 -345
  127. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/ScrollToTop.kt +0 -8
  128. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/StackScreen.kt +0 -556
  129. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/BottomTab.kt +0 -161
  130. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/BottomTabBar.kt +0 -243
  131. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/CurvedContainer.kt +0 -86
  132. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/FloatingButton.kt +0 -187
  133. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/Header.kt +0 -315
  134. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderBackground.kt +0 -80
  135. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderRight.kt +0 -306
  136. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderTitle.kt +0 -34
  137. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderUser.kt +0 -370
  138. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/SnackBar.kt +0 -131
  139. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/tracking/ScreenTracker.kt +0 -167
  140. package/compose/src/commonMain/kotlin/vn/momo/kits/platform/ComposeLottieAnimation.kt +0 -72
  141. package/compose/src/commonMain/kotlin/vn/momo/kits/platform/Platform.kt +0 -66
  142. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Icons.kt +0 -1329
  143. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Resources.kt +0 -70
  144. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Tracking.kt +0 -15
  145. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Utils.kt +0 -105
  146. package/compose/src/iosMain/kotlin/vn/momo/kits/navigation/ScrollToTop.ios.kt +0 -33
  147. package/compose/src/iosMain/kotlin/vn/momo/kits/platform/Platform.ios.kt +0 -186
  148. package/gradle/libs.versions.toml +0 -67
  149. package/gradle/wrapper/gradle-wrapper.jar +0 -0
  150. package/gradle/wrapper/gradle-wrapper.properties +0 -8
  151. package/gradle.properties +0 -26
  152. package/gradlew +0 -252
  153. package/gradlew.bat +0 -94
  154. package/settings.gradle.kts +0 -64
@@ -1,239 +0,0 @@
1
- package vn.momo.kits.components.datetimepicker
2
-
3
- import androidx.compose.runtime.Composable
4
- import androidx.compose.runtime.remember
5
- import kotlin.time.Clock
6
- import kotlin.time.ExperimentalTime
7
- import kotlinx.datetime.DatePeriod
8
- import kotlinx.datetime.LocalDateTime
9
- import kotlinx.datetime.TimeZone
10
- import kotlinx.datetime.minus
11
- import kotlinx.datetime.number
12
- import kotlinx.datetime.plus
13
- import kotlinx.datetime.toLocalDateTime
14
-
15
- /**
16
- * Format a LocalDateTime object into a string
17
- */
18
- fun formatLocalDateTime(dateTime: LocalDateTime, format: String = "yyyy-MM-dd HH:mm"): String {
19
- return when (format) {
20
- "yyyy-MM-dd HH:mm" -> "${dateTime.year}-${paddingNum(dateTime.month.number)}-${
21
- paddingNum(
22
- dateTime.dayOfMonth
23
- )
24
- } ${paddingNum(dateTime.hour)}:${paddingNum(dateTime.minute)}"
25
-
26
- "dd-MM-yyyy" -> "${paddingNum(dateTime.dayOfMonth)}-${paddingNum(dateTime.month.number)}-${dateTime.year}"
27
- "HH:mm" -> "${paddingNum(dateTime.hour)}:${paddingNum(dateTime.minute)}"
28
- else -> "${dateTime.year}-${paddingNum(dateTime.month.number)}-${paddingNum(dateTime.dayOfMonth)} ${
29
- paddingNum(
30
- dateTime.hour
31
- )
32
- }:${paddingNum(dateTime.minute)}"
33
- }
34
- }
35
-
36
- /**
37
- * Pad a number with a leading zero if it's less than 10
38
- */
39
- fun paddingNum(num: Int): String {
40
- return if (num > 9) num.toString() else "0$num"
41
- }
42
-
43
- /**
44
- * Get a list of days in a month
45
- */
46
- fun getDaysInMonth(
47
- year: Int,
48
- month: Int,
49
- minDate: LocalDateTime,
50
- maxDate: LocalDateTime
51
- ): List<String> {
52
- val daysInMonth = when (month) {
53
- 1, 3, 5, 7, 8, 10, 12 -> 31
54
- 4, 6, 9, 11 -> 30
55
- 2 -> if (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0)) 29 else 28
56
- else -> throw IllegalArgumentException("Invalid month: $month")
57
- }
58
-
59
- var startDay = 1
60
- var endDay = daysInMonth
61
-
62
- if (year == minDate.year && month == minDate.month.number) {
63
- startDay = minDate.dayOfMonth
64
- }
65
-
66
- if (year == maxDate.year && month == maxDate.month.number) {
67
- endDay = maxDate.dayOfMonth
68
- }
69
-
70
- val days = mutableListOf<String>()
71
- for (day in startDay..endDay) {
72
- days.add(paddingNum(day))
73
- }
74
-
75
- return days
76
- }
77
-
78
- /**
79
- * Get a list of months
80
- */
81
- fun getMonths(
82
- minDate: LocalDateTime,
83
- maxDate: LocalDateTime,
84
- currentYear: Int
85
- ): List<String> {
86
- var startMonth = 1
87
- var endMonth = 12
88
-
89
- if (currentYear == minDate.year) {
90
- startMonth = minDate.month.number
91
- }
92
-
93
- if (currentYear == maxDate.year) {
94
- endMonth = maxDate.month.number
95
- }
96
-
97
- val months = mutableListOf<String>()
98
- for (month in startMonth..endMonth) {
99
- months.add(paddingNum(month))
100
- }
101
-
102
- return months
103
- }
104
-
105
- /**
106
- * Get a list of years
107
- */
108
- fun getYears(minDate: LocalDateTime, maxDate: LocalDateTime): List<String> {
109
- val startYear = minDate.year
110
- val endYear = maxDate.year
111
- val years = mutableListOf<String>()
112
-
113
- for (year in startYear..endYear) {
114
- years.add(year.toString())
115
- }
116
-
117
- return years
118
- }
119
-
120
- /**
121
- * Get a list of hours
122
- */
123
- fun getHours(hourMode: Int): List<String> {
124
- val hours = mutableListOf<String>()
125
- for (i in 0 until hourMode) {
126
- val hour = if (hourMode == 12) i + 1 else i
127
- hours.add(paddingNum(hour))
128
- }
129
- return hours
130
- }
131
-
132
- /**
133
- * Get a list of minutes
134
- */
135
- fun getMinutes(interval: Int): List<String> {
136
- val minutes = mutableListOf<String>()
137
- var min = 0
138
- while (min < 60) {
139
- minutes.add(paddingNum(min))
140
- min += interval
141
- }
142
- return minutes
143
- }
144
-
145
- /**
146
- * Time mode for 12-hour clock
147
- */
148
- val timeMode = listOf("AM", "PM")
149
-
150
- /**
151
- * Get today's date
152
- */
153
- @OptIn(ExperimentalTime::class)
154
- fun getCurrentDateTime(): LocalDateTime {
155
- return Clock.System.now().toLocalDateTime(TimeZone.currentSystemDefault())
156
- }
157
-
158
- /**
159
- * Create a date that's a certain number of years before or after the current date
160
- */
161
- fun createRelativeDate(years: Int): LocalDateTime {
162
- val currentDateTime = getCurrentDateTime()
163
- val period = DatePeriod(years = if (years < 0) -years else years)
164
-
165
- val adjustedDate = if (years < 0) {
166
- currentDateTime.date.minus(period)
167
- } else {
168
- currentDateTime.date.plus(period)
169
- }
170
-
171
- return LocalDateTime(
172
- adjustedDate.year,
173
- adjustedDate.monthNumber,
174
- adjustedDate.dayOfMonth,
175
- currentDateTime.hour,
176
- currentDateTime.minute
177
- )
178
- }
179
-
180
- @Composable
181
- internal fun getDateComponents(
182
- format: String,
183
- currentDate: PickerData,
184
- effectiveMinDate: LocalDateTime,
185
- effectiveMaxDate: LocalDateTime,
186
- minuteInterval: Int,
187
- ): List<DateComponent> {
188
- val formatParts = remember(format) {
189
- format.split(Regex("[^A-Za-z]+"))
190
- }
191
-
192
- val isOnlyHour = remember(formatParts) {
193
- formatParts.size == 1 && formatParts[0] == "HH"
194
- }
195
-
196
- val dayData =
197
- remember(currentDate.year, currentDate.month, effectiveMinDate, effectiveMaxDate) {
198
- getDaysInMonth(currentDate.year, currentDate.month, effectiveMinDate, effectiveMaxDate)
199
- }
200
-
201
- val monthData = remember(currentDate.year, effectiveMinDate, effectiveMaxDate) {
202
- getMonths(effectiveMinDate, effectiveMaxDate, currentDate.year)
203
- }
204
-
205
- val yearData = remember(effectiveMinDate, effectiveMaxDate) {
206
- getYears(effectiveMinDate, effectiveMaxDate)
207
- }
208
-
209
- val hourData = remember(isOnlyHour) {
210
- getHours(if (isOnlyHour) 12 else 24)
211
- }
212
-
213
- val minData = remember(minuteInterval) {
214
- getMinutes(minuteInterval)
215
- }
216
-
217
- val dateComponents =
218
- remember(formatParts, dayData, monthData, yearData, hourData, minData, isOnlyHour) {
219
- val components = mutableListOf<DateComponent>()
220
-
221
- formatParts.forEach { part ->
222
- when (part) {
223
- "DD" -> components.add(DateComponent("day", dayData))
224
- "MM" -> components.add(DateComponent("month", monthData))
225
- "YYYY" -> components.add(DateComponent("year", yearData))
226
- "HH" -> components.add(DateComponent("hour", hourData))
227
- "mm" -> components.add(DateComponent("minute", minData))
228
- }
229
- }
230
-
231
- if (isOnlyHour) {
232
- components.add(DateComponent("timeMode", timeMode))
233
- }
234
-
235
- components
236
- }
237
-
238
- return dateComponents
239
- }
@@ -1,191 +0,0 @@
1
- package vn.momo.kits.components.datetimepicker
2
-
3
- import androidx.compose.foundation.background
4
- import androidx.compose.foundation.border
5
- import androidx.compose.foundation.gestures.animateScrollBy
6
- import androidx.compose.foundation.layout.Box
7
- import androidx.compose.foundation.layout.fillMaxWidth
8
- import androidx.compose.foundation.layout.height
9
- import androidx.compose.foundation.lazy.LazyColumn
10
- import androidx.compose.foundation.lazy.LazyListState
11
- import androidx.compose.foundation.lazy.rememberLazyListState
12
- import androidx.compose.foundation.shape.RoundedCornerShape
13
- import androidx.compose.runtime.Composable
14
- import androidx.compose.runtime.LaunchedEffect
15
- import androidx.compose.runtime.getValue
16
- import androidx.compose.runtime.mutableStateOf
17
- import androidx.compose.runtime.remember
18
- import androidx.compose.runtime.setValue
19
- import androidx.compose.runtime.snapshotFlow
20
- import androidx.compose.ui.Alignment
21
- import androidx.compose.ui.Modifier
22
- import androidx.compose.ui.draw.alpha
23
- import androidx.compose.ui.graphics.graphicsLayer
24
- import androidx.compose.ui.platform.LocalDensity
25
- import androidx.compose.ui.unit.Dp
26
- import androidx.compose.ui.unit.dp
27
- import androidx.compose.ui.zIndex
28
- import kotlinx.coroutines.delay
29
- import kotlinx.coroutines.flow.collect
30
- import kotlinx.coroutines.flow.debounce
31
- import kotlinx.coroutines.flow.distinctUntilChanged
32
- import kotlinx.coroutines.flow.onEach
33
- import vn.momo.kits.components.Text
34
- import vn.momo.kits.const.AppTheme
35
- import vn.momo.kits.const.Colors
36
- import vn.momo.kits.const.Radius
37
- import vn.momo.kits.const.Typography
38
- import kotlin.math.abs
39
-
40
- private val wheelItemHeight = 42.dp
41
- private val wheelPickerBorderWidth = 1.dp
42
-
43
- @Composable
44
- fun WheelPicker(
45
- name: String,
46
- data: List<String>,
47
- selectedData: String,
48
- onChange: (String, String) -> Unit,
49
- modifier: Modifier = Modifier
50
- ) {
51
- val listState = rememberLazyListState()
52
- val itemHeightPx = with(LocalDensity.current) { wheelItemHeight.toPx() }
53
-
54
- val paddedData = remember(data) {
55
- listOf("", "") + data + listOf("", "")
56
- }
57
-
58
- val initialIndex = remember(selectedData, paddedData) {
59
- paddedData.indexOf(selectedData).coerceAtLeast(2)
60
- }
61
-
62
- LaunchedEffect(initialIndex) {
63
- listState.scrollToItem(initialIndex - 2)
64
- }
65
-
66
- var selectedIndex by remember { mutableStateOf(0) }
67
-
68
- LaunchedEffect(paddedData) {
69
- snapshotFlow { selectedIndex }
70
- .distinctUntilChanged()
71
- .debounce(50)
72
- .onEach {
73
- val value = paddedData.getOrNull(it)
74
- if (!value.isNullOrEmpty()) {
75
- onChange(name, value)
76
- }
77
- }
78
- .collect()
79
- }
80
-
81
- LaunchedEffect(paddedData) {
82
- snapshotFlow { listState.isScrollInProgress }
83
- .onEach {
84
- if (it) return@onEach
85
- val firstItem = listState.layoutInfo.visibleItemsInfo.firstOrNull() ?: return@onEach
86
- val firstItemIdx = firstItem.index
87
- val firstItemOffset = firstItem.offset
88
- if (firstItemOffset == 0) {
89
- selectedIndex = firstItemIdx + 2
90
- return@onEach
91
- }
92
- val isScrollUp = abs(firstItemOffset) > itemHeightPx / 2
93
- val offset = if (isScrollUp) {
94
- itemHeightPx - abs(firstItemOffset)
95
- } else {
96
- -abs(firstItemOffset)
97
- }
98
- delay(50)
99
- listState.animateScrollBy(offset.toFloat())
100
- val centeredIndex = firstItemIdx + (if (isScrollUp) 1 else 0) + 2
101
- if (centeredIndex in 2 until paddedData.size - 2) {
102
- selectedIndex = centeredIndex
103
- }
104
- }
105
- .collect()
106
- }
107
-
108
- Box(
109
- modifier = modifier
110
- .border(
111
- width = wheelPickerBorderWidth,
112
- color = AppTheme.current.colors.border.default,
113
- shape = RoundedCornerShape(Radius.S)
114
- )
115
- .background(
116
- color = AppTheme.current.colors.background.surface,
117
- )
118
- ) {
119
- LazyColumn(
120
- state = listState,
121
- modifier = Modifier
122
- .fillMaxWidth()
123
- ) {
124
- items(paddedData.size) { index ->
125
- WheelPickerItem(
126
- text = paddedData[index],
127
- isSelected = index == selectedIndex,
128
- index = index,
129
- listState = listState,
130
- itemHeight = wheelItemHeight
131
- )
132
- }
133
- }
134
-
135
- Box(
136
- modifier = Modifier
137
- .fillMaxWidth()
138
- .height(wheelItemHeight)
139
- .background(Colors.blue_10)
140
- .align(Alignment.Center)
141
- .alpha(0.2f)
142
- .zIndex(-2f)
143
- )
144
- }
145
- }
146
-
147
- @Composable
148
- fun WheelPickerItem(
149
- text: String,
150
- isSelected: Boolean,
151
- index: Int,
152
- listState: LazyListState,
153
- itemHeight: Dp
154
- ) {
155
- Box(
156
- modifier = Modifier
157
- .fillMaxWidth()
158
- .height(itemHeight)
159
- .graphicsLayer {
160
- val firstVisibleIndex = listState.firstVisibleItemIndex
161
- val visibleItemOffset = listState.firstVisibleItemScrollOffset
162
-
163
- val viewportHeight = 5 * itemHeight.value
164
- val itemHeightValue = itemHeight.value
165
-
166
- val absoluteOffset =
167
- (index - firstVisibleIndex) * itemHeightValue - (visibleItemOffset / itemHeightValue)
168
- val relativePosition = absoluteOffset / viewportHeight
169
-
170
- val distance = abs(2 - relativePosition)
171
-
172
- alpha = when {
173
- distance <= 1 -> 1f
174
- distance <= 2 -> 0.8f
175
- distance <= 3 -> 0.4f
176
- else -> 0.4f
177
- }
178
- },
179
- contentAlignment = Alignment.Center
180
- ) {
181
- Text(
182
- text = text,
183
- style = Typography.actionSBold,
184
- modifier = Modifier.graphicsLayer {
185
- val scale = if (isSelected) 1f else 0.87f
186
- scaleX = scale
187
- scaleY = scale
188
- }
189
- )
190
- }
191
- }