@umituz/react-native-design-system 4.27.23 → 4.27.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.27.23",
+  "version": "4.27.25",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, onboarding, and loading utilities - TanStack persistence and expo-image-manipulator now lazy loaded",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",

package/src/atoms/icon/AtomicIcon.tsx

@@ -127,8 +127,10 @@ export const AtomicIcon: React.FC<AtomicIconProps> = React.memo(
     // No icon renderer provided - warn in dev and render nothing
     if (!iconRenderer) {
       if (__DEV__) {
-        console.warn(
-          '[DesignSystem] AtomicIcon requires an iconRenderer in DesignSystemProvider.\n' +
+        console.error(
+          '[DesignSystem] ❌ AtomicIcon: No iconRenderer configured!\n' +
+            `Attempted to render icon: "${name}"\n` +
+            'Fix: Provide iconRenderer to DesignSystemProvider.\n' +
             'Example:\n' +
             '<DesignSystemProvider\n' +
             '  iconRenderer={({ name, size, color }) => (\n' +

package/src/infinite-scroll/presentation/components/infinite-scroll-list.tsx

@@ -78,6 +78,12 @@ function InfiniteScrollListComponent<T>({
     [config],
   );
 
+  // Memoize renderItem wrapper to prevent unnecessary re-renders
+  const memoizedRenderItem = useCallback(
+    ({ item, index }: { item: T; index: number }) => renderItem(item, index),
+    [renderItem]
+  );
+
   // Loading state
   if (state.isLoading) {
     return loadingComponent || <Loading />;
@@ -93,12 +99,6 @@ function InfiniteScrollListComponent<T>({
     return emptyComponent || <Empty />;
   }
 
-  // Memoize renderItem wrapper to prevent unnecessary re-renders
-  const memoizedRenderItem = useCallback(
-    ({ item, index }: { item: T; index: number }) => renderItem(item, index),
-    [renderItem]
-  );
-
   // Render list
   return (
     <FlatList

package/src/storage/domain/factories/StoreFactory.ts

@@ -1,6 +1,10 @@
 /**
  * Store Factory
- * Create Zustand stores with AsyncStorage persistence and actions
+ * Create Zustand stores with optional persistence and actions
+ *
+ * NOTE: For persistence, provide a storage implementation.
+ * Use `storageRepository` from '@umituz/react-native-design-system/storage'
+ * for a centralized AsyncStorage abstraction.
  */
 
 import { create } from 'zustand';
@@ -27,16 +31,35 @@ export function createStore<
     return { ...state, ...actions } as Store;
   };
 
+  // No persistence requested
   if (!config.persist) {
     return create<Store>(stateCreator);
   }
 
+  // Persistence requested but no storage provided - warn and create in-memory store
+  if (!config.storage) {
+    if (__DEV__) {
+      console.warn(
+        `[StoreFactory] ⚠️ Store "${config.name}" requested persistence but no storage was provided.\n` +
+        `Creating in-memory store instead (data will be lost on reload).\n\n` +
+        `💡 Fix: Import and provide storage:\n` +
+        `   import { storageRepository } from '@umituz/react-native-design-system/storage';\n\n` +
+        `   createStore({\n` +
+        `     name: 'my-store',\n` +
+        `     persist: true,\n` +
+        `     storage: storageRepository,  // ← Add this\n` +
+        `     ...config\n` +
+        `   });`
+      );
+    }
+    return create<Store>(stateCreator);
+  }
+
+  // Persistence with storage
   return create<Store>()(
     persist<Store>(stateCreator, {
       name: config.name,
-      storage: config.storage
-        ? createJSONStorage(() => config.storage!)
-        : createJSONStorage(() => require('@react-native-async-storage/async-storage').default),
+      storage: createJSONStorage(() => config.storage!),
       version: config.version || 1,
       partialize: (config.partialize
         ? (state: Store) => config.partialize!(state)

package/src/theme/infrastructure/providers/DesignSystemProvider.tsx

@@ -61,8 +61,18 @@ export const DesignSystemProvider: React.FC<DesignSystemProviderProps> = ({
   if (iconRenderer && iconNames) {
     const store = useIconStore.getState();
     if (!store.isConfigured) {
+      if (__DEV__) {
+        console.log('[DesignSystemProvider] ✅ Registering iconRenderer and iconNames');
+      }
       useIconStore.getState().setConfig(iconNames, iconRenderer);
+    } else if (__DEV__) {
+      console.log('[DesignSystemProvider] ℹ️ Icon config already configured, skipping');
     }
+  } else if (__DEV__) {
+    console.warn('[DesignSystemProvider] ❌ iconRenderer or iconNames missing!', {
+      hasIconRenderer: !!iconRenderer,
+      hasIconNames: !!iconNames,
+    });
   }
 
   useEffect(() => {