@umituz/react-native-design-system 2.6.47 → 2.6.49

package/src/molecules/animation/domain/entities/Theme.ts

@@ -1,76 +0,0 @@
-/**
- * Theme System for Animation Package
- *
- * Provides theme-aware animation configurations.
- * Consumers can provide their own theme or use defaults.
- */
-
-export interface AnimationTheme {
-  colors: {
-    primary: string;
-    secondary: string;
-    success: string;
-    warning: string;
-    error: string;
-    info: string;
-  };
-  spacing: {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-  };
-  borderRadius: {
-    sm: number;
-    md: number;
-    lg: number;
-    full: number;
-  };
-  opacity: {
-    transparent: number;
-    light: number;
-    medium: number;
-    heavy: number;
-    opaque: number;
-  };
-}
-
-export const DEFAULT_ANIMATION_THEME: AnimationTheme = {
-  colors: {
-    primary: '#007AFF',
-    secondary: '#5856D6',
-    success: '#34C759',
-    warning: '#FF9500',
-    error: '#FF3B30',
-    info: '#5AC8FA',
-  },
-  spacing: {
-    xs: 4,
-    sm: 8,
-    md: 16,
-    lg: 24,
-    xl: 32,
-  },
-  borderRadius: {
-    sm: 4,
-    md: 8,
-    lg: 12,
-    full: 9999,
-  },
-  opacity: {
-    transparent: 0,
-    light: 0.25,
-    medium: 0.5,
-    heavy: 0.75,
-    opaque: 1,
-  },
-} as const;
-
-/**
- * Theme context for React components
- */
-export interface ThemeContext {
-  theme: AnimationTheme;
-  setTheme: (theme: Partial<AnimationTheme>) => void;
-}

package/src/molecules/animation/index.ts

@@ -1,146 +0,0 @@
-/**
- * React Native Animation - Barrel Export
- *
- * Universal animation system for React Native with react-native-reanimated.
- * Provides declarative animations, gesture handling, and preset configurations.
- *
- * Features:
- * - Declarative animations (fade, slide, scale, bounce, shake)
- * - Spring physics animations
- * - Gesture handling (tap, pan, pinch, long press)
- * - Preset animation configs
- * - TypeScript type safety
- *
- * Usage:
- *
- * Animation Example:
- * ```typescript
- * import { useAnimation, Animated } from '@umituz/react-native-animation';
- *
- * const MyComponent = () => {
- *   const { fadeIn, animatedStyle } = useAnimation();
- *
- *   useEffect(() => {
- *     fadeIn();
- *   }, []);
- *
- *   return <Animated.View style={animatedStyle}>...</Animated.View>;
- * };
- * ```
- *
- * Gesture Example:
- * ```typescript
- * import { useGesture, Animated } from '@umituz/react-native-animation';
- *
- * const MyComponent = () => {
- *   const { createPanGesture, animatedStyle, GestureDetector } = useGesture();
- *
- *   const panGesture = createPanGesture({
- *     onEnd: (x, y) => console.log('Dragged to:', x, y),
- *   });
- *
- *   return (
- *     <GestureDetector gesture={panGesture}>
- *       <Animated.View style={animatedStyle}>...</Animated.View>
- *     </GestureDetector>
- *   );
- * };
- * ```
- *
- * Technical:
- * - Uses react-native-reanimated v3 for animations
- * - Uses react-native-gesture-handler for gestures
- * - Zero backend dependencies
- */
-
-// =============================================================================
-// CORE LAYER - Animation Primitives
-// =============================================================================
-
-export {
-  Animated,
-  useSharedValue,
-  useAnimatedStyle,
-  withTiming,
-  withSpring,
-  withSequence,
-  withRepeat,
-  runOnJS,
-  cancelAnimation,
-  Easing,
-} from './core/AnimationCore';
-
-export type {
-  SharedValue,
-  WithTimingConfig,
-  WithSpringConfig,
-} from './core/AnimationCore';
-
-// =============================================================================
-// DOMAIN LAYER - Entities
-// =============================================================================
-
-export {
-  AnimationPreset,
-  GestureType,
-  AnimationEasing,
-  ANIMATION_CONSTANTS,
-} from './domain/entities/Animation';
-export type {
-  AnimationTimingConfig,
-  AnimationSpringConfig,
-} from './domain/entities/Animation';
-
-// Infrastructure Layer - Services
-export { AnimationConfigService } from './infrastructure/services/AnimationConfigService';
-export { TimingAnimationConfigService } from './infrastructure/services/TimingAnimationConfigService';
-export { SpringAnimationConfigService } from './infrastructure/services/SpringAnimationConfigService';
-
-// Presentation Layer - Hooks
-export { useAnimation } from './presentation/hooks/useAnimation';
-export {
-  useGesture,
-  type TapGestureOptions,
-  type PanGestureOptions,
-  type PinchGestureOptions,
-} from './presentation/hooks/useGesture';
-export { useReanimatedReady } from './presentation/hooks/useReanimatedReady';
-export { useFireworks } from './presentation/hooks/useFireworks';
-export {
-  useOverlayAnimations,
-  useModalAnimations, // Legacy
-  type OverlayAnimationConfig,
-  type UseOverlayAnimationsReturn,
-  type ModalAnimationConfig, // Legacy
-  type UseModalAnimationsReturn, // Legacy
-} from './presentation/hooks/useModalAnimations';
-export {
-  useElementAnimations,
-  useIconAnimations, // Legacy
-  type ElementAnimationConfig,
-  type UseElementAnimationsReturn,
-  type IconAnimationConfig, // Legacy
-  type UseIconAnimationsReturn, // Legacy
-} from './presentation/hooks/useIconAnimations';
-
-// Presentation Layer - Components
-export { Fireworks } from './presentation/components/Fireworks';
-export type { FireworksProps } from './presentation/components/Fireworks';
-
-// Domain Layer - Fireworks
-export type {
-  ParticleConfig,
-  FireworksConfig,
-} from './domain/entities/Fireworks';
-export { FIREWORKS_CONSTANTS } from './domain/entities/Fireworks';
-
-// Domain Layer - Theme
-export type {
-  AnimationTheme,
-  ThemeContext,
-} from './domain/entities/Theme';
-export { DEFAULT_ANIMATION_THEME } from './domain/entities/Theme';
-
-// Presentation Layer - Providers
-export { AnimationThemeProvider, useAnimationTheme } from './presentation/providers/AnimationThemeProvider';
-

