@umituz/react-native-design-system 2.6.53 → 2.6.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umituz/react-native-design-system",
|
|
3
|
-
"version": "2.6.
|
|
3
|
+
"version": "2.6.55",
|
|
4
4
|
"description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive and safe area utilities",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"types": "./src/index.ts",
|
|
@@ -17,10 +17,8 @@ export interface FilterBottomSheetProps {
|
|
|
17
17
|
readonly categories: FilterCategory[];
|
|
18
18
|
readonly selectedIds: string[];
|
|
19
19
|
readonly onFilterPress: (id: string, categoryId: string) => void;
|
|
20
|
-
readonly onClearFilters: () => void;
|
|
21
20
|
readonly onDismiss?: () => void;
|
|
22
21
|
readonly title?: string;
|
|
23
|
-
readonly clearLabel?: string;
|
|
24
22
|
readonly applyLabel?: string;
|
|
25
23
|
readonly defaultId?: string;
|
|
26
24
|
}
|
|
@@ -29,10 +27,8 @@ export const FilterBottomSheet = forwardRef<BottomSheetModalRef, FilterBottomShe
|
|
|
29
27
|
categories,
|
|
30
28
|
selectedIds,
|
|
31
29
|
onFilterPress,
|
|
32
|
-
onClearFilters,
|
|
33
30
|
onDismiss,
|
|
34
31
|
title,
|
|
35
|
-
clearLabel = 'Clear',
|
|
36
32
|
applyLabel = 'Apply',
|
|
37
33
|
defaultId = 'all'
|
|
38
34
|
}, ref) => {
|
|
@@ -66,18 +62,17 @@ export const FilterBottomSheet = forwardRef<BottomSheetModalRef, FilterBottomShe
|
|
|
66
62
|
opacity: 0.7,
|
|
67
63
|
},
|
|
68
64
|
optionsGrid: {
|
|
69
|
-
flexDirection: '
|
|
70
|
-
|
|
71
|
-
gap: 8,
|
|
65
|
+
flexDirection: 'column',
|
|
66
|
+
gap: 12,
|
|
72
67
|
},
|
|
73
68
|
option: {
|
|
74
69
|
flexDirection: 'row',
|
|
75
70
|
alignItems: 'center',
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
71
|
+
justifyContent: 'space-between',
|
|
72
|
+
paddingHorizontal: 16,
|
|
73
|
+
paddingVertical: 14,
|
|
74
|
+
borderRadius: 12,
|
|
79
75
|
backgroundColor: tokens.colors.surfaceVariant,
|
|
80
|
-
gap: 6,
|
|
81
76
|
borderWidth: 1,
|
|
82
77
|
borderColor: 'transparent',
|
|
83
78
|
},
|
|
@@ -171,11 +166,9 @@ export const FilterBottomSheet = forwardRef<BottomSheetModalRef, FilterBottomShe
|
|
|
171
166
|
<View style={styles.container}>
|
|
172
167
|
<View style={styles.header}>
|
|
173
168
|
<AtomicText type="headlineSmall">{title || 'Filter'}</AtomicText>
|
|
174
|
-
{
|
|
175
|
-
<
|
|
176
|
-
|
|
177
|
-
</TouchableOpacity>
|
|
178
|
-
)}
|
|
169
|
+
<TouchableOpacity onPress={() => (ref as any).current?.dismiss()}>
|
|
170
|
+
<AtomicIcon name="close" size="md" color="textPrimary" />
|
|
171
|
+
</TouchableOpacity>
|
|
179
172
|
</View>
|
|
180
173
|
|
|
181
174
|
<ScrollView style={styles.scrollView} showsVerticalScrollIndicator={false}>
|