@umituz/react-native-design-system 4.27.14 → 4.27.16

package/src/storage/domain/constants/README.md

@@ -84,7 +84,6 @@ Constant values for time-based calculations and default configuration. Located a
 - MUST increment CACHE_VERSION on schema changes
 - MUST implement migration for old versions
 - MUST document breaking changes
-- MUST support backward compatibility where possible
 
 ### Export Rules
 - MUST export all constants

package/src/storage/infrastructure/adapters/README.md

@@ -137,7 +137,6 @@ Storage adapter implementations for Zustand persist middleware. Located at `src/
 - MUST migrate data on read
 - MUST clean up old data after migration
 - MUST handle migration failures
-- MUST be backward compatible
 
 ### Error Handling
 - MUST catch all exceptions in adapter methods

package/src/storage/presentation/hooks/README.md

@@ -120,9 +120,3 @@ This directory contains React hooks that integrate storage and cache functionali
 - MUST use `useMemo` for computed values
 - MUST implement proper dependency arrays
 - MUST avoid unnecessary re-renders
-
-### Deprecation
-- MUST document deprecated hooks
-- MUST provide migration path for deprecated hooks
-- MUST maintain backward compatibility when possible
-- MUST remove deprecated hooks after major version bump

package/src/storage/presentation/hooks/useStorageState.ts

@@ -28,20 +28,29 @@ export const useStorageState = <T>(
   const [state, setState] = useState<T>(defaultValue);
   const [isLoading, setIsLoading] = useState(true);
   const isMountedRef = useRef(true);
+  const defaultValueRef = useRef(defaultValue);
+
+  // Update ref when defaultValue changes
+  useEffect(() => {
+    defaultValueRef.current = defaultValue;
+  }, [defaultValue]);
 
   useEffect(() => {
     isMountedRef.current = true;
     setIsLoading(true);
 
     storageRepository
-      .getItem<T>(keyString, defaultValue)
+      .getItem<T>(keyString, defaultValueRef.current)
       .then((result) => {
         if (isMountedRef.current) {
-          setState(unwrap(result, defaultValue));
+          setState(unwrap(result, defaultValueRef.current));
         }
       })
-      .catch(() => {
+      .catch((error) => {
         // Keep defaultValue on error
+        if (__DEV__) {
+          console.warn('[useStorageState] Failed to load from storage:', error);
+        }
       })
       .finally(() => {
         if (isMountedRef.current) {
@@ -52,7 +61,7 @@ export const useStorageState = <T>(
     return () => {
       isMountedRef.current = false;
     };
-  }, [keyString, defaultValue]);
+  }, [keyString]);
 
   // Update state and persist to storage
   const updateState = useCallback(

package/src/tanstack/domain/repositories/BaseRepository.ts

@@ -3,7 +3,7 @@
  * Domain layer - Abstract repository for data operations
  *
  * Provides generic CRUD operations with TanStack Query integration.
- * Subclass this for specific entities to get type-safe data operations.
+ * Now uses common repository utilities from core/repositories.
  *
  * @example
  * ```typescript
