@yogiswara/honcho-editor-ui 2.3.1 → 2.3.3

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/usePreset.js

@@ -131,13 +131,33 @@ export function usePreset(controller, firebaseUid, options = {}) {
             // Fire the create request but don't wait for preset data in response
             await controllerRef.current.createPreset(firebaseUidRef.current, name, settings);
             debugLog('Preset creation request completed');
+            const newPreset = {
+                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,
+            };
+            // Add the new preset to the local state immediately
+            setPresets(prev => [...prev, newPreset]);
             // Fire and forget: Schedule a delayed refresh to get updated preset list
-            setTimeout(() => {
-                debugLog('Refreshing presets after create (fire and forget)');
-                loadInBackground();
-            }, 500); // 500ms delay to allow backend processing
+            // setTimeout(() => {
+            //     debugLog('Refreshing presets after create (fire and forget)');
+            //     loadInBackground();
+            // }, 500); // 500ms delay to allow backend processing
             // Return a minimal success indicator since we don't have the actual preset data
-            return { id: 'pending', name, is_default: false };
+            // return { id: 'pending', name, is_default: false } as Preset;
+            return newPreset;
         }
         catch (err) {
             handleError('create preset', err);
@@ -146,7 +166,8 @@ export function usePreset(controller, firebaseUid, options = {}) {
         finally {
             setIsLoading(false);
         }
-    }, [presets, debugLog, handleError, loadInBackground]);
+        // loadInBackground
+    }, [presets, debugLog, handleError]);
     // Rename an existing preset
     const rename = useCallback(async (presetId, newName) => {
         if (!controllerRef.current || !firebaseUidRef.current) {

package/package.json

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