@momo-kits/native-kits 0.160.1-beta.4-debug → 0.160.1-beta.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 (131) 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 -47
  6. package/compose/src/androidMain/kotlin/vn/momo/kits/platform/Platform.android.kt +0 -116
  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 -402
  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 -194
  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/Skeleton.kt +0 -96
  70. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Slider.kt +0 -348
  71. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Stepper.kt +0 -256
  72. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Steps.kt +0 -494
  73. package/compose/src/commonMain/kotlin/vn/momo/kits/components/SuggestAction.kt +0 -131
  74. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Swipe.kt +0 -215
  75. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Switch.kt +0 -96
  76. package/compose/src/commonMain/kotlin/vn/momo/kits/components/TabView.kt +0 -531
  77. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Tag.kt +0 -92
  78. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Text.kt +0 -130
  79. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Title.kt +0 -214
  80. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Tooltip.kt +0 -590
  81. package/compose/src/commonMain/kotlin/vn/momo/kits/components/TrustBanner.kt +0 -177
  82. package/compose/src/commonMain/kotlin/vn/momo/kits/components/Uploader.kt +0 -192
  83. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/DateTimePicker.kt +0 -205
  84. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/DateTimePickerTypes.kt +0 -29
  85. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/DateTimePickerUtils.kt +0 -239
  86. package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/WheelPicker.kt +0 -191
  87. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Colors.kt +0 -306
  88. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Radius.kt +0 -12
  89. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Spacing.kt +0 -16
  90. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Theme.kt +0 -188
  91. package/compose/src/commonMain/kotlin/vn/momo/kits/const/Typography.kt +0 -273
  92. package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Card.kt +0 -2
  93. package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Item.kt +0 -35
  94. package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Section.kt +0 -2
  95. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/AutomationId.kt +0 -57
  96. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Clickable.kt +0 -68
  97. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Conditional.kt +0 -11
  98. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/DeprecatedModifier.kt +0 -14
  99. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Shadow.kt +0 -50
  100. package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Size.kt +0 -51
  101. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/BottomSheet.kt +0 -253
  102. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/ModalScreen.kt +0 -133
  103. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/Navigation.kt +0 -99
  104. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/NavigationContainer.kt +0 -140
  105. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/Navigator.kt +0 -333
  106. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/StackScreen.kt +0 -552
  107. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/BottomTab.kt +0 -161
  108. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/BottomTabBar.kt +0 -243
  109. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/bottomtab/CurvedContainer.kt +0 -86
  110. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/FloatingButton.kt +0 -187
  111. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/Header.kt +0 -279
  112. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderBackground.kt +0 -80
  113. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderRight.kt +0 -306
  114. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderTitle.kt +0 -32
  115. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/HeaderUser.kt +0 -370
  116. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/component/SnackBar.kt +0 -131
  117. package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/tracking/ScreenTracker.kt +0 -167
  118. package/compose/src/commonMain/kotlin/vn/momo/kits/platform/Platform.kt +0 -45
  119. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Icons.kt +0 -1329
  120. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Resources.kt +0 -62
  121. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Tracking.kt +0 -15
  122. package/compose/src/commonMain/kotlin/vn/momo/kits/utils/Utils.kt +0 -105
  123. package/compose/src/iosMain/kotlin/vn/momo/kits/platform/Platform.ios.kt +0 -176
  124. package/gradle/libs.versions.toml +0 -58
  125. package/gradle/wrapper/gradle-wrapper.jar +0 -0
  126. package/gradle/wrapper/gradle-wrapper.properties +0 -8
  127. package/gradle.properties +0 -26
  128. package/gradlew +0 -252
  129. package/gradlew.bat +0 -94
  130. package/local.properties +0 -8
  131. 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 isBaselineEnabled: Boolean? = false,
10
- val isWhiteList: Boolean? = false,
11
- val allowFontScale: Boolean? = true,
12
- )
13
-
14
- @Immutable
15
- data class KitConfig(
16
- val trustBanner: TrustBannerData? = null,
17
- val headerBar: String? = null,
18
- val headerGradient: String? = null,
19
- )
20
-
21
- @Immutable
22
- data class MiniAppContext(
23
- val appIcon: String = "",
24
- val appName: Any? = null,
25
- val appId: String = "",
26
- val appCode: String = "",
27
- val description: Any? = null,
28
- val support: Map<String, Any?> = emptyMap(),
29
- val toolkitConfig: Map<String, Any?> = emptyMap(),
30
- val providerId: String = "",
31
- val permissions: List<Map<String, Any>>? = emptyList(),
32
- val features: FeatureFlags? = null,
33
- ) {
34
- companion object {
35
-
36
- fun toMap(context: MiniAppContext?): Map<String, Any?> = mapOf(
37
- "icon" to (context?.appIcon ?: ""),
38
- "name" to context?.appName,
39
- "appId" to (context?.appId ?: ""),
40
- "code" to (context?.appCode ?: ""),
41
- "description" to (context?.description ?: ""),
42
- "support" to (context?.support ?: emptyMap()),
43
- "toolkitConfig" to (context?.toolkitConfig ?: emptyMap()),
44
- "providerId" to (context?.providerId ?: ""),
45
- "permissions" to (context?.permissions ?: emptyList()),
46
- )
47
-
48
- fun merge(parent: MiniAppContext?, child: MiniAppContext?): MiniAppContext? {
49
- if (parent == null && child == null) return null
50
- if (parent == null) return child
51
- if (child == null) return parent
52
-
53
- return MiniAppContext(
54
- appIcon = parent.appIcon.ifBlank { child.appIcon },
55
- appName = parent.appName ?: child.appName,
56
- appId = parent.appId.ifBlank { child.appId },
57
- appCode = parent.appCode.ifBlank { child.appCode },
58
- description = parent.description ?: child.description,
59
- support = mergeMaps(parent.support, child.support),
60
- toolkitConfig = mergeMaps(parent.toolkitConfig, child.toolkitConfig),
61
- providerId = parent.providerId.ifBlank { child.providerId },
62
- permissions = if (!parent.permissions.isNullOrEmpty()) parent.permissions else child.permissions,
63
- features = mergeFeatureFlags(parent.features, child.features),
64
- )
65
- }
66
-
67
- private fun mergeMaps(parent: Map<String, Any?>, child: Map<String, Any?>): Map<String, Any?> {
68
- return child + parent
69
- }
70
-
71
- private fun mergeFeatureFlags(parent: FeatureFlags?, child: FeatureFlags?): FeatureFlags? {
72
- if (parent == null && child == null) return null
73
- if (parent == null) return child
74
- if (child == null) return parent
75
-
76
- return FeatureFlags(
77
- isBaselineEnabled = parent.isBaselineEnabled ?: child.isBaselineEnabled
78
- )
79
- }
80
- }
81
- }
82
-
83
- @Immutable
84
- data class ComponentInformation(
85
- val componentName: String? = null,
86
- val componentId: String? = null,
87
- val params: Map<String,Any?>? = null,
88
- val action: String? = null
89
- )
90
-
91
- val ApplicationContext = staticCompositionLocalOf<MiniAppContext?> {
92
- null
93
- }
94
-
95
- var IsShowBaseLineDebug = false
96
-
97
- val AppConfig = staticCompositionLocalOf<KitConfig?> {
98
- null
99
- }
100
-
101
- val AppLanguage = staticCompositionLocalOf<String?> {
102
- null
103
- }
104
-
105
- val LocalComponentInformation = staticCompositionLocalOf<ComponentInformation?> {
106
- null
107
- }
@@ -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
- }