@umituz/react-native-design-system 2.6.75 → 2.6.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.6.75",
+  "version": "2.6.76",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive and safe area utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/atoms/picker/components/PickerModal.tsx

@@ -1,14 +1,6 @@
 /**
- * PickerModal Component
- *
- * Modal component for AtomicPicker that handles the selection interface.
- * Extracted from AtomicPicker to follow single responsibility principle.
- *
- * Features:
- * - Search functionality
- * - Option list rendering
- * - Multi-select support
- * - Empty state handling
+ * PickerModal - Selection modal for AtomicPicker
+ * Handles search, filtering, and option selection.
  */
 
 import React from 'react';
@@ -38,12 +30,6 @@ import {
   getEmptyStateTextStyles,
 } from '../styles/pickerStyles';
 
-/**
- * PickerModalProps
- *
- * IMPORTANT: String props are REQUIRED for proper i18n support.
- * Pass translated strings from your app's i18n system.
- */
 interface PickerModalProps {
   visible: boolean;
   onClose: () => void;
@@ -56,12 +42,9 @@ interface PickerModalProps {
   onSearchChange: (query: string) => void;
   filteredOptions: PickerOption[];
   multiple?: boolean;
-  /** Empty state message */
-  emptyMessage?: string;
-  /** Search placeholder */
-  searchPlaceholder?: string;
-  /** Close accessibility label */
-  closeAccessibilityLabel?: string;
+  emptyMessage?: string; // Translated string
+  searchPlaceholder?: string; // Translated string
+  closeAccessibilityLabel?: string; // Translated string
   testID?: string;
 }
 
@@ -219,5 +202,4 @@ export const PickerModal: React.FC<PickerModalProps> = React.memo(({
       </View>
     </Modal>
   );
-});
-PickerModal.displayName = 'PickerModal';
+});

package/src/device/presentation/hooks/useDeviceInfo.ts

@@ -12,24 +12,9 @@ import { useState, useEffect, useCallback } from 'react';
 import { DeviceService } from '../../infrastructure/services/DeviceService';
 import type { DeviceInfo, ApplicationInfo, SystemInfo } from '../../domain/entities/Device';
 
+
 /**
  * useDeviceInfo hook for device and application information
- *
- * USAGE:
- * ```typescript
- * const { deviceInfo, appInfo, systemInfo, isLoading, refresh } = useDeviceInfo();
- *
- * // Display device info
- * <Text>Device: {deviceInfo?.modelName}</Text>
- * <Text>OS: {deviceInfo?.osName} {deviceInfo?.osVersion}</Text>
- *
- * // Display app info
- * <Text>App: {appInfo?.applicationName}</Text>
- * <Text>Version: {appInfo?.nativeApplicationVersion}</Text>
- *
- * // Refresh info
- * <AtomicButton onPress={refresh}>Refresh</AtomicButton>
- * ```
  */
 export const useDeviceInfo = () => {
   const [deviceInfo, setDeviceInfo] = useState<DeviceInfo | null>(null);
@@ -127,18 +112,6 @@ export const useDeviceInfo = () => {
 
 /**
  * useDeviceCapabilities hook for device feature detection
- *
- * USAGE:
- * ```typescript
- * const { isDevice, isTablet, hasNotch, totalMemoryGB } = useDeviceCapabilities();
- *
- * // Conditional rendering
- * {isTablet && <TabletLayout />}
- * {hasNotch && <NotchSpacer />}
- *
- * // Performance optimization
- * {totalMemoryGB && totalMemoryGB < 2 && <LowMemoryWarning />}
- * ```
  */
 export const useDeviceCapabilities = () => {
   const [isDevice, setIsDevice] = useState(false);
@@ -183,16 +156,6 @@ export const useDeviceCapabilities = () => {
  * useDeviceId hook for device unique identifier
  *
  * WARNING: Use with caution - user privacy considerations!
- *
- * USAGE:
- * ```typescript
- * const { deviceId, isLoading } = useDeviceId();
- *
- * // Analytics, crash reporting (with user consent)
- * if (deviceId) {
- *   analytics.setUserId(deviceId);
- * }
- * ```
  */
 export const useDeviceId = () => {
   const [deviceId, setDeviceId] = useState<string | null>(null);

package/src/molecules/splash/components/SplashScreen.tsx

@@ -1,7 +1,3 @@
-/**
- * Splash Screen Component
- * Pure prop-driven component with theme-aware defaults
- */
 
 import React, { useEffect, useState, useCallback } from "react";
 import { View, Image, StyleSheet } from "react-native";
@@ -26,7 +22,6 @@ export const SplashScreen: React.FC<SplashScreenProps> = ({
   onReady,
   style,
 }: SplashScreenProps) => {
-  // ALL HOOKS MUST BE AT THE TOP (Rules of Hooks)
   const insets = useSafeAreaInsets();
   const tokens = useAppDesignTokens();
   const [timedOut, setTimedOut] = useState(false);
@@ -53,8 +48,6 @@ export const SplashScreen: React.FC<SplashScreenProps> = ({
     return () => clearTimeout(timer);
   }, [maxDuration, visible, handleTimeout]);
 
-  // ALL HOOKS ABOVE - NOW SAFE TO USE OTHER LOGIC
-
   // Derive colors from tokens if not provided (theme-aware defaults)
   const colors: SplashColors = customColors ?? {
     background: tokens.colors.backgroundPrimary,