@momo-kits/native-kits 0.154.1-beta.9 → 0.154.2-test.1

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

@@ -1,114 +0,0 @@
-package vn.momo.kits.application
-
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.CompositionLocalProvider
-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.staticCompositionLocalOf
-import androidx.compose.ui.unit.Dp
-import vn.momo.kits.const.AppStatusBar
-import vn.momo.kits.const.AppTheme
-import vn.momo.kits.const.Theme
-import vn.momo.kits.const.ThemeAssets
-import vn.momo.kits.const.defaultTheme
-import vn.momo.kits.platform.getStatusBarHeight
-
-@Deprecated("Use IMaxApi instead", ReplaceWith("IMaxApi"))
-interface ComposeApi {
-    fun request(funcName: String, params: Any?): String
-    fun request(funcName: String, params: Any?, onResponse: ((String) -> Unit)?): String
-    fun requestCallback(funcName: String, params: Any?, onResponse: ((String) -> Unit)?)
-    fun removeCallback(id: String)
-}
-
-class Navigator {
-    fun push(content: @Composable () -> Unit) {
-        //implement
-    }
-
-    fun present(content: @Composable () -> Unit) {
-        //implement
-    }
-
-    fun reset(content: @Composable () -> Unit) {
-        //implement
-    }
-
-    fun pop() {
-        //implement
-    }
-
-    fun replace(content: @Composable () -> Unit) {
-        //implement
-    }
-
-    fun popToTop() {
-        //implement
-    }
-
-    fun showModal(
-        onClose: () -> Unit = {},
-        canBackgroundClose: Boolean = true,
-        content: @Composable () -> Unit,
-    ) {
-        //implement
-    }
-
-    fun showBottomSheet(content: @Composable () -> Unit) {
-        //implement
-    }
-}
-
-
-
-
-@Deprecated("Use LocalApi instead", ReplaceWith("LocalApi"))
-val PlatformApi = staticCompositionLocalOf<Any?> { null }
-
-
-@Deprecated("Use NavigationContainer instead", ReplaceWith("NavigationContainer"))
-@Composable
-fun ApplicationContainer(
-    theme: Theme = defaultTheme,
-    composeApi: ComposeApi? = null,
-    statusBarHeight: Dp? = AppStatusBar.current,
-    applicationContext: MiniAppContext? = null,
-    config: KitConfig? = null,
-    language: String? = null,
-    isWhiteList: Boolean = false,
-    content: @Composable () -> Unit,
-) {
-    var appTheme by remember { mutableStateOf(theme) }
-
-    LaunchedEffect(Unit) {
-        try {
-            val headerBar = config?.headerBar
-            if (headerBar != null && appTheme.assets.headerBackground == null) {
-                appTheme = appTheme.copy(
-                    assets = ThemeAssets(
-                        headerBackground = headerBar
-                    )
-                )
-            }
-        } catch (e: Exception) {
-            print("@@ == NavigationContainer get config error $e")
-        }
-    }
-
-    val appStatusBarHeight = statusBarHeight ?: getStatusBarHeight()
-
-    CompositionLocalProvider(
-        AppTheme provides appTheme,
-        PlatformApi provides composeApi,
-        AppStatusBar provides appStatusBarHeight,
-        ApplicationContext provides applicationContext,
-        AppConfig provides config,
-        AppLanguage provides language,
-    ) {
-        content()
-    }
-
-}

package/compose/src/commonMain/kotlin/vn/momo/kits/application/Screen.kt

