@yogiswara/honcho-editor-ui 2.6.8 → 2.6.9

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

@@ -0,0 +1,7 @@
+interface Props {
+    isLoading: boolean;
+    onCancel: VoidFunction;
+    onSubmit: VoidFunction;
+}
+declare function HPresetDeleteDialog(props: Props): import("react/jsx-runtime").JSX.Element;
+export default HPresetDeleteDialog;

package/dist/components/editor/HPresetDelete.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import ModalDialog from "../modal/HModalDialog";
+function HPresetDeleteDialog(props) {
+    return (_jsx(ModalDialog, { isOpen: true, title: "Delete preset?", description: "The preset will be permanently removed.", isLoading: props.isLoading, onCancel: props.onCancel, submitLabel: "Delete", onSubmit: props.onSubmit }));
+}
+;
+export default HPresetDeleteDialog;

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

@@ -0,0 +1,12 @@
+interface ModalDialogProps {
+    isOpen: boolean;
+    isLoading?: boolean;
+    title?: string;
+    description?: string;
+    onCancel: () => void;
+    onSubmit: () => void;
+    cancelLabel?: string;
+    submitLabel?: string;
+}
+declare function ModalDialog(props: ModalDialogProps): import("react/jsx-runtime").JSX.Element;
+export default ModalDialog;

package/dist/components/modal/HModalDialog.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Grid, Typography, useTheme, } from "@mui/material";
+import useHonchoTypography from "../../themes/honchoTheme";
+import useColors from '../../themes/colors';
+const defaultPaperStyle = {
+    borderRadius: "28px",
+    width: { xs: "100%", sm: "456px" },
+    boxShadow: "none",
+};
+function ModalDialog(props) {
+    const { isOpen, isLoading = false, title, description, onCancel, onSubmit, cancelLabel = "Cancel", submitLabel = "Confirm", } = props;
+    const theme = useTheme();
+    const typography = useHonchoTypography();
+    const colors = useColors();
+    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: description && (_jsx(Typography, { sx: { color: "#656369", fontSize: 14 }, variant: "bodyMedium", children: description })) }), _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: "error", disabled: isLoading, onClick: onSubmit, children: submitLabel })] }) })] }));
+}
+;
+export default ModalDialog;

package/dist/index.d.ts

@@ -29,6 +29,8 @@ export { EditorProvider, useEditorContext } from './lib/context/EditorContext';
 export { useImageProcessor } from './lib/hooks/useImageProcessor';
 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 { 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

@@ -28,6 +28,8 @@ export { EditorProvider, useEditorContext } from './lib/context/EditorContext';
 export { useImageProcessor } from './lib/hooks/useImageProcessor';
 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';
 // --- 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.8",
+  "version": "2.6.9",
   "description": "A complete UI component library for the Honcho photo editor.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",