@umituz/react-native-design-system 4.23.57 → 4.23.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.23.57",
+  "version": "4.23.58",
   "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/filesystem/infrastructure/utils/blob.utils.ts

@@ -13,7 +13,7 @@ export function extractBase64FromDataUri(dataUri: string): string {
     return dataUri;
   }
   const parts = dataUri.split(",");
-  return parts.length > 1 ? parts[1] : dataUri;
+  return parts.length > 1 ? parts[1]! : dataUri;
 }
 
 /**
@@ -30,9 +30,9 @@ export function detectMimeType(base64: string): string {
  * Get file extension from MIME type
  */
 export function getExtensionFromMimeType(mimeType: string): string {
-  const ext = mimeType.split("/")[1];
+  const ext = mimeType.split("/")[1] ?? "jpg";
   if (ext === "jpeg") return "jpg";
-  return ext ?? "jpg";
+  return ext;
 }
 
 /**

package/src/image/infrastructure/services/ImageEditorService.ts

@@ -70,7 +70,7 @@ export class ImageEditorService {
 
     const newLayers = state.layers.filter(layer => layer.id !== layerId);
     return ImageEditorService.commitHistory(state, newLayers, {
-      selectedLayer: newLayers[0].id,
+      selectedLayer: newLayers[0]!.id,
     });
   }
 

package/src/image/infrastructure/utils/ImageAnalysisUtils.ts

@@ -1,6 +1,6 @@
 /**
  * Image Infrastructure - Image Analysis
- * 
+ *
  * Image analysis utilities
  */
 
@@ -12,18 +12,18 @@ export class ImageAnalysisUtils {
   } {
     let redSum = 0, greenSum = 0, blueSum = 0;
     const pixelCount = imageData.length / 4;
-    
+
     for (let i = 0; i < imageData.length; i += 4) {
-      redSum += imageData[i];
-      greenSum += imageData[i + 1];
-      blueSum += imageData[i + 2];
+      redSum += imageData[i]!;
+      greenSum += imageData[i + 1]!;
+      blueSum += imageData[i + 2]!;
     }
-    
+
     const redMean = redSum / pixelCount;
     const greenMean = greenSum / pixelCount;
     const blueMean = blueSum / pixelCount;
     const grayMean = (redMean + greenMean + blueMean) / 3;
-    
+
     return {
       redBalance: (grayMean - redMean) / 255,
       greenBalance: (grayMean - greenMean) / 255,
@@ -34,21 +34,21 @@ export class ImageAnalysisUtils {
   static detectNoise(imageData: Uint8ClampedArray): number {
     let noiseLevel = 0;
     let sampleCount = 0;
-    
+
     for (let i = 0; i < imageData.length - 40; i += 40) {
-      const r1 = imageData[i];
-      const g1 = imageData[i + 1];
-      const b1 = imageData[i + 2];
-      
-      const r2 = imageData[i + 4];
-      const g2 = imageData[i + 5];
-      const b2 = imageData[i + 6];
-      
+      const r1 = imageData[i]!;
+      const g1 = imageData[i + 1]!;
+      const b1 = imageData[i + 2]!;
+
+      const r2 = imageData[i + 4]!;
+      const g2 = imageData[i + 5]!;
+      const b2 = imageData[i + 6]!;
+
       const diff = Math.abs(r1 - r2) + Math.abs(g1 - g2) + Math.abs(b1 - b2);
       noiseLevel += diff;
       sampleCount++;
     }
-    
+
     return noiseLevel / (sampleCount * 3 * 255);
   }
 
@@ -60,63 +60,63 @@ export class ImageAnalysisUtils {
       -1, 5, -1,
       0, -1, 0
     ];
-    
+
     for (let i = 0; i < imageData.length; i += 4) {
       const pixelIndex = i / 4;
       const x = pixelIndex % width;
       const y = Math.floor(pixelIndex / width);
-      
+
       for (let c = 0; c < 3; c++) {
         let sum = 0;
         for (let ky = -1; ky <= 1; ky++) {
           for (let kx = -1; kx <= 1; kx++) {
             const nx = x + kx;
             const ny = y + ky;
-            
+
             if (nx >= 0 && nx < width && ny >= 0 && ny < width) {
               const neighborIndex = (ny * width + nx) * 4 + c;
-              sum += imageData[neighborIndex] * kernel[(ky + 1) * 3 + (kx + 1)];
+              sum += (imageData[neighborIndex] ?? 0) * (kernel[(ky + 1) * 3 + (kx + 1)] ?? 0);
             }
           }
         }
         result[i + c] = Math.min(255, Math.max(0, sum));
       }
-      result[i + 3] = imageData[i + 3];
+      result[i + 3] = imageData[i + 3] ?? 255;
     }
-    
+
     return result;
   }
 
   static applyNoiseReduction(imageData: Uint8ClampedArray): Uint8ClampedArray {
     const result = new Uint8ClampedArray(imageData.length);
     const width = Math.sqrt(imageData.length / 4);
-    
+
     for (let i = 0; i < imageData.length; i += 4) {
       const pixelIndex = i / 4;
       const x = pixelIndex % width;
       const y = Math.floor(pixelIndex / width);
-      
+
       for (let c = 0; c < 3; c++) {
-        const values = [];
-        
+        const values: number[] = [];
+
         for (let dy = -1; dy <= 1; dy++) {
           for (let dx = -1; dx <= 1; dx++) {
             const nx = x + dx;
             const ny = y + dy;
-            
+
             if (nx >= 0 && nx < width && ny >= 0 && ny < width) {
               const neighborIndex = (ny * width + nx) * 4 + c;
-              values.push(imageData[neighborIndex]);
+              values.push(imageData[neighborIndex] ?? 0);
             }
           }
         }
-        
+
         values.sort((a, b) => a - b);
-        result[i + c] = values[Math.floor(values.length / 2)];
+        result[i + c] = values[Math.floor(values.length / 2)] ?? 0;
       }
-      result[i + 3] = imageData[i + 3];
+      result[i + 3] = imageData[i + 3] ?? 255;
     }
-    
+
     return result;
   }
-}
+}

