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

package/package.json

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

@@ -7,6 +7,7 @@ import { create } from 'zustand';
 import { persist, createJSONStorage } from 'zustand/middleware';
 import type { StoreApi } from 'zustand';
 import type { StoreConfig } from '../types/Store';
+import AsyncStorage from '@react-native-async-storage/async-storage';
 
 /**
  * Create a Zustand store with optional persistence and actions
@@ -36,7 +37,7 @@ export function createStore<
       name: config.name,
       storage: config.storage
         ? createJSONStorage(() => config.storage!)
-        : createJSONStorage(() => require('@react-native-async-storage/async-storage').default),
+        : createJSONStorage(() => AsyncStorage),
       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(() => {