@umituz/react-native-design-system 2.9.34 → 2.9.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.9.34",
+  "version": "2.9.36",
   "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",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/molecules/circular-menu/CircularMenu.tsx

@@ -106,15 +106,18 @@ export const CircularMenu: React.FC<CircularMenuProps> = ({
               <CircularMenuBackground />
 
               <View style={styles.itemsContainer}>
-                {layoutItems.map((item) => (
-                  <View key={item.id} style={item.position as ViewStyle}>
-                    <CircularMenuItem
-                      icon={item.icon}
-                      label={item.label}
-                      onPress={item.onPress}
-                    />
-                  </View>
-                ))}
+                {layoutItems.map((item) => {
+                  if (!item.icon || !item.label || !item.onPress) return null;
+                  return (
+                    <View key={item.id} style={item.position as ViewStyle}>
+                      <CircularMenuItem
+                        icon={item.icon}
+                        label={item.label}
+                        onPress={item.onPress}
+                      />
+                    </View>
+                  );
+                })}
 
                 <View style={styles.closeButton}>
                   <CircularMenuCloseButton onPress={onClose} />

package/src/safe-area/utils/optimization.ts

@@ -2,24 +2,27 @@
  * Performance optimization utilities for safe area hooks
  */
 
-import { useMemo, useRef } from 'react';
-import { clearValidationCache } from './validation';
+import { useMemo, useRef } from "react";
+import { clearValidationCache } from "./validation";
 
 /**
  * Memoize options object to prevent unnecessary re-renders
- * Uses deep comparison for better stability
+ * Uses shallow comparison for better performance
  */
-export const useStableOptions = <T extends Record<string, any>>(options: T): T => {
+export const useStableOptions = <T extends Record<string, any>>(
+  options: T,
+): T => {
   const prevOptionsRef = useRef<T | undefined>(undefined);
 
   return useMemo(() => {
-    if (!prevOptionsRef.current) {
+    const prev = prevOptionsRef.current;
+
+    if (!prev) {
       prevOptionsRef.current = options;
       return options;
     }
 
-    // Check if keys match first
-    const prevKeys = Object.keys(prevOptionsRef.current);
+    const prevKeys = Object.keys(prev);
     const currentKeys = Object.keys(options);
 
     if (prevKeys.length !== currentKeys.length) {
@@ -27,14 +30,13 @@ export const useStableOptions = <T extends Record<string, any>>(options: T): T =
       return options;
     }
 
-    // Check values
-    const hasChanged = prevKeys.some(key => prevOptionsRef.current![key] !== options[key]);
+    const hasChanged = prevKeys.some((key) => prev[key] !== options[key]);
 
     if (hasChanged) {
       prevOptionsRef.current = options;
     }
 
-    return prevOptionsRef.current;
+    return prevOptionsRef.current ?? options;
   }, [options]);
 };
 
@@ -44,4 +46,4 @@ export const useStableOptions = <T extends Record<string, any>>(options: T): T =
  */
 export const clearPerformanceCaches = (): void => {
   clearValidationCache();
-};
+};