package/src/image/infrastructure/utils/ImageEditorHistoryUtils.ts

@@ -29,7 +29,7 @@ export class ImageEditorHistoryUtils {
     if (state.historyIndex <= 0) return state;
 
     const newIndex = state.historyIndex - 1;
-    const historyState = state.history[newIndex];
+    const historyState = state.history[newIndex]!;
 
     return {
       ...state,
@@ -43,7 +43,7 @@ export class ImageEditorHistoryUtils {
     if (state.historyIndex >= state.history.length - 1) return state;
 
     const newIndex = state.historyIndex + 1;
-    const historyState = state.history[newIndex];
+    const historyState = state.history[newIndex]!;
 
     return {
       ...state,

package/src/image/infrastructure/utils/LayerManager.ts

@@ -70,7 +70,7 @@ export class LayerManager {
     toIndex: number
   ): Array<{ id: string; index?: number }> {
     const result = [...layers];
-    const [moved] = result.splice(fromIndex, 1);
+    const [moved] = result.splice(fromIndex, 1) as [{ id: string; index?: number }];
     result.splice(toIndex, 0, moved);
     
     return result.map((layer, index) => ({ ...layer, index }));

package/src/media/infrastructure/utils/url-media-detector.ts

@@ -6,7 +6,7 @@ const AUDIO_EXTENSIONS = [".mp3", ".wav", ".ogg", ".m4a", ".aac", ".flac"];
 
 function getExtensionFromUrl(url: string): string | null {
   if (!url) return null;
-  const urlWithoutParams = url.toLowerCase().split("?")[0];
+  const urlWithoutParams = url.toLowerCase().split("?")[0]!;
   const lastDotIndex = urlWithoutParams.lastIndexOf(".");
   if (lastDotIndex === -1) return null;
   return urlWithoutParams.substring(lastDotIndex);

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

@@ -63,11 +63,13 @@ export const CircularMenu: React.FC<CircularMenuProps> = ({
       const topCount = Math.min(actions.length, 2);
       const bottomCount = Math.max(0, actions.length - 2);
 
-      const mapped = [];
+      const mapped: Array<CircularMenuAction & { position: ViewStyle }> = [];
       // Top row
       for (let i = 0; i < topCount; i++) {
+        const action = actions[i];
+        if (!action) continue;
         mapped.push({
-          ...actions[i],
+          ...action,
           position: getTopRowPosition(i, topCount),
         });
       }

package/src/molecules/navigation/utils/NavigationTheme.ts

@@ -10,12 +10,12 @@ export const createNavigationTheme = (colors: Record<string, string>, mode: 'lig
         ...baseTheme,
         colors: {
             ...baseTheme.colors,
-            primary: colors.primary,
-            background: colors.backgroundPrimary,
-            card: colors.surface,
-            text: colors.textPrimary,
-            border: colors.border,
-            notification: colors.error,
+            primary: colors.primary ?? baseTheme.colors.primary,
+            background: colors.backgroundPrimary ?? baseTheme.colors.background,
+            card: colors.surface ?? baseTheme.colors.card,
+            text: colors.textPrimary ?? baseTheme.colors.text,
+            border: colors.border ?? baseTheme.colors.border,
+            notification: colors.error ?? baseTheme.colors.notification,
         },
     };
 };