@umituz/react-native-design-system 2.0.3 → 2.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "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",
@@ -78,13 +78,14 @@
     "@eslint/js": "^9.39.2",
     "@expo/vector-icons": "^15.0.0",
     "@gorhom/bottom-sheet": "^5.0.0",
-    "@react-native-async-storage/async-storage": "2.2.0",
-    "@react-native-community/datetimepicker": "^8.4.4",
+    "@react-native-async-storage/async-storage": "^2.2.0",
+    "@react-native-community/datetimepicker": "^8.5.1",
     "@react-navigation/native": "^6.0.0",
+    "@types/jest": "^30.0.0",
     "@types/react": "~19.1.0",
     "@typescript-eslint/eslint-plugin": "^8.50.0",
     "@typescript-eslint/parser": "^8.50.0",
-    "@umituz/react-native-icons": "latest",
+    "@umituz/react-native-icons": "^1.1.2",
     "eslint": "^9.39.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",

package/src/atoms/AtomicChip.tsx

@@ -16,7 +16,7 @@
  */
 
 import React from 'react';
-import { View, StyleSheet, ViewStyle, TouchableOpacity } from 'react-native';
+import { View, ViewStyle, TouchableOpacity } from 'react-native';
 import { AtomicText } from './AtomicText';
 import { AtomicIcon } from './AtomicIcon';
 import { useAppDesignTokens } from '../theme';

package/src/atoms/AtomicDatePicker.tsx

@@ -40,7 +40,6 @@
 import React, { useState, useMemo } from 'react';
 import {
   View,
-  Text,
   StyleSheet,
   Platform,
   type StyleProp,

package/src/atoms/AtomicInput.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import { View, TextInput, Pressable, StyleSheet, StyleProp, ViewStyle, TextStyle } from 'react-native';
 import { useAppDesignTokens } from '../theme';
 import { AtomicIcon } from './AtomicIcon';
@@ -107,7 +107,7 @@ export const AtomicInput: React.FC<AtomicInputProps> = ({
     isFocused,
     isPasswordVisible,
     characterCount,
-    isAtMaxLength,
+    isAtMaxLength: _isAtMaxLength,
     setIsFocused,
     handleTextChange,
     togglePasswordVisibility,

package/src/atoms/AtomicPicker.tsx

@@ -80,7 +80,7 @@ export const AtomicPicker: React.FC<AtomicPickerProps> = ({
   searchable = false,
   clearable = false,
   autoClose = true,
-  color = 'primary',
+  color: _color = 'primary',
   size = 'md',
   modalTitle,
   emptyMessage = 'No options available',
@@ -143,10 +143,9 @@ export const AtomicPicker: React.FC<AtomicPickerProps> = ({
 
     if (multiple) {
       return selectedOptions.length === 1
-        ? selectedOptions[0].label
+        ? selectedOptions[0]?.label || placeholder
         : `${selectedOptions.length} selected`;
     }
-
     return selectedOptions[0]?.label || placeholder;
   }, [selectedOptions, placeholder, multiple]);
 

package/src/atoms/datepicker/components/DatePickerModal.tsx

@@ -16,7 +16,6 @@ import {
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import DateTimePicker, { DateTimePickerEvent } from '@react-native-community/datetimepicker';
 import { useAppDesignTokens } from '../../../theme';
-import { AtomicIcon } from '../../AtomicIcon';
 import { AtomicText } from '../../AtomicText';
 
 interface DatePickerModalProps {

package/src/atoms/input/styles/inputStylesHelper.ts

@@ -5,7 +5,7 @@
  * Extracted from AtomicInput for better separation of concerns.
  */
 
-import { ViewStyle, TextStyle } from 'react-native';
+import { ViewStyle } from 'react-native';
 import { useAppDesignTokens } from '../../../theme';
 import type { AtomicInputVariant, AtomicInputSize } from '../../AtomicInput';
 

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

@@ -17,7 +17,6 @@ import {
   Modal,
   FlatList,
   TextInput,
-  StyleSheet,
   TouchableOpacity,
 } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';

package/src/atoms/picker/styles/pickerStyles.ts

@@ -110,7 +110,7 @@ export const getPickerErrorStyles = (tokens: DesignTokens): TextStyle => ({
 });
 
 // Modal styles
-export const getModalOverlayStyles = (tokens: DesignTokens): ViewStyle => ({
+export const getModalOverlayStyles = (_tokens: DesignTokens): ViewStyle => ({
     flex: 1,
     backgroundColor: 'rgba(0, 0, 0, 0.5)',
     justifyContent: 'flex-end',

package/src/typography/presentation/utils/colorValidationUtils.ts

@@ -44,12 +44,12 @@ export function isValidRgbColor(color: string): boolean {
   if (!COLOR_PATTERNS.rgb.test(color)) {
     return false;
   }
-  
+
   // Additional validation for RGB values
   const match = color.match(/\d+/g);
   if (!match || match.length < 3) return false;
-  
-  const [r, g, b] = match.map(Number);
+
+  const [r = 0, g = 0, b = 0] = match.map(Number);
   return r >= 0 && r <= 255 && g >= 0 && g <= 255 && b >= 0 && b <= 255;
 }
 
@@ -63,12 +63,12 @@ export function isValidHslColor(color: string): boolean {
   if (!COLOR_PATTERNS.hsl.test(color)) {
     return false;
   }
-  
+
   // Additional validation for HSL values
   const match = color.match(/\d+/g);
   if (!match || match.length < 3) return false;
-  
-  const [h, s, l] = match.map(Number);
+
+  const [h = 0, s = 0, l = 0] = match.map(Number);
   return h >= 0 && h <= 360 && s >= 0 && s <= 100 && l >= 0 && l <= 100;
 }
 
@@ -89,10 +89,10 @@ export function isValidNamedColor(color: string): boolean {
  * @returns True if valid color in any format
  */
 export function isValidColor(color: string): boolean {
-  return isValidHexColor(color) || 
-         isValidRgbColor(color) || 
-         isValidHslColor(color) || 
-         isValidNamedColor(color);
+  return isValidHexColor(color) ||
+    isValidRgbColor(color) ||
+    isValidHslColor(color) ||
+    isValidNamedColor(color);
 }
 
 /**