@@ -1,404 +0,0 @@
-package vn.momo.kits.application
-
-import androidx.compose.animation.core.Animatable
-import androidx.compose.animation.core.animateFloatAsState
-import androidx.compose.animation.core.tween
-import androidx.compose.foundation.ScrollState
-import androidx.compose.foundation.background
-import androidx.compose.foundation.gestures.detectTapGestures
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.WindowInsets
-import androidx.compose.foundation.layout.asPaddingValues
-import androidx.compose.foundation.layout.aspectRatio
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.ime
-import androidx.compose.foundation.layout.imePadding
-import androidx.compose.foundation.layout.offset
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.systemBars
-import androidx.compose.foundation.rememberScrollState
-import androidx.compose.foundation.verticalScroll
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.CompositionLocalProvider
-import androidx.compose.runtime.DisposableEffect
-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.staticCompositionLocalOf
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.input.pointer.pointerInput
-import androidx.compose.ui.layout.LayoutCoordinates
-import androidx.compose.ui.layout.onGloballyPositioned
-import androidx.compose.ui.platform.LocalDensity
-import androidx.compose.ui.platform.LocalSoftwareKeyboardController
-import androidx.compose.ui.unit.Dp
-import androidx.compose.ui.unit.IntOffset
-import androidx.compose.ui.unit.dp
-import androidx.compose.ui.unit.min
-import androidx.compose.ui.zIndex
-import kotlinx.coroutines.CoroutineScope
-import kotlinx.coroutines.Dispatchers
-import kotlinx.coroutines.SupervisorJob
-import kotlinx.coroutines.cancel
-import kotlinx.coroutines.delay
-import kotlinx.coroutines.launch
-import vn.momo.kits.components.InputSearchProps
-import vn.momo.kits.const.AppNavigationBar
-import vn.momo.kits.const.AppTheme
-import vn.momo.kits.const.Colors
-import vn.momo.kits.const.Spacing
-import vn.momo.kits.modifier.conditional
-import vn.momo.kits.modifier.shadow
-import vn.momo.kits.navigation.component.SnackBar
-import vn.momo.kits.platform.getAndroidBuildVersion
-import vn.momo.kits.utils.getAppStatusBarHeight
-
-enum class HeaderType {
-    DEFAULT,
-    EXTENDED,
-    NONE
-}
-
-const val HEADER_HEIGHT = 52
-
-@Deprecated("Use NavigationContainer(StackScreen) instead", ReplaceWith("NavigationContainer(StackScreen)"))
-@Composable
-fun Screen(
-    backgroundColor: Color? = null,
-    tintColor: Color? = null,
-    headerTransparent: Boolean = false,
-    fullScreenContent: Boolean = false,
-    isBack: Boolean = true,
-    headerType: HeaderType = HeaderType.DEFAULT,
-    verticalArrangement: Arrangement.Vertical = Arrangement.Top,
-    horizontalAlignment: Alignment.Horizontal = Alignment.Start,
-    title: String = "Stack",
-    titlePosition: TitlePosition = TitlePosition.LEFT,
-    goBack: (() -> Unit)? = null,
-    scrollable: Boolean = true,
-    scrollState: ScrollState = rememberScrollState(),
-    onContentLayout: ((LayoutCoordinates) -> Unit)? = null,
-    useAvoidKeyboard: Boolean = true,
-    footer: @Composable (() -> Unit)? = null,
-    headerRight: @Composable (() -> Unit)? = null,
-    fabProps: FabProps? = null,
-    animatedHeader: AnimatedHeader? = null,
-    layoutOffset: Dp = 56.dp,
-    inputSearchProps: InputSearchProps? = null,
-    useAnimationSearch: Boolean = false,
-    headerRightWidth: Dp = 0.dp,
-    content: @Composable () -> Unit,
-) {
-    val statusBarHeight = getAppStatusBarHeight()
-    val keyboardController = LocalSoftwareKeyboardController.current
-
-    val isKeyboardVisible = isKeyboardVisible()
-    val indicator = WindowInsets.systemBars.asPaddingValues().calculateBottomPadding()
-    val bottomPadding = min(indicator, if (isKeyboardVisible) 0.dp else 21.dp)
-
-    val headerHeight = if (animatedHeader !== null)
-        with(LocalDensity.current) { layoutOffset.roundToPx() }
-    else HEADER_HEIGHT
-    val opacity by animateFloatAsState(
-        targetValue = ((scrollState.value.toFloat() / headerHeight)).coerceIn(0f, 1f),
-    )
-
-    val headerAnimated =
-        @Composable {
-            Box(
-                modifier = Modifier
-                    .fillMaxWidth()
-                    .aspectRatio(animatedHeader?.aspectRatio?.value ?: AnimatedHeaderRatio.RATIO_16_9.value)
-            ) {
-                animatedHeader?.composable?.invoke(scrollState.value)
-            }
-        }
-    val helper = remember { ScreenHelper() }
-
-    DisposableEffect(Unit) {
-        onDispose { helper.dispose() }
-    }
-
-    CompositionLocalProvider(
-        LocalScreenHelper provides helper
-    ) {
-        Box(
-            Modifier.fillMaxSize()
-                .background(backgroundColor ?: AppTheme.current.colors.background.default)
-                .conditional(useAvoidKeyboard && getAndroidBuildVersion() > 29) {
-                    imePadding()
-                }
-        ) {
-            val footerHeightPx = remember { mutableStateOf(0) }
-
-            Box(Modifier.zIndex(1f)) {
-                if (animatedHeader === null) {
-                    HeaderBackground(
-                        headerType = headerType,
-                        scrollState = scrollState.value,
-                        headerTransparent = headerTransparent
-                    )
-                }
-            }
-
-            Box(Modifier.zIndex(5f)) {
-                Header(
-                    headerType = headerType,
-                    title = title,
-                    titlePosition = titlePosition,
-                    headerRight = headerRight,
-                    headerRightWidth = headerRightWidth,
-                    goBack = goBack,
-                    opacity = opacity,
-                    animatedHeader = animatedHeader,
-                    inputSearchProps = inputSearchProps,
-                    scrollState = scrollState.value,
-                    useAnimationSearch = useAnimationSearch,
-                    tintColor = tintColor
-                )
-            }
-
-            Box(Modifier.zIndex(2f).fillMaxSize()){
-                Column(
-                    modifier = Modifier.fillMaxSize()
-                        .padding( top = when {
-                            animatedHeader != null -> 0.dp
-                            headerType == HeaderType.NONE -> 0.dp
-                            fullScreenContent -> 0.dp
-                            else -> statusBarHeight + HEADER_HEIGHT.dp
-                        })
-                        .pointerInput(Unit) {
-                            detectTapGestures(onTap = {
-                                keyboardController?.hide()
-                            })
-                        }
-                        .zIndex(1f),
-                ) {
-
-                    Column(
-                        modifier = Modifier
-                            .conditional(scrollable) { weight(1f) }
-                            .conditional(onContentLayout != null) {
-                                onGloballyPositioned(onContentLayout ?: {})
-                            }
-                            .conditional(scrollable) { verticalScroll(scrollState) },
-                        verticalArrangement = verticalArrangement,
-                        horizontalAlignment = horizontalAlignment
-                    ) {
-                        Box {
-                            if (animatedHeader !== null) headerAnimated()
-                            Column {
-                                if (animatedHeader !== null) {
-                                    Spacer(modifier = Modifier.padding(top = statusBarHeight + HEADER_HEIGHT.dp + layoutOffset))
-                                }
-
-                                if (useAnimationSearch && inputSearchProps != null && headerType == HeaderType.EXTENDED) {
-                                    Spacer(modifier = Modifier.padding(top = (HEADER_HEIGHT.dp + Spacing.S)))
-                                }
-                                content()
-                            }
-                        }
-                    }
-
-                    footer?.let {
-                        val footerHeight = with(LocalDensity.current) { footerHeightPx.value.toDp() }
-                        Spacer(Modifier.height(footerHeight))
-                    }
-                }
-            }
-
-            Box(Modifier.zIndex(4f).align(Alignment.BottomCenter)) {
-                footer?.let {
-                    Footer(
-                        footer = footer,
-                        bottom = bottomPadding,
-                        onFooterMeasured = { footerHeightPx.value = it }
-                    )
-                }
-            }
-
-            Column (Modifier.zIndex(6f)) {
-                if (fabProps != null) {
-                    FloatingButton(
-                        scrollPosition = fabProps.scrollState?.value ?: scrollState.value,
-                        onClick = fabProps.onClick,
-                        containerColor = AppTheme.current.colors.primary,
-                        bottom = fabProps.bottom
-                            ?: if (footer != null) bottomPadding + 76.dp else bottomPadding + 12.dp,
-                        icon = fabProps.icon,
-                        iconColor = fabProps.iconColor,
-                        text = fabProps.label,
-                        size = fabProps.size,
-                        position = fabProps.position ?: FABPosition.END,
-                    )
-                }
-            }
-
-            Box(
-                modifier = Modifier
-                    .align(Alignment.BottomCenter)
-                    .zIndex(3f)
-            ) {
-                ScreenSnackBarHost(if (footer == null) 0 else footerHeightPx.value)
-            }
-        }
-    }
-}
-
-@Composable
-internal fun isKeyboardVisible(): Boolean {
-    val ime = WindowInsets.ime
-    val density = LocalDensity.current
-    val bottom = ime.getBottom(density)
-    return bottom > 0
-}
-
-@Composable
-fun Footer(
-    footer: @Composable (() -> Unit)? = null,
-    bottom: Dp = 0.dp,
-    onFooterMeasured: ((Int) -> Unit)? = null
-) {
-    Box(
-        Modifier
-            .shadow(
-                color = Colors.black_20.copy(alpha = 0.05f),
-                blurRadius = 24f,
-                offsetX = 0.dp,
-                offsetY = (-4).dp
-            )
-            .background(AppTheme.current.colors.background.surface)
-            .onGloballyPositioned {
-                onFooterMeasured?.invoke(it.size.height)
-            }
-    ) {
-        Box(
-            Modifier.fillMaxWidth()
-                .padding(bottom = bottom)
-                .padding(vertical = Spacing.S, horizontal = Spacing.M)
-        ) {
-            footer?.invoke()
-        }
-    }
-}
-
-
-class ScreenHelper {
-
-    private val scope = CoroutineScope(SupervisorJob() + Dispatchers.Main)
-
-    internal var snackBarState by mutableStateOf<SnackBarData?>(null)
-
-    internal var requestHide by mutableStateOf(false)
-
-    fun showSnackBar(snackBar: SnackBar, onDismiss: (() -> Unit)? = null) {
-        scope.launch {
-            requestHide = false
-            snackBarState = SnackBarData(snackBar, onDismiss)
-        }
-    }
-
-    fun hideSnackBar() {
-        scope.launch {
-            requestHide = true
-        }
-    }
-
-    internal fun removeSnackBarNow() {
-        snackBarState = null
-        requestHide = false
-    }
-
-    fun dispose() {
-        scope.cancel()
-    }
-}
-data class SnackBarData(
-    val type: SnackBar,
-    val onDismiss: (() -> Unit)?
-)
-
-val LocalScreenHelper = staticCompositionLocalOf<ScreenHelper> {
-    error("No Screen helper provided")
-}
-
-@Composable
-fun ScreenSnackBarHost(footerHeightPx: Int) {
-    val helper = LocalScreenHelper.current
-    val snackBarData = helper.snackBarState ?: return
-    val density = LocalDensity.current
-    val navigationBar = AppNavigationBar.current
-
-    val footerHeight = if (footerHeightPx > 0) {
-            footerHeightPx
-    } else {
-        with(density) {
-            min(navigationBar, 21.dp).toPx()
-        }
-    }.toInt()
-
-    var startPosition by remember { mutableStateOf(Float.MAX_VALUE) }
-    val targetPosition = 0f
-
-    var offsetY by remember { mutableStateOf(Animatable(startPosition)) }
-
-    LaunchedEffect(startPosition) {
-        if (startPosition != Float.MAX_VALUE){
-            offsetY.snapTo(startPosition)
-            offsetY.animateTo(targetPosition, tween(350))
-        }
-    }
-
-    LaunchedEffect(helper.requestHide) {
-        if (helper.requestHide) {
-            offsetY.animateTo(startPosition, tween(200))
-            helper.removeSnackBarNow()
-            snackBarData.onDismiss?.invoke()
-        }
-    }
-
-    LaunchedEffect(snackBarData.type.duration) {
-        val duration = snackBarData.type.duration
-        if (duration != null) {
-            delay(duration)
-            helper.hideSnackBar()
-        }
-    }
-
-    DisposableEffect(Unit) {
-        onDispose { snackBarData.onDismiss?.invoke() }
-    }
-
-    Box(
-        modifier = Modifier
-            .offset { IntOffset(0, offsetY.value.toInt() - footerHeight) }
-            .onGloballyPositioned {
-                if (startPosition != it.size.height.toFloat()) {
-                    startPosition = it.size.height.toFloat()
-                    offsetY = Animatable(startPosition)
-                }
-            }
-            .fillMaxWidth()
-    ) {
-        when (val type = snackBarData.type) {
-            is SnackBar.Custom -> type.content()
-            is SnackBar.Toast -> {}
-        }
-    }
-}
-
-
-
-
-
-
-