@@ -47,6 +47,8 @@ import type {
 import { mergeRepositoryOptions, getCacheOptions } from './helpers/repositoryHelpers';
 import * as queryMethods from './mixins/repositoryQueryMethods';
 import * as invalidationMethods from './mixins/repositoryInvalidationMethods';
+// Import common utilities from core
+import { createRepositoryLogger } from '../../../core/repositories/domain/RepositoryUtils';
 
 /**
  * Base repository for CRUD operations
@@ -68,10 +70,16 @@ export abstract class BaseRepository<
    */
   public readonly keys: ReturnType<typeof createQueryKeyFactory>;
 
+  /**
+   * Debug logger for this repository
+   */
+  protected readonly log: (method: string, ...args: unknown[]) => void;
+
   constructor(resource: string, options: RepositoryOptions = {}) {
     this.resource = resource;
     this.options = mergeRepositoryOptions(options);
     this.keys = createQueryKeyFactory(this.resource);
+    this.log = createRepositoryLogger(resource, __DEV__);
   }
 
   /**
@@ -117,6 +125,7 @@ export abstract class BaseRepository<
    * Query all items with caching
    */
   async queryAll(params?: ListParams): Promise<TData[]> {
+    this.log('queryAll', params);
     return queryMethods.queryAll(this, params);
   }
 
@@ -124,6 +133,7 @@ export abstract class BaseRepository<
    * Query item by ID with caching
    */
   async queryById(id: string | number): Promise<TData | undefined> {
+    this.log('queryById', id);
     return queryMethods.queryById(this, id);
   }
 
@@ -131,6 +141,7 @@ export abstract class BaseRepository<
    * Prefetch all items
    */
   async prefetchAll(params?: ListParams): Promise<void> {
+    this.log('prefetchAll', params);
     return queryMethods.prefetchAll(this, params);
   }
 
@@ -138,6 +149,7 @@ export abstract class BaseRepository<
    * Prefetch item by ID
    */
   async prefetchById(id: string | number): Promise<void> {
+    this.log('prefetchById', id);
     return queryMethods.prefetchById(this, id);
   }
 
@@ -145,6 +157,7 @@ export abstract class BaseRepository<
    * Invalidate all queries for this resource
    */
   invalidateAll(): Promise<void> {
+    this.log('invalidateAll');
     return invalidationMethods.invalidateAll(this);
   }
 
@@ -152,6 +165,7 @@ export abstract class BaseRepository<
    * Invalidate list queries
    */
   invalidateLists(): Promise<void> {
+    this.log('invalidateLists');
     return invalidationMethods.invalidateLists(this);
   }
 
@@ -159,6 +173,7 @@ export abstract class BaseRepository<
    * Invalidate detail query
    */
   invalidateDetail(id: string | number): Promise<void> {
+    this.log('invalidateDetail', id);
     return invalidationMethods.invalidateDetail(this, id);
   }
 
@@ -166,6 +181,7 @@ export abstract class BaseRepository<
    * Set query data (optimistic update)
    */
   setData(id: string | number, data: TData): void {
+    this.log('setData', id);
     invalidationMethods.setData(this, id, data);
   }
 
@@ -180,6 +196,7 @@ export abstract class BaseRepository<
    * Remove query data from cache
    */
   clearData(id: string | number): void {
+    this.log('clearData', id);
     invalidationMethods.clearData(this, id);
   }
 }

package/src/theme/hooks/useAppDesignTokens.ts

@@ -1,8 +1,28 @@
-import { useMemo } from 'react';
+import { useMemo, useRef } from 'react';
 import { useTheme } from '../infrastructure/stores/themeStore';
 import { createDesignTokens } from '../core/TokenFactory';
 import { useResponsive } from '../../responsive/useResponsive';
 import { type DesignTokens } from '../types/ThemeTypes';
+import type { CustomThemeColors } from '../core/CustomColors';
+
+/**
+ * Shallow equality check for CustomThemeColors
+ */
+function areCustomColorsEqual(a?: CustomThemeColors, b?: CustomThemeColors): boolean {
+    if (a === b) return true;
+    if (!a || !b) return false;
+
+    const keysA = Object.keys(a) as (keyof CustomThemeColors)[];
+    const keysB = Object.keys(b) as (keyof CustomThemeColors)[];
+
+    if (keysA.length !== keysB.length) return false;
+
+    for (const key of keysA) {
+        if (a[key] !== b[key]) return false;
+    }
+
+    return true;
+}
 
 /**
  * Hook to access current design tokens (colors, spacing, typography, etc.)
@@ -13,8 +33,14 @@ export const useAppDesignTokens = (): DesignTokens => {
     const { themeMode, customColors } = useTheme();
     const { spacingMultiplier, getFontSize } = useResponsive();
 
+    // Stabilize customColors reference to prevent unnecessary re-computation
+    const customColorsRef = useRef(customColors);
+    if (!areCustomColorsEqual(customColorsRef.current, customColors)) {
+        customColorsRef.current = customColors;
+    }
+
     return useMemo(
-        () => createDesignTokens(themeMode, customColors, spacingMultiplier, getFontSize),
-        [themeMode, customColors, spacingMultiplier, getFontSize]
+        () => createDesignTokens(themeMode, customColorsRef.current, spacingMultiplier, getFontSize),
+        [themeMode, spacingMultiplier, getFontSize]
     );
 };

package/src/timezone/infrastructure/services/TimezoneProvider.ts

@@ -1,12 +1,12 @@
 import { TimezoneInfo } from '../../domain/entities/Timezone';
-import { SimpleCache } from '../utils/SimpleCache';
+import { UnifiedCache } from '../../../core/cache/domain/UnifiedCache';
 
 /**
  * TimezoneProvider
  * Responsible for discovering device timezone and providing available timezones
  */
 export class TimezoneProvider {
-    private cache = new SimpleCache<TimezoneInfo[]>(300000); // 5 min cache
+    private cache = new UnifiedCache<TimezoneInfo[]>({ defaultTTL: 300000 }); // 5 min cache
     /**
      * Get current device timezone using Intl API
      */

package/src/uuid/infrastructure/utils/UUIDUtils.ts

@@ -17,7 +17,10 @@ const getCryptoModule = (): typeof import('expo-crypto') | null => {
     // eslint-disable-next-line @typescript-eslint/no-require-imports
     _cryptoModule = require('expo-crypto') as typeof import('expo-crypto');
     return _cryptoModule;
-  } catch {
+  } catch (error) {
+    if (__DEV__) {
+      console.warn('[UUIDUtils] expo-crypto not available, using Math.random fallback:', error);
+    }
     return null;
   }
 };

