@umituz/react-native-design-system 2.3.26 → 2.3.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.3.26",
+  "version": "2.3.28",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive and safe area utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

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

@@ -32,8 +32,15 @@ export class NavigationValidator {
 
       if (type === "tab") {
         const tabScreen = screen as TabScreen;
-        if (!tabScreen.label || typeof tabScreen.label !== "string" || tabScreen.label.trim() === "") {
-          throw new Error(`Tab screen '${screen.name}' must have a valid non-empty label`);
+
+        if (!tabScreen.isFab) {
+          if (!tabScreen.label || typeof tabScreen.label !== "string" || tabScreen.label.trim() === "") {
+            throw new Error(`Tab screen '${screen.name}' must have a valid non-empty label`);
+          }
+
+          if (tabScreen.label.length > 50) {
+            throw new Error(`Tab screen '${screen.name}' label too long (max 50 characters)`);
+          }
         }
 
         if (tabScreen.icon !== undefined && (typeof tabScreen.icon !== "string" || tabScreen.icon.trim() === "")) {
@@ -41,10 +48,6 @@ export class NavigationValidator {
             console.warn(`[NavigationValidator] Tab screen '${screen.name}' has invalid icon, it will be ignored`);
           }
         }
-
-        if (tabScreen.label.length > 50) {
-          throw new Error(`Tab screen '${screen.name}' label too long (max 50 characters)`);
-        }
       }
     });
   }

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

@@ -31,8 +31,8 @@ export function createTabScreen<T extends ParamListBase = ParamListBase>(
     const isFab = screen.isFab ?? false;
 
     const baseOptions: BottomTabNavigationOptions = {
-      tabBarLabel: isFab ? undefined : processedLabel,
-      title: processedLabel,
+      tabBarLabel: isFab ? "" : processedLabel,
+      title: isFab ? "" : processedLabel,
       tabBarIcon: ({ focused }: { focused: boolean }) => {
         const iconName = IconRenderer.getIconName(
           screen.name,

package/src/types/react-native.d.ts

@@ -0,0 +1,21 @@
+import 'react-native';
+
+declare module 'react-native' {
+  import { FC } from 'react';
+  import { ViewProps as RNViewProps, TextProps as RNTextProps } from 'react-native';
+
+  export const View: FC<RNViewProps>;
+  export const Text: FC<RNTextProps>;
+  export const ScrollView: FC<any>;
+  export const FlatList: FC<any>;
+  export const TouchableOpacity: FC<any>;
+  export const TouchableHighlight: FC<any>;
+  export const Pressable: FC<any>;
+  export const TextInput: FC<any>;
+  export const Image: FC<any>;
+  export const ActivityIndicator: FC<any>;
+  export const Modal: FC<any>;
+  export const Switch: FC<any>;
+  export const KeyboardAvoidingView: FC<any>;
+  export const RefreshControl: FC<any>;
+}