@umituz/react-native-design-system 4.23.82 → 4.23.84

package/src/molecules/countdown/hooks/useCountdown.ts

@@ -44,6 +44,14 @@ export function useCountdown(
     );
 
     const expiredRef = useRef(false);
+    const onExpireRef = useRef(onExpire);
+    const onTickRef = useRef(onTick);
+
+    // Keep refs in sync with latest callbacks
+    useEffect(() => {
+        onExpireRef.current = onExpire;
+        onTickRef.current = onTick;
+    }, [onExpire, onTick]);
 
     const updateTime = useCallback(() => {
         if (!target) return;
@@ -51,18 +59,18 @@ export function useCountdown(
         const remaining = calculateTimeRemaining(target.date);
         setTimeRemaining(remaining);
 
-        if (onTick) {
-            onTick(remaining);
+        if (onTickRef.current) {
+            onTickRef.current(remaining);
         }
 
         if (remaining.isExpired && !expiredRef.current) {
             expiredRef.current = true;
             setIsActive(false);
-            if (onExpire) {
-                onExpire();
+            if (onExpireRef.current) {
+                onExpireRef.current();
             }
         }
-    }, [target, onTick, onExpire]);
+    }, [target]);
 
     useEffect(() => {
         if (!isActive || !target) return;

package/src/molecules/swipe-actions/domain/entities/SwipeAction.ts

@@ -2,7 +2,6 @@
  * Swipe Actions Domain - Entity Layer
  *
  * Core swipe action types and configurations.
- * Defines pre-built action types, colors, icons, and utilities.
  *
  * @domain swipe-actions
  * @layer domain/entities
@@ -61,53 +60,6 @@ export interface SwipeableConfig {
   friction?: number;
 }
 
-/**
- * Pre-built action type configurations
- */
-export const ACTION_PRESETS: Record<Exclude<SwipeActionType, 'custom'>, {
-  label: string;
-  icon: IconName;
-  colorKey: 'error' | 'success' | 'primary' | 'secondary' | 'warning' | 'textSecondary';
-  hapticsIntensity: 'Light' | 'Medium' | 'Heavy';
-}> = {
-  delete: {
-    label: 'Delete',
-    icon: 'Trash2',
-    colorKey: 'error',
-    hapticsIntensity: 'Heavy',
-  },
-  archive: {
-    label: 'Archive',
-    icon: 'Archive',
-    colorKey: 'success',
-    hapticsIntensity: 'Medium',
-  },
-  edit: {
-    label: 'Edit',
-    icon: 'Pencil',
-    colorKey: 'primary',
-    hapticsIntensity: 'Light',
-  },
-  share: {
-    label: 'Share',
-    icon: 'Share2',
-    colorKey: 'secondary',
-    hapticsIntensity: 'Light',
-  },
-  favorite: {
-    label: 'Favorite',
-    icon: 'Heart',
-    colorKey: 'warning',
-    hapticsIntensity: 'Light',
-  },
-  more: {
-    label: 'More',
-    icon: 'MoveHorizontal',
-    colorKey: 'textSecondary',
-    hapticsIntensity: 'Light',
-  },
-};
-
 /**
  * Default swipe configuration
  */
@@ -117,78 +69,18 @@ export const DEFAULT_SWIPE_CONFIG: Required<Omit<SwipeableConfig, 'leftActions'
   friction: 2,
 };
 
-/**
- * Swipe action utility functions
- */
-export class SwipeActionUtils {
-  /**
-   * Gets preset configuration for action type
-   */
-  static getPreset(type: SwipeActionType) {
-    if (type === 'custom') {
-      return null;
-    }
-    return ACTION_PRESETS[type];
-  }
-
-  /**
-   * Validates swipe action configuration
-   */
-  static validateAction(action: SwipeActionConfig): boolean {
-    // Must have onPress handler
-    if (!action.onPress || typeof action.onPress !== 'function') {
-      return false;
-    }
-
-    // Custom actions must have label, icon, and color
-    if (action.type === 'custom') {
-      return !!(action.label && action.icon && action.color);
-    }
-
-    return true;
-  }
-
-  /**
-   * Gets action display label
-   */
-  static getLabel(action: SwipeActionConfig): string {
-    if (action.label) {
-      return action.label;
-    }
-
-    const preset = this.getPreset(action.type);
-    return preset?.label || 'Action';
-  }
-
-  /**
-   * Gets action icon name
-   */
-  static getIcon(action: SwipeActionConfig): IconName {
-    if (action.icon) {
-      return action.icon;
-    }
-
-    const preset = this.getPreset(action.type);
-    return preset?.icon || 'MoveHorizontal';
-  }
-
-  /**
-   * Gets action color key for theme
-   */
-  static getColorKey(action: SwipeActionConfig): string | null {
-    if (action.color) {
-      return null; // Use custom color
-    }
-
-    const preset = this.getPreset(action.type);
-    return preset?.colorKey || null;
-  }
-
-  /**
-   * Gets haptics intensity for action
-   */
-  static getHapticsIntensity(action: SwipeActionConfig): 'Light' | 'Medium' | 'Heavy' {
-    const preset = this.getPreset(action.type);
-    return preset?.hapticsIntensity || 'Light';
-  }
-}
+// Re-export utilities for backward compatibility
+export {
+  ACTION_PRESETS,
+  getPreset,
+  getActionLabel,
+  getActionIcon,
+  getActionColorKey,
+  getHapticsIntensity,
+} from '../utils/swipeActionHelpers';
+
+export {
+  validateSwipeAction,
+  validateSwipeActions,
+  getValidationError,
+} from '../utils/swipeActionValidator';

package/src/molecules/swipe-actions/domain/utils/swipeActionHelpers.ts

@@ -0,0 +1,109 @@
+/**
+ * Swipe Action Helpers
+ *
+ * Helper functions for swipe action styling and behavior.
+ */
+
+import type { IconName } from '../../../../atoms/icon';
+import type { SwipeActionType } from '../entities/SwipeAction';
+
+/**
+ * Pre-built action type configurations
+ */
+export const ACTION_PRESETS: Record<Exclude<SwipeActionType, 'custom'>, {
+  label: string;
+  icon: IconName;
+  colorKey: 'error' | 'success' | 'primary' | 'secondary' | 'warning' | 'textSecondary';
+  hapticsIntensity: 'Light' | 'Medium' | 'Heavy';
+}> = {
+  delete: {
+    label: 'Delete',
+    icon: 'Trash2',
+    colorKey: 'error',
+    hapticsIntensity: 'Heavy',
+  },
+  archive: {
+    label: 'Archive',
+    icon: 'Archive',
+    colorKey: 'success',
+    hapticsIntensity: 'Medium',
+  },
+  edit: {
+    label: 'Edit',
+    icon: 'Pencil',
+    colorKey: 'primary',
+    hapticsIntensity: 'Light',
+  },
+  share: {
+    label: 'Share',
+    icon: 'Share2',
+    colorKey: 'secondary',
+    hapticsIntensity: 'Light',
+  },
+  favorite: {
+    label: 'Favorite',
+    icon: 'Heart',
+    colorKey: 'warning',
+    hapticsIntensity: 'Light',
+  },
+  more: {
+    label: 'More',
+    icon: 'MoveHorizontal',
+    colorKey: 'textSecondary',
+    hapticsIntensity: 'Light',
+  },
+};
+
+/**
+ * Gets preset configuration for action type
+ */
+export function getPreset(type: SwipeActionType) {
+  if (type === 'custom') {
+    return null;
+  }
+  return ACTION_PRESETS[type];
+}
+
+/**
+ * Gets action display label
+ */
+export function getActionLabel(action: { type: SwipeActionType; label?: string }): string {
+  if (action.label) {
+    return action.label;
+  }
+
+  const preset = getPreset(action.type);
+  return preset?.label || 'Action';
+}
+
+/**
+ * Gets action icon name
+ */
+export function getActionIcon(action: { type: SwipeActionType; icon?: IconName }): IconName {
+  if (action.icon) {
+    return action.icon;
+  }
+
+  const preset = getPreset(action.type);
+  return preset?.icon || 'MoveHorizontal';
+}
+
+/**
+ * Gets action color key for theme
+ */
+export function getActionColorKey(action: { type: SwipeActionType; color?: string }): string | null {
+  if (action.color) {
+    return null; // Use custom color
+  }
+
+  const preset = getPreset(action.type);
+  return preset?.colorKey || null;
+}
+
+/**
+ * Gets haptics intensity for action
+ */
+export function getHapticsIntensity(action: { type: SwipeActionType; enableHaptics?: boolean }): 'Light' | 'Medium' | 'Heavy' {
+  const preset = getPreset(action.type);
+  return preset?.hapticsIntensity || 'Light';
+}

package/src/molecules/swipe-actions/domain/utils/swipeActionValidator.ts

@@ -0,0 +1,54 @@
+/**
+ * Swipe Action Validator
+ *
+ * Validation functions for swipe action configurations.
+ */
+
+import type { SwipeActionConfig } from '../entities/SwipeAction';
+
+/**
+ * Validates swipe action configuration
+ */
+export function validateSwipeAction(action: SwipeActionConfig): boolean {
+  // Must have onPress handler
+  if (!action.onPress || typeof action.onPress !== 'function') {
+    return false;
+  }
+
+  // Custom actions must have label, icon, and color
+  if (action.type === 'custom') {
+    return !!(action.label && action.icon && action.color);
+  }
+
+  return true;
+}
+
+/**
+ * Validates multiple swipe actions
+ */
+export function validateSwipeActions(actions: SwipeActionConfig[]): boolean {
+  return actions.every(validateSwipeAction);
+}
+
+/**
+ * Gets validation error message for an action
+ */
+export function getValidationError(action: SwipeActionConfig): string | null {
+  if (!action.onPress || typeof action.onPress !== 'function') {
+    return 'Action must have an onPress handler';
+  }
+
+  if (action.type === 'custom') {
+    if (!action.label) {
+      return 'Custom action must have a label';
+    }
+    if (!action.icon) {
+      return 'Custom action must have an icon';
+    }
+    if (!action.color) {
+      return 'Custom action must have a color';
+    }
+  }
+
+  return null;
+}

package/src/molecules/swipe-actions/presentation/components/SwipeActionButton.tsx

@@ -14,7 +14,12 @@ import { AtomicText, AtomicIcon } from '../../../../atoms';
 import { useAppDesignTokens } from '../../../../theme/hooks/useAppDesignTokens';
 import { HapticService } from '../../../../haptics';
 import type { SwipeActionConfig } from '../../domain/entities/SwipeAction';
-import { SwipeActionUtils } from '../../domain/entities/SwipeAction';
+import {
+  getActionLabel,
+  getActionIcon,
+  getActionColorKey,
+  getHapticsIntensity,
+} from '../../domain/entities/SwipeAction';
 
 /**
  * SwipeActionButton component props
@@ -58,19 +63,32 @@ export const SwipeActionButton: React.FC<SwipeActionButtonProps> = ({
   const tokens = useAppDesignTokens();
 
   // Get action properties
-  const label = SwipeActionUtils.getLabel(action);
-  const iconName = SwipeActionUtils.getIcon(action);
-  const colorKey = SwipeActionUtils.getColorKey(action);
+  const label = getActionLabel(action);
+  const iconName = getActionIcon(action);
+  const colorKey = getActionColorKey(action);
   const customColor = action.color;
   const enableHaptics = action.enableHaptics !== false;
 
   // Get background color from theme or custom
-  const backgroundColor = customColor || (colorKey ? (tokens.colors[colorKey as keyof typeof tokens.colors] as string) : tokens.colors.primary);
+  // Type-safe color lookup with fallback
+  const getBackgroundColor = (): string => {
+    if (customColor) {
+      return customColor;
+    }
+
+    if (colorKey && colorKey in tokens.colors) {
+      return tokens.colors[colorKey as keyof typeof tokens.colors];
+    }
+
+    return tokens.colors.primary;
+  };
+
+  const backgroundColor = getBackgroundColor();
 
   const handlePress = async () => {
     // Trigger haptic feedback
     if (enableHaptics) {
-      const intensity = SwipeActionUtils.getHapticsIntensity(action);
+      const intensity = getHapticsIntensity(action);
       await HapticService.impact(intensity);
     }
 

package/src/offline/presentation/hooks/useOffline.ts

@@ -56,7 +56,7 @@ export const useOffline = (config?: OfflineConfig) => {
 
     networkEvents.emit('change', networkState);
     previousStateRef.current = networkState;
-  }, [store]);
+  }, [store, previousStateRef]);
 
   useEffect(() => {
     if (isInitialized.current) return;
@@ -72,6 +72,7 @@ export const useOffline = (config?: OfflineConfig) => {
       })
       .catch((_error: Error) => {
         if (isMountedRef.current && (__DEV__ || mergedConfig.debug)) {
+          console.error('[DesignSystem] useOffline: Failed to get initial network state', _error);
         }
       });
 

package/src/storage/domain/utils/devUtils.ts

@@ -11,24 +11,25 @@ export const isDev = (): boolean => {
 
 /**
  * Log warning in development mode only
+ * All logs are disabled
  */
 export const devWarn = (_message: string, ..._args: unknown[]): void => {
-  if (__DEV__) {
-  }
+  // Disabled
 };
 
 /**
  * Log error in development mode only
+ * All logs are disabled
  */
 export const devError = (_message: string, ..._args: unknown[]): void => {
-  if (__DEV__) {
-  }
+  // Disabled
 };
 
 /**
  * Log info in development mode only
+ * All logs are disabled
  */
 export const devLog = (_message: string, ..._args: unknown[]): void => {
-  if (__DEV__) {
-  }
+  // Disabled
 };
+

package/src/storage/infrastructure/adapters/StorageService.ts

@@ -20,9 +20,6 @@ export const storageService: StateStorage = {
     } catch (error) {
       const errorMessage = `StorageService: Failed to get item "${name}"`;
       devWarn(errorMessage, error);
-      // Also log in production for debugging
-      if (!__DEV__) {
-      }
       return null;
     }
   },
@@ -33,9 +30,6 @@ export const storageService: StateStorage = {
     } catch (error) {
       const errorMessage = `StorageService: Failed to set item "${name}"`;
       devWarn(errorMessage, error);
-      // Also log in production for debugging
-      if (!__DEV__) {
-      }
     }
   },
 
