@momo-kits/native-kits 0.152.1-beta.2 → 0.152.2-beta.121

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

@@ -1,90 +0,0 @@
-package vn.momo.kits.components
-
-import androidx.compose.foundation.background
-import androidx.compose.foundation.border
-import androidx.compose.foundation.clickable
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.remember
-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.modifier.activeOpacityClickable
-
-// Pre-computed shape for performance
-private val checkboxShape = RoundedCornerShape(Radius.XS)
-
-@Composable
-fun CheckBox(
-    disabled: Boolean = false,
-    checked: Boolean = false,
-    onCheckedChange: (Boolean) -> Unit,
-    indeterminate: Boolean = false,
-    title: String = "",
-) {
-    // Cache theme access
-    val theme = AppTheme.current
-
-    // Memoize color calculations to avoid repeated conditional logic
-    val colors = remember(checked, disabled, theme) {
-        when {
-            disabled && checked -> Pair(theme.colors.background.tonal, theme.colors.background.tonal)
-            disabled -> Pair(theme.colors.border.disable, Color.Transparent)
-            checked -> Pair(theme.colors.primary, theme.colors.primary)
-            else -> Pair(theme.colors.text.default, Color.Transparent)
-        }
-    }
-
-    val (borderColor, backgroundColor) = colors
-
-    // Memoize icon source to avoid repeated conditional check
-    val iconSource = remember(indeterminate) {
-        if (indeterminate) "navigation_minus" else "ic_checked"
-    }
-
-    // Memoize click handler to avoid lambda recreation
-    val onClickHandler = remember(onCheckedChange, checked) {
-        { onCheckedChange(!checked) }
-    }
-
-    Row(verticalAlignment = Alignment.CenterVertically) {
-        Box(
-            modifier = Modifier
-                .size(20.dp)
-                .background(backgroundColor, checkboxShape)
-                .border(Spacing.XXS, borderColor, checkboxShape)
-                .activeOpacityClickable(
-                    activeOpacity = 0.8f,
-                    onClick = onClickHandler,
-                    enabled = !disabled,
-                ),
-        ) {
-            if (checked) {
-                Icon(
-                    source = iconSource,
-                    size = 20.dp,
-                    color = Colors.black_01
-                )
-            }
-        }
-
-        if (title.isNotEmpty()) {
-            Spacer(Modifier.size(Spacing.S))
-            Text(
-                style = Typography.descriptionDefaultRegular,
-                text = title,
-            )
-        }
-    }
-
-}

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

@@ -1,131 +0,0 @@
-package vn.momo.kits.components
-
-import androidx.compose.foundation.background
-import androidx.compose.foundation.border
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.wrapContentWidth
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.Immutable
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.clip
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.text.style.TextAlign
-import androidx.compose.ui.text.style.TextOverflow
-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.const.Radius
-import vn.momo.kits.const.Typography
-import vn.momo.kits.const.scaleSize
-import vn.momo.kits.modifier.activeOpacityClickable
-import vn.momo.kits.modifier.conditional
-import vn.momo.kits.modifier.setAutomationId
-
-@Composable
-fun Chip(
-    modifier: Modifier = Modifier,
-    label: String? = "Label",
-    iconLeft: String? = null,
-    iconRight: String? = null,
-    selected: Boolean = false,
-    onClick: () -> Unit = {},
-    size: ChipSize = ChipSize.LARGE,
-    iconLeftTint: Color? = null,
-    iconRightTint: Color? = null,
-    backgroundColor: Color? = null,
-    accessibilityLabel: String? = null,
-) {
-    val theme = AppTheme.current
-    val bg = when {
-        selected -> theme.colors.background.selected
-        backgroundColor != null -> backgroundColor
-        else -> Colors.black_03
-    }
-
-    val textColor = if (selected) theme.colors.primary else theme.colors.text.default
-    val leftTint =  if (selected) theme.colors.primary else iconLeftTint ?: theme.colors.text.default
-    val rightTint = if (selected) theme.colors.primary else iconRightTint ?: theme.colors.text.default
-
-    val dims = when (size) {
-        ChipSize.SMALL -> ChipDefaults.Small
-        ChipSize.LARGE -> ChipDefaults.Large
-    }
-
-    val (height, horizontal, iconSize, iconSpacing) =
-        listOf(scaleSize(dims.height), scaleSize(dims.horizontal), scaleSize(dims.iconSize), scaleSize(dims.iconSpacing))
-
-    Row(
-        modifier
-            .wrapContentWidth()
-            .height(height)
-            .clip(RoundedCornerShape(Radius.L))
-            .background(bg)
-            .conditional(selected) {
-                Modifier.border(width = 2.dp, color = theme.colors.secondary, shape = RoundedCornerShape(Radius.L))
-            }
-            .activeOpacityClickable {
-                onClick()
-            }
-            .padding(horizontal = horizontal)
-            .conditional(accessibilityLabel != null) {
-                setAutomationId(accessibilityLabel.toString())
-            },
-        verticalAlignment = Alignment.CenterVertically,
-        horizontalArrangement = Arrangement.spacedBy(iconSpacing)
-    ) {
-        if (iconLeft != null) {
-            Icon(source = iconLeft, size = dims.iconSize, color = leftTint)
-        }
-
-        if (!label.isNullOrEmpty()) {
-            Text(
-                text = label,
-                textAlign = TextAlign.Center,
-                color = textColor,
-                style = when (size) {
-                    ChipSize.SMALL -> Typography.labelSMedium
-                    ChipSize.LARGE -> Typography.labelDefaultMedium
-                },
-                maxLines = 1,
-                overflow = TextOverflow.Ellipsis,
-                modifier = Modifier.weight(1f, fill = false),
-            )
-        }
-
-        if (iconRight != null) {
-            Icon(source = iconRight, size = iconSize, color = rightTint)
-        }
-    }
-}
-
-enum class ChipSize { SMALL, LARGE }
-
-object ChipDefaults {
-    @Immutable
-    data class Dimensions(
-        val height: Dp,
-        val horizontal: Dp,
-        val iconSize: Dp,
-        val iconSpacing: Dp,
-    )
-
-    val Large = Dimensions(
-        height = 32.dp,
-        horizontal = 12.dp,
-        iconSize = 20.dp,
-        iconSpacing = 4.dp,
-    )
-
-    val Small = Dimensions(
-        height = 24.dp,
-        horizontal = 10.dp,
-        iconSize = 16.dp,
-        iconSpacing = 4.dp,
-    )
-}