@yogiswara/honcho-editor-ui 2.7.16 → 2.7.18

package/dist/components/editor/HHeaderEditor.js

@@ -22,7 +22,7 @@ export default function HHeaderEditor(props) {
                                 transform: 'scale(0.92)',
                             },
                             transition: 'transform 0.1s ease-in-out',
-                        }, children: _jsx(CardMedia, { title: "back", src: "svg/Back.svg", component: "img" }) }) }), _jsxs(Stack, { direction: "row", justifyContent: "flex-end", alignItems: "center", sx: { pt: "20px", pb: "12px" }, spacing: 0.1, children: [_jsx(Button, { variant: "text", onClick: props.onSelectButton, sx: { color: colors.outlineVariant }, children: props.valueSelect }), _jsx(IconButton, { "aria-label": "undo", onClick: props.onUndo, sx: { color: colors.outlineVariant }, disabled: !props.canUndo, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/undo-editor.svg" }) }), _jsx(IconButton, { "aria-label": "redo", onClick: props.onRedo, sx: { color: colors.outlineVariant }, disabled: !props.canRedo, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/redo-editor.svg" }) }), _jsx(IconButton, { "aria-label": "option", onClick: props.onMenuClick, "aria-controls": open ? 'options-menu' : undefined, "aria-haspopup": "true", "aria-expanded": open ? 'true' : undefined, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/dots-editor.svg" }) }), _jsxs(Menu, { id: "options-menu", anchorEl: props.anchorEl, open: open, onClose: props.onMenuClose, transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' }, slotProps: {
+                        }, children: _jsx(CardMedia, { title: "back", src: "svg/Back.svg", component: "img" }) }) }), _jsxs(Stack, { direction: "row", justifyContent: "flex-end", alignItems: "center", sx: { pt: "20px", pb: "12px" }, spacing: 0.1, children: [_jsx(Button, { variant: "text", onClick: props.onSelectButton, sx: { color: colors.outlineVariant }, children: props.valueSelect }), _jsx(IconButton, { "aria-label": "undo", onClick: props.onUndo, sx: { color: colors.outlineVariant, opacity: props.canUndo ? 1 : 0.5 }, disabled: !props.canUndo, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/undo-editor.svg" }) }), _jsx(IconButton, { "aria-label": "redo", onClick: props.onRedo, sx: { color: colors.outlineVariant, opacity: props.canRedo ? 1 : 0.5 }, disabled: !props.canRedo, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/redo-editor.svg" }) }), _jsx(IconButton, { "aria-label": "option", onClick: props.onMenuClick, "aria-controls": open ? 'options-menu' : undefined, "aria-haspopup": "true", "aria-expanded": open ? 'true' : undefined, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/dots-editor.svg" }) }), _jsxs(Menu, { id: "options-menu", anchorEl: props.anchorEl, open: open, onClose: props.onMenuClose, transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' }, slotProps: {
                                 paper: {
                                     sx: {
                                         backgroundColor: colors.onBackground,

package/dist/components/editor/HImageEditorMobile.d.ts

@@ -10,6 +10,8 @@ interface Props {
     activeSubPanel: string;
     setActivePanel: (tab: string) => void;
     setActiveSubPanel: (subTab: string) => void;
+    activeTab: string;
+    innerRef?: React.Ref<HTMLDivElement>;
     panelRef: React.RefObject<HTMLDivElement>;
     contentRef: React.RefObject<HTMLDivElement | null>;
     panelHeight: number;

package/dist/components/editor/HTabColorAdjustmentMobile.d.ts

@@ -1,6 +1,8 @@
+import React from "react";
 import { AdjustmentState } from '../../hooks/editor/type';
 interface Props {
-    activeSubPanel: string;
+    activeTab: string;
+    innerRef?: React.Ref<HTMLDivElement>;
     tempScore: number;
     tintScore: number;
     vibranceScore: number;
@@ -29,5 +31,5 @@ interface Props {
     onDragStart: () => void;
     onDragEnd: () => void;
 }
-export default function HTabColorAdjustmentMobile(props: Props): import("react/jsx-runtime").JSX.Element | null;
+export default function HTabColorAdjustmentMobile(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/editor/HTabColorAdjustmentMobile.js

@@ -1,16 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import HSliderColorMobile from "./HSliderColorMobile";
 import HSliderLightMobile from "./HSliderLightMobile";
 import HSliderDetailsMobile from "./HSliderDetailsMobile";
+import { Box } from "@mui/material";
 export default function HTabColorAdjustmentMobile(props) {
-    switch (props.activeSubPanel) {
-        case 'color':
-            return (_jsx(HSliderColorMobile, { tempScore: props.tempScore, tintScore: props.tintScore, onTempChange: props.onTempChange, onTintChange: props.onTintChange, vibranceScore: props.vibranceScore, onVibranceChange: props.onVibranceChange, saturationScore: props.saturationScore, onSaturationChange: props.onSaturationChange, isBatchMode: props.isBatchMode, onDragStart: props.onDragStart, onDragEnd: props.onDragEnd }));
-        case 'light':
-            return (_jsx(HSliderLightMobile, { contrastScore: props.contrastScore, exposureScore: props.exposureScore, highlightsScore: props.highlightsScore, shadowScore: props.shadowScore, whiteScore: props.whiteScore, blackScore: props.blackScore, onExposureChange: props.onExposureChange, onContrastChange: props.onContrastChange, onHighlightsChange: props.onHighlightsChange, onShadowsChange: props.onShadowsChange, onWhitesChange: props.onWhitesChange, onBlacksChange: props.onBlacksChange, isBatchMode: props.isBatchMode, onDragStart: props.onDragStart, onDragEnd: props.onDragEnd }));
-        case 'details':
-            return (_jsx(HSliderDetailsMobile, { clarityScore: props.clarityScore, sharpnessScore: props.sharpnessScore, onClarityChange: props.onClarityChange, onSharpnessChange: props.onSharpnessChange, isBatchMode: props.isBatchMode, onDragStart: props.onDragStart, onDragEnd: props.onDragEnd }));
-        default:
-            return null;
-    }
+    return (_jsxs(Box, { ref: props.innerRef, children: [props.activeTab === "light" && _jsx(HSliderLightMobile, { ...props }), props.activeTab === "color" && _jsx(HSliderColorMobile, { ...props }), props.activeTab === "details" && _jsx(HSliderDetailsMobile, { ...props })] }));
 }

package/dist/hooks/useAdjustmentHistory.js

@@ -539,13 +539,13 @@ export function useAdjustmentHistory(initialState, controller, firebaseUid, curr
     }, [internalOptions]);
     // History info object
     const historyInfo = useMemo(() => ({
-        canUndo: currentIndexRef.current > 0,
-        canRedo: currentIndexRef.current < history.length - 1,
-        currentIndex: currentIndexRef.current,
+        canUndo: currentIndex > 0,
+        canRedo: currentIndex < history.length - 1,
+        currentIndex: currentIndex,
         totalStates: history.length,
         historySize: getMemoryUsage(),
         isBatchMode: batchModeRef.current
-    }), [history.length, getMemoryUsage]);
+    }), [history.length, getMemoryUsage, currentIndex]);
     // Actions object - stabilized with useMemo
     const actions = useMemo(() => ({
         pushState,

package/package.json

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