@idealyst/components 1.2.73 → 1.2.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/components",
-  "version": "1.2.73",
+  "version": "1.2.74",
   "description": "Shared component library for React and React Native",
   "documentation": "https://github.com/IdealystIO/idealyst-framework/tree/main/packages/components#readme",
   "readme": "README.md",
@@ -56,7 +56,7 @@
     "publish:npm": "npm publish"
   },
   "peerDependencies": {
-    "@idealyst/theme": "^1.2.73",
+    "@idealyst/theme": "^1.2.74",
     "@mdi/js": ">=7.0.0",
     "@mdi/react": ">=1.0.0",
     "@react-native-vector-icons/common": ">=12.0.0",
@@ -107,7 +107,7 @@
   },
   "devDependencies": {
     "@idealyst/blur": "^1.2.40",
-    "@idealyst/theme": "^1.2.73",
+    "@idealyst/theme": "^1.2.74",
     "@idealyst/tooling": "^1.2.30",
     "@mdi/react": "^1.6.1",
     "@types/react": "^19.1.0",

package/src/TextInput/TextInput.native.tsx

@@ -86,6 +86,7 @@ const TextInput = React.forwardRef<IdealystElement, TextInputProps>(({
   // Submit handling
   onSubmitEditing,
   returnKeyType = 'default',
+  textContentType,
 }, ref) => {
   const [isFocused, setIsFocused] = useState(false);
   const [isPasswordVisible, setIsPasswordVisible] = useState(false);
@@ -183,6 +184,10 @@ const TextInput = React.forwardRef<IdealystElement, TextInputProps>(({
     hasError,
   ]);
 
+  // Determine the textContentType for iOS AutoFill
+  // If explicitly provided, use that; otherwise default password fields to 'password'
+  const resolvedTextContentType = textContentType ?? (isSecureField ? 'password' : undefined);
+
   // Memoized TextInput props (everything except value/onChangeText)
   const textInputProps = useMemo(() => ({
     onPress: handlePress,
@@ -196,6 +201,7 @@ const TextInput = React.forwardRef<IdealystElement, TextInputProps>(({
     onSubmitEditing: handleSubmitEditing,
     returnKeyType,
     placeholderTextColor: '#999999',
+    textContentType: resolvedTextContentType,
     ...nativeA11yProps,
   }), [
     handlePress,
@@ -209,6 +215,7 @@ const TextInput = React.forwardRef<IdealystElement, TextInputProps>(({
     handleBlur,
     handleSubmitEditing,
     returnKeyType,
+    resolvedTextContentType,
     nativeA11yProps,
   ]);
 

package/src/TextInput/types.ts

@@ -23,6 +23,31 @@ export type TextInputMode = 'text' | 'email' | 'password' | 'number';
  */
 export type ReturnKeyType = 'done' | 'go' | 'next' | 'search' | 'send' | 'default';
 
+/**
+ * Text content type for iOS AutoFill.
+ * Helps iOS identify the purpose of the field for password/credential autofill.
+ * @platform ios
+ */
+export type TextContentType =
+  | 'none'
+  | 'username'
+  | 'password'
+  | 'newPassword'
+  | 'oneTimeCode'
+  | 'emailAddress'
+  | 'name'
+  | 'givenName'
+  | 'familyName'
+  | 'telephoneNumber'
+  | 'streetAddressLine1'
+  | 'streetAddressLine2'
+  | 'addressCity'
+  | 'addressState'
+  | 'addressCityAndState'
+  | 'postalCode'
+  | 'countryName'
+  | 'creditCardNumber';
+
 /**
  * Single-line text input field with support for icons, validation states, and multiple visual styles.
  * Includes built-in password visibility toggle and platform-specific keyboard handling.
@@ -160,6 +185,15 @@ export interface TextInputProps extends FormInputStyleProps, FormAccessibilityPr
    */
   returnKeyType?: ReturnKeyType;
 
+  /**
+   * iOS AutoFill content type. Helps iOS identify the field purpose for
+   * password/credential autofill. Set to 'none' to disable autofill suggestions.
+   * For password fields, use 'password' for existing passwords or 'newPassword' for signup.
+   * Pair with a username field using 'username' or 'emailAddress' for best results.
+   * @platform ios
+   */
+  textContentType?: TextContentType;
+
   /**
    * Additional styles (platform-specific)
    */