Fix various bugs in demo screen

Author: florentmaitre

app/src/main/java/com/orange/ouds/app/ui/components/pincodeinput/PinCodeInputDemoScreen.kt

@@ -13,6 +13,7 @@
 package com.orange.ouds.app.ui.components.pincodeinput
 
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.platform.LocalFocusManager
 import androidx.compose.ui.res.stringResource
 import com.orange.ouds.app.R
 import com.orange.ouds.app.ui.components.Component
@@ -78,14 +79,16 @@ private fun PinCodeInputDemoBottomSheetContent(state: PinCodeInputDemoState) {
 
 @Composable
 private fun PinCodeInputDemoContent(state: PinCodeInputDemoState) {
+    val focusManager = LocalFocusManager.current
     with(state) {
         OudsPinCodeInput(
             value = value,
             onValueChange = { value = it },
             length = length,
             outlined = outlined,
             error = if (error) OudsError(errorMessage) else null,
-            helperText = helperText
+            helperText = helperText,
+            onKeyboardAction = { focusManager.clearFocus() }
         )
     }
 }
@@ -99,9 +102,7 @@ private fun Code.Builder.pinCodeInputDemoCodeSnippet(state: PinCodeInputDemoStat
             }
             typedArgument("length", length)
             if (outlined) typedArgument("outlined", outlined)
-            if (error) {
-                errorArgument(errorMessage)
-            }
+            if (error) errorArgument(errorMessage)
             if (helperText.isNotEmpty()) typedArgument("helperText", helperText)
         }
     }

app/src/main/java/com/orange/ouds/app/ui/components/pincodeinput/PinCodeInputDemoState.kt

@@ -71,7 +71,7 @@ class PinCodeInputDemoState(
         )
     }
 
-    var value by mutableStateOf(value)
+    var value: String by mutableStateOf(value)
 
     var length: OudsPinCodeInputLength by mutableStateOf(length)
 

core/src/main/java/com/orange/ouds/core/component/OudsPinCodeInput.kt

@@ -73,7 +73,7 @@ fun OudsPinCodeInput(
     @Suppress("NAME_SHADOWING") val interactionSource = interactionSource ?: remember { MutableInteractionSource() }
     val interactionState by interactionSource.collectInteractionStateAsState()
     val pinCodeInputTokens = OudsTheme.componentsTokens.pinCodeInput
-    val paddedValue = value.padEnd(length.value, OudsDigitInputPlaceholder)
+    val paddedValue = value.take(length.value).padEnd(length.value, OudsDigitInputPlaceholder)
     val textFieldState = rememberTextFieldState(
         initialText = paddedValue,
         initialSelection = TextRange((value.length + 1).coerceIn(0, length.value))
@@ -82,8 +82,9 @@ fun OudsPinCodeInput(
     if (paddedValue != textFieldState.text) {
         textFieldState.edit {
             val cursorPosition = selection.end.coerceIn(0, length.value)
-            replace(0, length.value, paddedValue)
-            // Set the cursor to its position before the replacement, because the replace method moves the cursor
+            delete(0, this.length)
+            append(paddedValue)
+            // Set the cursor to its position before the text replacement
             placeCursorBeforeCharAt(cursorPosition)
         }
     }