@yogiswara/honcho-editor-ui 3.3.4 → 3.4.1

package/dist/hooks/usePreset.js

@@ -138,18 +138,18 @@ export function usePreset(controller, firebaseUid, options = {}) {
                 id: `temp-${Date.now()}`, // Use a temporary ID
                 name: name,
                 is_default: false,
-                temperature: settings.tempScore,
-                tint: settings.tintScore,
-                saturation: settings.saturationScore,
-                vibrance: settings.vibranceScore,
-                exposure: settings.exposureScore,
-                contrast: settings.contrastScore,
-                highlights: settings.highlightsScore,
-                shadows: settings.shadowsScore,
-                whites: settings.whitesScore,
-                blacks: settings.blacksScore,
-                clarity: settings.clarityScore,
-                sharpness: settings.sharpnessScore,
+                temperature: settings.tempScore || 0,
+                tint: settings.tintScore || 0,
+                saturation: settings.saturationScore || 0,
+                vibrance: settings.vibranceScore || 0,
+                exposure: settings.exposureScore || 0,
+                contrast: settings.contrastScore || 0,
+                highlights: settings.highlightsScore || 0,
+                shadows: settings.shadowsScore || 0,
+                whites: settings.whitesScore || 0,
+                blacks: settings.blacksScore || 0,
+                clarity: settings.clarityScore || 0,
+                sharpness: settings.sharpnessScore || 0,
             };
             // Add the new preset to the local state immediately
             setPresets(prev => [...prev, newPreset]);

package/dist/index.d.ts

@@ -1,10 +1,9 @@
-export { HonchoEditorBulkDemo } from './hooks/demo/HonchoEditorBulkDemo';
-export { HonchoEditorSingleCleanDemo } from './hooks/demo/HonchoEditorSingleCleanDemo';
 export { useHonchoEditorSingle } from './hooks/editor/useHonchoEditorSingle';
 export { useHonchoEditorBulk } from './hooks/editor/useHonchoEditorBulk';
-export type { Controller, AdjustmentState, Preset, ImageItem, ColorAdjustment, CreateEditorTaskRequest, EditorHistoryEntry, GetGalleryUpdateTimestampResponse, GetHistoryResponse, } from './hooks/editor/type';
+export type { Controller, AdjustmentState, Preset, ImageItem, ColorAdjustment, CreateEditorTaskRequest, EditorHistoryEntry, GetGalleryUpdateTimestampResponse, GetHistoryResponse, EditorConfig, GallerySetup, ResponseGalleryPaging, Gallery, Content } from './hooks/editor/type';
 export type { PhotoData } from './hooks/editor/useHonchoEditorBulk';
-export type { Gallery, Content } from './hooks/editor/type';
+export { default as AlbumImageGalleryInfinite } from './components/editor/GalleryAlbum/AlbumImageGallery';
+export { default as ImageItemComponents } from './components/editor/GalleryAlbum/ImageItemComponents';
 export { partialAdjustmentStateToAdjustmentState, mapAdjustmentStateToAdjustmentEditor, mapColorAdjustmentToAdjustmentState, mapAdjustmentStateToColorAdjustment } from './utils/adjustment';
 export { default as HHeaderEditor } from './components/editor/HHeaderEditor';
 export { default as HFooter } from './components/editor/HFooter';
@@ -24,8 +23,7 @@ export { default as HWatermarkView } from './components/editor/HWatermarkView';
 export { default as HModalMobile } from './components/editor/HModalMobile';
 export { default as HPresetOptionsMenu } from './components/editor/HPresetOptionMenu';
 export { HAlertInternetBox, HAlertCopyBox, HAlertInternetConnectionBox, HAlertPresetSave } from './components/editor/HAlertBox';
-export { AlbumImageGallery } from './components/editor/GalleryAlbum/AlbumImageGallery';
-export { default as GalleryImageItem } from './components/editor/GalleryAlbum/ImageItem';
+export { default as GalleryImageItem } from './components/editor/GalleryAlbum/ImageItemComponents';
 export { EditorProvider, useEditorContext } from './lib/context/EditorContext';
 export { useImageProcessor } from './lib/hooks/useImageProcessor';
 export { useEditorHeadless } from './lib/hooks/useEditorHeadless';
