@momo-kits/native-kits 0.162.6-debug → 0.163.1-beta.1-debug

package/compose/src/commonMain/kotlin/vn/momo/kits/components/datetimepicker/WheelPicker.kt

@@ -10,7 +10,13 @@ import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.LazyListState
 import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.runtime.*
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.runtime.snapshotFlow
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.alpha
@@ -19,7 +25,6 @@ import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.zIndex
-import kotlinx.coroutines.FlowPreview
 import kotlinx.coroutines.delay
 import kotlinx.coroutines.flow.collect
 import kotlinx.coroutines.flow.debounce
@@ -31,14 +36,12 @@ import vn.momo.kits.const.Colors
 import vn.momo.kits.const.Radius
 import vn.momo.kits.const.Typography
 import kotlin.math.abs
-import kotlin.time.Duration.Companion.milliseconds
 
 private val wheelItemHeight = 42.dp
 private val wheelPickerBorderWidth = 1.dp
 
-@OptIn(FlowPreview::class)
 @Composable
-internal fun WheelPicker(
+fun WheelPicker(
     name: String,
     data: List<String>,
     selectedData: String,
@@ -65,7 +68,7 @@ internal fun WheelPicker(
     LaunchedEffect(paddedData) {
         snapshotFlow { selectedIndex }
             .distinctUntilChanged()
-            .debounce(50.milliseconds)
+            .debounce(50)
             .onEach {
                 val value = paddedData.getOrNull(it)
                 if (!value.isNullOrEmpty()) {
@@ -92,7 +95,7 @@ internal fun WheelPicker(
                 } else {
                     -abs(firstItemOffset)
                 }
-                delay(50.milliseconds)
+                delay(50)
                 listState.animateScrollBy(offset.toFloat())
                 val centeredIndex = firstItemIdx + (if (isScrollUp) 1 else 0) + 2
                 if (centeredIndex in 2 until paddedData.size - 2) {
@@ -142,7 +145,7 @@ internal fun WheelPicker(
 }
 
 @Composable
-internal fun WheelPickerItem(
+fun WheelPickerItem(
     text: String,
     isSelected: Boolean,
     index: Int,

package/compose/src/commonMain/kotlin/vn/momo/kits/const/Theme.kt

@@ -64,7 +64,7 @@ data class Theme(
     val assets: ThemeAssets
 ) {
     fun isHeaderImage(): Boolean {
-        return !assets.headerBackground.isNullOrEmpty()
+        return assets.headerBackground != null && assets.headerBackground.isNotEmpty()
     }
 }
 val defaultTheme = Theme(

package/compose/src/commonMain/kotlin/vn/momo/kits/const/Typography.kt

@@ -7,13 +7,28 @@ import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.font.FontFamily
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextDecoration
-import androidx.compose.ui.unit.*
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.TextUnit
+import androidx.compose.ui.unit.TextUnitType
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
 import org.jetbrains.compose.resources.Font
 import org.jetbrains.compose.resources.FontResource
 import org.jetbrains.compose.resources.InternalResourceApi
-import vn.momo.kits.application.LocalFontScaleConfig
+import vn.momo.kits.application.ScaleSizeMaxRate
 import vn.momo.kits.platform.getScreenDimensions
-import vn.momo.uikits.resources.*
+import vn.momo.uikits.resources.Res
+import vn.momo.uikits.resources.momosignature
+import vn.momo.uikits.resources.momotrustdisplay
+import vn.momo.uikits.resources.sfprotext_black
+import vn.momo.uikits.resources.sfprotext_bold
+import vn.momo.uikits.resources.sfprotext_heavy
+import vn.momo.uikits.resources.sfprotext_light
+import vn.momo.uikits.resources.sfprotext_medium
+import vn.momo.uikits.resources.sfprotext_regular
+import vn.momo.uikits.resources.sfprotext_semibold
+import vn.momo.uikits.resources.sfprotext_thin
+import vn.momo.uikits.resources.sfprotext_ultralight
 import kotlin.math.max
 import kotlin.math.min
 
@@ -22,58 +37,59 @@ const val MAX_FONT_SCALE = 1.5f
 const val MAX_DEVICE_SCALE = 5
 
 @Composable
-fun scaleSize(size: Float, userScaleRate: Float? = null): Float {
-    val fontScaleConfig = LocalFontScaleConfig.current
-    val useOSFontScale = fontScaleConfig.useOSFontScale
-    val customRate = userScaleRate ?: fontScaleConfig.userScaleRate ?: 1f
+fun scaleSize(size: Float): Float {
+    val scaleSizeMaxRate: Float = ScaleSizeMaxRate.current ?: MAX_FONT_SCALE
+    val deviceWidth = getScreenDimensions().width
+    val deviceScale = deviceWidth / DEFAULT_SCREEN_SIZE
 
-    val deviceScale = getScreenDimensions().width / DEFAULT_SCREEN_SIZE
-    val fontScale = fontScaleConfig.osFontScale ?: LocalDensity.current.fontScale
-
-    if (!useOSFontScale) {
-        return if (customRate > 1f) customRate * size else size
-    }
+    val density = LocalDensity.current
+    val fontScale = density.fontScale
 
     var fontSizeScaleDevice = size
     var fontSizeScaleOS = size
+
     if (deviceScale > 1) {
         fontSizeScaleDevice =
             min(deviceScale * fontSizeScaleDevice, fontSizeScaleDevice + MAX_DEVICE_SCALE)
     }
-    if (fontScale > 1f) {
-        fontSizeScaleOS = min(fontScale * fontSizeScaleOS, fontSizeScaleOS * MAX_FONT_SCALE)
+
+    if (fontScale > 1) {
+        fontSizeScaleOS = min(fontScale * fontSizeScaleOS, fontSizeScaleOS * scaleSizeMaxRate)
     }
 
-    return max(fontSizeScaleDevice, fontSizeScaleOS)
+    return max(
+        fontSizeScaleDevice,
+        fontSizeScaleOS
+    )
 }
 
 @Composable
-fun scaleSize(size: TextUnit, userScaleRate: Float? = null): TextUnit {
+fun scaleSize(size: TextUnit): TextUnit {
     if (!size.isSp) return size
 
     val density = LocalDensity.current
 
-    val scaled = scaleSize(size.value, userScaleRate)
+    val scaled = scaleSize(size.value)
     val spValue = scaled / density.fontScale
 
     return TextUnit(value = spValue, type = TextUnitType.Sp)
 }
 
 @Composable
-fun scaleSize(size: Dp, userScaleRate: Float? = null): Dp {
-    return scaleSize(size.value, userScaleRate).dp
+fun scaleSize(size: Dp): Dp {
+    return scaleSize(size.value).dp
 }
 
 @Composable
-fun scaleSize(textStyle: TextStyle, userScaleRate: Float? = null): TextStyle {
+fun scaleSize(textStyle: TextStyle): TextStyle {
     return textStyle.copy(
         fontSize = if (textStyle.fontSize != TextUnit.Unspecified)
-            scaleSize(textStyle.fontSize, userScaleRate)
+            scaleSize(textStyle.fontSize)
         else
             TextUnit.Unspecified,
 
         lineHeight = if (textStyle.lineHeight != TextUnit.Unspecified)
-            scaleSize(textStyle.lineHeight, userScaleRate)
+            scaleSize(textStyle.lineHeight)
         else
             TextUnit.Unspecified,
     )
@@ -82,7 +98,7 @@ fun scaleSize(textStyle: TextStyle, userScaleRate: Float? = null): TextStyle {
 
 @OptIn(InternalResourceApi::class)
 @Composable
-internal fun getFont(font: FontResource): FontFamily {
+fun getFont(font: FontResource): FontFamily {
     return FontFamily(Font(font))
 }
 

package/compose/src/commonMain/kotlin/vn/momo/kits/layout/Item.kt

@@ -18,7 +18,7 @@ data class GridContext(
 fun Item(
     heightSpan: Number = 1,
     widthSpan: Number = 1,
-    content: @Composable () -> Unit,
+    content: @Composable() () -> Unit,
     modifier: Modifier = Modifier,
     grid: GridContext
 ) {

package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/AutomationId.kt

@@ -20,6 +20,11 @@ fun Modifier.setAutomationId(accessibilityId: String, mergeDescendants: Boolean
         }
     }}
 
+/**
+ * Alternative for [setAutomationId]
+ *
+ * reason: [link](https://developer.android.com/develop/ui/compose/custom-modifiers#composable_function_modifiers_are_never_skipped)
+ * */
 fun Modifier.kitsAutomationId(accessibilityId: String, label: String? = null) =
     this then KitsAutomationIdElement(accessibilityId, label)
 

package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Clickable.kt

@@ -53,6 +53,8 @@ fun Modifier.activeOpacityClickable(
             onClick
         )
 }
+
+
 fun Modifier.hideKeyboardOnTap() = composed {
     val focusManager = LocalFocusManager.current
     val keyboardManager = LocalSoftwareKeyboardController.current

package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/DeprecatedModifier.kt

@@ -1,104 +1,14 @@
 package vn.momo.kits.modifier
 
-import androidx.compose.animation.core.LinearEasing
-import androidx.compose.animation.core.RepeatMode
-import androidx.compose.animation.core.animateFloat
-import androidx.compose.animation.core.infiniteRepeatable
-import androidx.compose.animation.core.rememberInfiniteTransition
-import androidx.compose.animation.core.tween
+import androidx.compose.foundation.background
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.drawWithContent
-import androidx.compose.ui.geometry.Offset
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.graphics.drawscope.clipRect
-import androidx.compose.ui.text.TextStyle
-import androidx.compose.ui.text.drawText
-import androidx.compose.ui.text.font.FontWeight
-import androidx.compose.ui.text.rememberTextMeasurer
-import androidx.compose.ui.unit.sp
 import vn.momo.kits.application.IsShowBaseLineDebug
 import vn.momo.kits.const.Colors
 
-@Suppress("ExperimentalAnnotationRetention")
-@RequiresOptIn(
-    message = "This is internal API of native-kits, become internal in next sprint",
-    level = RequiresOptIn.Level.WARNING,
-)
-@Retention(AnnotationRetention.BINARY)
-@Target(
-    AnnotationTarget.CLASS,
-    AnnotationTarget.FUNCTION,
-    AnnotationTarget.PROPERTY,
-)
-annotation class InternalApi
-
-@Composable
-fun DeprecatedModifier(text: String = "Deprecated component"): Modifier = debugMarker(
-    label = text,
-    background = Colors.red_04.copy(alpha = 0.7f),
-    textColor = Colors.red_01,
-    animationLabel = "deprecatedMarquee",
-)
-
 @Composable
-private fun debugMarker(
-    label: String,
-    background: Color,
-    textColor: Color,
-    animationLabel: String,
-): Modifier {
-    if (!IsShowBaseLineDebug) return Modifier
-
-    val textMeasurer = rememberTextMeasurer()
-    val marquee = rememberInfiniteTransition(label = animationLabel)
-    val progress by marquee.animateFloat(
-        initialValue = 0f,
-        targetValue = 1f,
-        animationSpec = infiniteRepeatable(
-            animation = tween(durationMillis = 4000, easing = LinearEasing),
-            repeatMode = RepeatMode.Restart,
-        ),
-        label = "${animationLabel}Progress",
-    )
-
-    return Modifier.drawWithContent {
-        drawContent()
-        drawRect(color = background)
-
-        if (size.width <= 0f || size.height <= 0f) return@drawWithContent
-
-        val fontPx = (size.width * 0.1f).coerceIn(12.sp.toPx(), 20.sp.toPx())
-        val style = TextStyle(
-            color = textColor,
-            fontSize = fontPx.toSp(),
-            fontWeight = FontWeight.Bold,
-        )
-
-        val intrinsic = textMeasurer.measure(
-            text = label,
-            style = style,
-            maxLines = 1,
-            softWrap = false,
-        )
-        val textW = intrinsic.size.width
-        val textH = intrinsic.size.height
-        val y = (size.height - textH) / 2f
-
-        if (textW <= size.width) {
-            drawText(
-                textLayoutResult = intrinsic,
-                topLeft = Offset((size.width - textW) / 2f, y),
-            )
-        } else {
-            clipRect(right = size.width, bottom = size.height) {
-                val gap = textW * 0.5f
-                val travel = textW + gap
-                val x = -progress * travel
-                drawText(textLayoutResult = intrinsic, topLeft = Offset(x, y))
-                drawText(textLayoutResult = intrinsic, topLeft = Offset(x + travel, y))
-            }
-        }
+fun DeprecatedModifier(): Modifier {
+    return Modifier.conditional(IsShowBaseLineDebug) {
+        background(Colors.red_01.copy(alpha = 0.5f))
     }
 }

package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Shadow.kt

@@ -9,6 +9,8 @@ import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import vn.momo.kits.platform.setColor
 import vn.momo.kits.platform.setMaskFilter
+
+
 fun Modifier.shadow(
     color: Color = Color.Black,
     borderRadius: Dp = 0.dp,

package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/ModalScreen.kt

@@ -10,7 +10,11 @@ import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.wrapContentSize
-import androidx.compose.runtime.*
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.alpha

package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/Navigation.kt

@@ -1,16 +1,24 @@
 package vn.momo.kits.navigation
 
 import androidx.compose.foundation.gestures.ScrollableState
-import androidx.compose.runtime.*
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.Stable
+import androidx.compose.runtime.State
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.staticCompositionLocalOf
 import androidx.compose.ui.graphics.Color
 import vn.momo.kits.navigation.bottomtab.setBottomTabOption
-import vn.momo.kits.navigation.component.*
+import vn.momo.kits.navigation.component.FloatingButtonProps
+import vn.momo.kits.navigation.component.HeaderBackProps
+import vn.momo.kits.navigation.component.HeaderRight
+import vn.momo.kits.navigation.component.HeaderTitle
+import vn.momo.kits.navigation.component.HeaderType
+import vn.momo.kits.navigation.component.TitlePosition
 
 class Navigation(
     val id: Int = -1,
     val bottomTabIndex: Int = -1,
-    val initOptions: NavigationOptions? = null,
-    private val registry: DynamicScreenRegistry? = null
+    val initOptions: NavigationOptions? = null
 ) {
     private val _options = mutableStateOf(initOptions ?: NavigationOptions())
     val currentOptions: State<NavigationOptions> get() = _options
@@ -57,7 +65,7 @@ class Navigation(
     private fun updateOptions(updated: NavigationOptions) {
         _options.value = updated
         if (bottomTabIndex != -1) setBottomTabOption(bottomTabIndex, updated)
-        if (id != -1) registry?.setOptions(id, updated)
+        if (id != -1) DynamicScreenRegistry.setOptions(id, updated)
     }
 }
 
@@ -87,6 +95,8 @@ data class KeyboardOptions(
     val keyboardShouldPersistTaps: Boolean = false,
     val useAvoidKeyboard: Boolean = true
 )
+
+
 data class ScrollData(
     val scrollable: Boolean = true,
     val scrollState: ScrollableState? = null,

package/compose/src/commonMain/kotlin/vn/momo/kits/navigation/NavigationContainer.kt

@@ -9,7 +9,6 @@ import androidx.navigation.compose.NavHost
 import androidx.navigation.compose.composable
 import androidx.navigation.compose.rememberNavController
 import androidx.navigation.toRoute
-import kotlinx.coroutines.flow.collect
 import vn.momo.kits.application.*
 import vn.momo.kits.const.*
 import vn.momo.kits.platform.ProvideNavigationEventDispatcherOwner
@@ -23,61 +22,39 @@ fun NavigationContainer(
     initialScreen: @Composable () -> Unit,
     options: NavigationOptions? = null,
     initialTheme: Theme = defaultTheme,
-    applicationContext: MiniAppContext? = null,
-    maxApi: IMaxApi? = null,
+    miniappContext: MiniAppContext? = null,
+    maxApi: IMaxApi?,
     setNavigator: ((Navigator) -> Unit)? = null,
     statusBarHeight: Dp? = null,
-    config: KitConfig? = null,
-    language: String? = null
+    localize: Localize? = null,
 ){
     val navController = rememberNavController()
-    val registry = remember { DynamicScreenRegistry() }
-    val navigator = remember { Navigator(navController = navController, maxApi = maxApi, registry = registry) }
+    val navigator = remember { Navigator(navController = navController, maxApi = maxApi) }
     val statusBarHeight = statusBarHeight ?: getAppStatusBarHeight()
     val navigationBarHeight = getNavigationBarHeight()
 
     val parentContext = ApplicationContext.current
-    val mergedContext = MiniAppContext.merge(parentContext, applicationContext)
-
-    var observerFontScaleConfig by remember { mutableStateOf(mergedContext?.fontScaleConfig) }
-    LaunchedEffect(maxApi) {
-        val api = maxApi ?: return@LaunchedEffect
-        runCatching {
-            api.observer(FONT_SCALE_OBSERVER_KEY).collect { data ->
-                observerFontScaleConfig = parseFontScaleConfig(data)
-            }
-        }
-    }
+    val mergedContext = MiniAppContext.merge(parentContext, miniappContext)
 
     val theme = remember { mutableStateOf(initialTheme) }
 
-    LaunchedEffect(Unit) {
-        val headerBar = config?.headerBar
-        if (headerBar != null && theme.value.assets.headerBackground == null) {
-            theme.value = theme.value.copy(
-                assets = ThemeAssets(
-                    headerBackground = headerBar
-                )
-            )
-        }
-    }
+    val fallbackLocalize = remember { Localize() }
+    val resolvedLocalize = localize ?: fallbackLocalize
 
-    val screenId = rememberSaveable { registry.nextId() }
-    registry.bind(screenId, initialScreenName, initialScreen, options)
+    val screenId = rememberSaveable { DynamicScreenRegistry.nextId() }
+    DynamicScreenRegistry.bind(screenId, initialScreenName, initialScreen, options)
     val startDestination = remember(screenId) { DynamicScreenRoute(screenId) }
 
     ProvideNavigationEventDispatcherOwner {
         CompositionLocalProvider(
             LocalNavigator provides navigator,
-            LocalDynamicScreenRegistry provides registry,
             LocalMaxApi provides maxApi,
             AppTheme provides theme.value,
             AppStatusBar provides statusBarHeight,
             AppNavigationBar provides navigationBarHeight,
             ApplicationContext provides mergedContext,
-            AppConfig provides config,
-            AppLanguage provides language,
-            LocalFontScaleConfig provides (observerFontScaleConfig ?: LocalFontScaleConfig.current),
+            AppLanguage provides resolvedLocalize.currentLanguage,
+            LocalLocalize provides resolvedLocalize,
         ) {
             LaunchedEffect(Unit) {
                 setNavigator?.invoke(navigator)
@@ -101,7 +78,7 @@ fun NavigationContainer(
                     }
                 ) { backStackEntry ->
                     val route = backStackEntry.toRoute<DynamicScreenRoute>()
-                    val screen = registry.getScreen(route.id)
+                    val screen = DynamicScreenRegistry.getScreen(route.id)
 
                     if (screen != null) {
                         StackScreen(
@@ -130,7 +107,7 @@ fun NavigationContainer(
                     }
                 ) { backStackEntry ->
                     val route = backStackEntry.toRoute<DynamicDialogRoute>()
-                    val screen = registry.getScreen(route.id)
+                    val screen = DynamicScreenRegistry.getScreen(route.id)
 
                     if (screen != null) {
                         StackScreen(
@@ -148,7 +125,7 @@ fun NavigationContainer(
     DisposableEffect(Unit) {
         onDispose {
             navigator.dispose()
-            registry.unregisterScreen(screenId)
+            DynamicScreenRegistry.unregisterScreen(screenId)
         }
     }
 }
@@ -156,31 +133,3 @@ fun NavigationContainer(
 val LocalMaxApi = staticCompositionLocalOf<IMaxApi?> {
     error("No MaxApi provided")
 }
-
-private const val FONT_SCALE_OBSERVER_KEY = "font_scale_config"
-
-private fun parseFontScaleConfig(raw: Map<String, Any?>?): FontScaleConfig? {
-    if (raw.isNullOrEmpty()) return null
-    @Suppress("UNCHECKED_CAST")
-    val data = (raw["response"] as? Map<String, Any?>)
-        ?: (raw["data"] as? Map<String, Any?>)
-        ?: raw
-    if (!data.containsKey("useOSFontScale") && !data.containsKey("userScaleRate")) return null
-    val useOS = when (val v = data["useOSFontScale"]) {
-        is Boolean -> v
-        is String -> v.equals("true", ignoreCase = true)
-        is Number -> v.toInt() != 0
-        else -> true
-    }
-    val rate = when (val v = data["userScaleRate"]) {
-        is Number -> v.toFloat()
-        is String -> v.toFloatOrNull()
-        else -> null
-    }
-    val osScale = when (val v = data["osFontScale"]) {
-        is Number -> v.toFloat()
-        is String -> v.toFloatOrNull()
-        else -> null
-    }
-    return FontScaleConfig(useOSFontScale = useOS, userScaleRate = rate, osFontScale = osScale)
-}