Autoselect payee field when focused

Author: paullinator

CHANGELOG.md

@@ -2,12 +2,13 @@
 
 ## Unreleased
 
+- added: New Kado OTC provider integration.
 - changed: `WalletListScene` filter mode remains active on empty text
 - changed: (iOS) `SimpleTextInput` back chevron replaced with "Cancel" button
-- added: New Kado OTC provider integration.
 - changed: Improved EdgeCrashEvent reporting with additional metadata, tags, and name/message information.
 - changed: Integrate `installSurvey` endpoint for post-install survey options
 - changed: StakeKit staking plugin to check validator status before getting quote
+- changed: Auto select text in tx details payee field when focused
 - fixed: Only send successful import items to completion scene
 
 ## 4.19.0

src/components/modals/ContactListModal.tsx

@@ -81,6 +81,7 @@ export function ContactListModal({ bridge, contactType, contactName }: Props) {
       rowComponent={rowComponent}
       rowDataFilter={rowDataFilter}
       autoFocus
+      autoSelect
     />
   )
 }

src/components/modals/ListModal.tsx

@@ -31,6 +31,7 @@ interface Props<T> {
   onSubmitEditing?: (text: string) => void
   secureTextEntry?: boolean // Defaults to 'false'
   autoFocus?: boolean // Defaults to 'false'
+  autoSelect?: boolean // Defaults to 'false'
   // List Props
   rowsData?: T[] // Defaults to []
   fullScreen?: boolean
@@ -47,6 +48,7 @@ export function ListModal<T>({
   initialValue = '',
   rowsData = [],
   fullScreen = true,
+  autoSelect = false,
   rowComponent,
   rowDataFilter,
   onSubmitEditing,
@@ -80,6 +82,7 @@ export function ListModal<T>({
           blurOnClear={false}
           autoCorrect={false}
           autoCapitalize="words"
+          autoSelect={autoSelect}
           returnKeyType="done"
           testID={title}
           onChangeText={handleChangeText}

src/components/themed/FilledTextInput.tsx

@@ -81,6 +81,11 @@ export interface FilledTextInputBaseProps extends MarginRemProps {
    * 'autoFocus' and 'regular' text inputs don't. */
   autoFocus?: boolean // Defaults to 'true'
 
+  /**
+   * autoSelect: If true, the text input will be selected when focused.
+   */
+  autoSelect?: boolean
+
   /** Unless 'blurOnClear' is passed explicitly in the props, Search Bars calls
    * 'blur' when cleared and text inputs don't call 'blur' when cleared.
    * Defaults to 'false' */
@@ -158,6 +163,7 @@ export const FilledTextInput = React.forwardRef<FilledTextInputRef, FilledTextIn
     autoComplete,
     autoCorrect,
     autoFocus = false,
+    autoSelect = false,
     blurOnClear = false,
     blurOnSubmit,
     disabled = false,
@@ -232,6 +238,9 @@ export const FilledTextInput = React.forwardRef<FilledTextInputRef, FilledTextIn
   })
   const handleFocus = useHandler(() => {
     focusAnimation.value = withTiming(1, { duration: baseDuration })
+    if (autoSelect) {
+      setNativeProps({ selection: { start: 0, end: value.length } })
+    }
     if (onFocus != null) onFocus()
   })
   const handleSubmitEditing = useHandler(() => {