@@ -45,9 +39,6 @@ export const storageService: StateStorage = {
     } catch (error) {
       const errorMessage = `StorageService: Failed to remove item "${name}"`;
       devWarn(errorMessage, error);
-      // Also log in production for debugging
-      if (!__DEV__) {
-      }
     }
   },
 };

package/src/storage/infrastructure/repositories/BaseStorageOperations.ts

@@ -83,9 +83,6 @@ export class BaseStorageOperations {
     } catch (error) {
       const errorMessage = `BaseStorageOperations: Failed to check if key "${key}" exists`;
       devWarn(errorMessage, error);
-      // Also log in production for debugging
-      if (!__DEV__) {
-      }
       return false;
     }
   }

package/src/tanstack/domain/utils/MetricsCalculator.ts

@@ -0,0 +1,103 @@
+/**
+ * Metrics Calculator
+ *
+ * Calculates query performance metrics for monitoring.
+ */
+
+import type { Query } from '@tanstack/react-query';
+import type { QueryMetrics, DevMonitorOptions } from '../../infrastructure/monitoring/DevMonitor.types';
+
+/**
+ * Metrics calculator for query performance
+ */
+export class MetricsCalculator {
+  /**
+   * Gets unique key string for query
+   */
+  static getQueryKeyString(queryKey: readonly unknown[]): string {
+    return JSON.stringify(queryKey);
+  }
+
+  /**
+   * Calculates fetch time for a query
+   */
+  static calculateFetchTime(query: Query): number {
+    return Date.now() - (query.state.dataUpdatedAt ?? Date.now());
+  }
+
+  /**
+   * Creates initial metrics for a query
+   */
+  static createInitialMetrics(query: Query): QueryMetrics {
+    return {
+      queryKey: query.queryKey,
+      fetchCount: 0,
+      totalFetchTime: 0,
+      averageFetchTime: 0,
+      slowFetchCount: 0,
+      lastFetchTime: null,
+    };
+  }
+
+  /**
+   * Updates metrics with new fetch data
+   */
+  static updateMetrics(
+    current: QueryMetrics,
+    fetchTime: number
+  ): QueryMetrics {
+    const newFetchCount = current.fetchCount + 1;
+    const newTotalFetchTime = current.totalFetchTime + fetchTime;
+
+    return {
+      ...current,
+      fetchCount: newFetchCount,
+      totalFetchTime: newTotalFetchTime,
+      averageFetchTime: newTotalFetchTime / newFetchCount,
+      lastFetchTime: fetchTime,
+    };
+  }
+
+  /**
+   * Checks if fetch time exceeds slow query threshold
+   */
+  static isSlowQuery(fetchTime: number, threshold: number): boolean {
+    return fetchTime > threshold;
+  }
+
+  /**
+   * Increments slow fetch count if query is slow
+   */
+  static incrementSlowCountIfNeeded(
+    metrics: QueryMetrics,
+    fetchTime: number,
+    threshold: number
+  ): QueryMetrics {
+    if (this.isSlowQuery(fetchTime, threshold)) {
+      return {
+        ...metrics,
+        slowFetchCount: metrics.slowFetchCount + 1,
+      };
+    }
+    return metrics;
+  }
+
+  /**
+   * Calculates complete metrics for a query
+   */
+  static calculateQueryMetrics(
+    query: Query,
+    currentMetrics: QueryMetrics | null,
+    options: Required<DevMonitorOptions>
+  ): QueryMetrics {
+    const fetchTime = this.calculateFetchTime(query);
+    const baseMetrics = currentMetrics ?? this.createInitialMetrics(query);
+    const updatedMetrics = this.updateMetrics(baseMetrics, fetchTime);
+
+    return this.incrementSlowCountIfNeeded(
+      updatedMetrics,
+      fetchTime,
+      options.slowQueryThreshold
+    );
+  }
+}