package/src/init/index.ts

@@ -1,29 +0,0 @@
-/**
- * App Initialization Module
- *
- * Provides utilities for app initialization:
- * - createAppInitializer: Factory for creating app initializers
- * - useAppInitialization: Hook for managing initialization state
- * - createEnvConfig: Environment configuration factory
- */
-
-// App Initializer
-export {
-  createAppInitializer,
-  createInitModule,
-} from "./createAppInitializer";
-
-// Initialization Hook
-export { useAppInitialization } from "./useAppInitialization";
-
-// Environment Configuration
-export * from "./env";
-
-// Types
-export type {
-  InitModule,
-  AppInitializerConfig,
-  AppInitializerResult,
-  UseAppInitializationOptions,
-  UseAppInitializationReturn,
-} from "./types";

package/src/layouts/ScreenLayout/index.ts

@@ -1 +0,0 @@
-export * from './ScreenLayout';

package/src/layouts/index.ts

@@ -1,5 +0,0 @@
-export * from './Container';
-export * from './FormLayout';
-export * from './Grid';
-export * from './ScreenLayout';
-export * from './ScreenHeader/ScreenHeader';

package/src/molecules/SearchBar/index.ts

@@ -1,4 +0,0 @@
-export * from './SearchBar';
-export * from './SearchHistory';
-export * from './SearchSuggestions';
-export * from './types';

package/src/molecules/StepProgress/index.ts

@@ -1 +0,0 @@
-export * from "./StepProgress";

package/src/molecules/alerts/index.ts

@@ -1,47 +0,0 @@
-/**
- * Alerts Molecule - Public API
- */
-
-export * from './AlertTypes';
-export { useAlertStore } from './AlertStore';
-export { AlertService } from './AlertService';
-export { AlertBanner } from './AlertBanner';
-export { AlertToast } from './AlertToast';
-export { AlertInline } from './AlertInline';
-export { AlertModal } from './AlertModal';
-export { AlertContainer } from './AlertContainer';
-export { AlertProvider } from './AlertProvider';
-export { useAlert } from './useAlert';
-
-import { AlertService } from './AlertService';
-import { useAlertStore } from './AlertStore';
-import { AlertOptions } from './AlertTypes';
-
-/**
- * Convenience alert service for use outside of components
- */
-export const alertService = {
-    error: (title: string, message?: string, options?: AlertOptions) => {
-        const alert = AlertService.createErrorAlert(title, message, options);
-        useAlertStore.getState().addAlert(alert);
-        return alert.id;
-    },
-    success: (title: string, message?: string, options?: AlertOptions) => {
-        const alert = AlertService.createSuccessAlert(title, message, options);
-        useAlertStore.getState().addAlert(alert);
-        return alert.id;
-    },
-    warning: (title: string, message?: string, options?: AlertOptions) => {
-        const alert = AlertService.createWarningAlert(title, message, options);
-        useAlertStore.getState().addAlert(alert);
-        return alert.id;
-    },
-    info: (title: string, message?: string, options?: AlertOptions) => {
-        const alert = AlertService.createInfoAlert(title, message, options);
-        useAlertStore.getState().addAlert(alert);
-        return alert.id;
-    },
-    dismiss: (id: string) => {
-        useAlertStore.getState().dismissAlert(id);
-    },
-};

package/src/molecules/bottom-sheet/index.ts

@@ -1,10 +0,0 @@
-export * from './components/BottomSheet';
-export * from './components/BottomSheetModal';
-
-export * from './components/filter/FilterBottomSheet';
-export * from './components/filter/FilterSheet';
-export * from './hooks/useBottomSheet';
-export * from './hooks/useBottomSheetModal';
-export * from './hooks/useListFilters';
-export * from './types/BottomSheet';
-export * from './types/Filter';

package/src/molecules/circular-menu/index.ts

@@ -1,3 +0,0 @@
-export * from "./CircularMenu";
-export * from "./CircularMenuBackground";
-export * from "./CircularMenuCloseButton";

package/src/molecules/filter-group/index.ts

@@ -1,3 +0,0 @@
-
-export * from './FilterGroup';
-export * from './types';

package/src/molecules/index.ts

