@momo-kits/native-kits 0.158.1-beta.2-debug → 0.158.1-beta.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 (132) hide show
  1. package/package.json +1 -1
  2. package/build.gradle.kts +0 -11
  3. package/compose/build.gradle.kts +0 -180
  4. package/compose/build.gradle.kts.backup +0 -180
  5. package/compose/compose.podspec +0 -54
  6. package/compose/src/androidMain/kotlin/vn/momo/kits/platform/Platform.android.kt +0 -117
  7. package/compose/src/commonMain/composeResources/font/momosignature.otf +0 -0
  8. package/compose/src/commonMain/composeResources/font/momotrustdisplay.otf +0 -0
  9. package/compose/src/commonMain/composeResources/font/sfprotext_black.otf +0 -0
  10. package/compose/src/commonMain/composeResources/font/sfprotext_black.ttf +0 -0
  11. package/compose/src/commonMain/composeResources/font/sfprotext_bold.ttf +0 -0
  12. package/compose/src/commonMain/composeResources/font/sfprotext_heavy.ttf +0 -0
  13. package/compose/src/commonMain/composeResources/font/sfprotext_light.ttf +0 -0
  14. package/compose/src/commonMain/composeResources/font/sfprotext_medium.ttf +0 -0
  15. package/compose/src/commonMain/composeResources/font/sfprotext_regular.ttf +0 -0
  16. package/compose/src/commonMain/composeResources/font/sfprotext_semibold.ttf +0 -0
  17. package/compose/src/commonMain/composeResources/font/sfprotext_thin.otf +0 -0
  18. package/compose/src/commonMain/composeResources/font/sfprotext_thin.ttf +0 -0
  19. package/compose/src/commonMain/composeResources/font/sfprotext_ultralight.otf +0 -0
  20. package/compose/src/commonMain/composeResources/font/sfprotext_ultralight.ttf +0 -0
  21. package/compose/src/commonMain/kotlin/vn/momo/kits/application/AnimationSearchInput.kt +0 -57
  22. package/compose/src/commonMain/kotlin/vn/momo/kits/application/Context.kt +0 -107
  23. package/compose/src/commonMain/kotlin/vn/momo/kits/application/FloatingButton.kt +0 -201
  24. package/compose/src/commonMain/kotlin/vn/momo/kits/application/Header.kt +0 -222
  25. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderAnimated.kt +0 -48
  26. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderBackground.kt +0 -86
  27. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderDefault.kt +0 -76
  28. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderExtended.kt +0 -76
  29. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderRight.kt +0 -305
  30. package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderTitle.kt +0 -33
  31. package/compose/src/commonMain/kotlin/vn/momo/kits/application/LiteScreen.kt +0 -720
  32. package/compose/src/commonMain/kotlin/vn/momo/kits/application/NavigationContainer.kt +0 -121
  33. package/compose/src/commonMain/kotlin/vn/momo/kits/application/Screen.kt +0 -405
  34. package/compose/src/commonMain/kotlin/vn/momo/kits/application/useHeaderSearchAnimation.kt +0 -69
  35. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Avatar.kt +0 -157
  36. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Badge.kt +0 -85
  37. package/compose/src/commonMain/kotlin/vn/momo/kits/components/BadgeDot.kt +0 -32
  38. package/compose/src/commonMain/kotlin/vn/momo/kits/components/BadgeRibbon.kt +0 -340
  39. package/compose/src/commonMain/kotlin/vn/momo/kits/components/BaselineView.kt +0 -198
  40. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Button.kt +0 -357
  41. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Carousel.kt +0 -123
  42. package/compose/src/commonMain/kotlin/vn/momo/kits/components/CheckBox.kt +0 -94
  43. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Chip.kt +0 -136
  44. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Collapse.kt +0 -224
  45. package/compose/src/commonMain/kotlin/vn/momo/kits/components/CupertinoOverscroll.kt +0 -543
  46. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Divider.kt +0 -23
  47. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Icon.kt +0 -76
  48. package/compose/src/commonMain/kotlin/vn/momo/kits/components/IconButton.kt +0 -148
  49. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Image.kt +0 -188
  50. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Information.kt +0 -116
  51. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Input.kt +0 -448
  52. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputDropDown.kt +0 -172
  53. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputMoney.kt +0 -255
  54. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputOTP.kt +0 -231
  55. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputPhoneNumber.kt +0 -233
  56. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputSearch.kt +0 -254
  57. package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputTextArea.kt +0 -241
  58. package/compose/src/commonMain/kotlin/vn/momo/kits/components/LazyColumnWithBouncing.kt +0 -364
  59. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Loader.kt +0 -108
  60. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PaginationDot.kt +0 -56
  61. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PaginationNumber.kt +0 -41
  62. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PaginationScroll.kt +0 -92
  63. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PaginationWhiteDot.kt +0 -40
  64. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PopupNotify.kt +0 -352
  65. package/compose/src/commonMain/kotlin/vn/momo/kits/components/PopupPromotion.kt +0 -103
  66. package/compose/src/commonMain/kotlin/vn/momo/kits/components/ProgressInfo.kt +0 -338
  67. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Radio.kt +0 -70
  68. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Rating.kt +0 -87
  69. package/compose/src/commonMain/kotlin/vn/momo/kits/components/ScaleSizeScope.kt +0 -17
  70. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Skeleton.kt +0 -96
  71. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Slider.kt +0 -348
  72. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Stepper.kt +0 -256
  73. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Steps.kt +0 -494
  74. package/compose/src/commonMain/kotlin/vn/momo/kits/components/SuggestAction.kt +0 -131
  75. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Swipe.kt +0 -215
  76. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Switch.kt +0 -96
  77. package/compose/src/commonMain/kotlin/vn/momo/kits/components/TabView.kt +0 -531
  78. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Tag.kt +0 -92
  79. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Text.kt +0 -130
  80. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Title.kt +0 -214
  81. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Tooltip.kt +0 -590
  82. package/compose/src/commonMain/kotlin/vn/momo/kits/components/TrustBanner.kt +0 -177
  83. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Uploader.kt +0 -192
  84. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/DateTimePicker.kt +0 -205
  85. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/DateTimePickerTypes.kt +0 -29
  86. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/DateTimePickerUtils.kt +0 -239
  87. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/WheelPicker.kt +0 -191
  88. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Colors.kt +0 -306
  89. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Radius.kt +0 -12
  90. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Spacing.kt +0 -16
  91. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Theme.kt +0 -188
  92. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Typography.kt +0 -285
  93. package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Card.kt +0 -2
  94. package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Item.kt +0 -35
  95. package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Section.kt +0 -2
  96. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/AutomationId.kt +0 -50
  97. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Clickable.kt +0 -68
  98. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Conditional.kt +0 -11
  99. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/DeprecatedModifier.kt +0 -14
  100. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Shadow.kt +0 -50
  101. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Size.kt +0 -51
  102. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/BottomSheet.kt +0 -253
  103. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/ModalScreen.kt +0 -133
  104. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/Navigation.kt +0 -99
  105. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/NavigationContainer.kt +0 -164
  106. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/Navigator.kt +0 -333
  107. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/StackScreen.kt +0 -552
  108. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/BottomTab.kt +0 -162
  109. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/BottomTabBar.kt +0 -243
  110. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/CurvedContainer.kt +0 -86
  111. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/FloatingButton.kt +0 -187
  112. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/Header.kt +0 -279
  113. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderBackground.kt +0 -80
  114. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderRight.kt +0 -306
  115. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderTitle.kt +0 -32
  116. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderUser.kt +0 -370
  117. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/SnackBar.kt +0 -132
  118. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/tracking/ScreenTracker.kt +0 -167
  119. package/compose/src/commonMain/kotlin/vn/momo/kits/platform/Platform.kt +0 -46
  120. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Icons.kt +0 -1329
  121. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Resources.kt +0 -62
  122. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Tracking.kt +0 -15
  123. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Utils.kt +0 -88
  124. package/compose/src/iosMain/kotlin/vn/momo/kits/platform/Platform.ios.kt +0 -161
  125. package/gradle/libs.versions.toml +0 -57
  126. package/gradle/wrapper/gradle-wrapper.jar +0 -0
  127. package/gradle/wrapper/gradle-wrapper.properties +0 -8
  128. package/gradle.properties +0 -26
  129. package/gradlew +0 -252
  130. package/gradlew.bat +0 -94
  131. package/local.properties +0 -8
  132. package/settings.gradle.kts +0 -52
