@mgonza02/goal-image-gallery 1.0.9 → 1.1.0

package/CHANGELOG.md

@@ -5,6 +5,18 @@ All notable changes to the GoalImageGallery project will be documented in this f
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.1.0] - 2025-07-14
+
+### 🐛 Bug Fixes
+- **Fixed handleAfterUpload Array Structure**: Resolved issue where `handleAfterUpload` was creating nested arrays instead of flat arrays for `image_code` parameter
+- **Improved Array Handling**: Enhanced logic to properly handle both single image replacement and bulk image addition scenarios
+- **Better Code Organization**: Refactored `handleAfterUpload` method for clearer logic flow and better maintainability
+
+### 🔧 Technical Improvements
+- **Clearer Logic Separation**: Separated replacement logic from addition logic for better code readability
+- **Duplicate Prevention**: Enhanced duplicate checking to prevent adding the same image code multiple times
+- **Array Flattening**: Fixed array structure to ensure `image_code` is always a flat array of strings
+
 ## [1.0.9] - 2025-07-14
 
 ### ✨ New Features

package/lib/hooks/use-image-gallery.js

@@ -109,32 +109,45 @@ export const useImageGallery = _ref => {
 
     // Handle both single image and array of images
     const imagesArray = Array.isArray(uploadedImages) ? uploadedImages : [uploadedImages];
-    const imagesToSave = imageList.reduce((acc, img) => {
-      if (img.image_code !== '+') {
-        // If this is the image being replaced, replace with the first uploaded image
-        if (img.image_code === currentImageCode && imagesArray.length > 0) {
-          acc.push(imagesArray[0].code);
-        } else {
-          acc.push(img.image_code);
+    let imagesToSave = [];
+    if (currentImageCode) {
+      // Replacing an existing image
+      imagesToSave = imageList.reduce((acc, img) => {
+        if (img.image_code !== '+') {
+          if (img.image_code === currentImageCode) {
+            // Replace the selected image with the first uploaded image
+            acc.push(imagesArray[0].code);
+          } else {
+            // Keep existing image codes
+            acc.push(img.image_code);
+          }
         }
+        return acc;
+      }, []);
+
+      // If multiple images uploaded, add the additional ones
+      if (imagesArray.length > 1) {
+        imagesArray.slice(1).forEach(image => {
+          if (!imagesToSave.includes(image.code)) {
+            imagesToSave.push(image.code);
+          }
+        });
       }
-      return acc;
-    }, []);
+    } else {
+      // Adding new images (no current selection)
+      imagesToSave = imageList.reduce((acc, img) => {
+        if (img.image_code !== '+') {
+          acc.push(img.image_code);
+        }
+        return acc;
+      }, []);
 
-    // If no current image code (adding new images), add all new image codes
-    if (!currentImageCode) {
+      // Add all new image codes
       imagesArray.forEach(image => {
         if (!imagesToSave.includes(image.code)) {
           imagesToSave.push(image.code);
         }
       });
-    } else if (imagesArray.length > 1) {
-      // If replacing and multiple images uploaded, add additional images
-      imagesArray.slice(1).forEach(image => {
-        if (!imagesToSave.includes(image.code)) {
-          imagesToSave.push(image.code);
-        }
-      });
     }
     const result = await imageHandlerApi({
       ...ownerEntity,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mgonza02/goal-image-gallery",
-    "version": "1.0.9",
+    "version": "1.1.0",
     "description": "Advanced, accessible, and highly customizable React image gallery component with multi-method upload, responsive design, and extensive TypeScript support",
     "main": "lib/index.js",
     "module": "lib/index.js",