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

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,9 +63,9 @@ 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;
 
@@ -83,7 +88,7 @@ export const SwipeActionButton: React.FC<SwipeActionButtonProps> = ({
   const handlePress = async () => {
     // Trigger haptic feedback
     if (enableHaptics) {
-      const intensity = SwipeActionUtils.getHapticsIntensity(action);
+      const intensity = getHapticsIntensity(action);
       await HapticService.impact(intensity);
     }
 

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
+    );
+  }
+}

package/src/tanstack/infrastructure/monitoring/DevMonitor.ts

@@ -9,12 +9,14 @@
 import type { Query, QueryClient } from '@tanstack/react-query';
 import type { QueryMetrics, CacheStats, DevMonitorOptions } from './DevMonitor.types';
 import { DevMonitorLogger } from './DevMonitorLogger';
+import { MetricsCalculator } from '../../domain/utils/MetricsCalculator';
 
 class DevMonitorClass {
   private metrics: Map<string, QueryMetrics> = new Map();
   private queryClient: QueryClient | null = null;
   private options: Required<DevMonitorOptions>;
   private statsInterval: ReturnType<typeof setInterval> | null = null;
+  private cacheSubscription: (() => void) | null = null;
   private isEnabled: boolean;
 
   constructor(options: DevMonitorOptions = {}) {
@@ -38,37 +40,22 @@ class DevMonitorClass {
     this.startStatsLogging();
   }
 
-  private getQueryKeyString(queryKey: readonly unknown[]): string {
-    return JSON.stringify(queryKey);
-  }
-
   private trackQuery(query: Query): void {
     if (!this.isEnabled) return;
 
-    const queryKeyString = this.getQueryKeyString(query.queryKey);
-
-    if (!this.metrics.has(queryKeyString)) {
-      this.metrics.set(queryKeyString, {
-        queryKey: query.queryKey,
-        fetchCount: 0,
-        totalFetchTime: 0,
-        averageFetchTime: 0,
-        slowFetchCount: 0,
-        lastFetchTime: null,
-      });
-    }
-
-    const metrics = this.metrics.get(queryKeyString)!;
-    const fetchTime = Date.now() - (query.state.dataUpdatedAt ?? Date.now());
+    const queryKeyString = MetricsCalculator.getQueryKeyString(query.queryKey);
+    const currentMetrics = this.metrics.get(queryKeyString) ?? null;
+    const updatedMetrics = MetricsCalculator.calculateQueryMetrics(
+      query,
+      currentMetrics,
+      this.options
+    );
 
-    metrics.fetchCount++;
-    metrics.totalFetchTime += fetchTime;
-    metrics.averageFetchTime = metrics.totalFetchTime / metrics.fetchCount;
-    metrics.lastFetchTime = fetchTime;
+    this.metrics.set(queryKeyString, updatedMetrics);
 
-    if (fetchTime > this.options.slowQueryThreshold) {
-      metrics.slowFetchCount++;
-      if (this.options.enableLogging) {
+    if (this.options.enableLogging && updatedMetrics.slowFetchCount > 0) {
+      const fetchTime = MetricsCalculator.calculateFetchTime(query);
+      if (MetricsCalculator.isSlowQuery(fetchTime, this.options.slowQueryThreshold)) {
         DevMonitorLogger.logSlowQuery(queryKeyString, fetchTime);
       }
     }
@@ -80,8 +67,13 @@ class DevMonitorClass {
   attach(queryClient: QueryClient): void {
     if (!this.isEnabled) return;
 
+    // Detach from previous client if attached
+    if (this.cacheSubscription) {
+      this.detach();
+    }
+
     this.queryClient = queryClient;
-    queryClient.getQueryCache().subscribe((event) => {
+    this.cacheSubscription = queryClient.getQueryCache().subscribe((event) => {
       if (event.query) {
         this.trackQuery(event.query as Query);
       }
@@ -92,6 +84,20 @@ class DevMonitorClass {
     }
   }
 
+  /**
+   * Detach monitor from query client
+   */
+  detach(): void {
+    if (!this.isEnabled) return;
+
+    if (this.cacheSubscription) {
+      this.cacheSubscription();
+      this.cacheSubscription = null;
+    }
+
+    this.queryClient = null;
+  }
+
   /**
    * Get all query metrics
    */
@@ -105,7 +111,7 @@ class DevMonitorClass {
    */
   getQueryMetrics(queryKey: readonly unknown[]): QueryMetrics | undefined {
     if (!this.isEnabled) return undefined;
-    const queryKeyString = this.getQueryKeyString(queryKey);
+    const queryKeyString = MetricsCalculator.getQueryKeyString(queryKey);
     return this.metrics.get(queryKeyString);
   }
 
@@ -179,9 +185,9 @@ class DevMonitorClass {
    */
   reset(): void {
     if (!this.isEnabled) return;
+    this.detach();
     this.stopStatsLogging();
     this.clear();
-    this.queryClient = null;
     if (this.options.enableLogging) {
       DevMonitorLogger.logReset();
     }

package/src/timezone/infrastructure/utils/SimpleCache.ts

@@ -13,10 +13,22 @@ interface CacheEntry<T> {
 export class SimpleCache<T> {
   private cache = new Map<string, CacheEntry<T>>();
   private defaultTTL: number;
+  private cleanupTimeout: ReturnType<typeof setTimeout> | null = null;
 
   constructor(defaultTTL: number = 60000) {
     this.defaultTTL = defaultTTL;
-    this.cleanup();
+    this.scheduleCleanup();
+  }
+
+  /**
+   * Destroy the cache and stop cleanup timer
+   */
+  destroy(): void {
+    if (this.cleanupTimeout) {
+      clearTimeout(this.cleanupTimeout);
+      this.cleanupTimeout = null;
+    }
+    this.cache.clear();
   }
 
   set(key: string, value: T, ttl?: number): void {
@@ -58,7 +70,17 @@ export class SimpleCache<T> {
         this.cache.delete(key);
       }
     }
+  }
+
+  private scheduleCleanup(): void {
+    if (this.cleanupTimeout) {
+      clearTimeout(this.cleanupTimeout);
+    }
+
+    this.cleanup();
 
-    setTimeout(() => this.cleanup(), 60000);
+    this.cleanupTimeout = setTimeout(() => {
+      this.scheduleCleanup();
+    }, 60000);
   }
 }

package/src/molecules/alerts/utils/alertToastHelpers.ts

@@ -1,70 +0,0 @@
-/**
- * Alert Toast Helper Functions
- * Style and color helpers for alert toast component
- */
-
-import { AlertType } from '../AlertTypes';
-import type { DesignTokens } from '../../../theme';
-import type { StyleProp, ViewStyle } from 'react-native';
-
-/**
- * Gets background color for alert type
- *
- * @param type - Alert type
- * @param tokens - Design tokens
- * @returns Background color string
- */
-export function getAlertBackgroundColor(type: AlertType, tokens: DesignTokens): string {
-  const colors = {
-    [AlertType.SUCCESS]: tokens.colors.success,
-    [AlertType.ERROR]: tokens.colors.error,
-    [AlertType.WARNING]: tokens.colors.warning,
-    [AlertType.INFO]: tokens.colors.info,
-  };
-  return colors[type] || tokens.colors.backgroundSecondary;
-}
-
-/**
- * Gets action button style
- *
- * @param style - Button style type
- * @param tokens - Design tokens
- * @returns Style object
- */
-export function getActionButtonStyle(
-  style: 'primary' | 'secondary' | 'destructive' | undefined,
-  tokens: DesignTokens
-): StyleProp<ViewStyle> {
-  if (style === 'secondary') {
-    return {
-      backgroundColor: undefined,
-      borderWidth: 1,
-      borderColor: tokens.colors.textInverse,
-    };
-  }
-
-  const colors = {
-    primary: tokens.colors.backgroundPrimary,
-    destructive: tokens.colors.error,
-  };
-  return { backgroundColor: colors[style as keyof typeof colors] || tokens.colors.backgroundSecondary };
-}
-
-/**
- * Gets action text color
- *
- * @param style - Button style type
- * @param tokens - Design tokens
- * @returns Text color string
- */
-export function getActionTextColor(
-  style: 'primary' | 'secondary' | 'destructive' | undefined,
-  tokens: DesignTokens
-): string {
-  return style === 'primary' ? tokens.colors.textPrimary : tokens.colors.textInverse;
-}
-
-/**
- * Default toast duration in milliseconds
- */
-export const DEFAULT_TOAST_DURATION = 3000;