@umituz/react-native-settings 4.9.0 → 4.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.9.0",
+  "version": "4.10.0",
   "description": "Settings management for React Native apps - user preferences, theme, language, notifications",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/components/DevSettingsSection.tsx

@@ -9,6 +9,7 @@ import { Alert } from "react-native";
 import { Feather } from "@expo/vector-icons";
 import { useLocalization } from "@umituz/react-native-localization";
 import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { storageRepository } from "@umituz/react-native-storage";
 import { SettingsSection } from "./SettingsSection";
 import { SettingItem } from "./SettingItem";
 
@@ -18,8 +19,10 @@ const TrashIcon: React.FC<{ size?: number; color?: string }> = ({ size = 24, col
 );
 
 export interface DevSettingsProps {
-  /** Callback to clear all storage and reset app */
-  onClearAllData?: () => Promise<void>;
+  /** Enable dev settings section (default: true in __DEV__ mode) */
+  enabled?: boolean;
+  /** Optional callback after storage is cleared (e.g., reload app) */
+  onAfterClear?: () => Promise<void>;
   /** Custom title for the section */
   sectionTitle?: string;
   /** Custom title for clear data button */
@@ -29,7 +32,8 @@ export interface DevSettingsProps {
 }
 
 export const DevSettingsSection: React.FC<DevSettingsProps> = ({
-  onClearAllData,
+  enabled = true,
+  onAfterClear,
   sectionTitle,
   clearDataTitle,
   clearDataDescription,
@@ -37,13 +41,8 @@ export const DevSettingsSection: React.FC<DevSettingsProps> = ({
   const { t } = useLocalization();
   const tokens = useAppDesignTokens();
 
-  // Only render in development mode
-  if (!__DEV__) {
-    return null;
-  }
-
-  // Don't render if no handler provided
-  if (!onClearAllData) {
+  // Only render in development mode and when enabled
+  if (!__DEV__ || !enabled) {
     return null;
   }
 
@@ -61,7 +60,18 @@ export const DevSettingsSection: React.FC<DevSettingsProps> = ({
           style: "destructive",
           onPress: async () => {
             try {
-              await onClearAllData();
+              // Clear all storage using the package's storageRepository
+              await storageRepository.clearAll();
+
+              // Call optional after-clear callback (e.g., reload app)
+              if (onAfterClear) {
+                await onAfterClear();
+              }
+
+              Alert.alert(
+                t("common.success") || "Success",
+                t("settings.devSettings.clearData.success") || "All data cleared successfully"
+              );
             } catch {
               Alert.alert(
                 t("common.error") || "Error",

package/src/presentation/screens/components/SettingsContent.tsx

@@ -222,7 +222,8 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
 
       {devSettings && (
         <DevSettingsSection
-          onClearAllData={devSettings.onClearAllData}
+          enabled={devSettings.enabled}
+          onAfterClear={devSettings.onAfterClear}
           sectionTitle={devSettings.sectionTitle}
           clearDataTitle={devSettings.clearDataTitle}
           clearDataDescription={devSettings.clearDataDescription}