@umituz/react-native-design-system 1.4.2 → 1.5.0

package/src/presentation/molecules/AtomicConfirmationModal.tsx

@@ -40,8 +40,6 @@
 import React from 'react';
 import { View, Modal, TouchableOpacity } from 'react-native';
 import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
-// @ts-ignore - Optional peer dependency
-import { useLocalization } from '@umituz/react-native-localization';
 import { AtomicText } from '../atoms/AtomicText';
 import { AtomicButton } from '../atoms/AtomicButton';
 import { AtomicIcon } from '../atoms/AtomicIcon';
@@ -80,29 +78,10 @@ export const AtomicConfirmationModal: React.FC<AtomicConfirmationModalProps> = (
   testID = 'atomic-confirmation-modal',
 }) => {
   const tokens = useAppDesignTokens();
-  const { t } = useLocalization();
 
   // Get variant-specific configuration (icon and color only)
   const variantConfig = getVariantConfig(variant as 'default' | 'destructive' | 'warning' | 'success', tokens);
 
-  // Get locale-aware default text based on variant
-  const getDefaultConfirmText = (): string => {
-    switch (variant) {
-      case 'destructive':
-        return t('general.delete');
-      case 'warning':
-        return t('general.continue');
-      case 'success':
-      case 'default':
-      default:
-        return t('general.confirm');
-    }
-  };
-
-  // Determine final text values
-  const finalConfirmText = confirmText || getDefaultConfirmText();
-  const finalCancelText = cancelText || t('general.cancel');
-
   // Determine final icon
   const finalIcon = icon || variantConfig.icon;
 
@@ -185,7 +164,7 @@ export const AtomicConfirmationModal: React.FC<AtomicConfirmationModalProps> = (
               style={getButtonStyle()}
               testID={`${testID}-cancel-button`}
             >
-              {finalCancelText}
+              {cancelText}
             </AtomicButton>
 
             {/* Confirm Button */}
@@ -201,7 +180,7 @@ export const AtomicConfirmationModal: React.FC<AtomicConfirmationModalProps> = (
               ]}
               testID={`${testID}-confirm-button`}
             >
-              {finalConfirmText}
+              {confirmText}
             </AtomicButton>
           </View>
         </View>
@@ -231,8 +210,8 @@ export const useConfirmationModal = (config: {
   title: string;
   message: string;
   variant?: ConfirmationModalVariant;
-  confirmText?: string;
-  cancelText?: string;
+  confirmText: string;
+  cancelText: string;
   onConfirm: () => void;
 }) => {
   const [visible, setVisible] = React.useState(false);

package/src/presentation/molecules/confirmation-modal/types/index.ts

@@ -45,16 +45,14 @@ export interface AtomicConfirmationModalProps {
   variant?: ConfirmationModalVariant;
 
   /**
-   * Confirm button text
-   * @default 'Confirm' (or variant-specific default)
+   * Confirm button text (required)
    */
-  confirmText?: string;
+  confirmText: string;
 
   /**
-   * Cancel button text
-   * @default 'Cancel'
+   * Cancel button text (required)
    */
-  cancelText?: string;
+  cancelText: string;
 
   /**
    * Icon name to display at top (MaterialIcons name)

package/src/presentation/molecules/index.ts

@@ -11,7 +11,6 @@
 export { FormField } from './FormField';
 export { ListItem } from './ListItem';
 export { SearchBar } from './SearchBar';
-export { LanguageSwitcher } from './LanguageSwitcher';
 export { SectionCard } from './SectionCard';
 export { IconContainer } from './IconContainer';
 export { ScreenHeader } from './ScreenHeader';

package/src/presentation/tokens/commonStyles.ts

@@ -96,7 +96,7 @@ export const useCommonStyles = () => {
 
     /**
      * Centered container - both horizontal and vertical
-     * Perfect for empty states, loading screens, splash screens
+     * Perfect for empty states, splash screens
      */
     centerContainer: {
       flex: 1,

package/src/presentation/tokens/core/BaseTokens.ts

@@ -219,10 +219,6 @@ export const typography = {
   } as TextStyle,
 } as const;
 
-// =============================================================================
-// ANIMATION TOKENS - REMOVED (moved to separate package)
-// =============================================================================
-
 // =============================================================================
 // OPACITY TOKENS
 // =============================================================================

package/lib/presentation/atoms/AtomicSkeleton.d.ts

@@ -1,37 +0,0 @@
-/**
- * AtomicSkeleton - Universal Skeleton Loading Component
- *
- * Displays skeleton placeholders for loading states
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
- *
- * Atomic Design Level: ATOM
- * Purpose: Loading state placeholder
- *
- * Usage:
- * - Content loading placeholders
- * - List item skeletons
- * - Card skeletons
- * - Text line skeletons
- * - Image placeholders
- */
-import React from 'react';
-import { ViewStyle } from 'react-native';
-export interface AtomicSkeletonProps {
-    /** Skeleton width */
-    width?: number | string;
-    /** Skeleton height */
-    height?: number | string;
-    /** Skeleton shape */
-    shape?: 'rectangle' | 'circle' | 'rounded';
-    /** Border radius for rounded shapes */
-    borderRadius?: number;
-    /** Skeleton color */
-    color?: string;
-    /** Style overrides */
-    style?: ViewStyle;
-    /** Test ID for testing */
-    testID?: string;
-}
-export declare const AtomicSkeleton: React.FC<AtomicSkeletonProps>;
-export default AtomicSkeleton;
-//# sourceMappingURL=AtomicSkeleton.d.ts.map

package/lib/presentation/atoms/AtomicSkeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AtomicSkeleton.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicSkeleton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAkB,MAAM,cAAc,CAAC;AAO3E,MAAM,WAAW,mBAAmB;IAClC,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,qBAAqB;IACrB,KAAK,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0CxD,CAAC;AAMF,eAAe,cAAc,CAAC"}

package/lib/presentation/atoms/AtomicSkeleton.js

@@ -1,53 +0,0 @@
-/**
- * AtomicSkeleton - Universal Skeleton Loading Component
- *
- * Displays skeleton placeholders for loading states
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
- *
- * Atomic Design Level: ATOM
- * Purpose: Loading state placeholder
- *
- * Usage:
- * - Content loading placeholders
- * - List item skeletons
- * - Card skeletons
- * - Text line skeletons
- * - Image placeholders
- */
-import React from 'react';
-import { View } from 'react-native';
-import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
-// =============================================================================
-// COMPONENT IMPLEMENTATION
-// =============================================================================
-export const AtomicSkeleton = ({ width = '100%', height = 20, shape = 'rectangle', borderRadius, color, style, testID, }) => {
-    const tokens = useAppDesignTokens();
-    // Default values
-    const skeletonColor = color || tokens.colors.surfaceVariant;
-    // Calculate border radius based on shape
-    const getBorderRadius = () => {
-        if (borderRadius !== undefined)
-            return borderRadius;
-        switch (shape) {
-            case 'circle':
-                return typeof height === 'number' ? height / 2 : 20;
-            case 'rounded':
-                return tokens.borders.radius.md;
-            case 'rectangle':
-            default:
-                return tokens.borders.radius.sm;
-        }
-    };
-    const skeletonStyle = {
-        width: width,
-        height: height,
-        backgroundColor: skeletonColor,
-        borderRadius: getBorderRadius(),
-    };
-    return (<View style={[skeletonStyle, style]} testID={testID}/>);
-};
-// =============================================================================
-// EXPORTS
-// =============================================================================
-export default AtomicSkeleton;
-//# sourceMappingURL=AtomicSkeleton.js.map

package/lib/presentation/atoms/AtomicSkeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AtomicSkeleton.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicSkeleton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAyC,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAuBjE,gFAAgF;AAChF,2BAA2B;AAC3B,gFAAgF;AAEhF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,WAAW,EACnB,YAAY,EACZ,KAAK,EACL,KAAK,EACL,MAAM,GACP,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,iBAAiB;IACjB,MAAM,aAAa,GAAG,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC;IAE5D,yCAAyC;IACzC,MAAM,eAAe,GAAG,GAAW,EAAE;QACnC,IAAI,YAAY,KAAK,SAAS;YAAE,OAAO,YAAY,CAAC;QAEpD,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,QAAQ;gBACX,OAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACtD,KAAK,SAAS;gBACZ,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YAClC,KAAK,WAAW,CAAC;YACjB;gBACE,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAc;QAC/B,KAAK,EAAE,KAAuB;QAC9B,MAAM,EAAE,MAAwB;QAChC,eAAe,EAAE,aAAa;QAC9B,YAAY,EAAE,eAAe,EAAE;KAChC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAC9B,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,UAAU;AACV,gFAAgF;AAEhF,eAAe,cAAc,CAAC"}

package/lib/presentation/molecules/LanguageSwitcher.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface LanguageSwitcherProps {
-    showName?: boolean;
-    showFlag?: boolean;
-    color?: string;
-    navigationScreen?: string;
-}
-export declare const LanguageSwitcher: React.FC<LanguageSwitcherProps>;
-export default LanguageSwitcher;
-//# sourceMappingURL=LanguageSwitcher.d.ts.map

package/lib/presentation/molecules/LanguageSwitcher.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LanguageSwitcher.d.ts","sourceRoot":"","sources":["../../../src/presentation/molecules/LanguageSwitcher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmB5D,CAAC;AAQF,eAAe,gBAAgB,CAAC"}

package/lib/presentation/molecules/LanguageSwitcher.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { TouchableOpacity } from 'react-native';
-import { AtomicText, AtomicIcon } from '../atoms';
-import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
-import { useLanguageNavigation } from './languageswitcher/hooks/useLanguageNavigation';
-import { languageSwitcherConfig } from './languageswitcher/config/languageSwitcherConfig';
-export const LanguageSwitcher = ({ showName = false, showFlag = true, color, navigationScreen = languageSwitcherConfig.defaultNavigationScreen, }) => {
-    const tokens = useAppDesignTokens();
-    const { currentLang, navigateToLanguageSelection } = useLanguageNavigation(navigationScreen);
-    const iconColor = color || tokens.colors.textPrimary;
-    const styles = getStyles(tokens);
-    return (<TouchableOpacity style={styles.container} onPress={navigateToLanguageSelection} activeOpacity={0.7} hitSlop={languageSwitcherConfig.hitSlop}>
-      {showFlag && <AtomicText type="headlineSmall" style={styles.flag}>{currentLang.flag}</AtomicText>}
-      {showName && <AtomicText type="bodySmall" color={iconColor} style={styles.languageName}>{currentLang.nativeName}</AtomicText>}
-      {!showName && !showFlag && <AtomicIcon name="Languages" color="primary"/>}
-    </TouchableOpacity>);
-};
-const getStyles = (tokens) => ({
-    container: { flexDirection: 'row', alignItems: 'center', gap: tokens.spacing.sm, paddingHorizontal: tokens.spacing.xs },
-    flag: { fontSize: tokens.typography.headingSmall.fontSize },
-    languageName: { fontSize: tokens.typography.bodySmall.fontSize, fontWeight: tokens.typography.semibold },
-});
-export default LanguageSwitcher;
-//# sourceMappingURL=LanguageSwitcher.js.map

package/lib/presentation/molecules/LanguageSwitcher.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LanguageSwitcher.js","sourceRoot":"","sources":["../../../src/presentation/molecules/LanguageSwitcher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAc,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AACvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAC;AAS1F,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,gBAAgB,GAAG,sBAAsB,CAAC,uBAAuB,GAClE,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,EAAE,WAAW,EAAE,2BAA2B,EAAE,GAAG,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;IAC7F,MAAM,SAAS,GAAG,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;IAErD,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEjC,OAAO,CACL,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,2BAA2B,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAC3I;MAAA,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CACjG;MAAA,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,CAC7H;MAAA,CAAC,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,EAAG,CAC5E;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAA6C,EAAE,EAAE,CAAC,CAAC;IACpE,SAAS,EAAE,EAAE,aAAa,EAAE,KAAc,EAAE,UAAU,EAAE,QAAiB,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE;IACzI,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,QAAQ,EAAE;IAC3D,YAAY,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE;CACzG,CAAC,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.d.ts

@@ -1,11 +0,0 @@
-export declare const languageSwitcherConfig: {
-    defaultIconSize: number;
-    defaultNavigationScreen: string;
-    hitSlop: {
-        top: number;
-        bottom: number;
-        left: number;
-        right: number;
-    };
-};
-//# sourceMappingURL=languageSwitcherConfig.d.ts.map

package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"languageSwitcherConfig.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/languageswitcher/config/languageSwitcherConfig.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;;;;;;;;;CAIlC,CAAC"}

package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.js

@@ -1,6 +0,0 @@
-export const languageSwitcherConfig = {
-    defaultIconSize: 20,
-    defaultNavigationScreen: 'LanguageSelection',
-    hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
-};
-//# sourceMappingURL=languageSwitcherConfig.js.map

package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"languageSwitcherConfig.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/languageswitcher/config/languageSwitcherConfig.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,eAAe,EAAE,EAAE;IACnB,uBAAuB,EAAE,mBAAmB;IAC5C,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;CACtD,CAAC"}

package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.d.ts

@@ -1,5 +0,0 @@
-export declare const useLanguageNavigation: (navigationScreen: string) => {
-    currentLang: any;
-    navigateToLanguageSelection: () => void;
-};
-//# sourceMappingURL=useLanguageNavigation.d.ts.map

package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLanguageNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,qBAAqB,GAAI,kBAAkB,MAAM;;;CAU7D,CAAC"}

package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.js

@@ -1,14 +0,0 @@
-// @ts-ignore - Optional peer dependency
-import { useNavigation } from '@react-navigation/native';
-// @ts-ignore - Optional peer dependency
-import { useLocalization, getLanguageByCode, getDefaultLanguage } from '@umituz/react-native-localization';
-export const useLanguageNavigation = (navigationScreen) => {
-    const navigation = useNavigation();
-    const { currentLanguage } = useLocalization();
-    const currentLang = getLanguageByCode(currentLanguage) || getDefaultLanguage();
-    const navigateToLanguageSelection = () => {
-        navigation.navigate(navigationScreen);
-    };
-    return { currentLang, navigateToLanguageSelection };
-};
-//# sourceMappingURL=useLanguageNavigation.js.map

package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLanguageNavigation.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,wCAAwC;AACxC,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAE3G,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,gBAAwB,EAAE,EAAE;IAChE,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAC;IAC9C,MAAM,WAAW,GAAG,iBAAiB,CAAC,eAAe,CAAC,IAAI,kBAAkB,EAAE,CAAC;IAE/E,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,UAAU,CAAC,QAAQ,CAAC,gBAAyB,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,OAAO,EAAE,WAAW,EAAE,2BAA2B,EAAE,CAAC;AACtD,CAAC,CAAC"}

package/src/presentation/atoms/AtomicSkeleton.tsx

@@ -1,95 +0,0 @@
-/**
- * AtomicSkeleton - Universal Skeleton Loading Component
- *
- * Displays skeleton placeholders for loading states
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
- *
- * Atomic Design Level: ATOM
- * Purpose: Loading state placeholder
- *
- * Usage:
- * - Content loading placeholders
- * - List item skeletons
- * - Card skeletons
- * - Text line skeletons
- * - Image placeholders
- */
-
-import React from 'react';
-import { View, StyleSheet, ViewStyle, DimensionValue } from 'react-native';
-import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
-
-// =============================================================================
-// TYPE DEFINITIONS
-// =============================================================================
-
-export interface AtomicSkeletonProps {
-  /** Skeleton width */
-  width?: number | string;
-  /** Skeleton height */
-  height?: number | string;
-  /** Skeleton shape */
-  shape?: 'rectangle' | 'circle' | 'rounded';
-  /** Border radius for rounded shapes */
-  borderRadius?: number;
-  /** Skeleton color */
-  color?: string;
-  /** Style overrides */
-  style?: ViewStyle;
-  /** Test ID for testing */
-  testID?: string;
-}
-
-// =============================================================================
-// COMPONENT IMPLEMENTATION
-// =============================================================================
-
-export const AtomicSkeleton: React.FC<AtomicSkeletonProps> = ({
-  width = '100%',
-  height = 20,
-  shape = 'rectangle',
-  borderRadius,
-  color,
-  style,
-  testID,
-}) => {
-  const tokens = useAppDesignTokens();
-
-  // Default values
-  const skeletonColor = color || tokens.colors.surfaceVariant;
-
-  // Calculate border radius based on shape
-  const getBorderRadius = (): number => {
-    if (borderRadius !== undefined) return borderRadius;
-    
-    switch (shape) {
-      case 'circle':
-        return typeof height === 'number' ? height / 2 : 20;
-      case 'rounded':
-        return tokens.borders.radius.md;
-      case 'rectangle':
-      default:
-        return tokens.borders.radius.sm;
-    }
-  };
-
-  const skeletonStyle: ViewStyle = {
-    width: width as DimensionValue,
-    height: height as DimensionValue,
-    backgroundColor: skeletonColor,
-    borderRadius: getBorderRadius(),
-  };
-
-  return (
-    <View
-      style={[skeletonStyle, style]}
-      testID={testID}
-    />
-  );
-};
-
-// =============================================================================
-// EXPORTS
-// =============================================================================
-
-export default AtomicSkeleton;

package/src/presentation/molecules/LanguageSwitcher.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import { TouchableOpacity, StyleSheet } from 'react-native';
-import { AtomicText, AtomicIcon } from '../atoms';
-import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
-import { useLanguageNavigation } from './languageswitcher/hooks/useLanguageNavigation';
-import { languageSwitcherConfig } from './languageswitcher/config/languageSwitcherConfig';
-
-interface LanguageSwitcherProps {
-  showName?: boolean;
-  showFlag?: boolean;
-  color?: string;
-  navigationScreen?: string;
-}
-
-export const LanguageSwitcher: React.FC<LanguageSwitcherProps> = ({
-  showName = false,
-  showFlag = true,
-  color,
-  navigationScreen = languageSwitcherConfig.defaultNavigationScreen,
-}) => {
-  const tokens = useAppDesignTokens();
-  const { currentLang, navigateToLanguageSelection } = useLanguageNavigation(navigationScreen);
-  const iconColor = color || tokens.colors.textPrimary;
-
-  const styles = getStyles(tokens);
-
-  return (
-    <TouchableOpacity style={styles.container} onPress={navigateToLanguageSelection} activeOpacity={0.7} hitSlop={languageSwitcherConfig.hitSlop}>
-      {showFlag && <AtomicText type="headlineSmall" style={styles.flag}>{currentLang.flag}</AtomicText>}
-      {showName && <AtomicText type="bodySmall" color={iconColor} style={styles.languageName}>{currentLang.nativeName}</AtomicText>}
-      {!showName && !showFlag && <AtomicIcon name="Languages" color="primary" />}
-    </TouchableOpacity>
-  );
-};
-
-const getStyles = (tokens: ReturnType<typeof useAppDesignTokens>) => ({
-  container: { flexDirection: 'row' as const, alignItems: 'center' as const, gap: tokens.spacing.sm, paddingHorizontal: tokens.spacing.xs },
-  flag: { fontSize: tokens.typography.headingSmall.fontSize },
-  languageName: { fontSize: tokens.typography.bodySmall.fontSize, fontWeight: tokens.typography.semibold },
-});
-
-export default LanguageSwitcher;

package/src/presentation/molecules/languageswitcher/config/languageSwitcherConfig.ts

@@ -1,5 +0,0 @@
-export const languageSwitcherConfig = {
-  defaultIconSize: 20,
-  defaultNavigationScreen: 'LanguageSelection',
-  hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
-};

package/src/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.ts

@@ -1,16 +0,0 @@
-// @ts-ignore - Optional peer dependency
-import { useNavigation } from '@react-navigation/native';
-// @ts-ignore - Optional peer dependency
-import { useLocalization, getLanguageByCode, getDefaultLanguage } from '@umituz/react-native-localization';
-
-export const useLanguageNavigation = (navigationScreen: string) => {
-  const navigation = useNavigation();
-  const { currentLanguage } = useLocalization();
-  const currentLang = getLanguageByCode(currentLanguage) || getDefaultLanguage();
-
-  const navigateToLanguageSelection = () => {
-    navigation.navigate(navigationScreen as never);
-  };
-
-  return { currentLang, navigateToLanguageSelection };
-};