@umituz/react-native-design-system 4.23.59 → 4.23.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.23.59",
+  "version": "4.23.60",
   "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/image/infrastructure/services/ImageEditorService.ts

@@ -14,8 +14,8 @@ import { ImageErrorHandler, IMAGE_ERROR_CODES } from '../utils/ImageErrorHandler
 import { ImageEditorHistoryUtils } from '../utils/ImageEditorHistoryUtils';
 
 export class ImageEditorService {
-  private static generateId(): string {
-    return Math.random().toString(36).substr(2, 9);
+  static generateId(): string {
+    return Math.random().toString(36).substring(2, 11);
   }
 
   static createInitialState(

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

@@ -52,9 +52,8 @@ export class ImageAnalysisUtils {
     return noiseLevel / (sampleCount * 3 * 255);
   }
 
-  static applySharpening(imageData: Uint8ClampedArray): Uint8ClampedArray {
+  static applySharpening(imageData: Uint8ClampedArray, width: number, height: number): Uint8ClampedArray {
     const result = new Uint8ClampedArray(imageData.length);
-    const width = Math.sqrt(imageData.length / 4);
     const kernel = [
       0, -1, 0,
       -1, 5, -1,
@@ -73,7 +72,7 @@ export class ImageAnalysisUtils {
             const nx = x + kx;
             const ny = y + ky;
 
-            if (nx >= 0 && nx < width && ny >= 0 && ny < width) {
+            if (nx >= 0 && nx < width && ny >= 0 && ny < height) {
               const neighborIndex = (ny * width + nx) * 4 + c;
               sum += (imageData[neighborIndex] ?? 0) * (kernel[(ky + 1) * 3 + (kx + 1)] ?? 0);
             }
@@ -87,9 +86,8 @@ export class ImageAnalysisUtils {
     return result;
   }
 
-  static applyNoiseReduction(imageData: Uint8ClampedArray): Uint8ClampedArray {
+  static applyNoiseReduction(imageData: Uint8ClampedArray, width: number, height: number): 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;
@@ -104,7 +102,7 @@ export class ImageAnalysisUtils {
             const nx = x + dx;
             const ny = y + dy;
 
-            if (nx >= 0 && nx < width && ny >= 0 && ny < width) {
+            if (nx >= 0 && nx < width && ny >= 0 && ny < height) {
               const neighborIndex = (ny * width + nx) * 4 + c;
               values.push(imageData[neighborIndex] ?? 0);
             }

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

@@ -5,6 +5,7 @@
  */
 
 import type { EditorLayer } from '../../domain/entities/EditorTypes';
+import { ImageEditorService } from '../services/ImageEditorService';
 
 type LayerElement = EditorLayer['elements'][number];
 export type LayerOperation = 'add' | 'remove' | 'move' | 'merge' | 'duplicate';
@@ -19,46 +20,31 @@ export class LayerManager {
 
 
   static mergeLayers(
-    layers: Array<{
-      id: string;
-      name: string;
-      elements: LayerElement[];
-    }>,
+    layers: EditorLayer[],
     targetIds: string[]
-  ): Array<{
-    id: string;
-    name: string;
-    elements: LayerElement[];
-  }> {
+  ): EditorLayer[] {
     const targetLayers = layers.filter(layer => targetIds.includes(layer.id));
     const otherLayers = layers.filter(layer => !targetIds.includes(layer.id));
 
     if (targetLayers.length === 0) return layers;
 
-    // Merge elements from target layers
     const mergedElements = targetLayers.flatMap(layer => layer.elements);
-    const mergedLayer = {
-      id: Math.random().toString(36).substr(2, 9),
+    const mergedLayer: EditorLayer = {
+      id: ImageEditorService.generateId(),
       name: targetLayers.map(l => l.name).join(' + '),
+      visible: true,
+      opacity: 1,
+      locked: false,
       elements: mergedElements,
     };
 
     return [...otherLayers, mergedLayer];
   }
 
-  static duplicateLayer(
-    layer: {
-      id: string;
-      name: string;
-      elements: LayerElement[];
-    }
-  ): {
-    id: string;
-    name: string;
-    elements: LayerElement[];
-  } {
+  static duplicateLayer(layer: EditorLayer): EditorLayer {
     return {
-      id: Math.random().toString(36).substr(2, 9),
+      ...layer,
+      id: ImageEditorService.generateId(),
       name: `${layer.name} Copy`,
       elements: [...layer.elements],
     };

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

@@ -46,11 +46,11 @@ export const CircularMenu: React.FC<CircularMenuProps> = ({
    */
   const layoutItems = useMemo(() => {
     if (actions.length === 3) {
-      // Triangle Layout: Top Center (Index 1), Bottom Left (Index 0), Bottom Right (Index 2)
+      // Triangle layout: middle item on top, first and last on bottom
       return [
-        { ...actions[1], position: getTopRowPosition(0, 1) }, // Text to Video (Top Center)
-        { ...actions[0], position: getBottomRowPosition("left") }, // Text to Image (Bottom Left)
-        { ...actions[2], position: getBottomRowPosition("right") }, // Image to Video (Bottom Right)
+        { ...actions[1], position: getTopRowPosition(0, 1) },
+        { ...actions[0], position: getBottomRowPosition("left") },
+        { ...actions[2], position: getBottomRowPosition("right") },
       ];
     } else if (actions.length === 2) {
       // 2 items: place on bottom left and right of close button