package/src/molecules/animation/infrastructure/services/AnimationConfigService.ts

@@ -1,35 +0,0 @@
-/**
- * Animation Config Service (Legacy)
- *
- * Legacy service for backward compatibility.
- * New implementations should use TimingAnimationConfigService and SpringAnimationConfigService.
- * @deprecated Use TimingAnimationConfigService and SpringAnimationConfigService instead
- */
-
-import type {
-  AnimationTimingConfig,
-  AnimationSpringConfig,
-} from '../../domain/entities/Animation';
-import { AnimationPreset } from '../../domain/entities/Animation';
-import { TimingAnimationConfigService } from './TimingAnimationConfigService';
-import { SpringAnimationConfigService } from './SpringAnimationConfigService';
-
-/**
- * @deprecated Use TimingAnimationConfigService and SpringAnimationConfigService instead
- */
-export class AnimationConfigService {
-  /**
-   * @deprecated Use TimingAnimationConfigService.getTimingConfig instead
-   */
-  static getTimingConfig(preset: AnimationPreset): AnimationTimingConfig {
-    return TimingAnimationConfigService.getTimingConfig(preset);
-  }
-
-  /**
-   * @deprecated Use SpringAnimationConfigService.getSpringConfig instead
-   */
-  static getSpringConfig(preset: AnimationPreset): AnimationSpringConfig {
-    return SpringAnimationConfigService.getSpringConfig(preset);
-  }
-}
-

package/src/molecules/animation/infrastructure/services/SpringAnimationConfigService.ts

