@umituz/react-native-design-system 2.5.21 → 2.5.23

package/package.json

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

@@ -92,8 +92,10 @@ export const PickerModal: React.FC<PickerModalProps> = React.memo(({
   const emptyStateStyles = getEmptyStateStyles(tokens);
   const emptyStateTextStyles = getEmptyStateTextStyles(tokens);
 
+  const safeSelectedValues = selectedValues ?? [];
+
   const isSelected = (optionValue: string): boolean => {
-    return selectedValues.includes(optionValue);
+    return safeSelectedValues.includes(optionValue);
   };
 
   const renderOption = ({ item }: { item: PickerOption }) => {

package/src/molecules/bottom-sheet/components/filter/FilterBottomSheet.tsx

@@ -83,8 +83,10 @@ export const FilterBottomSheet = forwardRef<BottomSheetModalRef, FilterBottomShe
         }
     }), [tokens]);
 
+    const safeSelectedIds = selectedIds ?? [];
+
     const renderOption = useCallback((option: FilterOption, categoryId: string) => {
-        const isSelected = selectedIds.includes(option.id);
+        const isSelected = safeSelectedIds.includes(option.id);
 
         return (
             <TouchableOpacity
@@ -115,7 +117,7 @@ export const FilterBottomSheet = forwardRef<BottomSheetModalRef, FilterBottomShe
                 )}
             </TouchableOpacity>
         );
-    }, [selectedIds, tokens, onFilterPress]);
+    }, [safeSelectedIds, tokens, onFilterPress]);
 
     const renderCategory = useCallback((category: FilterCategory) => (
         <View key={category.id} style={styles.category}>
@@ -129,7 +131,7 @@ export const FilterBottomSheet = forwardRef<BottomSheetModalRef, FilterBottomShe
     ), [renderOption, styles]);
 
 
-    const hasActiveFilters = FilterUtils.hasActiveFilter(selectedIds, defaultId);
+    const hasActiveFilters = FilterUtils.hasActiveFilter(safeSelectedIds, defaultId);
 
     return (
         <BottomSheetModal

package/src/molecules/bottom-sheet/components/filter/FilterSheet.tsx

@@ -34,7 +34,8 @@ export const FilterSheet: React.FC<FilterSheetProps> = ({
   const tokens = useAppDesignTokens();
   const insets = useSafeAreaInsets();
 
-  const hasActiveFilter = FilterUtils.hasActiveFilter(selectedIds, defaultFilterId);
+  const safeSelectedIds = selectedIds ?? [];
+  const hasActiveFilter = FilterUtils.hasActiveFilter(safeSelectedIds, defaultFilterId);
 
   const handleFilterPressWithClose = useCallback((id: string) => {
     onFilterPress(id);
@@ -61,7 +62,7 @@ export const FilterSheet: React.FC<FilterSheetProps> = ({
               <FilterSheetOption
                 key={option.id}
                 option={option}
-                isSelected={selectedIds.includes(option.id)}
+                isSelected={safeSelectedIds.includes(option.id)}
                 onPress={handleFilterPressWithClose}
                 tokens={tokens}
               />

package/src/molecules/bottom-sheet/types/Filter.ts

@@ -19,8 +19,9 @@ export interface FilterCategory {
 
 export class FilterUtils {
     static hasActiveFilter(selectedIds: string[], defaultId: string = "all"): boolean {
-        if (selectedIds.length === 0) return false;
-        if (selectedIds.length === 1 && selectedIds[0] === defaultId) return false;
+        const safeIds = selectedIds ?? [];
+        if (safeIds.length === 0) return false;
+        if (safeIds.length === 1 && safeIds[0] === defaultId) return false;
         return true;
     }
 
@@ -30,12 +31,13 @@ export class FilterUtils {
         multiSelect: boolean = false,
         defaultId: string = "all"
     ): string[] {
+        const safeIds = selectedIds ?? [];
         if (filterId === defaultId) {
             return [defaultId];
         }
 
         if (multiSelect) {
-            const newIds = selectedIds.filter((id) => id !== defaultId);
+            const newIds = safeIds.filter((id) => id !== defaultId);
             if (newIds.includes(filterId)) {
                 const filtered = newIds.filter((id) => id !== filterId);
                 return filtered.length === 0 ? [defaultId] : filtered;