@@ -36,7 +34,7 @@ export { default as HModalRename } from './components/modal/HModalRename';
 export { default as HTabColorAdjustmentMobile } from './components/editor/HTabColorAdjustmentMobile';
 export { default as HTabPresetMobile } from './components/editor/HTabPresetMobile';
 export { useAdjustmentHistory, type UseAdjustmentHistoryReturn, type HistoryInfo, type HistoryActions, type HistoryConfig } from './hooks/useAdjustmentHistory';
-export { useAdjustmentHistoryBatch, type UseAdjustmentHistoryBatchReturn, type BatchAdjustmentState, type ImageAdjustmentConfig, type BatchHistoryInfo, type BatchHistoryActions, type BatchHistoryConfig } from './hooks/useAdjustmentHistoryBatch';
+export { useAdjustmentHistoryBatch, type UseAdjustmentHistoryBatchReturn, type BatchAdjustmentState, type ImageAdjustmentConfig, type BatchHistoryActions, type BatchHistoryState, type HistoryAdjustmentBatch, type HistoryAdjustmentEntry } from './hooks/useAdjustmentHistoryBatch';
 export { usePreset, type UsePresetReturn, type PresetInfo, type PresetActions, type PresetOptions } from './hooks/usePreset';
 export { usePaging, type UsePagingReturn, type PagingInfo, type PagingActions, type PagingOptions } from './hooks/usePaging';
 export { default as useColors } from './themes/colors';

package/dist/index.js

@@ -1,9 +1,11 @@
 // START: delete later
-export { HonchoEditorBulkDemo } from './hooks/demo/HonchoEditorBulkDemo';
-export { HonchoEditorSingleCleanDemo } from './hooks/demo/HonchoEditorSingleCleanDemo';
+// export { HonchoEditorBulkDemo } from './hooks/demo/HonchoEditorBulkDemo';
+// export { HonchoEditorSingleCleanDemo } from './hooks/demo/HonchoEditorSingleCleanDemo';
 // END
 export { useHonchoEditorSingle } from './hooks/editor/useHonchoEditorSingle';
 export { useHonchoEditorBulk } from './hooks/editor/useHonchoEditorBulk';
+export { default as AlbumImageGalleryInfinite } from './components/editor/GalleryAlbum/AlbumImageGallery';
+export { default as ImageItemComponents } from './components/editor/GalleryAlbum/ImageItemComponents';
 export { partialAdjustmentStateToAdjustmentState, mapAdjustmentStateToAdjustmentEditor, mapColorAdjustmentToAdjustmentState, mapAdjustmentStateToColorAdjustment } from './utils/adjustment';
 export { default as HHeaderEditor } from './components/editor/HHeaderEditor';
 export { default as HFooter } from './components/editor/HFooter';
@@ -23,8 +25,7 @@ export { default as HWatermarkView } from './components/editor/HWatermarkView';
 export { default as HModalMobile } from './components/editor/HModalMobile';
 export { default as HPresetOptionsMenu } from './components/editor/HPresetOptionMenu';
 export { HAlertInternetBox, HAlertCopyBox, HAlertInternetConnectionBox, HAlertPresetSave } from './components/editor/HAlertBox';
-export { AlbumImageGallery } from './components/editor/GalleryAlbum/AlbumImageGallery';
-export { default as GalleryImageItem } from './components/editor/GalleryAlbum/ImageItem';
+export { default as GalleryImageItem } from './components/editor/GalleryAlbum/ImageItemComponents';
 export { EditorProvider, useEditorContext } from './lib/context/EditorContext';
 export { useImageProcessor } from './lib/hooks/useImageProcessor';
 export { useEditorHeadless } from './lib/hooks/useEditorHeadless';

package/dist/services/type.d.ts