@@ -1,67 +0,0 @@
-/**
- * Spring Animation Config Service
- *
- * Infrastructure service for spring animation configurations.
- * Separates spring configuration logic from domain entities.
- */
-
-import type { AnimationSpringConfig } from '../../domain/entities/Animation';
-import {
-  AnimationPreset,
-  ANIMATION_CONSTANTS,
-} from '../../domain/entities/Animation';
-
-/**
- * Service for providing spring animation configurations
- */
-export class SpringAnimationConfigService {
-  /**
-   * Get preset spring config
-   */
-  static getSpringConfig(preset: AnimationPreset): AnimationSpringConfig {
-    const configs: Record<AnimationPreset, AnimationSpringConfig> = {
-      [AnimationPreset.FADE_IN]: {
-        damping: ANIMATION_CONSTANTS.SPRING.DAMPING,
-        stiffness: ANIMATION_CONSTANTS.SPRING.STIFFNESS,
-      },
-      [AnimationPreset.FADE_OUT]: {
-        damping: ANIMATION_CONSTANTS.SPRING.DAMPING,
-        stiffness: ANIMATION_CONSTANTS.SPRING.STIFFNESS,
-      },
-      [AnimationPreset.SLIDE_IN_UP]: {
-        damping: ANIMATION_CONSTANTS.SPRING.DAMPING,
-        stiffness: ANIMATION_CONSTANTS.SPRING.STIFFNESS,
-      },
-      [AnimationPreset.SLIDE_IN_DOWN]: {
-        damping: ANIMATION_CONSTANTS.SPRING.DAMPING,
-        stiffness: ANIMATION_CONSTANTS.SPRING.STIFFNESS,
-      },
-      [AnimationPreset.SLIDE_IN_LEFT]: {
-        damping: ANIMATION_CONSTANTS.SPRING.DAMPING,
-        stiffness: ANIMATION_CONSTANTS.SPRING.STIFFNESS,
-      },
-      [AnimationPreset.SLIDE_IN_RIGHT]: {
-        damping: ANIMATION_CONSTANTS.SPRING.DAMPING,
-        stiffness: ANIMATION_CONSTANTS.SPRING.STIFFNESS,
-      },
-      [AnimationPreset.SCALE_IN]: {
-        damping: 15,
-        stiffness: 150,
-      },
-      [AnimationPreset.SCALE_OUT]: {
-        damping: 15,
-        stiffness: 150,
-      },
-      [AnimationPreset.BOUNCE]: {
-        damping: 5,
-        stiffness: 120,
-      },
-      [AnimationPreset.SHAKE]: {
-        damping: 8,
-        stiffness: 200,
-      },
-    };
-    
-    return configs[preset];
-  }
-}

package/src/molecules/animation/infrastructure/services/TimingAnimationConfigService.ts

@@ -1,57 +0,0 @@
-/**
- * Timing Animation Config Service
- *
- * Infrastructure service for timing animation configurations.
- * Separates timing configuration logic from domain entities.
- */
-
-import type { AnimationTimingConfig } from '../../domain/entities/Animation';
-import {
-  AnimationPreset,
-  ANIMATION_CONSTANTS,
-} from '../../domain/entities/Animation';
-
-/**
- * Service for providing timing animation configurations
- */
-export class TimingAnimationConfigService {
-  /**
-   * Get preset timing config
-   */
-  static getTimingConfig(preset: AnimationPreset): AnimationTimingConfig {
-    const configs: Record<AnimationPreset, AnimationTimingConfig> = {
-      [AnimationPreset.FADE_IN]: {
-        duration: ANIMATION_CONSTANTS.DURATION.NORMAL,
-      },
-      [AnimationPreset.FADE_OUT]: {
-        duration: ANIMATION_CONSTANTS.DURATION.NORMAL,
-      },
-      [AnimationPreset.SLIDE_IN_UP]: {
-        duration: ANIMATION_CONSTANTS.DURATION.NORMAL,
-      },
-      [AnimationPreset.SLIDE_IN_DOWN]: {
-        duration: ANIMATION_CONSTANTS.DURATION.NORMAL,
-      },
-      [AnimationPreset.SLIDE_IN_LEFT]: {
-        duration: ANIMATION_CONSTANTS.DURATION.NORMAL,
-      },
-      [AnimationPreset.SLIDE_IN_RIGHT]: {
-        duration: ANIMATION_CONSTANTS.DURATION.NORMAL,
-      },
-      [AnimationPreset.SCALE_IN]: {
-        duration: ANIMATION_CONSTANTS.DURATION.FAST,
-      },
-      [AnimationPreset.SCALE_OUT]: {
-        duration: ANIMATION_CONSTANTS.DURATION.FAST,
-      },
-      [AnimationPreset.BOUNCE]: {
-        duration: ANIMATION_CONSTANTS.DURATION.SLOW,
-      },
-      [AnimationPreset.SHAKE]: {
-        duration: ANIMATION_CONSTANTS.DURATION.FAST,
-      },
-    };
-    
-    return configs[preset];
-  }
-}

