@yogiswara/honcho-editor-ui 2.10.2 → 2.10.4

package/dist/components/editor/sliderComponents/useSliderEvents.js

@@ -9,19 +9,38 @@ export default function useSliderEvents(onDragStart, onDragEnd, isBatchMode) {
             if (!isBatchMode) {
                 onDragStart();
             }
+            // Add document listeners when dragging starts
+            document.addEventListener("mouseup", handleMouseUp);
+            document.addEventListener("touchend", handleTouchEnd);
+        };
+        const handleTouchStart = () => {
+            if (!isBatchMode) {
+                onDragStart();
+            }
+            // Add document listeners when dragging starts
+            document.addEventListener("mouseup", handleMouseUp);
+            document.addEventListener("touchend", handleTouchEnd);
         };
         const handleMouseUp = () => {
             onDragEnd();
+            // Remove document listeners when dragging ends
+            document.removeEventListener("mouseup", handleMouseUp);
+            document.removeEventListener("touchend", handleTouchEnd);
+        };
+        const handleTouchEnd = () => {
+            onDragEnd();
+            // Remove document listeners when dragging ends
+            document.removeEventListener("mouseup", handleMouseUp);
+            document.removeEventListener("touchend", handleTouchEnd);
         };
         sliderElement.addEventListener("mousedown", handleMouseDown);
-        sliderElement.addEventListener("mouseup", handleMouseUp);
-        sliderElement.addEventListener("touchstart", handleMouseDown);
-        sliderElement.addEventListener("touchend", handleMouseUp);
+        sliderElement.addEventListener("touchstart", handleTouchStart);
         return () => {
             sliderElement.removeEventListener("mousedown", handleMouseDown);
-            sliderElement.removeEventListener("mouseup", handleMouseUp);
-            sliderElement.removeEventListener("touchstart", handleMouseDown);
-            sliderElement.removeEventListener("touchend", handleMouseUp);
+            sliderElement.removeEventListener("touchstart", handleTouchStart);
+            // Clean up any remaining document listeners
+            document.removeEventListener("mouseup", handleMouseUp);
+            document.removeEventListener("touchend", handleTouchEnd);
         };
     }, [onDragStart, onDragEnd, isBatchMode]);
     return sliderRef; // Return the ref to be attached to the slider

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { useHonchoEditorBulk } from './hooks/editor/useHonchoEditorBulk';
 export type { Controller, AdjustmentState, Preset, ImageItem, ColorAdjustment, CreateEditorTaskRequest, EditorHistoryEntry, GetGalleryUpdateTimestampResponse, GetHistoryResponse, } from './hooks/editor/type';
 export type { PhotoData } from './hooks/editor/useHonchoEditorBulk';
 export type { Gallery, Content } from './hooks/editor/type';
+export { partialAdjustmentStateToAdjustmentState, mapAdjustmentStateToAdjustmentEditor, mapColorAdjustmentToAdjustmentState, mapAdjustmentStateToColorAdjustment } from './utils/adjustment';
 export { default as HHeaderEditor } from './components/editor/HHeaderEditor';
 export { default as HFooter } from './components/editor/HFooter';
 export { default as HAccordionColorAdjustment } from './components/editor/HAccordionColorAdjustment';
@@ -39,4 +40,4 @@ export { usePaging, type UsePagingReturn, type PagingInfo, type PagingActions, t
 export { default as useColors } from './themes/colors';
 export { default as useHonchoTypography } from './themes/honchoTheme';
 export { default as useIsMobile } from './utils/isMobile';
-export { default as useSliderEvents } from '../src/components/editor/sliderComponents/useSliderEvents';
+export { default as useSliderEvents } from './components/editor/sliderComponents/useSliderEvents';

package/dist/index.js

@@ -4,6 +4,7 @@ export { HonchoEditorSingleCleanDemo } from './hooks/demo/HonchoEditorSingleClea
 // END
 export { useHonchoEditorSingle } from './hooks/editor/useHonchoEditorSingle';
 export { useHonchoEditorBulk } from './hooks/editor/useHonchoEditorBulk';
+export { partialAdjustmentStateToAdjustmentState, mapAdjustmentStateToAdjustmentEditor, mapColorAdjustmentToAdjustmentState, mapAdjustmentStateToColorAdjustment } from './utils/adjustment';
 export { default as HHeaderEditor } from './components/editor/HHeaderEditor';
 export { default as HFooter } from './components/editor/HFooter';
 export { default as HAccordionColorAdjustment } from './components/editor/HAccordionColorAdjustment';
@@ -42,4 +43,4 @@ export { usePaging } from './hooks/usePaging';
 export { default as useColors } from './themes/colors';
 export { default as useHonchoTypography } from './themes/honchoTheme';
 export { default as useIsMobile } from './utils/isMobile';
-export { default as useSliderEvents } from '../src/components/editor/sliderComponents/useSliderEvents';
+export { default as useSliderEvents } from './components/editor/sliderComponents/useSliderEvents';

package/dist/utils/adjustment.d.ts

@@ -4,3 +4,4 @@ import { AdjustmentValues } from "../lib/editor/honcho-editor";
 export declare function mapAdjustmentStateToAdjustmentEditor(state: AdjustmentState): AdjustmentValues;
 export declare function mapColorAdjustmentToAdjustmentState(colors: ColorAdjustment): AdjustmentState;
 export declare function mapAdjustmentStateToColorAdjustment(state: AdjustmentState): ColorAdjustment;
+export declare function partialAdjustmentStateToAdjustmentState(partial: Partial<AdjustmentState>): AdjustmentState;

package/dist/utils/adjustment.js

@@ -46,3 +46,19 @@ export function mapAdjustmentStateToColorAdjustment(state) {
         sharpness: state.sharpnessScore
     };
 }
+export function partialAdjustmentStateToAdjustmentState(partial) {
+    return {
+        tempScore: partial.tempScore ?? 0,
+        tintScore: partial.tintScore ?? 0,
+        saturationScore: partial.saturationScore ?? 0,
+        vibranceScore: partial.vibranceScore ?? 0,
+        exposureScore: partial.exposureScore ?? 0,
+        contrastScore: partial.contrastScore ?? 0,
+        highlightsScore: partial.highlightsScore ?? 0,
+        shadowsScore: partial.shadowsScore ?? 0,
+        whitesScore: partial.whitesScore ?? 0,
+        blacksScore: partial.blacksScore ?? 0,
+        clarityScore: partial.clarityScore ?? 0,
+        sharpnessScore: partial.sharpnessScore ?? 0,
+    };
+}

package/package.json

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