@yogiswara/honcho-editor-ui 2.6.13 → 2.6.15

package/dist/components/modal/HModalRename.d.ts

@@ -0,0 +1,14 @@
+interface ModalRenameProps {
+    isOpen: boolean;
+    title?: string;
+    description?: string;
+    action?: React.ReactNode;
+    onCancel: () => void;
+    onSubmit: () => void;
+    cancelLabel?: string;
+    submitLabel?: string;
+    valueName: string;
+    setName: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+declare function ModalRename(props: ModalRenameProps): import("react/jsx-runtime").JSX.Element;
+export default ModalRename;

package/dist/components/modal/HModalRename.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Grid, Typography, useTheme, TextField, } from "@mui/material";
+import useColors from '../../themes/colors';
+import useHonchoTypography from "../../themes/honchoTheme";
+const defaultPaperStyle = {
+    borderRadius: "28px",
+    width: { xs: "100%", sm: "456px" },
+    boxShadow: "none",
+};
+function ModalRename(props) {
+    const { isOpen, title, onCancel, onSubmit, cancelLabel = "Cancel", submitLabel = "Confirm", valueName, setName } = props;
+    const colors = useColors();
+    const theme = useTheme();
+    const typography = useHonchoTypography();
+    return (_jsxs(Dialog, { disableScrollLock: true, open: isOpen, onClose: onCancel, "aria-labelledby": "dialog-title", PaperProps: { sx: defaultPaperStyle }, children: [title && (_jsx(DialogTitle, { children: _jsx(Typography, { variant: "labelLarge", color: colors.onSurface, children: title }) })), _jsx(DialogContent, { sx: { padding: { xs: "24px 24px 0 24px", sm: "24px 24px 0 24px" } }, children: _jsx(TextField, { autoFocus: true, margin: "dense", id: "name", label: "Preset Name", type: "text", fullWidth: true, variant: "standard", value: valueName, onChange: setName, sx: {
+                        backgroundColor: "#F6F6F6",
+                        p: "7px",
+                        borderRadius: "6px",
+                        '& .MuiInputLabel-root': {
+                            color: colors.onSurfaceVariant,
+                            pt: '10px',
+                            pl: '10px',
+                        },
+                        '& .MuiInput-input': {
+                            color: colors.onSurface,
+                        },
+                        '& .MuiInputLabel-root.Mui-focused': {
+                            color: colors.onSurfaceVariant,
+                        },
+                    } }) }), _jsx(DialogActions, { sx: { padding: 3 }, children: _jsxs(Grid, { container: true, direction: "row", justifyContent: "end", alignItems: "center", gap: 1, children: [_jsx(Button, { variant: "text", onClick: onCancel, children: cancelLabel }), _jsx(Button, { variant: "text", color: "info", 
+                            // The "disabled" attribute has been removed
+                            onClick: onSubmit, children: submitLabel })] }) })] }));
+}
+;
+export default ModalRename;

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

@@ -41,8 +41,8 @@ export interface Watermark {
 }
 export interface EditorConfig {
     color_adjustment: ColorAdjustment;
-    transformation_adjustment: TransformationAdjustment[];
-    watermarks: Watermark[];
+    transformation_adjustment?: TransformationAdjustment[];
+    watermarks?: Watermark[];
 }
 export interface Content {
     key: string;

package/dist/index.d.ts

@@ -31,6 +31,7 @@ export { useEditorHeadless } from './lib/hooks/useEditorHeadless';
 export { ImageSize, HonchoEditor, AdjustmentValues, AdjustmentRange, AdjustmentRanges } from './lib/editor/honcho-editor';
 export { default as HPresetDeleteDialog } from './components/editor/HPresetDelete';
 export { default as HModalDialog } from './components/modal/HModalDialog';
+export { default as HModalRename } from './components/modal/HModalRename';
 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 { usePreset, type UsePresetReturn, type PresetInfo, type PresetActions, type PresetOptions } from './hooks/usePreset';

package/dist/index.js

@@ -30,6 +30,7 @@ export { useEditorHeadless } from './lib/hooks/useEditorHeadless';
 export { HonchoEditor } from './lib/editor/honcho-editor';
 export { default as HPresetDeleteDialog } from './components/editor/HPresetDelete';
 export { default as HModalDialog } from './components/modal/HModalDialog';
+export { default as HModalRename } from './components/modal/HModalRename';
 // --- History Hooks ---
 export { useAdjustmentHistory } from './hooks/useAdjustmentHistory';
 export { useAdjustmentHistoryBatch } from './hooks/useAdjustmentHistoryBatch';

package/package.json

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