npm - @momo-kits/native-kits - Versions diffs - 0.114.2-beta.3 → 0.114.2-beta.5 - Mend

@momo-kits/native-kits 0.114.2-beta.3 → 0.114.2-beta.5

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 (36) hide show

package/compose/src/commonMain/kotlin/vn/momo/kits/application/AnimationSearchInput.kt CHANGED Viewed

@@ -54,5 +54,4 @@ fun AnimationSearchInput(
             }
         }
     }
 }

package/compose/src/commonMain/kotlin/vn/momo/kits/application/Header.kt CHANGED Viewed

@@ -161,7 +161,6 @@ fun Header(
                         },
                         contentAlignment = if (titlePosition == TitlePosition.LEFT) Alignment.TopStart else Alignment.Center
                     ) {
                         HeaderTitle(
                             title = title,
                             color = tintIconColor,

package/compose/src/commonMain/kotlin/vn/momo/kits/application/HeaderBackground.kt CHANGED Viewed

@@ -38,7 +38,7 @@ fun HeaderBackground(
     val statusBarHeight = AppStatusBar.current ?: getStatusBarHeight()
     val opacityAni by animateFloatAsState(
-        targetValue = (1 - (scrollState / HEADER_HEIGHT*1f)).coerceIn(0f, 1f),
+        targetValue = (1 - (scrollState / HEADER_HEIGHT * 1f)).coerceIn(0f, 1f),
     )
     val backgroundColor by animateColorAsState(

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

@@ -29,21 +29,27 @@ 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,

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

@@ -87,7 +87,7 @@ fun Screen(
     val bottomPadding = min(indicator, 21.dp)
     val opacity by animateFloatAsState(
-        targetValue = ((scrollState.value / HEADER_HEIGHT*1f)).coerceIn(0f, 1f),
+        targetValue = ((scrollState.value / HEADER_HEIGHT * 1f)).coerceIn(0f, 1f),
     )
     val headerAnimated =

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

@@ -42,18 +42,21 @@ fun useHeaderSearchAnimation(
     )
     val animatedTranslateX by animateFloatAsState(
-        targetValue = (scrollState / HEADER_HEIGHT*1f).coerceIn(0f, 1f) * (leftPosition.value - 12) + 12,
+        targetValue = (scrollState / HEADER_HEIGHT * 1f).coerceIn(
+            0f,
+            1f
+        ) * (leftPosition.value - 12) + 12,
     )
     val animatedWidth by animateFloatAsState(
-        targetValue = (scrollState / HEADER_HEIGHT*1f).coerceIn(
+        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
+        targetValue = (1 - (scrollState / HEADER_HEIGHT * 1f).coerceIn(0f, 1f)) * HEADER_HEIGHT
     )
     return HeaderAnimations(
         opacity = opacityAni,

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

@@ -20,7 +20,6 @@ import vn.momo.kits.const.Typography
 import vn.momo.kits.const.scaleSize
 @Composable
 fun Badge(label: String = "Label", backgroundColor: Color? = null) {
     val primaryColors = listOf(

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

@@ -3,15 +3,12 @@ package vn.momo.kits.components
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
-import androidx.compose.foundation.interaction.MutableInteractionSource
 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.material.ripple.rememberRipple
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp

package/compose/src/commonMain/kotlin/vn/momo/kits/components/Icon.kt CHANGED Viewed

@@ -27,7 +27,7 @@ fun Icon(
     } else {
         Icons[source] ?: ""
     }
-    Box(modifier = modifier.size(size).semantics {contentDescription = "img|$icon"}) {
+    Box(modifier = modifier.size(size).semantics { contentDescription = "img|$icon" }) {
         AsyncImage(
             modifier = Modifier.matchParentSize(),
             model = icon,

package/compose/src/commonMain/kotlin/vn/momo/kits/components/IconButton.kt CHANGED Viewed

@@ -3,13 +3,10 @@ package vn.momo.kits.components
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
-import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.material.ripple.rememberRipple
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip

package/compose/src/commonMain/kotlin/vn/momo/kits/components/Image.kt CHANGED Viewed

@@ -47,7 +47,7 @@ fun Image(
         )
     }
-    Box(modifier = modifier.semantics {contentDescription = "img|$source"}) {
+    Box(modifier = modifier.semantics { contentDescription = "img|$source" }) {
         AsyncImage(
             modifier = Modifier.matchParentSize(),
             model = source,
@@ -67,6 +67,7 @@ fun Image(
                 color = AppTheme.current.colors.text.disable,
                 modifier = modifier
             )
             ImageState.Success -> {}
         }
     }

package/compose/src/commonMain/kotlin/vn/momo/kits/components/Information.kt CHANGED Viewed

@@ -20,7 +20,7 @@ import vn.momo.kits.const.Spacing
 import vn.momo.kits.const.Typography
 enum class InformationState {
-    DEFAULT ,
+    DEFAULT,
     WARNING,
     ERROR
 }
@@ -31,12 +31,12 @@ fun Information(
     description: String = "Description",
     state: InformationState = InformationState.DEFAULT,
     image: String? = null,
-    onPressCTA: (()-> Unit)? = null,
+    onPressAction: (() -> Unit)? = null,
     showIcon: Boolean = true,
-    CTA: String? = null,
+    action: String? = null,
     showIconClose: Boolean = true,
-    onPressClose: (()->Unit)? = null,
-){
+    onPressClose: (() -> Unit)? = null,
+) {
     var borderColor = Colors.blue_07
     var backgroundColor = Colors.blue_10
     var color = Colors.blue_03
@@ -46,31 +46,40 @@ fun Information(
         borderColor = Colors.yellow_06
         backgroundColor = Colors.yellow_09
         color = Colors.orange_03
-        iconSource = "24_notifications_alert_triangle";
+        iconSource = "24_notifications_alert_triangle"
     }
     if (state === InformationState.ERROR) {
         borderColor = Colors.red_07
         backgroundColor = Colors.red_10
         color = Colors.red_03
-        iconSource = "24_notifications_alert_octagon";
+        iconSource = "24_notifications_alert_octagon"
     }
-    Column(modifier = Modifier.border(
-        width = 0.5.dp,
-        shape = RoundedCornerShape(Radius.S),
-        color = borderColor
-    ).background(color = backgroundColor)
-        .padding(Spacing.M)
+    Column(
+        modifier = Modifier.border(
+            width = 0.5.dp,
+            shape = RoundedCornerShape(Radius.S),
+            color = borderColor
+        ).background(color = backgroundColor)
+            .padding(Spacing.M)
     ) {
         Row {
             if (image != null) {
-                Image(source = image, modifier = Modifier.padding(end = Spacing.S).width(40.dp).height(40.dp).clip(
-                    RoundedCornerShape(Radius.S)
-                ))
+                Image(
+                    source = image,
+                    modifier = Modifier.padding(end = Spacing.S).width(40.dp).height(40.dp).clip(
+                        RoundedCornerShape(Radius.S)
+                    )
+                )
             }
             if (image == null && showIcon) {
-                Icon(source = iconSource, size = 16.dp, color = color, modifier = Modifier.padding(end = Spacing.S))
+                Icon(
+                    source = iconSource,
+                    size = 16.dp,
+                    color = color,
+                    modifier = Modifier.padding(end = Spacing.S)
+                )
             }
             Column(modifier = Modifier.weight(1f)) {
                 if (title != null) {
@@ -79,12 +88,22 @@ fun Information(
                 Text(description, style = Typography.descriptionDefaultRegular)
             }
             if (onPressClose != null && showIconClose) {
-                Icon(source = "navigation_close", size = 16.dp, modifier = Modifier.clickable(onClick = onPressClose))
+                Icon(
+                    source = "navigation_close",
+                    size = 16.dp,
+                    modifier = Modifier.clickable(onClick = onPressClose)
+                )
             }
         }
-        if (CTA != null && onPressCTA != null) {
+        if (action != null && onPressAction != null) {
             Row(modifier = Modifier.padding(top = Spacing.S)) {
-                Text(CTA, modifier = Modifier.weight(1f).clickable(onClick = onPressCTA), textAlign = TextAlign.End, style = Typography.actionXsBold, color = color)
+                Text(
+                    action,
+                    modifier = Modifier.weight(1f).clickable(onClick = onPressAction),
+                    textAlign = TextAlign.End,
+                    style = Typography.actionXsBold,
+                    color = color
+                )
             }
         }
     }

package/compose/src/commonMain/kotlin/vn/momo/kits/components/Input.kt CHANGED Viewed

@@ -20,8 +20,6 @@ import androidx.compose.foundation.text.BasicTextField
 import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.MutableState
-import androidx.compose.runtime.SideEffect
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -30,9 +28,6 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.focus.onFocusChanged
 import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.semantics.contentDescription
-import androidx.compose.ui.semantics.semantics
-import androidx.compose.ui.semantics.testTag
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.input.KeyboardType
@@ -183,7 +178,6 @@ fun Input(
     keyboardType: KeyboardType = KeyboardType.Text,
     modifier: Modifier = Modifier,
 ) {
-    // Handling state based on the `BasicTextField` concept
     var textFieldValueState by remember { mutableStateOf(TextFieldValue(text = text)) }
     val textFieldValue = textFieldValueState.copy(text = text)
     var lastTextValue by remember(text) { mutableStateOf(text) }
@@ -212,8 +206,8 @@ fun Input(
     val testId = if (disabled) "input_${floatingValue}_disabled" else "input_$floatingValue"
-    Column(modifier = Modifier.
-    setAutomationId(testId)
+    Column(
+        modifier = modifier.setAutomationId(testId)
     ) {
         BasicTextField(
             value = text,
@@ -338,16 +332,22 @@ fun Input(
                             }
                         }
                         if (secureTextEntry && passHidden) {
-                            val hidePassword = { onRightIconPressed(); passHidden = !passHidden}
-                            RenderRightIcon(loading, "24_security_eye_open", iconTintColor,
-                                hidePassword)
+                            val hidePassword = { onRightIconPressed(); passHidden = !passHidden }
+                            RenderRightIcon(
+                                loading, "24_security_eye_open", iconTintColor,
+                                hidePassword
+                            )
                         } else if (secureTextEntry && !passHidden) {
-                            val showPassword = { onRightIconPressed(); passHidden = !passHidden}
-                            RenderRightIcon(loading, "24_security_eye_off", iconTintColor,
-                                showPassword)
+                            val showPassword = { onRightIconPressed(); passHidden = !passHidden }
+                            RenderRightIcon(
+                                loading, "24_security_eye_off", iconTintColor,
+                                showPassword
+                            )
                         } else {
-                            RenderRightIcon(loading, icon, iconTintColor,
-                                onRightIconPressed)
+                            RenderRightIcon(
+                                loading, icon, iconTintColor,
+                                onRightIconPressed
+                            )
                         }
                     }
                 }

package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputDropDown.kt CHANGED Viewed

@@ -13,7 +13,6 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentSize
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.MutableState
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -33,7 +32,7 @@ import vn.momo.kits.const.Typography
 @Composable
 fun InputDropDown(
-    value: MutableState<String> = remember { mutableStateOf("") },
+    text: String = "",
     floatingValue: String = "",
     floatingValueColor: Color = AppTheme.current.colors.text.hint,
     floatingIcon: String = "",
@@ -94,13 +93,13 @@ fun InputDropDown(
                     ) {
                         Text(
                             floatingValue,
-                            style = Typography.labelS,
+                            style = Typography.labelSMedium,
                             color = floatingTitleColor
                         )
                         if (required) {
                             Text(
                                 "*",
-                                style = Typography.labelS,
+                                style = Typography.labelSMedium,
                                 color = AppTheme.current.colors.error.primary,
                             )
                         }
@@ -140,12 +139,12 @@ fun InputDropDown(
                     }
                     Box(Modifier.weight(1f)) {
                         Text(
-                            text = value.value.ifEmpty { placeholder },
+                            text = text.ifEmpty { placeholder },
                             style = TextStyle(
                                 fontSize = 16.sp,
                                 lineHeight = 24.sp
                             ),
-                            color = if (value.value.isEmpty()) placeholderColor else textColor
+                            color = if (text.isEmpty()) placeholderColor else textColor
                         )
                     }
                     RenderRightIcon(

package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputMoney.kt CHANGED Viewed

@@ -18,7 +18,6 @@ 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.MutableState
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -63,7 +62,7 @@ class CustomConverter : VisualTransformation {
 @Composable
 fun InputMoney(
-    text: MutableState<String> = remember { mutableStateOf("0") },
+    text: String = "0",
     floatingValue: String = "",
     floatingValueColor: Color = AppTheme.current.colors.text.hint,
     floatingIcon: String = "",
@@ -109,13 +108,13 @@ fun InputMoney(
     val testId = if (disabled) "input_${floatingValue}_disabled" else "input_$floatingValue"
-    Column(modifier =  Modifier.semantics {
+    Column(modifier = Modifier.semantics {
         contentDescription = floatingValue; testTag = testId
     }) {
         BasicTextField(
             enabled = !disabled,
             singleLine = true,
-            value = text.value,
+            value = text,
             textStyle = TextStyle(
                 color = textColor,
                 fontSize = 20.sp,
@@ -150,13 +149,13 @@ fun InputMoney(
                         ) {
                             Text(
                                 floatingValue,
-                                style = Typography.labelS,
+                                style = Typography.labelSMedium,
                                 color = floatingTitleColor
                             )
                             if (required) {
                                 Text(
                                     "*",
-                                    style = Typography.labelS,
+                                    style = Typography.labelSMedium,
                                     color = AppTheme.current.colors.error.primary,
                                 )
                             }
@@ -195,7 +194,7 @@ fun InputMoney(
                             )
                         }
                         Box(Modifier.weight(9f).padding(start = 0.dp)) {
-                            if (text.value.isEmpty()) {
+                            if (text.isEmpty()) {
                                 Text(
                                     text = placeholder,
                                     style = TextStyle(
@@ -209,7 +208,7 @@ fun InputMoney(
                                 innerTextField()
                             }
                         }
-                        if (isFocused && text.value.isNotEmpty()) {
+                        if (isFocused && text.isNotEmpty()) {
                             Row {
                                 Spacer(Modifier.width(Spacing.XS))
                                 Icon(
@@ -217,7 +216,7 @@ fun InputMoney(
                                     size = 16.dp,
                                     color = AppTheme.current.colors.text.hint,
                                     modifier = Modifier.clickable(
-                                        onClick = { text.value = "" },
+                                        onClick = { onChangeText("") },
                                         interactionSource = remember { MutableInteractionSource() },
                                         indication = null
                                     )

package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputOTP.kt CHANGED Viewed

@@ -42,8 +42,8 @@ import vn.momo.kits.const.scaleSize
 @Composable
 fun OTPCaret() {
-    val DURATION = 500
-    var backgroundColor = AppTheme.current.colors.primary
+    val duration = 500
+    val backgroundColor = AppTheme.current.colors.primary
     val infiniteTransition = rememberInfiniteTransition()
     val alpha by infiniteTransition.animateFloat(
@@ -51,8 +51,8 @@ fun OTPCaret() {
         targetValue = 0f,
         animationSpec = infiniteRepeatable(
             animation = tween(
-                durationMillis = DURATION,
-                delayMillis = DURATION,
+                durationMillis = duration,
+                delayMillis = duration,
                 easing = LinearEasing
             ),
             repeatMode = RepeatMode.Reverse
@@ -68,7 +68,7 @@ fun OTPCaret() {
         Text(
             text = "-",
             color = AppTheme.current.colors.text.hint,
-            style = Typography.descriptionDefault
+            style = Typography.descriptionDefaultRegular
         )
     }
 }
@@ -85,7 +85,6 @@ fun InputOTP(
     onFocus: () -> Unit = {},
     onBlur: () -> Unit = {},
     dataType: String = "number",
-    accessibilityLabel: String? = null,
     modifier: Modifier = Modifier
 ) {
     val MAX_LENGTH = 10

package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputSearch.kt CHANGED Viewed

@@ -19,7 +19,6 @@ import androidx.compose.foundation.text.KeyboardActions
 import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.MutableState
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -78,7 +77,7 @@ fun RenderRightIconSearch(
 }
 data class InputSearchProps(
-    val text: MutableState<String>,
+    val text: String = "",
     val buttonText: String = "",
     val showButtonText: Boolean = false,
     val placeholder: String = "",
@@ -106,7 +105,7 @@ data class InputSearchProps(
 @Composable
 fun InputSearch(
     inputSearchProps: InputSearchProps = InputSearchProps(
-        text = remember { mutableStateOf("") },
+        text = "",
         iconColor = AppTheme.current.colors.text.default
     ),
 ) {
@@ -127,7 +126,7 @@ fun InputSearch(
         BasicTextField(
             enabled = !inputSearchProps.disabled,
             singleLine = true,
-            value = inputSearchProps.text.value,
+            value = inputSearchProps.text,
             textStyle = TextStyle(
                 color = textColor,
                 fontSize = 14.sp,
@@ -175,7 +174,7 @@ fun InputSearch(
                                 color = AppTheme.current.colors.text.hint
                             )
                             Box(Modifier.weight(1f)) {
-                                if (inputSearchProps.text.value.isEmpty()) {
+                                if (inputSearchProps.text.isEmpty()) {
                                     Text(
                                         text = inputSearchProps.placeholder,
                                         style = TextStyle(
@@ -190,7 +189,7 @@ fun InputSearch(
                                 }
                                 innerTextField()
                             }
-                            if (inputSearchProps.clearCondition?.invoke() == true || (isFocused && inputSearchProps.text.value.isNotEmpty())) {
+                            if (inputSearchProps.clearCondition?.invoke() == true || (isFocused && inputSearchProps.text.isNotEmpty())) {
                                 Row {
                                     Spacer(Modifier.width(Spacing.XS))
                                     Icon(
@@ -199,7 +198,7 @@ fun InputSearch(
                                         color = AppTheme.current.colors.text.hint,
                                         modifier = Modifier.clickable(
                                             onClick = {
-                                                inputSearchProps.text.value = ""
+                                                inputSearchProps.onChangeText("")
                                                 inputSearchProps.onClearPress.invoke()
                                             },
                                             interactionSource = remember { MutableInteractionSource() },

package/compose/src/commonMain/kotlin/vn/momo/kits/components/InputTextArea.kt CHANGED Viewed

@@ -18,7 +18,6 @@ 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.MutableState
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -42,7 +41,7 @@ val DEFAULT_HEIGHT = 104.dp
 @Composable
 fun InputTextArea(
-    text: MutableState<String> = remember { mutableStateOf("") },
+    text: String = "",
     maxLength: Int = MAX_LENGTH,
     height: Dp = DEFAULT_HEIGHT,
     floatingValue: String = "",
@@ -92,7 +91,7 @@ fun InputTextArea(
         BasicTextField(
             enabled = !disabled,
             singleLine = false,
-            value = text.value,
+            value = text,
             textStyle = TextStyle(
                 color = textColor,
                 fontSize = 16.sp,
@@ -173,7 +172,7 @@ fun InputTextArea(
                             verticalAlignment = Alignment.Top
                         ) {
                             Box(Modifier.weight(1f)) {
-                                if (text.value.isEmpty()) {
+                                if (text.isEmpty()) {
                                     Text(
                                         text = placeholder,
                                         style = TextStyle(
@@ -186,7 +185,7 @@ fun InputTextArea(
                                 }
                                 innerTextField()
                             }
-                            if (isFocused && text.value.isNotEmpty()) {
+                            if (isFocused && text.isNotEmpty()) {
                                 Row {
                                     Spacer(Modifier.width(Spacing.XS))
                                     Icon(
@@ -194,7 +193,7 @@ fun InputTextArea(
                                         size = 16.dp,
                                         color = AppTheme.current.colors.text.hint,
                                         modifier = Modifier.clickable(
-                                            onClick = { text.value = "" },
+                                            onClick = { onChangeText("") },
                                             interactionSource = remember { MutableInteractionSource() },
                                             indication = null
                                         )
@@ -212,7 +211,7 @@ fun InputTextArea(
                             contentAlignment = Alignment.CenterEnd
                         ) {
                             Text(
-                                "${text.value.length}/$maxLength",
+                                "${text.length}/$maxLength",
                                 style = Typography.descriptionXsRegular,
                                 color = AppTheme.current.colors.text.hint
                             )

package/compose/src/commonMain/kotlin/vn/momo/kits/components/PaginationDot.kt CHANGED Viewed

@@ -2,24 +2,16 @@ package vn.momo.kits.components
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.BoxWithConstraints
 import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 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.draw.alpha
-import androidx.compose.ui.draw.clip
-import androidx.compose.ui.draw.clipToBounds
 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.Spacing
-import vn.momo.kits.const.Typography
 @Composable
 fun Dot(active: Boolean = false, activeColor: Color, modifier: Modifier = Modifier) {

package/compose/src/commonMain/kotlin/vn/momo/kits/components/PaginationNumber.kt CHANGED Viewed

@@ -1,15 +1,12 @@
 package vn.momo.kits.components
 import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.BoxWithConstraints
-import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.padding
 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.draw.alpha
 import androidx.compose.ui.graphics.Color
 import vn.momo.kits.const.Colors
 import vn.momo.kits.const.Spacing

package/compose/src/commonMain/kotlin/vn/momo/kits/components/PaginationWhiteDot.kt CHANGED Viewed

@@ -1,25 +1,15 @@
 package vn.momo.kits.components
 import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.BoxWithConstraints
 import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.size
 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.draw.alpha
-import androidx.compose.ui.draw.clip
-import androidx.compose.ui.draw.clipToBounds
 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.Spacing
-import vn.momo.kits.const.Typography
 @Composable
 fun PaginationWhiteDot(

package/compose/src/commonMain/kotlin/vn/momo/kits/components/PopupNotify.kt CHANGED Viewed

@@ -27,8 +27,6 @@ import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
-import androidx.compose.ui.semantics.semantics
-import androidx.compose.ui.semantics.testTag
 import androidx.compose.ui.text.TextLayoutResult
 import androidx.compose.ui.unit.dp
 import vn.momo.kits.const.AppTheme
@@ -96,8 +94,9 @@ fun PopupNotify(
         callback?.invoke()
     }
-    Box(Modifier.setAutomationId("popup_notify")
-        , contentAlignment = Alignment.TopEnd) {
+    Box(
+        Modifier.setAutomationId("popup_notify"), contentAlignment = Alignment.TopEnd
+    ) {
         Column(
             modifier = Modifier
                 .fillMaxWidth()
@@ -116,7 +115,12 @@ fun PopupNotify(
             )
             Column(modifier = Modifier.padding(Spacing.XL)) {
-                Text(style = Typography.headerDefaultBold, maxLines = 2, text = title, modifier = Modifier.setAutomationId("title_popup_permission"))
+                Text(
+                    style = Typography.headerDefaultBold,
+                    maxLines = 2,
+                    text = title,
+                    modifier = Modifier.setAutomationId("title_popup_permission")
+                )
                 content(Modifier.padding(top = Spacing.S))
                 if (error.isNotEmpty()) {
                     Text(

package/compose/src/commonMain/kotlin/vn/momo/kits/components/Switch.kt CHANGED Viewed

@@ -3,16 +3,13 @@ package vn.momo.kits.components
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
-import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.material.ripple.rememberRipple
 import androidx.compose.runtime.Composable
-import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip

package/compose/src/commonMain/kotlin/vn/momo/kits/components/Tag.kt CHANGED Viewed

@@ -79,7 +79,7 @@ fun Tag(
             Text(
                 text = label,
                 color = labelColor,
-                style = Typography.labelS
+                style = Typography.labelSMedium
             )
         }
     }

package/compose/src/commonMain/kotlin/vn/momo/kits/components/Text.kt CHANGED Viewed

@@ -9,7 +9,6 @@ import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.text.style.TextDecoration
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.sp
-import vn.momo.kits.application.PlatformApi
 import vn.momo.kits.const.AppTheme
 import vn.momo.kits.const.Typography
 import vn.momo.kits.const.getFontFamily
@@ -34,7 +33,7 @@ fun Text(
     val font = getFontFamily(fontFamily, style.fontWeight)
     androidx.compose.material3.Text(
-        modifier = modifier.setAutomationId(accessibilityId?:text, text),
+        modifier = modifier.setAutomationId(accessibilityId ?: text, text),
         text = text,
         color = color ?: AppTheme.current.colors.text.default,
         style = style.copy(fontWeight = null),

package/compose/src/commonMain/kotlin/vn/momo/kits/components/{dateTimePicker → datetimepicker}/DateTimePicker.kt RENAMED Viewed

@@ -1,4 +1,4 @@
-package vn.momo.kits.components.dateTimePicker
+package vn.momo.kits.components.datetimepicker
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
@@ -32,7 +32,7 @@ private fun onPickerChange(
     effectiveMinDate: LocalDateTime,
     effectiveMaxDate: LocalDateTime,
     onChange: (LocalDateTime) -> Unit
-){
+) {
     when (name) {
         "day" -> currentDate.day = value.toInt()
         "month" -> currentDate.month = value.toInt()
@@ -82,15 +82,15 @@ fun DateTimePicker(
     arrayLabelTime: List<String> = emptyList()
 ) {
     val now = remember { getCurrentDateTime() }
     val minDateDefault = remember { createRelativeDate(-10) }
     val maxDateDefault = remember { createRelativeDate(10) }
     val effectiveSelectedValue = selectedValue ?: now
     val effectiveMinDate = minDate ?: minDateDefault
     val effectiveMaxDate = maxDate ?: maxDateDefault
     val initialValue = remember {
         when {
             effectiveSelectedValue < effectiveMinDate -> effectiveMinDate
@@ -110,11 +110,11 @@ fun DateTimePicker(
             )
         )
     }
     val pickerHeight = if (arrayLabelTime.isNotEmpty())
-        datePickerWithLabelsHeight else
+        datePickerWithLabelsHeight else
         datePickerHeight
     Row(
         modifier = modifier
             .fillMaxWidth()
@@ -132,7 +132,7 @@ fun DateTimePicker(
         )
         dateComponents.forEachIndexed { index, component ->
             val hasLabel = index < arrayLabelTime.size && arrayLabelTime[index].isNotEmpty()
             Column(
                 horizontalAlignment = Alignment.CenterHorizontally,
                 modifier = Modifier.weight(1f)
@@ -140,11 +140,11 @@ fun DateTimePicker(
                 if (hasLabel) {
                     Text(
                         text = arrayLabelTime[index],
-                        style = Typography.actionS,
+                        style = Typography.actionSBold,
                         modifier = Modifier.padding(bottom = Spacing.S)
                     )
                 }
                 WheelPicker(
                     name = component.name,
                     data = component.data,
@@ -169,7 +169,7 @@ fun DateTimePicker(
                     }
                 )
             }
             if (index < dateComponents.size - 1) {
                 Spacer(modifier = Modifier.width(Spacing.M))
             }

package/compose/src/commonMain/kotlin/vn/momo/kits/components/{dateTimePicker → datetimepicker}/DateTimePickerTypes.kt RENAMED Viewed

@@ -1,4 +1,4 @@
-package vn.momo.kits.components.dateTimePicker
+package vn.momo.kits.components.datetimepicker
 data class PickerData(
     var day: Int,

package/compose/src/commonMain/kotlin/vn/momo/kits/components/{dateTimePicker → datetimepicker}/DateTimePickerUtils.kt RENAMED Viewed

@@ -1,4 +1,4 @@
-package vn.momo.kits.components.dateTimePicker
+package vn.momo.kits.components.datetimepicker
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
@@ -16,10 +16,19 @@ import kotlinx.datetime.toLocalDateTime
  */
 fun formatLocalDateTime(dateTime: LocalDateTime, format: String = "yyyy-MM-dd HH:mm"): String {
     return when (format) {
-        "yyyy-MM-dd HH:mm" -> "${dateTime.year}-${paddingNum(dateTime.month.number)}-${paddingNum(dateTime.dayOfMonth)} ${paddingNum(dateTime.hour)}:${paddingNum(dateTime.minute)}"
+        "yyyy-MM-dd HH:mm" -> "${dateTime.year}-${paddingNum(dateTime.month.number)}-${
+            paddingNum(
+                dateTime.dayOfMonth
+            )
+        } ${paddingNum(dateTime.hour)}:${paddingNum(dateTime.minute)}"
         "dd-MM-yyyy" -> "${paddingNum(dateTime.dayOfMonth)}-${paddingNum(dateTime.month.number)}-${dateTime.year}"
         "HH:mm" -> "${paddingNum(dateTime.hour)}:${paddingNum(dateTime.minute)}"
-        else -> "${dateTime.year}-${paddingNum(dateTime.month.number)}-${paddingNum(dateTime.dayOfMonth)} ${paddingNum(dateTime.hour)}:${paddingNum(dateTime.minute)}"
+        else -> "${dateTime.year}-${paddingNum(dateTime.month.number)}-${paddingNum(dateTime.dayOfMonth)} ${
+            paddingNum(
+                dateTime.hour
+            )
+        }:${paddingNum(dateTime.minute)}"
     }
 }
@@ -150,13 +159,13 @@ fun getCurrentDateTime(): LocalDateTime {
 fun createRelativeDate(years: Int): LocalDateTime {
     val currentDateTime = getCurrentDateTime()
     val period = DatePeriod(years = if (years < 0) -years else years)
     val adjustedDate = if (years < 0) {
         currentDateTime.date.minus(period)
     } else {
         currentDateTime.date.plus(period)
     }
     return LocalDateTime(
         adjustedDate.year,
         adjustedDate.monthNumber,
@@ -182,9 +191,10 @@ internal fun getDateComponents(
         formatParts.size == 1 && formatParts[0] == "HH"
     }
-    val dayData = remember(currentDate.year, currentDate.month, effectiveMinDate, effectiveMaxDate) {
-        getDaysInMonth(currentDate.year, currentDate.month, effectiveMinDate, effectiveMaxDate)
-    }
+    val dayData =
+        remember(currentDate.year, currentDate.month, effectiveMinDate, effectiveMaxDate) {
+            getDaysInMonth(currentDate.year, currentDate.month, effectiveMinDate, effectiveMaxDate)
+        }
     val monthData = remember(currentDate.year, effectiveMinDate, effectiveMaxDate) {
         getMonths(effectiveMinDate, effectiveMaxDate, currentDate.year)
@@ -202,25 +212,26 @@ internal fun getDateComponents(
         getMinutes(minuteInterval)
     }
-    val dateComponents = remember(formatParts, dayData, monthData, yearData, hourData, minData, isOnlyHour) {
-        val components = mutableListOf<DateComponent>()
+    val dateComponents =
+        remember(formatParts, dayData, monthData, yearData, hourData, minData, isOnlyHour) {
+            val components = mutableListOf<DateComponent>()
-        formatParts.forEach { part ->
-            when (part) {
-                "DD" -> components.add(DateComponent("day", dayData))
-                "MM" -> components.add(DateComponent("month", monthData))
-                "YYYY" -> components.add(DateComponent("year", yearData))
-                "HH" -> components.add(DateComponent("hour", hourData))
-                "mm" -> components.add(DateComponent("minute", minData))
+            formatParts.forEach { part ->
+                when (part) {
+                    "DD" -> components.add(DateComponent("day", dayData))
+                    "MM" -> components.add(DateComponent("month", monthData))
+                    "YYYY" -> components.add(DateComponent("year", yearData))
+                    "HH" -> components.add(DateComponent("hour", hourData))
+                    "mm" -> components.add(DateComponent("minute", minData))
+                }
             }
-        }
-        if (isOnlyHour) {
-            components.add(DateComponent("timeMode", timeMode))
-        }
+            if (isOnlyHour) {
+                components.add(DateComponent("timeMode", timeMode))
+            }
-        components
-    }
+            components
+        }
     return dateComponents
 }

package/compose/src/commonMain/kotlin/vn/momo/kits/components/{dateTimePicker → datetimepicker}/WheelPicker.kt RENAMED Viewed

@@ -1,4 +1,4 @@
-package vn.momo.kits.components.dateTimePicker
+package vn.momo.kits.components.datetimepicker
 import androidx.compose.animation.core.tween
 import androidx.compose.foundation.background
@@ -194,7 +194,7 @@ fun WheelPickerItem(
     ) {
         Text(
             text = text,
-            style = Typography.actionS,
+            style = Typography.actionSBold,
             modifier = Modifier.scale(scale)
         )
     }

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

@@ -30,7 +30,14 @@ fun scaleSize(size: Float): Float {
 fun getFont(font: String): FontFamily {
     val fontResource = FontResource(
         "font:${font.substringBeforeLast(".")}",
-        setOf(ResourceItem(setOf(), "font/${font.substringBeforeLast(".")}.${font.substringAfterLast(".")}", -1, -1))
+        setOf(
+            ResourceItem(
+                setOf(),
+                "font/${font.substringBeforeLast(".")}.${font.substringAfterLast(".")}",
+                -1,
+                -1
+            )
+        )
     )
     return FontFamily(Font(fontResource))
 }

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

@@ -7,7 +7,7 @@ import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.Dp
-data class GridContext (
+data class GridContext(
     val numberOfColumns: Number,
     val gutterSize: Number,
     val sizePerSpan: Number,
@@ -15,16 +15,21 @@ data class GridContext (
 )
 @Composable
-fun Item(heightSpan: Number = 1,
-         widthSpan: Number = 1,
-         content: @Composable() () -> Unit,
-         modifier: Modifier = Modifier,
-         grid: GridContext) {
+fun Item(
+    heightSpan: Number = 1,
+    widthSpan: Number = 1,
+    content: @Composable() () -> Unit,
+    modifier: Modifier = Modifier,
+    grid: GridContext
+) {
     val widthItem = grid.getSizeSpan(widthSpan)
     val heightItem = grid.getSizeSpan(heightSpan)
-    Box(modifier = modifier.width(width = Dp(widthItem.toFloat())).height(height = Dp(heightItem.toFloat()))) {
+    Box(
+        modifier = modifier.width(width = Dp(widthItem.toFloat()))
+            .height(height = Dp(heightItem.toFloat()))
+    ) {
         content()
     }
 }

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

@@ -11,7 +11,7 @@ import androidx.compose.ui.semantics.semantics
 import androidx.compose.ui.semantics.testTag
 import vn.momo.kits.platform.getPlatformName
-fun Modifier.setAutomationId(accessibilityId : String, label: String? = null) : Modifier {
+fun Modifier.setAutomationId(accessibilityId: String, label: String? = null): Modifier {
     return if (getPlatformName() == "Android") {
         semantics {
             contentDescription = accessibilityId

package/compose/src/commonMain/kotlin/vn/momo/kits/modifier/Conditional.kt CHANGED Viewed

@@ -2,7 +2,7 @@ package vn.momo.kits.modifier
 import androidx.compose.ui.Modifier
-fun Modifier.conditional(condition : Boolean, modifier : Modifier.() -> Modifier) : Modifier {
+fun Modifier.conditional(condition: Boolean, modifier: Modifier.() -> Modifier): Modifier {
     return if (condition) {
         then(modifier(Modifier))
     } else {

package/local.properties CHANGED Viewed

@@ -4,5 +4,5 @@
 # Location of the SDK. This is only used by Gradle.
 # For customization when using a Version Control System, please read the
 # header note.
-#Tue Apr 23 16:40:15 ICT 2024
-sdk.dir=/Users/hung.dao1/Library/Android/sdk
+#Wed Aug 21 14:20:12 ICT 2024
+sdk.dir=/Users/huynhdung/Library/Android/sdk

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.114.2-beta.3",
+  "version": "0.114.2-beta.5",
   "private": false,
   "dependencies": {},
   "devDependencies": {},

package/compose/src/commonMain/kotlin/vn/momo/kits/components/dateTimePicker/DateTimePickerExample.kt DELETED Viewed

@@ -1,90 +0,0 @@
-package vn.momo.kits.components.dateTimePicker
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-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.Modifier
-import vn.momo.kits.components.Text
-import vn.momo.kits.const.Spacing
-import vn.momo.kits.const.Typography
-/**
- * Example usage of DateTimePicker component
- */
-@Composable
-fun DateTimePickerExample() {
-    // The current date and time
-    val now = remember { getCurrentDateTime() }
-    // State to hold the selected date
-    var selectedDate by remember { mutableStateOf(now) }
-    Column(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(Spacing.M)
-    ) {
-        // Display the current selected date
-        Text(
-            text = "Selected Date: ${formatLocalDateTime(selectedDate)}",
-            style = Typography.bodyDefaultRegular
-        )
-        Spacer(modifier = Modifier.height(Spacing.L))
-        // Date Picker (DD-MM-YYYY)
-        Text(
-            text = "Date Picker",
-            style = Typography.descriptionDefaultRegular
-        )
-        Spacer(modifier = Modifier.height(Spacing.S))
-        DateTimePicker(
-            selectedValue = selectedDate,
-            onChange = { selectedDate = it },
-            format = "DD-MM-YYYY"
-        )
-        Spacer(modifier = Modifier.height(Spacing.L))
-        // Date and Time Picker (DD-MM-YYYY HH:mm)
-        Text(
-            text = "Date and Time Picker",
-            style = Typography.descriptionDefaultRegular
-        )
-        Spacer(modifier = Modifier.height(Spacing.S))
-        DateTimePicker(
-            selectedValue = selectedDate,
-            onChange = { selectedDate = it },
-            format = "DD-MM-YYYY-HH-mm",
-            arrayLabelTime = listOf("Day", "Month", "Year", "Hour", "Minute")
-        )
-        Spacer(modifier = Modifier.height(Spacing.L))
-        // Time Picker (HH:mm)
-        Text(
-            text = "Time Picker",
-            style = Typography.descriptionDefaultRegular
-        )
-        Spacer(modifier = Modifier.height(Spacing.S))
-        DateTimePicker(
-            selectedValue = selectedDate,
-            onChange = { selectedDate = it },
-            format = "HH-mm",
-            arrayLabelTime = listOf("Hour", "Minute")
-        )
-    }
-}