Merge pull request #32 from anday013/fix/assign-otp-content-type

feat: add `textContentType` prop as OTP to `TextInput`
anday013 · Jan 6, 2024 · 1ab3759 · 1ab3759
2 parents 7db6d76 + 5399ece
commit 1ab3759
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/dist/src/OtpInput/OtpInput.js b/dist/src/OtpInput/OtpInput.js
@@ -32,6 +32,6 @@ exports.OtpInput = (0, react_1.forwardRef)((props, ref) => {
               </react_native_1.Pressable>);
         })}
       </react_native_1.View>
-      <react_native_1.TextInput value={text} onChangeText={handleTextChange} maxLength={numberOfDigits} inputMode="numeric" ref={inputRef} autoFocus={autoFocus} style={OtpInput_styles_1.styles.hiddenInput} secureTextEntry={secureTextEntry} testID="otp-input-hidden"/>
+      <react_native_1.TextInput value={text} onChangeText={handleTextChange} maxLength={numberOfDigits} inputMode="numeric" textContentType="oneTimeCode" ref={inputRef} autoFocus={autoFocus} style={OtpInput_styles_1.styles.hiddenInput} secureTextEntry={secureTextEntry} testID="otp-input-hidden"/>
     </react_native_1.View>);
 });
diff --git a/src/OtpInput/OtpInput.tsx b/src/OtpInput/OtpInput.tsx
@@ -74,6 +74,7 @@ export const OtpInput = forwardRef<OtpInputRef, OtpInputProps>((props, ref) => {
         onChangeText={handleTextChange}
         maxLength={numberOfDigits}
         inputMode="numeric"
+        textContentType="oneTimeCode"
         ref={inputRef}
         autoFocus={autoFocus}
         style={styles.hiddenInput}

diff --git a/src/OtpInput/__snapshots__/OtpInput.test.tsx.snap b/src/OtpInput/__snapshots__/OtpInput.test.tsx.snap
@@ -409,6 +409,7 @@ exports[`OtpInput UI should render correctly 1`] = `
       }
     }
     testID="otp-input-hidden"
+    textContentType="oneTimeCode"
     value=""
   />
 </View>
-Original file line number
+Diff line change
@@ Expand Up / @@ -409,6 +409,7 @@ exports[`OtpInput UI should render correctly 1`] = ` @@
           }
         }
         testID="otp-input-hidden"
+        textContentType="oneTimeCode"
         value=""
       />
     </View>
@@ Expand Down @@