package/src/molecules/animation/infrastructure/services/__tests__/SpringAnimationConfigService.test.ts

@@ -1,114 +0,0 @@
-/**
- * SpringAnimationConfigService Tests
- *
- * Unit tests for spring animation configuration service.
- */
-
-import { SpringAnimationConfigService } from '../SpringAnimationConfigService';
-import { AnimationPreset, ANIMATION_CONSTANTS } from '../../../domain/entities/Animation';
-
-describe('SpringAnimationConfigService', () => {
-  describe('getSpringConfig', () => {
-    it('should return config for FADE_IN preset', () => {
-      const config = SpringAnimationConfigService.getSpringConfig(AnimationPreset.FADE_IN);
-
-      expect(config).toEqual({
-        damping: ANIMATION_CONSTANTS.SPRING.DAMPING,
-        stiffness: ANIMATION_CONSTANTS.SPRING.STIFFNESS,
-      });
-    });
-
-    it('should return config for FADE_OUT preset', () => {
-      const config = SpringAnimationConfigService.getSpringConfig(AnimationPreset.FADE_OUT);
-
-      expect(config).toEqual({
-        damping: ANIMATION_CONSTANTS.SPRING.DAMPING,
-        stiffness: ANIMATION_CONSTANTS.SPRING.STIFFNESS,
-      });
-    });
-
-    it('should return config for SCALE_IN preset', () => {
-      const config = SpringAnimationConfigService.getSpringConfig(AnimationPreset.SCALE_IN);
-
-      expect(config).toEqual({
-        damping: 15,
-        stiffness: 150,
-      });
-    });
-
-    it('should return config for SCALE_OUT preset', () => {
-      const config = SpringAnimationConfigService.getSpringConfig(AnimationPreset.SCALE_OUT);
-
-      expect(config).toEqual({
-        damping: 15,
-        stiffness: 150,
-      });
-    });
-
-    it('should return config for BOUNCE preset', () => {
-      const config = SpringAnimationConfigService.getSpringConfig(AnimationPreset.BOUNCE);
-
-      expect(config).toEqual({
-        damping: 5,
-        stiffness: 120,
-      });
-    });
-
-    it('should return config for SHAKE preset', () => {
-      const config = SpringAnimationConfigService.getSpringConfig(AnimationPreset.SHAKE);
-
-      expect(config).toEqual({
-        damping: 8,
-        stiffness: 200,
-      });
-    });
-
-    it('should return default spring config for slide presets', () => {
-      const slidePresets = [
-        AnimationPreset.SLIDE_IN_UP,
-        AnimationPreset.SLIDE_IN_DOWN,
-        AnimationPreset.SLIDE_IN_LEFT,
-        AnimationPreset.SLIDE_IN_RIGHT,
-      ];
-
-      slidePresets.forEach(preset => {
-        const config = SpringAnimationConfigService.getSpringConfig(preset);
-        
-        expect(config).toEqual({
-          damping: ANIMATION_CONSTANTS.SPRING.DAMPING,
-          stiffness: ANIMATION_CONSTANTS.SPRING.STIFFNESS,
-        });
-      });
-    });
-
-    it('should handle all animation presets', () => {
-      const presets = Object.values(AnimationPreset);
-
-      presets.forEach(preset => {
-        const config = SpringAnimationConfigService.getSpringConfig(preset);
-        
-        expect(config).toBeDefined();
-        expect(config).toHaveProperty('damping');
-        expect(config).toHaveProperty('stiffness');
-        expect(typeof config.damping).toBe('number');
-        expect(typeof config.stiffness).toBe('number');
-        expect(config.damping).toBeGreaterThan(0);
-        expect(config.stiffness).toBeGreaterThan(0);
-      });
-    });
-
-    it('should have appropriate values for different animation types', () => {
-      const bounceConfig = SpringAnimationConfigService.getSpringConfig(AnimationPreset.BOUNCE);
-      const shakeConfig = SpringAnimationConfigService.getSpringConfig(AnimationPreset.SHAKE);
-      const scaleConfig = SpringAnimationConfigService.getSpringConfig(AnimationPreset.SCALE_IN);
-
-      // Bounce should be more bouncy (lower damping, moderate stiffness)
-      expect(bounceConfig.damping).toBeLessThan(scaleConfig.damping);
-      expect(bounceConfig.stiffness).toBeLessThan(scaleConfig.stiffness);
-
-      // Shake should be quick and responsive (higher damping and stiffness)
-      expect(shakeConfig.damping).toBeGreaterThan(bounceConfig.damping);
-      expect(shakeConfig.stiffness).toBeGreaterThan(scaleConfig.stiffness);
-    });
-  });
-});

