@umituz/react-native-design-system 2.6.79 → 2.6.80

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.6.79",
+  "version": "2.6.80",
   "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/avatar/Avatar.utils.ts

@@ -64,17 +64,17 @@ export class AvatarUtils {
    * Same name always returns same color
    */
   static getColorForName(name: string): string {
-    if (!name) return AVATAR_COLORS[0];
+    if (!name) return AVATAR_COLORS[0] ?? '#7E57C2';
 
     const hash = this.hashString(name);
-    return AVATAR_COLORS[hash % AVATAR_COLORS.length];
+    return AVATAR_COLORS[hash % AVATAR_COLORS.length] ?? AVATAR_COLORS[0] ?? '#7E57C2';
   }
 
   /**
    * Get size config
    */
   static getSizeConfig(size: AvatarSize): SizeConfig {
-    return SIZE_CONFIGS[size];
+    return SIZE_CONFIGS[size] ?? SIZE_CONFIGS.md;
   }
 
   /**
@@ -84,14 +84,14 @@ export class AvatarUtils {
     if (shape === 'circle') {
       return size / 2;
     }
-    return SHAPE_CONFIGS[shape];
+    return SHAPE_CONFIGS[shape] ?? 0;
   }
 
   /**
    * Get status color
    */
   static getStatusColor(status: 'online' | 'offline' | 'away' | 'busy'): string {
-    return STATUS_COLORS[status];
+    return STATUS_COLORS[status] ?? STATUS_COLORS.offline;
   }
 
   /**
@@ -132,7 +132,3 @@ export class AvatarUtils {
     return config.type === 'icon' && !!config.icon;
   }
 }
-
-// Re-export types and constants for convenience
-export type { AvatarSize, AvatarShape, AvatarType, AvatarConfig, SizeConfig } from './Avatar.types';
-export { AVATAR_COLORS, STATUS_COLORS, SHAPE_CONFIGS, SIZE_CONFIGS, AVATAR_CONSTANTS } from './Avatar.constants';

package/src/molecules/countdown/components/Countdown.tsx

@@ -42,7 +42,7 @@ export const Countdown: React.FC<CountdownProps> = ({
         () => [target, ...alternateTargets],
         [target, alternateTargets]
     );
-    const currentTarget = allTargets[currentTargetIndex];
+    const currentTarget = allTargets[currentTargetIndex] ?? target;
 
     const { timeRemaining, setTarget: updateTarget } = useCountdown(currentTarget, {
         interval,
@@ -50,25 +50,28 @@ export const Countdown: React.FC<CountdownProps> = ({
     });
 
     React.useEffect(() => {
-        updateTarget(currentTarget);
+        if (currentTarget) {
+            updateTarget(currentTarget);
+        }
     }, [currentTarget, updateTarget]);
 
     const handleToggle = () => {
         const nextIndex = (currentTargetIndex + 1) % allTargets.length;
-        setCurrentTargetIndex(nextIndex);
-        if (onTargetChange) {
-            onTargetChange(allTargets[nextIndex]);
+        const nextTarget = allTargets[nextIndex];
+        if (nextTarget) {
+            setCurrentTargetIndex(nextIndex);
+            onTargetChange?.(nextTarget);
         }
     };
 
     const defaultFormatLabel = (unit: 'days' | 'hours' | 'minutes' | 'seconds') => {
-        const labels = {
-            days: 'DAYS',
-            hours: 'HOURS',
-            minutes: 'MINUTES',
-            seconds: 'SECONDS',
+        const labels: Record<string, string> = {
+            days: '',
+            hours: '',
+            minutes: '',
+            seconds: '',
         };
-        return labels[unit];
+        return labels[unit] ?? '';
     };
 
     const labelFormatter = formatLabel || defaultFormatLabel;
@@ -112,9 +115,9 @@ export const Countdown: React.FC<CountdownProps> = ({
 
     return (
         <View style={styles.container}>
-            {showLabel && (
+            {showLabel && currentTarget && (
                 <CountdownHeader
-                    title={currentTarget.label || 'Countdown'}
+                    title={currentTarget.label || ''}
                     icon={currentTarget.icon as IconName}
                     showToggle={showToggle}
                     onToggle={handleToggle}