@umituz/react-native-design-system 2.9.4 → 2.9.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.9.4",
+  "version": "2.9.6",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, and onboarding utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/atoms/AtomicInput.tsx

@@ -44,6 +44,7 @@ export const AtomicInput = React.forwardRef<TextInput, AtomicInputProps>(({
   autoFocus,
   autoCapitalize = 'sentences',
   autoCorrect = true,
+  autoComplete,
   disabled = false,
   style,
   inputStyle,
@@ -151,6 +152,7 @@ export const AtomicInput = React.forwardRef<TextInput, AtomicInputProps>(({
           autoFocus={autoFocus}
           autoCapitalize={autoCapitalize}
           autoCorrect={autoCorrect}
+          autoComplete={autoComplete}
           editable={!isDisabled}
           multiline={multiline}
           numberOfLines={numberOfLines}

package/src/atoms/input/types.ts

@@ -51,6 +51,8 @@ export interface AtomicInputProps {
   autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
   /** Auto-correct */
   autoCorrect?: boolean;
+  /** Auto-complete (Android/Web) */
+  autoComplete?: TextInputProps['autoComplete'];
   /** Disabled state */
   disabled?: boolean;
   /** Container style */

package/src/molecules/navigation/utils/NavigationValidator.ts

@@ -1,4 +1,4 @@
-import type { TabScreen, StackScreen } from "../types";
+import type { TabScreen, StackScreen, BaseScreen } from "../types";
 
 export class NavigationValidator {
   static validateScreens(screens: TabScreen[] | StackScreen[], type: "tab" | "stack"): void {
@@ -11,7 +11,7 @@ export class NavigationValidator {
     }
 
     const screenNames = new Set<string>();
-    
+
     screens.forEach((screen, index) => {
       if (!screen.name || typeof screen.name !== "string" || screen.name.trim() === "") {
         throw new Error(`Screen at index ${index} must have a valid non-empty name`);
@@ -23,8 +23,9 @@ export class NavigationValidator {
       }
       screenNames.add(screen.name);
 
-      if (!screen.component || typeof screen.component !== "function") {
-        throw new Error(`Screen '${screen.name}' must have a valid component`);
+      const baseScreen = screen as BaseScreen;
+      if (!baseScreen.component && !baseScreen.children) {
+        throw new Error(`Screen '${screen.name}' must have a valid component or children`);
       }
 
       if (type === "tab") {