package/compose/src/commonMain/kotlin/vn/momo/kits/application/useHeaderSearchAnimation.kt

@@ -1,69 +0,0 @@
-package vn.momo.kits.application
-
-import androidx.compose.animation.animateColorAsState
-import androidx.compose.animation.core.animateFloatAsState
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.unit.Dp
-import androidx.compose.ui.unit.dp
-import vn.momo.kits.const.AppTheme
-import vn.momo.kits.const.Colors
-import vn.momo.kits.platform.getScreenDimensions
-
-data class HeaderAnimations(
-    val opacity: Float,
-    val backgroundSearch: Color,
-    val translateX: Float,
-    val width: Float,
-    val translateY: Float
-)
-
-private const val SCREEN_PADDING = 12
-private const val BACK_WIDTH = 28
-
-@Deprecated("Use vn.momo.kits.navigation.component.Header instead", ReplaceWith("vn.momo.kits.navigation.component.Header"))
-@Composable
-fun useHeaderSearchAnimation(
-    opacityAni: Float,
-    scrollState: Int,
-    headerRightWidth: Dp,
-    isBack: Boolean
-): HeaderAnimations {
-    val screenWidth = getScreenDimensions().width
-    val leftPosition = if (isBack) (BACK_WIDTH + 20).dp else 12.dp
-    val searchWidth = screenWidth - (SCREEN_PADDING * 2)
-
-    val backgroundSearch by animateColorAsState(
-        targetValue = animateColor(
-            Colors.black_01,
-            AppTheme.current.colors.background.default,
-            opacityAni
-        ),
-    )
-
-    val animatedTranslateX by animateFloatAsState(
-        targetValue = (scrollState / HEADER_HEIGHT * 1f).coerceIn(
-            0f,
-            1f
-        ) * (leftPosition.value - 12) + 12,
-    )
-
-    val animatedWidth by animateFloatAsState(
-        targetValue = (scrollState / HEADER_HEIGHT * 1f).coerceIn(
-            0f,
-            1f
-        ) * ((searchWidth - leftPosition.value - headerRightWidth.value + 12) - searchWidth) + searchWidth,
-    )
-
-    val animatedTranslateY by animateFloatAsState(
-        targetValue = (1 - (scrollState / HEADER_HEIGHT * 1f).coerceIn(0f, 1f)) * HEADER_HEIGHT
-    )
-    return HeaderAnimations(
-        opacity = opacityAni,
-        backgroundSearch = backgroundSearch,
-        translateX = animatedTranslateX,
-        width = animatedWidth,
-        translateY = animatedTranslateY
-    )
-}

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