package/src/molecules/animation/infrastructure/services/__tests__/TimingAnimationConfigService.test.ts

@@ -1,105 +0,0 @@
-/**
- * TimingAnimationConfigService Tests
- *
- * Unit tests for timing animation configuration service.
- */
-
-import { TimingAnimationConfigService } from '../TimingAnimationConfigService';
-import { AnimationPreset, ANIMATION_CONSTANTS } from '../../../domain/entities/Animation';
-
-describe('TimingAnimationConfigService', () => {
-  describe('getTimingConfig', () => {
-    it('should return config for FADE_IN preset', () => {
-      const config = TimingAnimationConfigService.getTimingConfig(AnimationPreset.FADE_IN);
-
-      expect(config).toEqual({
-        duration: ANIMATION_CONSTANTS.DURATION.NORMAL,
-      });
-    });
-
-    it('should return config for FADE_OUT preset', () => {
-      const config = TimingAnimationConfigService.getTimingConfig(AnimationPreset.FADE_OUT);
-
-      expect(config).toEqual({
-        duration: ANIMATION_CONSTANTS.DURATION.NORMAL,
-      });
-    });
-
-    it('should return config for SLIDE_IN_UP preset', () => {
-      const config = TimingAnimationConfigService.getTimingConfig(AnimationPreset.SLIDE_IN_UP);
-
-      expect(config).toEqual({
-        duration: ANIMATION_CONSTANTS.DURATION.NORMAL,
-      });
-    });
-
-    it('should return config for SLIDE_IN_DOWN preset', () => {
-      const config = TimingAnimationConfigService.getTimingConfig(AnimationPreset.SLIDE_IN_DOWN);
-
-      expect(config).toEqual({
-        duration: ANIMATION_CONSTANTS.DURATION.NORMAL,
-      });
-    });
-
-    it('should return config for SLIDE_IN_LEFT preset', () => {
-      const config = TimingAnimationConfigService.getTimingConfig(AnimationPreset.SLIDE_IN_LEFT);
-
-      expect(config).toEqual({
-        duration: ANIMATION_CONSTANTS.DURATION.NORMAL,
-      });
-    });
-
-    it('should return config for SLIDE_IN_RIGHT preset', () => {
-      const config = TimingAnimationConfigService.getTimingConfig(AnimationPreset.SLIDE_IN_RIGHT);
-
-      expect(config).toEqual({
-        duration: ANIMATION_CONSTANTS.DURATION.NORMAL,
-      });
-    });
-
-    it('should return config for SCALE_IN preset', () => {
-      const config = TimingAnimationConfigService.getTimingConfig(AnimationPreset.SCALE_IN);
-
-      expect(config).toEqual({
-        duration: ANIMATION_CONSTANTS.DURATION.FAST,
-      });
-    });
-
-    it('should return config for SCALE_OUT preset', () => {
-      const config = TimingAnimationConfigService.getTimingConfig(AnimationPreset.SCALE_OUT);
-
-      expect(config).toEqual({
-        duration: ANIMATION_CONSTANTS.DURATION.FAST,
-      });
-    });
-
-    it('should return config for BOUNCE preset', () => {
-      const config = TimingAnimationConfigService.getTimingConfig(AnimationPreset.BOUNCE);
-
-      expect(config).toEqual({
-        duration: ANIMATION_CONSTANTS.DURATION.SLOW,
-      });
-    });
-
-    it('should return config for SHAKE preset', () => {
-      const config = TimingAnimationConfigService.getTimingConfig(AnimationPreset.SHAKE);
-
-      expect(config).toEqual({
-        duration: ANIMATION_CONSTANTS.DURATION.FAST,
-      });
-    });
-
-    it('should handle all animation presets', () => {
-      const presets = Object.values(AnimationPreset);
-
-      presets.forEach(preset => {
-        const config = TimingAnimationConfigService.getTimingConfig(preset);
-        
-        expect(config).toBeDefined();
-        expect(config).toHaveProperty('duration');
-        expect(typeof config.duration).toBe('number');
-        expect(config.duration).toBeGreaterThan(0);
-      });
-    });
-  });
-});