@umituz/react-native-design-system 2.0.4 → 2.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "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,14 +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

@@ -47,7 +47,7 @@ import {
   StyleSheet,
 } from 'react-native';
 import { useAppDesignTokens } from '../theme';
-import { AtomicPickerProps, PickerOption } from './picker/types';
+import { AtomicPickerProps } from './picker/types';
 import { AtomicIcon } from './AtomicIcon';
 import { AtomicText } from './AtomicText';
 import { PickerModal } from './picker/components/PickerModal';
@@ -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]);
 
@@ -201,7 +200,7 @@ export const AtomicPicker: React.FC<AtomicPickerProps> = ({
   /**
    * Check if option is selected
    */
-  const isSelected = (optionValue: string): boolean => {
+  const _isSelected = (optionValue: string): boolean => {
     return selectedValues.includes(optionValue);
   };
 

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/hooks/useInputState.ts

@@ -28,6 +28,8 @@ export const useInputState = ({
   maxLength,
   showCharacterCount = false,
 }: UseInputStateProps = {}): UseInputStateReturn => {
+  void showPasswordToggle;
+  void showCharacterCount;
   const [localValue, setLocalValue] = useState(value);
   const [isFocused, setIsFocused] = useState(false);
   const [isPasswordVisible, setIsPasswordVisible] = useState(!secureTextEntry);

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/PickerChips.tsx

@@ -26,7 +26,7 @@ interface PickerChipsProps {
 export const PickerChips: React.FC<PickerChipsProps> = React.memo(({
   selectedOptions,
   onRemoveChip,
-  testID,
+  testID: _testID,
 }) => {
   const tokens = useAppDesignTokens();
 

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';
@@ -60,7 +59,7 @@ interface PickerModalProps {
 export const PickerModal: React.FC<PickerModalProps> = React.memo(({
   visible,
   onClose,
-  options,
+  options: _options,
   selectedValues,
   onSelect,
   title,
@@ -68,7 +67,7 @@ export const PickerModal: React.FC<PickerModalProps> = React.memo(({
   searchQuery,
   onSearchChange,
   filteredOptions,
-  multiple = false,
+  multiple: _multiple = false,
   emptyMessage = 'No options available',
   searchPlaceholder = 'Search...',
   closeAccessibilityLabel = 'Close picker',

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',