@@ -1,78 +0,0 @@
-package vn.momo.kits.components
-
-import androidx.compose.foundation.background
-import androidx.compose.foundation.border
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.widthIn
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.unit.dp
-import vn.momo.kits.const.AppTheme
-import vn.momo.kits.const.Colors
-import vn.momo.kits.const.Radius
-import vn.momo.kits.const.Spacing
-import vn.momo.kits.const.Typography
-import vn.momo.kits.const.scaleSize
-
-
-@Composable
-fun Badge(label: String = "Label", backgroundColor: Color? = null) {
-    val primaryColors = listOf(
-        Color(0xFFF0F0F0),
-        Color(0xFFEB2F96),
-        Color(0xFF962AF0),
-        Color(0xFF4E4BFF),
-        Color(0xFF007AFF),
-        Color(0xFF13C2C2),
-        Color(0xFF34C759),
-        Color(0xFFA0D911),
-        Color(0xFFFFCC00),
-        Color(0xFFFA8C16),
-        Color(0xFFFA541C),
-        Color(0xFFF5222D)
-    )
-
-    fun isNumber(label: String): Boolean {
-        val numberRegex = "^\\d+$".toRegex()
-        return numberRegex.matches(label)
-    }
-
-    fun formatTitle(label: String): String {
-        if (isNumber(label) && label.toInt() > 99) {
-            return "99+"
-        }
-        return label
-    }
-
-    var badgeColor =
-        if (isNumber(label)) {
-            AppTheme.current.colors.error.primary
-        } else {
-            AppTheme.current.colors.warning.primary
-        }
-
-    if (backgroundColor != null && primaryColors.contains(backgroundColor)) {
-        badgeColor = backgroundColor
-    }
-    val scaleSize = scaleSize(16f)
-
-    Box(
-        modifier = Modifier
-            .height(scaleSize.dp)
-            .widthIn(min = scaleSize.dp)
-            .background(color = badgeColor, shape = RoundedCornerShape(Radius.M))
-            .border(width = 1.dp, shape = RoundedCornerShape(Radius.M), color = Colors.black_01)
-            .padding(horizontal = Spacing.XS), contentAlignment = Alignment.Center
-    ) {
-        Text(
-            text = formatTitle(label),
-            color = Colors.black_01,
-            style = Typography.actionXxsBold
-        )
-    }
-}

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

@@ -1,27 +0,0 @@
-package vn.momo.kits.components
-
-import androidx.compose.foundation.background
-import androidx.compose.foundation.border
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.unit.dp
-import vn.momo.kits.const.Colors
-import vn.momo.kits.const.Radius
-
-enum class DotSize(val size: Int) {
-    Small(10),
-    Large(16)
-}
-
-@Composable
-fun BadgeDot(size: DotSize = DotSize.Large, modifier: Modifier = Modifier) {
-    Box(
-        modifier = modifier
-            .size(size.size.dp)
-            .border(width = 1.dp, color = Colors.black_01, shape = RoundedCornerShape(Radius.S))
-            .background(color = Colors.red_03, shape = RoundedCornerShape(Radius.S))
-    )
-}