@umituz/react-native-design-system 2.3.18 → 2.3.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.3.18",
+  "version": "2.3.20",
   "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/countdown/components/Countdown.tsx

@@ -33,6 +33,10 @@ export const Countdown: React.FC<CountdownProps> = ({
         showToggle = alternateTargets.length > 0,
         layout = 'grid',
         size = 'medium',
+        showDays,
+        showHours = true,
+        showMinutes = true,
+        showSeconds = true,
     } = displayConfig;
 
     const [currentTargetIndex, setCurrentTargetIndex] = React.useState(0);
@@ -70,27 +74,35 @@ export const Countdown: React.FC<CountdownProps> = ({
     const timeUnits = useMemo(() => {
         const units = [];
 
-        if (timeRemaining.days > 0) {
+        const shouldShowDays = showDays !== undefined ? showDays : timeRemaining.days > 0;
+
+        if (shouldShowDays) {
             units.push({
                 value: timeRemaining.days,
                 label: labelFormatter('days', timeRemaining.days)
             });
         }
-        units.push({
-            value: timeRemaining.hours,
-            label: labelFormatter('hours', timeRemaining.hours)
-        });
-        units.push({
-            value: timeRemaining.minutes,
-            label: labelFormatter('minutes', timeRemaining.minutes)
-        });
-        units.push({
-            value: timeRemaining.seconds,
-            label: labelFormatter('seconds', timeRemaining.seconds)
-        });
+        if (showHours) {
+            units.push({
+                value: timeRemaining.hours,
+                label: labelFormatter('hours', timeRemaining.hours)
+            });
+        }
+        if (showMinutes) {
+            units.push({
+                value: timeRemaining.minutes,
+                label: labelFormatter('minutes', timeRemaining.minutes)
+            });
+        }
+        if (showSeconds) {
+            units.push({
+                value: timeRemaining.seconds,
+                label: labelFormatter('seconds', timeRemaining.seconds)
+            });
+        }
 
         return units;
-    }, [timeRemaining, labelFormatter]);
+    }, [timeRemaining, labelFormatter, showDays, showHours, showMinutes, showSeconds]);
 
     return (
         <View style={styles.container}>

package/src/molecules/countdown/types/CountdownTypes.ts

@@ -28,4 +28,8 @@ export interface CountdownDisplayConfig {
     showToggle?: boolean;
     layout?: 'grid' | 'inline' | 'compact';
     size?: 'small' | 'medium' | 'large';
+    showDays?: boolean;
+    showHours?: boolean;
+    showMinutes?: boolean;
+    showSeconds?: boolean;
 }

package/src/molecules/countdown/utils/TimeCalculator.ts

@@ -14,6 +14,14 @@ export function calculateTimeRemaining(targetDate: Date | string): TimeRemaining
     const minutes = Math.floor((totalSeconds % 3600) / 60);
     const seconds = totalSeconds % 60;
 
+    if (__DEV__) {
+        console.log('[TimeCalculator] Now:', now);
+        console.log('[TimeCalculator] Target:', target);
+        console.log('[TimeCalculator] Difference (ms):', difference);
+        console.log('[TimeCalculator] Total seconds:', totalSeconds);
+        console.log('[TimeCalculator] Calculated - Days:', days, 'Hours:', hours, 'Minutes:', minutes, 'Seconds:', seconds);
+    }
+
     return {
         days,
         hours,