@yogiswara/honcho-editor-ui 2.3.0 → 2.3.2

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

@@ -5,6 +5,7 @@ interface Props {
     modalTitle: string;
     modalInformation: string;
     children: React.ReactNode;
+    action?: React.ReactNode;
     modalClose: () => void;
     onConfirm: () => void;
 }

package/dist/components/editor/HModalMobile.js

@@ -3,5 +3,5 @@ import { Modal, Box, Typography, Button, Stack, IconButton, CardMedia } from "@m
 import useColors from '../../themes/colors';
 export default function HModalMobile(props) {
     const colors = useColors();
-    return (_jsx(_Fragment, { children: _jsx(Modal, { open: props.modalOpen, onClose: props.modalClose, children: _jsxs(Stack, { direction: "column", spacing: 2, height: "100%", sx: { p: "10px", backgroundColor: colors.surface }, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [_jsxs(Stack, { direction: "row", justifyContent: "flex-start", alignItems: "center", spacing: 1, children: [_jsx(IconButton, { "aria-label": "close", onClick: props.modalClose, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/exit-button-modal-mobile.svg" }) }), _jsx(Typography, { variant: "h6", color: "initial", children: props.modalTitle })] }), _jsx(Button, { onClick: props.onConfirm, children: "Save" })] }), _jsx(Typography, { variant: "inherit", color: "initial", children: props.modalInformation }), _jsx(Box, { sx: { mt: 2 }, children: props.children })] }) }) }));
+    return (_jsx(_Fragment, { children: _jsx(Modal, { open: props.modalOpen, onClose: props.modalClose, children: _jsxs(Stack, { direction: "column", spacing: 2, height: "100%", sx: { p: "10px", backgroundColor: colors.surface }, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [_jsxs(Stack, { direction: "row", justifyContent: "flex-start", alignItems: "center", spacing: 1, children: [_jsx(IconButton, { "aria-label": "close", onClick: props.modalClose, children: _jsx(CardMedia, { component: "img", image: "/v1/svg/exit-button-modal-mobile.svg" }) }), _jsx(Typography, { variant: "h6", color: "initial", children: props.modalTitle })] }), _jsx(Button, { onClick: props.onConfirm, children: "Save" })] }), _jsx(Typography, { variant: "inherit", color: "initial", children: props.modalInformation }), _jsx(Box, { sx: { mt: 2 }, children: props.children }), _jsx(Box, { children: props.action })] }) }) }));
 }

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

@@ -184,14 +184,11 @@ export declare function useHonchoEditor(controller: Controller, initImageId: str
     handleSelectDesktopPreset: (presetId: string) => void;
     handlePresetMenuClick: (event: React.MouseEvent<HTMLElement>, presetId: string) => void;
     handlePresetMenuClose: () => void;
-    handleCreatePreset: () => Promise<void>;
     handleRemovePreset: () => void;
-    handleDeletePreset: () => Promise<void>;
     handleOpenPresetModal: () => void;
     handleClosePresetModal: () => void;
     handleOpenPresetModalMobile: () => void;
     handleClosePresetModalMobile: () => void;
-    handleCreatePresetMobile: () => Promise<void>;
     setPresetName: import("react").Dispatch<import("react").SetStateAction<string>>;
     handleNameChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     isRenameModalOpen: boolean;

package/dist/hooks/editor/useHonchoEditor.js

@@ -22,6 +22,7 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
     const [isEditorReady, setIsEditorReady] = useState(false);
     const [isImageLoaded, setIsImageLoaded] = useState(false);
     const [zoomLevel, setZoomLevel] = useState(1);
+    const [presets, setPresets] = useState([]);
     // MARK: - Adjustment & History State
     const [copiedAdjustments, setCopiedAdjustments] = useState(null);
     const [copyColorChecks, setCopyColorChecks] = useState({ temperature: true, tint: true, vibrance: true, saturation: true });
@@ -46,7 +47,6 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
     // Preset State
     const [isPresetModalOpen, setPresetModalOpen] = useState(false);
     const [isPresetModalOpenMobile, setPresetModalOpenMobile] = useState(false);
-    const [presets, setPresets] = useState([]);
     const [presetName, setPresetName] = useState("Type Here");
     const [isPresetCreated, setIsPresetCreated] = useState(false);
     const [selectedMobilePreset, setSelectedMobilePreset] = useState('preset1');
@@ -232,63 +232,11 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
     };
     const handlePresetMenuClose = () => { setPresetMenuAnchorEl(null); setActivePresetMenuId(null); };
     const handleRemovePreset = () => { console.log(`Remove: ${activePresetMenuId}`); handlePresetMenuClose(); };
-    const handleDeletePreset = useCallback(async () => {
-        if (!controller || !activePresetMenuId)
-            return;
-        try {
-            await controller.deletePreset(firebaseUid, activePresetMenuId);
-            // On success, remove the preset from local state
-            setPresets(prevPresets => prevPresets.filter(p => p.id !== activePresetMenuId));
-        }
-        catch (error) {
-            console.error("Failed to delete preset:", error);
-        }
-        handlePresetMenuClose(); // Close the options menu
-    }, [controller, activePresetMenuId]);
     // Preset Modal Handlers
     const handleOpenPresetModal = () => { setIsPresetCreated(false); setPresetModalOpen(true); };
     const handleClosePresetModal = () => setPresetModalOpen(false);
-    const handleCreatePreset = useCallback(async () => {
-        if (!controller)
-            return;
-        // The current adjustment state from the history hook
-        const currentAdjustments = { ...currentAdjustmentsState };
-        try {
-            // Call the controller, which now calls the real API
-            await controller.createPreset(firebaseUid, presetName, currentAdjustments);
-            // If the API call was successful and returned a preset...
-            // if (newPresetFromApi) {
-            //     // ...add the new preset from the API response to our local state
-            //     setPresets(prevPresets => [...prevPresets, newPresetFromApi]);
-            // }
-        }
-        catch (error) {
-            console.error("Failed to create preset:", error);
-            // Optionally: show an error message to the user here
-        }
-        // Close the modal and show a confirmation
-        setIsPresetCreated(true);
-        handleClosePresetModal();
-        setTimeout(() => setIsPresetCreated(false), 1000); // Hide confirmation after 1s
-    }, [controller, presetName, currentAdjustmentsState, firebaseUid]);
     const handleOpenPresetModalMobile = () => { setIsPresetCreated(false); setPresetModalOpenMobile(true); };
     const handleClosePresetModalMobile = () => setPresetModalOpenMobile(false);
-    const handleCreatePresetMobile = useCallback(async () => {
-        if (!controller)
-            return;
-        console.log("Creating mobile preset:", presetName);
-        const currentAdjustments = { ...currentAdjustmentsState };
-        try {
-            // RE-USE THE SAME LOGIC AS THE DESKTOP VERSION
-            await controller.createPreset(firebaseUid, presetName, currentAdjustments);
-        }
-        catch (error) {
-            console.error("Failed to create mobile preset:", error);
-        }
-        setIsPresetCreated(true);
-        handleClosePresetModalMobile();
-        setTimeout(() => setIsPresetCreated(false), 1000);
-    }, [controller, presetName, currentAdjustmentsState, firebaseUid]);
     const handleNameChange = (event) => setPresetName(event.target.value);
     // Watermark Handlers
     const handleOpenWatermarkView = () => setIsCreatingWatermark(true);
@@ -694,14 +642,11 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
         handleSelectDesktopPreset,
         handlePresetMenuClick,
         handlePresetMenuClose,
-        handleCreatePreset,
         handleRemovePreset,
-        handleDeletePreset,
         handleOpenPresetModal,
         handleClosePresetModal,
         handleOpenPresetModalMobile,
         handleClosePresetModalMobile,
-        handleCreatePresetMobile,
         setPresetName,
         handleNameChange,
         isRenameModalOpen,

package/package.json

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