@@ -1,107 +0,0 @@
1
- package vn.momo.kits.application
2
-
3
- import androidx.compose.runtime.Immutable
4
- import androidx.compose.runtime.staticCompositionLocalOf
5
- import vn.momo.kits.components.TrustBannerData
6
-
7
- @Immutable
8
- data class FeatureFlags(
9
- val showBaseLineDebug: Boolean? = false,
10
- )
11
-
12
- @Immutable
13
- data class KitConfig(
14
- val trustBanner: TrustBannerData? = null,
15
- val headerBar: String? = null,
16
- val headerGradient: String? = null,
17
- )
18
-
19
- @Immutable
20
- data class MiniAppContext(
21
- val appIcon: String = "",
22
- val appName: Any? = null,
23
- val appId: String = "",
24
- val appCode: String = "",
25
- val description: Any? = null,
26
- val support: Map<String, Any?> = emptyMap(),
27
- val toolkitConfig: Map<String, Any?> = emptyMap(),
28
- val providerId: String = "",
29
- val permissions: List<Map<String, Any>>? = emptyList(),
30
- val features: FeatureFlags? = null,
31
- ) {
32
- companion object {
33
-
34
- fun toMap(context: MiniAppContext?): Map<String, Any?> = mapOf(
35
- "icon" to (context?.appIcon ?: ""),
36
- "name" to context?.appName,
37
- "appId" to (context?.appId ?: ""),
38
- "code" to (context?.appCode ?: ""),
39
- "description" to (context?.description ?: ""),
40
- "support" to (context?.support ?: emptyMap()),
41
- "toolkitConfig" to (context?.toolkitConfig ?: emptyMap()),
42
- "providerId" to (context?.providerId ?: ""),
43
- "permissions" to (context?.permissions ?: emptyList()),
44
- )
45
-
46
- fun merge(parent: MiniAppContext?, child: MiniAppContext?): MiniAppContext? {
47
- if (parent == null && child == null) return null
48
- if (parent == null) return child
49
- if (child == null) return parent
50
-
51
- return MiniAppContext(
52
- appIcon = parent.appIcon.ifBlank { child.appIcon },
53
- appName = parent.appName ?: child.appName,
54
- appId = parent.appId.ifBlank { child.appId },
55
- appCode = parent.appCode.ifBlank { child.appCode },
56
- description = parent.description ?: child.description,
57
- support = mergeMaps(parent.support, child.support),
58
- toolkitConfig = mergeMaps(parent.toolkitConfig, child.toolkitConfig),
59
- providerId = parent.providerId.ifBlank { child.providerId },
60
- permissions = if (!parent.permissions.isNullOrEmpty()) parent.permissions else child.permissions,
61
- features = mergeFeatureFlags(parent.features, child.features)
62
- )
63
- }
64
-
65
- private fun mergeMaps(parent: Map<String, Any?>, child: Map<String, Any?>): Map<String, Any?> {
66
- return child + parent
67
- }
68
-
69
- private fun mergeFeatureFlags(parent: FeatureFlags?, child: FeatureFlags?): FeatureFlags? {
70
- if (parent == null && child == null) return null
71
- if (parent == null) return child
72
- if (child == null) return parent
73
-
74
- return FeatureFlags(
75
- showBaseLineDebug = parent.showBaseLineDebug ?: child.showBaseLineDebug
76
- )
77
- }
78
- }
79
- }
80
-
81
- @Immutable
82
- data class ComponentInformation(
83
- val componentName: String? = null,
84
- val componentId: String? = null,
85
- val params: Map<String,Any?>? = null,
86
- val action: String? = null
87
- )
88
-
89
- var IsShowBaseLineDebug = false
90
-
91
- val ApplicationContext = staticCompositionLocalOf<MiniAppContext?> {
92
- null
93
- }
94
-
95
- val AppConfig = staticCompositionLocalOf<KitConfig?> {
96
- null
97
- }
98
-
99
- val AppLanguage = staticCompositionLocalOf<String?> {
100
- null
101
- }
102
-
103
- val LocalComponentInformation = staticCompositionLocalOf<ComponentInformation?> {
104
- null
105
- }
106
-
107
- internal val ScaleSizeMaxRate = staticCompositionLocalOf<Float?> { null }
@@ -1,201 +0,0 @@
1
- package vn.momo.kits.application
2
-
3
- import androidx.compose.animation.AnimatedVisibility
4
- import androidx.compose.animation.core.CubicBezierEasing
5
- import androidx.compose.animation.core.animateDpAsState
6
- import androidx.compose.animation.core.tween
7
- import androidx.compose.animation.expandHorizontally
8
- import androidx.compose.animation.fadeIn
9
- import androidx.compose.animation.fadeOut
10
- import androidx.compose.animation.shrinkHorizontally
11
- import androidx.compose.foundation.ScrollState
12
- import androidx.compose.foundation.background
13
- import androidx.compose.foundation.interaction.MutableInteractionSource
14
- import androidx.compose.foundation.layout.Arrangement
15
- import androidx.compose.foundation.layout.Box
16
- import androidx.compose.foundation.layout.Row
17
- import androidx.compose.foundation.layout.Spacer
18
- import androidx.compose.foundation.layout.fillMaxSize
19
- import androidx.compose.foundation.layout.height
20
- import androidx.compose.foundation.layout.offset
21
- import androidx.compose.foundation.layout.padding
22
- import androidx.compose.foundation.layout.sizeIn
23
- import androidx.compose.foundation.layout.width
24
- import androidx.compose.material3.AlertDialogDefaults.shape
25
- import androidx.compose.material3.FloatingActionButton
26
- import androidx.compose.material3.FloatingActionButtonDefaults
27
- import androidx.compose.runtime.Composable
28
- import androidx.compose.runtime.LaunchedEffect
29
- import androidx.compose.runtime.getValue
30
- import androidx.compose.runtime.mutableStateOf
31
- import androidx.compose.runtime.remember
32
- import androidx.compose.runtime.rememberCoroutineScope
33
- import androidx.compose.runtime.saveable.rememberSaveable
34
- import androidx.compose.runtime.setValue
35
- import androidx.compose.ui.Alignment
36
- import androidx.compose.ui.Modifier
37
- import androidx.compose.ui.graphics.Color
38
- import androidx.compose.ui.unit.Dp
39
- import androidx.compose.ui.unit.dp
40
- import androidx.compose.ui.zIndex
41
- import kotlinx.coroutines.delay
42
- import kotlinx.coroutines.flow.MutableStateFlow
43
- import kotlinx.coroutines.flow.collectLatest
44
- import kotlinx.coroutines.launch
45
- import vn.momo.kits.components.Icon
46
- import vn.momo.kits.components.Text
47
- import vn.momo.kits.const.Typography
48
-
49
- enum class FABSize {
50
- SMALL,
51
- DEFAULT,
52
- }
53
-
54
- enum class FABPosition {
55
- END,
56
- CENTER,
57
- }
58
-
59
- data class FabProps(
60
- val icon: String,
61
- val iconColor: Color? = null,
62
- val label: String? = null,
63
- val onClick: () -> Unit,
64
- val size: FABSize = FABSize.DEFAULT,
65
- val bottom: Dp? = null,
66
- val scrollState: ScrollState? = null,
67
- val position: FABPosition? = FABPosition.END,
68
- )
69
-
70
- @Deprecated("Use vn.momo.kits.navigation.FloatingButton instead", ReplaceWith("vn.momo.kits.navigation.FloatingButton"))
71
- @Composable
72
- fun FloatingButton(
73
- scrollPosition: Int,
74
- bottom: Dp,
75
- onClick: () -> Unit,
76
- containerColor: Color,
77
- contentColor: Color = containerColor,
78
- icon: String,
79
- iconColor: Color? = null,
80
- text: String? = null,
81
- elevation: androidx.compose.material3.FloatingActionButtonElevation = FloatingActionButtonDefaults.elevation(
82
- 4.dp,
83
- 4.dp,
84
- 4.dp,
85
- 4.dp
86
- ),
87
- size: FABSize = FABSize.DEFAULT,
88
- position: FABPosition = FABPosition.END,
89
- keyboardSize: Dp = 0.dp,
90
- ) {
91
- val scrollPositionStateFlow = remember { MutableStateFlow(scrollPosition) }
92
- var lastScrollPosition by rememberSaveable { mutableStateOf(0) }
93
- val coroutineScope = rememberCoroutineScope()
94
- var isExpanded by rememberSaveable { mutableStateOf(false) }
95
-
96
- val startPadding = if (isExpanded) 12.dp else 0.dp
97
- val endPadding = if (isExpanded) 12.dp else 0.dp
98
- val widthIn = if ((size === FABSize.SMALL)) 36.dp else 48.dp
99
-
100
-
101
- val width = animateDpAsState(
102
- targetValue = if (isExpanded && text != null) 80.dp else widthIn,
103
- animationSpec = tween(
104
- durationMillis = 200,
105
- easing = CubicBezierEasing(0.2f, 0.2f, 0.2f, 0.2f),
106
- )
107
- )
108
-
109
- LaunchedEffect(text) {
110
- if (text != null) {
111
- coroutineScope.launch {
112
- scrollPositionStateFlow
113
- .collectLatest { debouncedScrollPosition ->
114
- isExpanded = debouncedScrollPosition > lastScrollPosition
115
- delay(300)
116
- lastScrollPosition = debouncedScrollPosition
117
-
118
- }
119
- }
120
- }
121
- }
122
-
123
- LaunchedEffect(scrollPosition) {
124
- scrollPositionStateFlow.value = scrollPosition
125
- }
126
-
127
- Box(
128
- Modifier
129
- .fillMaxSize()
130
- .padding(end = 12.dp, bottom = bottom)
131
- .offset(y = -keyboardSize)
132
- .background(Color.Transparent)
133
- .zIndex(10f),
134
- contentAlignment = if (position == FABPosition.END) Alignment.BottomEnd else Alignment.BottomCenter,
135
- ) {
136
- FloatingActionButton(
137
- onClick = onClick,
138
- shape = shape,
139
- containerColor = containerColor,
140
- contentColor = contentColor,
141
- elevation = elevation,
142
- interactionSource = remember { MutableInteractionSource() },
143
- modifier = Modifier
144
- .sizeIn(minWidth = width.value)
145
- .height(widthIn)
146
- ) {
147
- Row(
148
- modifier = Modifier.padding(start = startPadding, end = endPadding),
149
- verticalAlignment = Alignment.CenterVertically,
150
- horizontalArrangement = if (isExpanded) Arrangement.Start else Arrangement.Center
151
- ) {
152
- Icon(
153
- icon,
154
- size = if (size === FABSize.SMALL) 12.dp else 24.dp,
155
- color = iconColor ?: Color.White
156
- )
157
- AnimatedVisibility(
158
- visible = isExpanded,
159
- enter = ExtendedFabExpandAnimation,
160
- exit = ExtendedFabCollapseAnimation,
161
- ) {
162
- Row {
163
- Spacer(Modifier.width(12.dp))
164
- Text(
165
- text ?: "",
166
- color = Color.White,
167
- style = Typography.actionDefaultBold
168
- )
169
- }
170
- }
171
- }
172
- }
173
- }
174
- }
175
-
176
- private val ExtendedFabCollapseAnimation = fadeOut(
177
- animationSpec = tween(
178
- durationMillis = 800,
179
- easing = CubicBezierEasing(0.0f, 0.0f, 1.0f, 1.0f),
180
- )
181
- ) + shrinkHorizontally(
182
- animationSpec = tween(
183
- durationMillis = 500,
184
- easing = CubicBezierEasing(0.2f, 0.0f, 0.0f, 1.0f),
185
- ),
186
- shrinkTowards = Alignment.Start,
187
- )
188
-
189
- private val ExtendedFabExpandAnimation = fadeIn(
190
- animationSpec = tween(
191
- durationMillis = 200,
192
- delayMillis = 100,
193
- easing = CubicBezierEasing(0.0f, 0.0f, 1.0f, 1.0f),
194
- ),
195
- ) + expandHorizontally(
196
- animationSpec = tween(
197
- durationMillis = 500,
198
- easing = CubicBezierEasing(0.2f, 0.0f, 0.0f, 1.0f),
199
- ),
200
- expandFrom = Alignment.Start,
201
- )
@@ -1,222 +0,0 @@
1
- package vn.momo.kits.application
2
-
3
- import androidx.compose.animation.core.animateFloatAsState
4
- import androidx.compose.foundation.background
5
- import androidx.compose.foundation.border
6
- import androidx.compose.foundation.clickable
7
- import androidx.compose.foundation.layout.Arrangement
8
- import androidx.compose.foundation.layout.Box
9
- import androidx.compose.foundation.layout.BoxWithConstraints
10
- import androidx.compose.foundation.layout.Row
11
- import androidx.compose.foundation.layout.Spacer
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.runtime.Composable
19
- import androidx.compose.runtime.LaunchedEffect
20
- import androidx.compose.runtime.getValue
21
- import androidx.compose.runtime.mutableStateOf
22
- import androidx.compose.runtime.remember
23
- import androidx.compose.runtime.setValue
24
- import androidx.compose.runtime.snapshotFlow
25
- import androidx.compose.ui.Alignment
26
- import androidx.compose.ui.Modifier
27
- import androidx.compose.ui.graphics.Color
28
- import androidx.compose.ui.graphics.graphicsLayer
29
- import androidx.compose.ui.text.style.TextAlign
30
- import androidx.compose.ui.unit.Dp
31
- import androidx.compose.ui.unit.dp
32
- import androidx.compose.ui.zIndex
33
- import kotlinx.coroutines.flow.distinctUntilChanged
34
- import kotlinx.coroutines.flow.map
35
- import vn.momo.kits.components.Icon
36
- import vn.momo.kits.components.InputSearch
37
- import vn.momo.kits.components.InputSearchProps
38
- import vn.momo.kits.const.AppTheme
39
- import vn.momo.kits.const.Colors
40
- import vn.momo.kits.const.Spacing
41
- import vn.momo.kits.modifier.conditional
42
- import vn.momo.kits.modifier.setAutomationId
43
- import vn.momo.kits.utils.getAppStatusBarHeight
44
-
45
- data class HeaderColor(val tintIconColor: Color, val backgroundButton: Color, val borderColor: Color)
46
- fun getHeaderColor(animatedHeader: AnimatedHeader?, opacity: Float, tintColor: Color?, defaultColor: Color): HeaderColor{
47
- return if(animatedHeader !== null)
48
- if (opacity == 1f || !animatedHeader.isSurface)
49
- HeaderColor(
50
- tintIconColor = Colors.black_17,
51
- backgroundButton = Colors.black_01.copy(alpha = 0.6f),
52
- borderColor = Colors.black_20.copy(alpha = 0.2f)
53
- )
54
- else
55
- HeaderColor(
56
- tintIconColor = Colors.black_01,
57
- backgroundButton = Colors.black_20.copy(alpha = 0.6f),
58
- borderColor = Color.Transparent
59
- )
60
- else
61
- if (tintColor == Colors.black_01)
62
- HeaderColor(
63
- tintIconColor = tintColor,
64
- backgroundButton = Colors.black_20.copy(alpha = 0.6f),
65
- borderColor = Colors.black_01.copy(alpha = 0.2f)
66
- )
67
- else
68
- HeaderColor(
69
- tintIconColor = tintColor ?: defaultColor,
70
- backgroundButton = Colors.black_01.copy(alpha = 0.6f),
71
- borderColor = Colors.black_20.copy(alpha = 0.2f)
72
- )
73
- }
74
-
75
- @Deprecated("Use vn.momo.kits.navigation.component.Header instead", ReplaceWith("vn.momo.kits.navigation.component.Header"))
76
- @Composable
77
- fun Header(
78
- headerType: HeaderType = HeaderType.DEFAULT,
79
- titlePosition: TitlePosition,
80
- title: String,
81
- headerRight: @Composable (() -> Unit)? = null,
82
- goBack: (() -> Unit)? = null,
83
- opacity: Float = 1f,
84
- animatedHeader: AnimatedHeader? = null,
85
- scrollState: Int = 0,
86
- inputSearchProps: InputSearchProps? = null,
87
- headerRightWidth: Dp = 0.dp,
88
- useAnimationSearch: Boolean = false,
89
- tintColor: Color? = null
90
- ) {
91
- val statusBarHeight = getAppStatusBarHeight()
92
- val color = getHeaderColor(animatedHeader, opacity, tintColor, AppTheme.current.colors.text.default)
93
- val tintIconColor = color.tintIconColor
94
- val backgroundButton = color.backgroundButton
95
- val borderColor = color.borderColor
96
-
97
- var colorFraction by remember { mutableStateOf(0f) }
98
-
99
- LaunchedEffect(scrollState) {
100
- snapshotFlow { scrollState }
101
- .map { (it / 50f).coerceIn(0f, 1f) }
102
- .distinctUntilChanged()
103
- .collect { fraction -> colorFraction = fraction }
104
- }
105
- val animations = useHeaderSearchAnimation(
106
- opacityAni = opacity,
107
- scrollState = scrollState,
108
- headerRightWidth = headerRightWidth,
109
- isBack = goBack != null
110
- )
111
-
112
- val backgroundSearch = animateColor(
113
- Colors.black_01,
114
- AppTheme.current.colors.background.default,
115
- colorFraction
116
- )
117
-
118
- val searchAnimationEnable =
119
- inputSearchProps != null && useAnimationSearch && headerType == HeaderType.EXTENDED
120
- val animatedAlpha by animateFloatAsState(targetValue = opacity, label = "BackgroundAlpha")
121
-
122
- if (headerType != HeaderType.NONE) {
123
- BoxWithConstraints(
124
- Modifier.height(statusBarHeight + HEADER_HEIGHT.dp)
125
- .fillMaxWidth()
126
- .conditional(animatedHeader !== null) { background(Color.White.copy(alpha = animatedAlpha)) }
127
- .zIndex(10f),
128
- contentAlignment = Alignment.BottomCenter
129
- ) {
130
- Row(
131
- modifier = Modifier.height(HEADER_HEIGHT.dp)
132
- .fillMaxWidth()
133
- .padding(horizontal = Spacing.M),
134
- verticalAlignment = Alignment.CenterVertically,
135
- horizontalArrangement = Arrangement.SpaceBetween
136
- ) {
137
- Box {
138
- if (goBack != null) {
139
- Box(
140
- modifier = Modifier
141
- .size(28.dp)
142
- .then(
143
- Modifier.border(
144
- 0.2.dp,
145
- borderColor,
146
- RoundedCornerShape(100)
147
- )
148
- )
149
- .background(
150
- backgroundButton,
151
- RoundedCornerShape(100)
152
- )
153
- .clickable(
154
- onClick = goBack
155
- )
156
- .padding(Spacing.XS)
157
- .setAutomationId("btn_navigation_back"),
158
- contentAlignment = Alignment.Center
159
- ) {
160
- Icon(
161
- source = "arrow-back",
162
- color = tintIconColor,
163
- size = 20.dp,
164
- )
165
- }
166
- }
167
- }
168
-
169
- if (useAnimationSearch || inputSearchProps == null) {
170
- if(headerRight == null){
171
- HeaderRight(opacity = opacity, animatedHeader = animatedHeader, tintColor = tintColor)
172
- } else {
173
- headerRight.invoke()
174
- }
175
- }
176
- }
177
-
178
- // Title
179
- Row(
180
- modifier = Modifier.height(HEADER_HEIGHT.dp)
181
- .fillMaxWidth()
182
- .padding(horizontal = Spacing.M),
183
- verticalAlignment = Alignment.CenterVertically,
184
- ) {
185
- if (goBack != null && titlePosition == TitlePosition.LEFT) {
186
- Spacer(Modifier.width(40.dp))
187
- }
188
- if (inputSearchProps != null && !useAnimationSearch) {
189
- InputSearch(inputSearchProps = inputSearchProps.copy(backgroundColor = backgroundSearch))
190
- } else {
191
- Box(
192
- Modifier.weight(1f).graphicsLayer {
193
- alpha = if (useAnimationSearch) {
194
- 1f - (opacity)
195
- } else {
196
- 1f
197
- }
198
- },
199
- contentAlignment = if (titlePosition == TitlePosition.LEFT) Alignment.TopStart else Alignment.Center
200
- ) {
201
- HeaderTitle(
202
- title = title,
203
- color = tintIconColor,
204
- modifier = Modifier
205
- .setAutomationId("title_navigation_header")
206
- .fillMaxWidth(fraction = if(titlePosition == TitlePosition.LEFT) 0.7f else 0.5f)
207
- ,
208
- textAlign = if(titlePosition == TitlePosition.LEFT) TextAlign.Start else TextAlign.Center
209
- )
210
- }
211
- }
212
- }
213
-
214
- if (searchAnimationEnable) {
215
- AnimationSearchInput(
216
- animations = animations,
217
- inputSearchProps = inputSearchProps!!
218
- )
219
- }
220
- }
221
- }
222
- }
@@ -1,48 +0,0 @@
1
- package vn.momo.kits.application
2
-
3
- import androidx.compose.animation.core.animateFloatAsState
4
- import androidx.compose.foundation.layout.Box
5
- import androidx.compose.foundation.layout.fillMaxWidth
6
- import androidx.compose.foundation.layout.height
7
- import androidx.compose.runtime.Composable
8
- import androidx.compose.runtime.getValue
9
- import androidx.compose.ui.Modifier
10
- import androidx.compose.ui.graphics.graphicsLayer
11
- import androidx.compose.ui.unit.dp
12
- import vn.momo.kits.components.Image
13
-
14
- @Deprecated("Use vn.momo.kits.navigation.component.Header instead", ReplaceWith("vn.momo.kits.navigation.component.Header"))
15
- @Composable
16
- fun HeaderAnimated(image: String, scrollState: Int = 0) {
17
- // Scale animation
18
- val scale by animateFloatAsState(
19
- targetValue = when {
20
- scrollState < 0 -> (-(scrollState / 300f)).coerceIn(1f, 4f)
21
- scrollState.toFloat() in 0f..300f -> 1f
22
- else -> 1f
23
- }
24
- )
25
-
26
- // Opacity animation
27
- val opacity by animateFloatAsState(
28
- targetValue = when {
29
- scrollState.toFloat() in 0f..150f -> 1f - (scrollState / 300f)
30
- scrollState.toFloat() in 150f..300f -> 0.5f - ((scrollState - 150f) / 300f)
31
- else -> 1f
32
- }
33
- )
34
-
35
- // Translation Y animation
36
-
37
- Box(modifier = Modifier.fillMaxWidth().height(200.dp)
38
- .graphicsLayer {
39
- scaleX = scale
40
- scaleY = scale
41
- }) {
42
- if (image.isEmpty()) return
43
- Image(
44
- source = image,
45
- modifier = Modifier.fillMaxWidth().height(200.dp)
46
- )
47
- }
48
- }
@@ -1,86 +0,0 @@
1
- package vn.momo.kits.application
2
-
3
- import androidx.compose.animation.animateColorAsState
4
- import androidx.compose.animation.core.animateFloatAsState
5
- import androidx.compose.foundation.layout.Box
6
- import androidx.compose.foundation.layout.fillMaxWidth
7
- import androidx.compose.runtime.Composable
8
- import androidx.compose.runtime.getValue
9
- import androidx.compose.ui.Modifier
10
- import androidx.compose.ui.graphics.Color
11
- import vn.momo.kits.const.AppTheme
12
- import vn.momo.kits.utils.getAppStatusBarHeight
13
-
14
- enum class TitlePosition {
15
- LEFT, CENTER,
16
- }
17
-
18
- enum class AnimatedHeaderRatio(val value: Float){
19
- RATIO_16_9(16f / 9f),
20
- RATIO_1_1(1f),
21
- RATIO_3_2(3f / 2f)
22
- }
23
-
24
- data class AnimatedHeader(
25
- val aspectRatio: AnimatedHeaderRatio = AnimatedHeaderRatio.RATIO_16_9,
26
- val isSurface: Boolean = true,
27
- val composable: @Composable (scrollState: Int) -> Unit = {}
28
- )
29
-
30
- fun animateColor(start: Color, stop: Color, fraction: Float): Color {
31
- return Color(
32
- red = start.red + fraction * (stop.red - start.red),
33
- green = start.green + fraction * (stop.green - start.green),
34
- blue = start.blue + fraction * (stop.blue - start.blue),
35
- alpha = start.alpha + fraction * (stop.alpha - start.alpha)
36
- )
37
- }
38
-
39
- @Deprecated("Use vn.momo.kits.navigation.component.HeaderBackground instead", ReplaceWith("vn.momo.kits.navigation.component.HeaderBackground"))
40
- @Composable
41
- fun HeaderBackground(
42
- headerType: HeaderType = HeaderType.DEFAULT,
43
- scrollState: Int,
44
- headerTransparent: Boolean = false,
45
- ) {
46
- val statusBarHeight = getAppStatusBarHeight()
47
-
48
- val opacityAni by animateFloatAsState(
49
- targetValue = (1 - (scrollState / HEADER_HEIGHT * 1f)).coerceIn(0f, 1f),
50
- )
51
-
52
- val backgroundColor by animateColorAsState(
53
- targetValue = if (headerTransparent) {
54
- Color.Transparent
55
- } else {
56
- animateColor(
57
- Color.Transparent,
58
- AppTheme.current.colors.background.surface,
59
- opacityAni
60
- )
61
- }
62
- )
63
-
64
- when (headerType) {
65
- HeaderType.DEFAULT -> {
66
- HeaderDefault(
67
- opacityAni = opacityAni,
68
- statusBarHeight = statusBarHeight,
69
- backgroundColor = backgroundColor,
70
- headerTransparent = headerTransparent
71
- )
72
- }
73
-
74
- HeaderType.EXTENDED -> {
75
- HeaderExtended(
76
- opacityAni = opacityAni,
77
- statusBarHeight = statusBarHeight,
78
- backgroundColor = backgroundColor,
79
- )
80
- }
81
-
82
- else -> {
83
- Box(modifier = Modifier.fillMaxWidth())
84
- }
85
- }
86
- }