moneymong-305 feature: MDSTextField Title 영역 AnnotatedString 인자 받을 수 있도록 수정

Author: jhg3410

core/design-system/src/main/java/com/moneymong/moneymong/design_system/component/textfield/BaseTextField.kt

@@ -9,6 +9,7 @@ import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.LocalFocusManager
+import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.input.TextFieldValue
 import androidx.compose.ui.text.input.VisualTransformation
 import androidx.compose.ui.unit.dp
@@ -22,7 +23,7 @@ internal fun MDSBaseTextField(
     modifier: Modifier = Modifier,
     value: TextFieldValue,
     onValueChange: (TextFieldValue) -> Unit,
-    title: String,
+    title: AnnotatedString,
     placeholder: String,
     isFilled: Boolean,
     isError: Boolean = false,

core/design-system/src/main/java/com/moneymong/moneymong/design_system/component/textfield/NumberTextField.kt

@@ -14,6 +14,7 @@ import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.focus.onFocusChanged
 import androidx.compose.ui.platform.LocalFocusManager
+import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.input.KeyboardType
 import androidx.compose.ui.text.input.TextFieldValue
 import androidx.compose.ui.text.input.VisualTransformation
@@ -41,6 +42,38 @@ fun MDSNumberTextField(
     keyboardActions: KeyboardActions = KeyboardActions.Default,
 ) {
 
+    MDSBaseTextField(
+        modifier = modifier,
+        value = value,
+        onValueChange = { original ->
+            onValueChange(original.copy(text = original.text.filter { char -> char.isDigit() }))
+        },
+        title = AnnotatedString(text = title),
+        placeholder = placeholder,
+        isFilled = isFilled,
+        singleLine = singleLine,
+        icon = MDSTextFieldIcons.Clear,
+        onIconClick = onIconClick,
+        visualTransformation = visualTransformation,
+        keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number),
+        keyboardActions = keyboardActions,
+    )
+}
+
+@Composable
+fun MDSNumberTextField(
+    modifier: Modifier = Modifier,
+    value: TextFieldValue,
+    onValueChange: (TextFieldValue) -> Unit,
+    title: AnnotatedString,
+    placeholder: String,
+    isFilled: Boolean,
+    onIconClick: (() -> Unit),
+    singleLine: Boolean = true,
+    visualTransformation: VisualTransformation = VisualTransformation.None,
+    keyboardActions: KeyboardActions = KeyboardActions.Default,
+) {
+
     MDSBaseTextField(
         modifier = modifier,
         value = value,

core/design-system/src/main/java/com/moneymong/moneymong/design_system/component/textfield/TextField.kt

@@ -12,10 +12,15 @@ import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.focus.onFocusChanged
 import androidx.compose.ui.platform.LocalFocusManager
+import androidx.compose.ui.text.AnnotatedString
+import androidx.compose.ui.text.SpanStyle
+import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.input.TextFieldValue
 import androidx.compose.ui.text.input.VisualTransformation
+import androidx.compose.ui.text.withStyle
 import androidx.compose.ui.tooling.preview.Preview
 import com.moneymong.moneymong.design_system.component.textfield.util.MDSTextFieldIcons
+import com.moneymong.moneymong.design_system.theme.Red03
 
 
 @Composable
@@ -38,6 +43,46 @@ fun MDSTextField(
     keyboardActions: KeyboardActions = KeyboardActions.Default
 ) {
 
+    MDSBaseTextField(
+        modifier = modifier,
+        value = value,
+        onValueChange = onValueChange,
+        title = AnnotatedString(text = title),
+        placeholder = placeholder,
+        isFilled = isFilled,
+        isError = isError,
+        helperText = helperText,
+        maxCount = maxCount,
+        singleLine = singleLine,
+        minLines = minLines,
+        icon = icon,
+        onIconClick = onIconClick,
+        visualTransformation = visualTransformation,
+        keyboardOptions = keyboardOptions,
+        keyboardActions = keyboardActions
+    )
+}
+
+@Composable
+fun MDSTextField(
+    modifier: Modifier = Modifier,
+    value: TextFieldValue,
+    onValueChange: (TextFieldValue) -> Unit,
+    title: AnnotatedString,
+    placeholder: String,
+    isFilled: Boolean,
+    isError: Boolean = false,
+    helperText: String? = null,
+    maxCount: Int? = null,
+    singleLine: Boolean,
+    minLines: Int = 1,
+    icon: MDSTextFieldIcons? = null,
+    onIconClick: (() -> Unit) = {},
+    visualTransformation: VisualTransformation = VisualTransformation.None,
+    keyboardOptions: KeyboardOptions = KeyboardOptions.Default,
+    keyboardActions: KeyboardActions = KeyboardActions.Default
+) {
+
     MDSBaseTextField(
         modifier = modifier,
         value = value,
@@ -78,7 +123,12 @@ fun MDSTextFieldPreview() {
             .onFocusChanged { isFilled = !it.isFocused },
         value = userInput,
         onValueChange = { userInput = it },
-        title = "title",
+        title = buildAnnotatedString {
+            append("title")
+            withStyle(style = SpanStyle(color = Red03)) {
+                append("*")
+            }
+        },
         placeholder = "placeholder",
         isFilled = isFilled,
         isError = isError,

core/design-system/src/main/java/com/moneymong/moneymong/design_system/component/textfield/util/TextFieldContainer.kt

@@ -14,6 +14,7 @@ import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import com.moneymong.moneymong.design_system.theme.Body2
@@ -24,7 +25,7 @@ import com.moneymong.moneymong.design_system.theme.Caption
 internal fun MDSTextFieldContainer(
     modifier: Modifier = Modifier,
     state: MDSTextFieldState,
-    title: String,
+    title: AnnotatedString,
     count: Int,
     placeholder: String,
     icon: MDSTextFieldIcons?,
@@ -59,7 +60,7 @@ internal fun MDSTextFieldContainer(
 
 @Composable
 private fun MDSTextFieldContainerTop(
-    title: String,
+    title: AnnotatedString,
     state: MDSTextFieldState
 ) {
     Text(