@@ -1,3 +1,4 @@
+import { AdjustmentValues } from "../lib/editor/honcho-editor";
 export interface Content {
     key: string;
     path: string;
@@ -154,6 +155,19 @@ export interface ResponseGalleryPaging {
     next_page: number;
     sum_of_image?: number;
 }
+export interface GallerySetup {
+    src: string;
+    original: string;
+    srcSet?: string | string[] | undefined;
+    sizes?: string | string[] | undefined;
+    width: number;
+    height: number;
+    alt: string;
+    key: string;
+    frame?: string | null;
+    isSelected?: boolean | undefined;
+    adjustments?: Partial<AdjustmentValues>;
+}
 export interface ResponseSlideShow {
     gallery: Gallery[];
     limit: number;

package/dist/utils/adjustment.d.ts

@@ -2,6 +2,6 @@ import { ColorAdjustment } from "../hooks/editor/type";
 import { AdjustmentState } from "../hooks/editor/type";
 import { AdjustmentValues } from "../lib/editor/honcho-editor";
 export declare function mapAdjustmentStateToAdjustmentEditor(state: AdjustmentState): AdjustmentValues;
-export declare function mapColorAdjustmentToAdjustmentState(colors: ColorAdjustment): AdjustmentState;
+export declare function mapColorAdjustmentToAdjustmentState(colors: ColorAdjustment, preset_id?: string): AdjustmentState;
 export declare function mapAdjustmentStateToColorAdjustment(state: AdjustmentState): ColorAdjustment;
 export declare function partialAdjustmentStateToAdjustmentState(partial: Partial<AdjustmentState>): AdjustmentState;

package/dist/utils/adjustment.js

@@ -14,7 +14,7 @@ export function mapAdjustmentStateToAdjustmentEditor(state) {
         sharpness: state.sharpnessScore,
     };
 }
-export function mapColorAdjustmentToAdjustmentState(colors) {
+export function mapColorAdjustmentToAdjustmentState(colors, preset_id) {
     return {
         tempScore: colors.temperature,
         tintScore: colors.tint,
@@ -27,23 +27,24 @@ export function mapColorAdjustmentToAdjustmentState(colors) {
         blacksScore: colors.blacks,
         contrastScore: colors.contrast,
         clarityScore: colors.clarity,
-        sharpnessScore: colors.sharpness
+        sharpnessScore: colors.sharpness,
+        preset_id: preset_id
     };
 }
 export function mapAdjustmentStateToColorAdjustment(state) {
     return {
-        temperature: state.tempScore,
-        tint: state.tintScore,
-        vibrance: state.vibranceScore,
-        saturation: state.saturationScore,
-        exposure: state.exposureScore,
-        contrast: state.contrastScore,
-        highlights: state.highlightsScore,
-        shadows: state.shadowsScore,
-        whites: state.whitesScore,
-        blacks: state.blacksScore,
-        clarity: state.clarityScore,
-        sharpness: state.sharpnessScore
+        temperature: state.tempScore || 0,
+        tint: state.tintScore || 0,
+        vibrance: state.vibranceScore || 0,
+        saturation: state.saturationScore || 0,
+        exposure: state.exposureScore || 0,
+        contrast: state.contrastScore || 0,
+        highlights: state.highlightsScore || 0,
+        shadows: state.shadowsScore || 0,
+        whites: state.whitesScore || 0,
+        blacks: state.blacksScore || 0,
+        clarity: state.clarityScore || 0,
+        sharpness: state.sharpnessScore || 0
     };
 }
 export function partialAdjustmentStateToAdjustmentState(partial) {

package/dist/utils/logger.d.ts

@@ -0,0 +1,3 @@
+import pino from 'pino';
+declare const log: pino.Logger<never, boolean>;
+export { log };

package/dist/utils/logger.js

@@ -0,0 +1,11 @@
+import pino from 'pino';
+// if you want to upload the log to stream change this config
+const log = pino({
+    level: process.env.NEXT_PUBLIC_LOG_LEVEL || 'warn',
+    formatters: {
+        level: (label) => {
+            return { level: label.toUpperCase() };
+        },
+    },
+});
+export { log };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yogiswara/honcho-editor-ui",
-  "version": "3.3.4",
+  "version": "3.4.1",
   "description": "A complete UI component library for the Honcho photo editor.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -48,6 +48,8 @@
   "keywords": [],
   "author": "",
   "dependencies": {
-    "iconsax-react": "^0.0.8"
+    "@egjs/react-infinitegrid": "^4.12.0",
+    "iconsax-react": "^0.0.8",
+    "pino": "^9.9.5"
   }
 }