@umituz/react-native-design-system 2.6.90 → 2.6.92

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.6.90",
+  "version": "2.6.92",
   "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/splash/components/SplashScreen.tsx

@@ -14,7 +14,6 @@ export const SplashScreen: React.FC<SplashScreenProps> = ({
   appName,
   tagline,
   colors: customColors,
-  gradientColors,
   visible = true,
   maxDuration,
   onTimeout,

package/src/theme/core/NavigationTheme.ts

@@ -1,5 +1,5 @@
 import type { ColorPalette, ThemeMode } from "./ColorPalette";
-import type { ExtendedColorPalette } from "./themes";
+
 
 /**
  * Font weight type compatible with React Navigation v7
@@ -51,7 +51,7 @@ export interface NavigationTheme {
  * Compatible with React Navigation v7+
  */
 export const createNavigationTheme = (
-  colors: ColorPalette | ExtendedColorPalette,
+  colors: ColorPalette,
   themeMode: ThemeMode
 ): NavigationTheme => ({
   dark: themeMode === "dark",

package/src/theme/index.ts

@@ -86,7 +86,6 @@ export {
   darkTheme,
   createResponsiveValue,
   type Theme,
-  type ExtendedColorPalette,
 } from './core/themes';
 
 // =============================================================================

package/src/theme/infrastructure/providers/DesignSystemProvider.tsx

@@ -9,7 +9,6 @@ import type { CustomThemeColors } from '../../core/CustomColors';
 import { SplashScreen } from '../../../molecules/splash';
 import type { SplashScreenProps } from '../../../molecules/splash/types';
 
-
 declare const __DEV__: boolean;
 
 interface DesignSystemProviderProps {
@@ -45,9 +44,7 @@ export const DesignSystemProvider: React.FC<DesignSystemProviderProps> = ({
   onInitialized,
   onError,
 }: DesignSystemProviderProps) => {
-  // ALL HOOKS MUST BE AT THE TOP (Rules of Hooks)
   const [isInitialized, setIsInitialized] = useState(false);
-  const [minDisplayTimeMet, setMinDisplayTimeMet] = useState(false);
   
   // Load fonts if provided
   const [fontsLoaded, fontError] = fonts ? useFonts(fonts) : [true, null];
@@ -56,110 +53,59 @@ export const DesignSystemProvider: React.FC<DesignSystemProviderProps> = ({
   const setCustomColors = useDesignSystemTheme((state) => state.setCustomColors);
 
   useEffect(() => {
-    if (__DEV__) console.log('[DesignSystemProvider] Initializing...');
-
     // Apply custom colors if provided
     if (customColors) {
-      if (__DEV__) console.log('[DesignSystemProvider] Applying custom colors');
       setCustomColors(customColors);
     }
 
-    // Start minimum display timer (1.5 seconds)
-    const MIN_SPLASH_DISPLAY_TIME = 1500;
-    const displayTimer = setTimeout(() => {
-      if (__DEV__) console.log('[DesignSystemProvider] Minimum display time met (1.5s)');
-      setMinDisplayTimeMet(true);
-    }, MIN_SPLASH_DISPLAY_TIME);
-
     // Initialize theme store
     initialize()
       .then(() => {
-        if (__DEV__) console.log('[DesignSystemProvider] Theme initialized successfully');
         setIsInitialized(true);
       })
       .catch((error) => {
-        if (__DEV__) console.error('[DesignSystemProvider] Initialization failed:', error);
         setIsInitialized(true); // Still render app even on error
         onError?.(error);
       });
-
-    return () => clearTimeout(displayTimer);
   }, [initialize, customColors, setCustomColors, onError]);
 
   // Handle initialization completion when both theme and fonts are ready
   useEffect(() => {
-    if (isInitialized && fontsLoaded && minDisplayTimeMet) {
-      if (__DEV__) console.log('[DesignSystemProvider] All systems ready - calling onInitialized');
+    if (isInitialized && fontsLoaded) {
       onInitialized?.();
     }
-  }, [isInitialized, fontsLoaded, minDisplayTimeMet, onInitialized]);
+  }, [isInitialized, fontsLoaded, onInitialized]);
 
   // Handle font errors
   useEffect(() => {
     if (fontError) {
-      if (__DEV__) console.error('[DesignSystemProvider] Font loading failed:', fontError);
       onError?.(fontError);
     }
   }, [fontError, onError]);
 
-  // ALL HOOKS ABOVE - NOW SAFE TO USE OTHER LOGIC
-
-  if (__DEV__) {
-    console.log('[DesignSystemProvider] Component render:', {
-      isInitialized,
-      fontsLoaded,
-      minDisplayTimeMet,
-      showLoadingIndicator,
-      hasSplashConfig: !!splashConfig,
-    });
-  }
-
-  const renderContent = () => {
-    // Show splash if:
-    // 1. Loading indicator is enabled AND
-    // 2. Either theme not init OR fonts not loaded OR min time not met
-    const shouldShowSplash = showLoadingIndicator && (!isInitialized || !fontsLoaded || !minDisplayTimeMet);
+  // Determine if we should show loading state
+  const isLoading = showLoadingIndicator && (!isInitialized || !fontsLoaded);
 
-    if (__DEV__) {
-      console.log('[DesignSystemProvider] renderContent:', {
-        shouldShowSplash,
-        isInitialized,
-        fontsLoaded,
-        minDisplayTimeMet
-      });
+  if (isLoading) {
+    if (loadingComponent) {
+      return <>{loadingComponent}</>;
     }
 
-    // Show loading indicator if requested and not yet ready (both conditions must be met)
-    if (shouldShowSplash) {
-      if (__DEV__) console.log('[DesignSystemProvider] Showing loading state');
-
-      if (loadingComponent) {
-        if (__DEV__) console.log('[DesignSystemProvider] Rendering custom loading component');
-        return <>{loadingComponent}</>;
-      }
-
-      // Use SplashScreen if config provided, otherwise fallback to ActivityIndicator
-      if (splashConfig) {
-        if (__DEV__) console.log('[DesignSystemProvider] Rendering SplashScreen with config:', splashConfig);
-        return <SplashScreen {...splashConfig} visible={shouldShowSplash} />;
-      }
-
-      if (__DEV__) console.log('[DesignSystemProvider] Rendering fallback ActivityIndicator');
-      return (
-        <View style={styles.loadingContainer}>
-          <ActivityIndicator size="large" />
-        </View>
-      );
+    if (splashConfig) {
+      return <SplashScreen {...splashConfig} visible={true} />;
     }
 
-    if (__DEV__) console.log('[DesignSystemProvider] Rendering children (app initialized)');
-    return <>{children}</>;
-  };
+    return (
+      <View style={styles.loadingContainer}>
+        <ActivityIndicator size="large" />
+      </View>
+    );
+  }
 
   return (
     <GestureHandlerRootView style={{ flex: 1 }}>
       <SafeAreaProvider initialMetrics={initialWindowMetrics}>
-          {renderContent()}
+          {children}
       </SafeAreaProvider>
     </GestureHandlerRootView>
   );