@umituz/react-native-settings 3.0.0 → 3.0.1

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.
Files changed (8) hide show
  1. package/package.json +1 -1
  2. package/src/presentation/components/CloudSyncSetting.tsx +2 -2
  3. package/src/presentation/components/StorageClearSetting.tsx +2 -2
  4. package/src/presentation/components/UserProfileHeader.tsx +3 -3
  5. package/src/presentation/screens/components/AboutLegalSection.tsx +3 -3
  6. package/src/presentation/screens/components/AppearanceSection.tsx +2 -2
  7. package/src/presentation/screens/components/LanguageSection.tsx +2 -2
  8. package/src/presentation/screens/components/NotificationsSection.tsx +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umituz/react-native-settings",
3
- "version": "3.0.0",
3
+ "version": "3.0.1",
4
4
  "description": "Settings management for React Native apps - user preferences, theme, language, notifications",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
package/src/presentation/components/CloudSyncSetting.tsx CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
 
6
6
  import React, { useCallback } from "react";
7
- import { Cloud } from "lucide-react-native";
7
+ import { Feather } from "@expo/vector-icons";
8
8
  import { SettingItem } from "./SettingItem";
9
9
  import type { SettingItemProps } from "./SettingItem";
10
10
 
@@ -46,7 +46,7 @@ export const CloudSyncSetting: React.FC<CloudSyncSettingProps> = ({
46
46
 
47
47
  return (
48
48
  <SettingItem
49
- icon={Cloud}
49
+ icon={(props) => <Feather name={"cloud" as any} {...props} />}
50
50
  title={title || "cloud_sync"}
51
51
  value={displayDescription}
52
52
  onPress={onPress}
package/src/presentation/components/StorageClearSetting.tsx CHANGED
@@ -5,7 +5,7 @@
5
5
  */
6
6
 
7
7
  import React from "react";
8
- import { Trash2 } from "lucide-react-native";
8
+ import { Feather } from "@expo/vector-icons";
9
9
  import { SettingItem } from "./SettingItem";
10
10
 
11
11
  export interface StorageClearSettingProps {
@@ -37,7 +37,7 @@ export const StorageClearSetting: React.FC<StorageClearSettingProps> = ({
37
37
 
38
38
  return (
39
39
  <SettingItem
40
- icon={Trash2}
40
+ icon={(props) => <Feather name={"trash-2" as any} {...props} />}
41
41
  title={defaultTitle}
42
42
  value={defaultDescription}
43
43
  onPress={onPress}
package/src/presentation/components/UserProfileHeader.tsx CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  import React, { useState, useCallback } from "react";
8
8
  import { View, TouchableOpacity, StyleSheet, Image } from "react-native";
9
- import { ChevronRight } from "lucide-react-native";
9
+ import { Feather } from "@expo/vector-icons";
10
10
  import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
11
11
  import { AtomicText } from "@umituz/react-native-design-system-atoms";
12
12
  import { useNavigation } from "@react-navigation/native";
@@ -54,7 +54,7 @@ export const UserProfileHeader: React.FC<UserProfileHeaderProps> = ({
54
54
 
55
55
  const finalDisplayName = displayName || (isGuest ? guestDisplayName || defaultGuestDisplayName || "Guest" : defaultUserDisplayName || "User");
56
56
  const avatarName = isGuest ? guestDisplayName || defaultGuestDisplayName || defaultGuestDisplayName || "Guest" : finalDisplayName;
57
-
57
+
58
58
  const defaultAvatarService = avatarServiceUrl || "https://ui-avatars.com/api";
59
59
  const finalAvatarUrl =
60
60
  (imageError ? null : avatarUrl) ||
@@ -115,7 +115,7 @@ export const UserProfileHeader: React.FC<UserProfileHeaderProps> = ({
115
115
  </View>
116
116
  {shouldShowChevron && (
117
117
  <View style={[styles.chevronContainer, { marginLeft: spacing.sm }]}>
118
- <ChevronRight size={22} color={colors.textSecondary} strokeWidth={2.5} />
118
+ <Feather name="chevron-right" size={22} color={colors.textSecondary} />
119
119
  </View>
120
120
  )}
121
121
  </>
package/src/presentation/screens/components/AboutLegalSection.tsx CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
 
6
6
  import React from "react";
7
- import { Info, FileText } from "lucide-react-native";
7
+ import { Feather } from "@expo/vector-icons";
8
8
  import { useNavigation } from "@react-navigation/native";
9
9
  import { useLocalization } from "@umituz/react-native-localization";
10
10
  import type { NavigationProp } from "@react-navigation/native";
@@ -54,7 +54,7 @@ export const AboutLegalSection: React.FC<AboutLegalSectionProps> = ({
54
54
  <SettingsSection title={t("settings.sections.about")}>
55
55
  {showAbout && (
56
56
  <SettingItem
57
- icon={Info}
57
+ icon={(props) => <Feather name={"info" as any} {...props} />}
58
58
  title={aboutTitle}
59
59
  value={aboutDescription}
60
60
  onPress={() => navigation.navigate(aboutRoute as string)}
@@ -62,7 +62,7 @@ export const AboutLegalSection: React.FC<AboutLegalSectionProps> = ({
62
62
  )}
63
63
  {showLegal && (
64
64
  <SettingItem
65
- icon={FileText}
65
+ icon={(props) => <Feather name={"file-text" as any} {...props} />}
66
66
  title={legalTitle}
67
67
  value={legalDescription}
68
68
  onPress={() => navigation.navigate(legalRoute as string)}
package/src/presentation/screens/components/AppearanceSection.tsx CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
 
6
6
  import React from "react";
7
- import { Palette } from "lucide-react-native";
7
+ import { Feather } from "@expo/vector-icons";
8
8
  import { useNavigation } from "@react-navigation/native";
9
9
  import { useLocalization } from "@umituz/react-native-localization";
10
10
  import { SettingItem } from "../../components/SettingItem";
@@ -28,7 +28,7 @@ export const AppearanceSection: React.FC<AppearanceSectionProps> = ({
28
28
  return (
29
29
  <SettingsSection title={t("settings.sections.app.title")}>
30
30
  <SettingItem
31
- icon={Palette}
31
+ icon={(props) => <Feather name={"droplet" as any} {...props} />}
32
32
  title={title}
33
33
  value={description}
34
34
  onPress={() => navigation.navigate(route as never)}
package/src/presentation/screens/components/LanguageSection.tsx CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
 
6
6
  import React from "react";
7
- import { Languages } from "lucide-react-native";
7
+ import { Feather } from "@expo/vector-icons";
8
8
  import { useNavigation } from "@react-navigation/native";
9
9
  import { useLocalization, getLanguageByCode } from "@umituz/react-native-localization";
10
10
  import { SettingItem } from "../../components/SettingItem";
@@ -34,7 +34,7 @@ export const LanguageSection: React.FC<LanguageSectionProps> = ({
34
34
  return (
35
35
  <SettingsSection title={t("settings.sections.app.title")}>
36
36
  <SettingItem
37
- icon={Languages}
37
+ icon={(props) => <Feather name={"globe" as any} {...props} />}
38
38
  title={title}
39
39
  value={languageDisplay}
40
40
  onPress={() => navigation.navigate(route as never)}
package/src/presentation/screens/components/NotificationsSection.tsx CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
 
6
6
  import React, { useState, useEffect, useCallback } from "react";
7
- import { Bell } from "lucide-react-native";
7
+ import { Feather } from "@expo/vector-icons";
8
8
  import { useNavigation } from "@react-navigation/native";
9
9
  import { useLocalization } from "@umituz/react-native-localization";
10
10
  import { SettingItem } from "../../components/SettingItem";
@@ -75,7 +75,7 @@ export const NotificationsSection: React.FC<NotificationsSectionProps> = ({
75
75
  <SettingsSection title={t("settings.sections.general")}>
76
76
  {showToggle ? (
77
77
  <SettingItem
78
- icon={Bell}
78
+ icon={(props) => <Feather name={"bell" as any} {...props} />}
79
79
  title={title}
80
80
  showSwitch={true}
81
81
  switchValue={notificationsEnabled}
@@ -84,7 +84,7 @@ export const NotificationsSection: React.FC<NotificationsSectionProps> = ({
84
84
  />
85
85
  ) : (
86
86
  <SettingItem
87
- icon={Bell}
87
+ icon={(props) => <Feather name={"bell" as any} {...props} />}
88
88
  title={title}
89
89
  value={description}
90
90
  onPress={handlePress}