@yogiswara/honcho-editor-ui 2.1.3 → 2.1.5

package/dist/components/editor/GalleryAlbum/AlbumImageGallery.d.ts

@@ -4,7 +4,7 @@ import { AdjustmentValues } from "../../../lib/editor/honcho-editor";
 interface PhotoData extends GallerySetup {
     adjustments?: Partial<AdjustmentValues>;
     frame?: string;
-    originalData: Gallery;
+    originalData?: Gallery;
 }
 interface ImageGalleryProps {
     imageCollection: PhotoData[];

package/dist/hooks/editor/type.d.ts

@@ -44,6 +44,13 @@ export interface EditorConfig {
     transformation_adjustment: TransformationAdjustment[];
     watermarks: Watermark[];
 }
+export interface Content {
+    key: string;
+    path: string;
+    size: number;
+    width: number;
+    height: number;
+}
 export interface GallerySetup {
     src: string;
     original: string;

package/dist/hooks/editor/useHonchoEditorBulk.d.ts

@@ -4,6 +4,7 @@ import { Gallery, ResponseGalleryPaging } from '../../hooks/editor/type';
 export interface PhotoData {
     key: string;
     src: string;
+    original: string;
     width: number;
     height: number;
     alt: string;

package/dist/hooks/editor/useHonchoEditorBulk.js

@@ -3,15 +3,19 @@ import { useState, useCallback, useEffect, useMemo } from 'react';
 import { useAdjustmentHistory } from '../useAdjustmentHistory';
 import { useAdjustmentHistoryBatch } from '../useAdjustmentHistoryBatch';
 // Helper function to map the API response to the format our UI component needs
-const mapGalleryToPhotoData = (gallery) => ({
-    key: gallery.id,
-    src: gallery.raw_edited?.path || gallery.download?.path || '',
-    width: gallery.raw_edited?.width || 1, // Default to 1 to prevent division by zero
-    height: gallery.raw_edited?.height || 1,
-    alt: gallery.id || 'gallery image',
-    isSelected: false, // All images start as unselected
-    originalData: gallery,
-});
+const mapGalleryToPhotoData = (gallery) => {
+    const bestAvailableImage = gallery.thumbnail || gallery.download || { path: '', width: 1, height: 1, key: gallery.id, size: 0 };
+    return {
+        key: gallery.id,
+        src: bestAvailableImage.path,
+        original: gallery.download?.path || bestAvailableImage.path,
+        width: bestAvailableImage.width || 1,
+        height: bestAvailableImage.height || 1,
+        alt: gallery.id || 'gallery image',
+        isSelected: false,
+        originalData: gallery,
+    };
+};
 const initialAdjustments = {
     tempScore: 0, tintScore: 0, vibranceScore: 0, exposureScore: 0, highlightsScore: 0, shadowsScore: 0,
     whitesScore: 0, blacksScore: 0, saturationScore: 0, contrastScore: 0, clarityScore: 0, sharpnessScore: 0,
@@ -52,17 +56,11 @@ export function useHonchoEditorBulk(controllerBulk, eventID, firebaseUid) {
         const lastSelectedId = selectedImageIds.length > 0 ? selectedImageIds[selectedImageIds.length - 1] : eventID;
         controllerBulk.handleBack(firebaseUid, lastSelectedId);
     }, [controllerBulk, firebaseUid, selectedImageIds, eventID]);
-    const handleSelectedMode = useCallback(() => {
-        setIsSelectedMode(true);
-    }, []);
+    const handleSelectedMode = useCallback(() => setIsSelectedMode(true), []);
     const handleToggleSelect = useCallback((photoToToggle) => () => {
-        setImageCollection(currentCollection => currentCollection.map(photo => photo.key === photoToToggle.key
-            ? { ...photo, isSelected: !photo.isSelected }
-            : photo));
-        // Automatically enter selection mode on first selection
-        if (!isSelectedMode) {
+        setImageCollection(current => current.map(p => p.key === photoToToggle.key ? { ...p, isSelected: !p.isSelected } : p));
+        if (!isSelectedMode)
             setIsSelectedMode(true);
-        }
     }, [isSelectedMode]);
     const handlePreview = useCallback((photo) => () => {
         console.log("Previewing image:", photo.key);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yogiswara/honcho-editor-ui",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "description": "A complete UI component library for the Honcho photo editor.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",