@momo-kits/native-kits 0.157.1-com.1-debug → 0.157.1-com.1

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

@@ -1,256 +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.Row
-import androidx.compose.foundation.layout.defaultMinSize
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.shape.CircleShape
-import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.foundation.text.BasicTextField
-import androidx.compose.foundation.text.KeyboardOptions
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.text.TextStyle
-import androidx.compose.ui.text.input.KeyboardType
-import androidx.compose.ui.text.style.TextAlign
-import androidx.compose.ui.unit.Dp
-import androidx.compose.ui.unit.dp
-import androidx.compose.ui.unit.sp
-import vn.momo.kits.application.IsShowBaseLineDebug
-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.scaleSize
-import vn.momo.kits.modifier.activeOpacityClickable
-import vn.momo.kits.modifier.conditional
-
-// ---------------------------------------------------------------------------
-// Size variant
-// ---------------------------------------------------------------------------
-
-enum class StepperSize {
-    LARGE,
-    SMALL
-}
-
-private data class StepperSizeSpec(
-    val buttonSize: Dp,
-    val iconSize: Dp,
-    val numberMinWidth: Dp,
-    val numberHeight: Dp,
-)
-
-private val stepperSizeSpecs: Map<StepperSize, StepperSizeSpec> = mapOf(
-    StepperSize.LARGE to StepperSizeSpec(
-        buttonSize = 36.dp,
-        iconSize = 22.dp,
-        numberMinWidth = 32.dp,
-        numberHeight = 28.dp,
-    ),
-    StepperSize.SMALL to StepperSizeSpec(
-        buttonSize = 28.dp,
-        iconSize = 18.dp,
-        numberMinWidth = 28.dp,
-        numberHeight = 24.dp,
-    ),
-)
-
-// ---------------------------------------------------------------------------
-// Private sub-composables
-// ---------------------------------------------------------------------------
-
-@Composable
-private fun StepperButton(
-    sign: String = "+",
-    size: StepperSize = StepperSize.LARGE,
-    disabled: Boolean = false,
-    onPress: () -> Unit = {},
-    modifier: Modifier = Modifier,
-) {
-    val theme = AppTheme.current
-    val specs = remember(size) { stepperSizeSpecs[size] ?: stepperSizeSpecs[StepperSize.LARGE]!! }
-
-    val iconColor: Color = if (disabled) theme.colors.text.disable else theme.colors.primary
-    val iconName: String =
-        if (sign == "-") "24_navigation_minus_circle" else "24_navigation_plus_circle"
-
-    val clickableModifier: Modifier = if (!disabled) {
-        Modifier.activeOpacityClickable(onClick = onPress)
-    } else {
-        Modifier
-    }
-
-    Box(
-        modifier = modifier
-            .size(specs.buttonSize)
-            .background(color = theme.colors.background.disable, shape = CircleShape)
-            .then(clickableModifier)
-            .conditional(IsShowBaseLineDebug) { border(1.dp, Colors.blue_03) },
-        contentAlignment = Alignment.Center,
-    ) {
-        Icon(
-            source = iconName,
-            size = specs.iconSize,
-            color = iconColor,
-        )
-    }
-}
-
-@Composable
-private fun StepperNumberView(
-    value: Int,
-    size: StepperSize = StepperSize.LARGE,
-    disabled: Boolean = false,
-    editable: Boolean = false,
-    onValueChange: (String) -> Unit = {},
-    modifier: Modifier = Modifier,
-) {
-    val theme = AppTheme.current
-    val specs = remember(size) { stepperSizeSpecs[size] ?: stepperSizeSpecs[StepperSize.LARGE]!! }
-
-    val textColor: Color = if (disabled) theme.colors.text.disable else theme.colors.text.default
-    val borderColor: Color =
-        if (disabled) theme.colors.border.disable else theme.colors.border.default
-
-    val scaledFontSize = scaleSize(12.sp)
-
-    val textStyle = TextStyle(
-        color = textColor,
-        fontSize = scaledFontSize,
-        textAlign = TextAlign.Center,
-    )
-
-    Box(
-        modifier = modifier
-            .defaultMinSize(minWidth = specs.numberMinWidth)
-            .height(specs.numberHeight)
-            .border(
-                width = 1.dp,
-                color = borderColor,
-                shape = RoundedCornerShape(Radius.S),
-            )
-            .padding(horizontal = Spacing.XS)
-            .conditional(IsShowBaseLineDebug) { border(1.dp, Colors.blue_03) },
-        contentAlignment = Alignment.Center,
-    ) {
-        BasicTextField(
-            value = value.toString(),
-            onValueChange = { if (editable) onValueChange(it) },
-            enabled = editable && !disabled,
-            readOnly = !editable,
-            singleLine = true,
-            textStyle = textStyle,
-            keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number),
-            decorationBox = { innerTextField -> innerTextField() },
-        )
-    }
-}
-
-// ---------------------------------------------------------------------------
-// Public API
-// ---------------------------------------------------------------------------
-
-/**
- * Stepper — migrated from React Native Stepper.
- *
- * Layout: [− button] [value display] [+ button]
- *
- * @param defaultValue  Initial value (default 0). Clamped to [min]..[max] on first composition.
- * @param min           Minimum allowed value (default 0). Minus button is auto-disabled at this bound.
- * @param max           Maximum allowed value (default 100). Plus button is auto-disabled at this bound.
- * @param step          Amount added/subtracted per button press (default 1).
- * @param disabled      Disable state. Pass `true` to disable everything, or a [BooleanArray] of
- *                      size >= 2 where index 0 = minus button, index 1 = plus button.
- * @param size          Visual size variant: [StepperSize.LARGE] (default) or [StepperSize.SMALL].
- * @param editable      When `true` the number display becomes a direct keyboard input (default false).
- * @param onValueChange Callback invoked with the new [Int] value on every change.
- * @param modifier      Modifier applied to the root [Row].
- */
-@Composable
-fun Stepper(
-    defaultValue: Int = 0,
-    min: Int = 0,
-    max: Int = 100,
-    step: Int = 1,
-    disabled: Any = false,
-    size: StepperSize = StepperSize.LARGE,
-    editable: Boolean = false,
-    onValueChange: (Int) -> Unit = {},
-    modifier: Modifier = Modifier,
-) {
-    var value by remember(defaultValue) { mutableStateOf(defaultValue.coerceIn(min, max)) }
-
-    fun applyValue(raw: String) {
-        var parsed = raw.toIntOrNull() ?: 0
-        parsed = parsed.coerceIn(min, max)
-        value = parsed
-        onValueChange(parsed)
-    }
-
-    // Resolve per-part disabled state — mirrors RN getViewDisabledStatus()
-    val disabledMinus: Boolean
-    val disabledPlus: Boolean
-    val disabledNumber: Boolean
-
-    when {
-        disabled is BooleanArray && disabled.size >= 2 -> {
-            disabledMinus = disabled[0]
-            disabledPlus = disabled[1]
-            disabledNumber = disabled[0] && disabled[1]
-        }
-        disabled is Boolean && disabled -> {
-            disabledMinus = true
-            disabledPlus = true
-            disabledNumber = true
-        }
-        else -> {
-            disabledMinus = false
-            disabledPlus = false
-            disabledNumber = false
-        }
-    }
-
-    // Auto-disable buttons when the value is already at a bound
-    val effectiveMinusDisabled = disabledMinus || value <= min
-    val effectivePlusDisabled = disabledPlus || value >= max
-
-    Row(
-        modifier = modifier
-            .conditional(IsShowBaseLineDebug) { border(1.dp, Colors.blue_03) },
-        verticalAlignment = Alignment.CenterVertically,
-    ) {
-        StepperButton(
-            sign = "-",
-            size = size,
-            disabled = effectiveMinusDisabled,
-            onPress = { applyValue((value - step).toString()) },
-        )
-
-        StepperNumberView(
-            value = value,
-            size = size,
-            disabled = disabledNumber,
-            editable = editable,
-            onValueChange = { applyValue(it) },
-            modifier = Modifier.padding(horizontal = Spacing.S),
-        )
-
-        StepperButton(
-            sign = "+",
-            size = size,
-            disabled = effectivePlusDisabled,
-            onPress = { applyValue((value + step).toString()) },
-        )
-    }
-}