@@ -1,38 +0,0 @@
-/**
- * Molecules - Composite UI components
- * Built from atoms following atomic design principles
- */
-
-// Component exports
-export * from './avatar';
-export * from './bottom-sheet';
-export { FormField, type FormFieldProps } from './FormField';
-export { ListItem, type ListItemProps } from './ListItem';
-export { SearchBar, type SearchBarProps } from './SearchBar';
-export { IconContainer } from './IconContainer';
-export { BaseModal, type BaseModalProps } from './BaseModal';
-export { ConfirmationModal } from './ConfirmationModalMain';
-export { useConfirmationModal } from './confirmation-modal/useConfirmationModal';
-
-// Other components
-export * from './Divider/Divider';
-export * from './Divider/types';
-export * from './StepProgress';
-export * from './List';
-export * from './alerts';
-export * from './calendar';
-export * from './swipe-actions';
-export * from './navigation';
-export * from './long-press-menu';
-export * from './StepHeader';
-export * from './emoji';
-export * from './countdown';
-export * from './splash';
-export * from './filter-group';
-export * from './action-footer/ActionFooter';
-export * from './action-footer/types';
-export * from './hero-section/HeroSection';
-export * from './hero-section/types';
-export * from './info-grid';
-export * from './circular-menu';
-export * from './icon-grid';

package/src/molecules/info-grid/index.ts

@@ -1,3 +0,0 @@
-
-export * from './InfoGrid';
-export * from './types';

package/src/molecules/swipe-actions/index.ts

@@ -1,6 +0,0 @@
-/**
- * Swipe Actions Domain - Barrel Export
- */
-
-export * from './domain/entities/SwipeAction';
-export * from './presentation/components/SwipeActionButton';

package/src/presentation/utils/variants/index.ts

@@ -1,6 +0,0 @@
-/**
- * Variant utilities for style management
- */
-
-export * from './core';
-export * from './helpers';

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

@@ -1,109 +0,0 @@
-/**
- * SimpleCache
- *
- * Lightweight in-memory cache for performance optimization
- * No external dependencies - pure TypeScript implementation
- */
-
-import { ONE_MINUTE_MS } from '../../../utils/constants/TimeConstants';
-
-interface CacheEntry<T> {
-  value: T;
-  expires: number;
-}
-
-export class SimpleCache<T> {
-  private cache = new Map<string, CacheEntry<T>>();
-  private defaultTTL: number;
-  private cleanupTimeout: ReturnType<typeof setTimeout> | null = null;
-  private destroyed = false;
-  private cleanupScheduleLock = false;
-
-  constructor(defaultTTL: number = ONE_MINUTE_MS) {
-    this.defaultTTL = defaultTTL;
-    this.scheduleCleanup();
-  }
-
-  /**
-   * Destroy the cache and stop cleanup timer
-   */
-  destroy(): void {
-    this.destroyed = true;
-    this.cleanupScheduleLock = false;
-    if (this.cleanupTimeout) {
-      clearTimeout(this.cleanupTimeout);
-      this.cleanupTimeout = null;
-    }
-    this.cache.clear();
-  }
-
-  set(key: string, value: T, ttl?: number): void {
-    if (this.destroyed) return;
-    const expires = Date.now() + (ttl ?? this.defaultTTL);
-    this.cache.set(key, { value, expires });
-  }
-
-  get(key: string): T | undefined {
-    const entry = this.cache.get(key);
-
-    if (!entry) {
-      return undefined;
-    }
-
-    if (Date.now() > entry.expires) {
-      this.cache.delete(key);
-      return undefined;
-    }
-
-    return entry.value;
-  }
-
-  has(key: string): boolean {
-    return this.get(key) !== undefined;
-  }
-
-  clear(): void {
-    this.cache.clear();
-  }
-
-  delete(key: string): void {
-    this.cache.delete(key);
-  }
-
-  private cleanup(): void {
-    const now = Date.now();
-    for (const [key, entry] of this.cache.entries()) {
-      if (now > entry.expires) {
-        this.cache.delete(key);
-      }
-    }
-  }
-
-  private scheduleCleanup(): void {
-    if (this.destroyed || this.cleanupScheduleLock) return;
-
-    this.cleanupScheduleLock = true;
-
-    try {
-      if (this.cleanupTimeout) {
-        clearTimeout(this.cleanupTimeout);
-      }
-
-      this.cleanup();
-
-      if (!this.destroyed) {
-        this.cleanupTimeout = setTimeout(() => {
-          if (!this.destroyed) {
-            this.cleanupScheduleLock = false;
-            this.scheduleCleanup();
-          }
-        }, ONE_MINUTE_MS);
-      } else {
-        this.cleanupScheduleLock = false;
-      }
-    } catch (error) {
-      this.cleanupScheduleLock = false;
-      throw error;
-    }
-  }
-}

package/src/utilities/index.ts

@@ -1,6 +0,0 @@
-/**
- * Utilities - Public API
- */
-
-export * from './clipboard';
-export * from './sharing';