hazo_ui 2.2.3 → 2.2.6

package/dist/index.d.cts

@@ -1,16 +1,5 @@
-import * as React from 'react';
-import React__default from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-
-/**
- * Example component demonstrating the structure for hazo_ui components
- * @param props - Component props
- * @returns React component
- */
-declare const ExampleComponent: React__default.FC<{
-    children?: React__default.ReactNode;
-    className?: string;
-}>;
+import * as React from 'react';
 
 interface FilterField {
     value: string;
@@ -115,4 +104,90 @@ interface HazoUiFlexInputProps extends Omit<InputProps, "type"> {
 }
 declare const HazoUiFlexInput: React.ForwardRefExoticComponent<HazoUiFlexInputProps & React.RefAttributes<HTMLInputElement>>;
 
-export { ExampleComponent, type FilterConfig, type FilterField, HazoUiFlexInput, type HazoUiFlexInputProps, HazoUiFlexRadio, type HazoUiFlexRadioItem, type HazoUiFlexRadioProps, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, type SortConfig, type SortField };
+/**
+ * Type definitions for HazoRichtextEditor component
+ *
+ * Contains all TypeScript interfaces and types used throughout the rich text editor.
+ */
+
+/**
+ * Variable definition for template variables
+ */
+interface Variable {
+    /** The variable identifier (e.g., "user_name") */
+    text: string;
+    /** Human-readable description (e.g., "Recipient's full name") */
+    description: string;
+    /** Optional category for grouping (e.g., "Template Variables", "System Variables") */
+    category?: string;
+}
+/**
+ * File attachment result from upload
+ */
+interface FileAttachment {
+    /** File name */
+    name: string;
+    /** File type/mime type */
+    type: string;
+    /** File size in bytes */
+    size: number;
+    /** URL to the file (either data URL or uploaded URL) */
+    url: string;
+}
+/**
+ * Attachment stored as base64
+ */
+interface Attachment {
+    /** Unique identifier */
+    id: string;
+    /** File name */
+    name: string;
+    /** File type/mime type */
+    type: string;
+    /** File size in bytes */
+    size: number;
+    /** Base64 encoded data (includes data URL prefix) */
+    data: string;
+}
+/**
+ * Main props for the HazoRichtextEditor component
+ */
+interface HazoRichtextEditorProps {
+    /** Initial HTML content for the editor */
+    initial_html?: string;
+    /** Initial plain text content (used if initial_html is not provided) */
+    initial_text?: string;
+    /** Array of variables available for insertion */
+    variables?: Variable[];
+    /** Initial attachments array */
+    initial_attachments?: Attachment[];
+    /** Callback fired when save button is clicked - includes attachments array */
+    on_save?: (html: string, text: string, attachments: Attachment[]) => void;
+    /** Callback fired on content change */
+    on_change?: (html: string, text: string) => void;
+    /** Callback fired when attachments change */
+    on_attachments_change?: (attachments: Attachment[]) => void;
+    /** Callback fired when a file is attached for image embed - return the URL to use for the file */
+    on_file_attach?: (file: File) => Promise<string>;
+    /** Placeholder text when editor is empty */
+    placeholder?: string;
+    /** Minimum height of the editor area */
+    min_height?: string;
+    /** Maximum height of the editor area */
+    max_height?: string;
+    /** Whether the editor is read-only */
+    read_only?: boolean;
+    /** Whether to show the save button */
+    show_save_button?: boolean;
+    /** Custom text for the save button */
+    save_button_text?: string;
+    /** Additional CSS class for the container */
+    className?: string;
+}
+
+/**
+ * HazoRichtextEditor - A feature-rich rich text editor component
+ */
+declare function HazoRichtextEditor({ initial_html, initial_text, variables, initial_attachments, on_save, on_change, on_attachments_change, on_file_attach, placeholder, min_height, max_height, read_only, show_save_button, save_button_text, className, }: HazoRichtextEditorProps): react_jsx_runtime.JSX.Element;
+
+export { type FilterConfig, type FilterField, HazoRichtextEditor, type FileAttachment as HazoRichtextEditorFileAttachment, type HazoRichtextEditorProps, type Variable as HazoRichtextEditorVariable, HazoUiFlexInput, type HazoUiFlexInputProps, HazoUiFlexRadio, type HazoUiFlexRadioItem, type HazoUiFlexRadioProps, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, type SortConfig, type SortField };

package/dist/index.d.ts

@@ -1,16 +1,5 @@
-import * as React from 'react';
-import React__default from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-
-/**
- * Example component demonstrating the structure for hazo_ui components
- * @param props - Component props
- * @returns React component
- */
-declare const ExampleComponent: React__default.FC<{
-    children?: React__default.ReactNode;
-    className?: string;
-}>;
+import * as React from 'react';
 
 interface FilterField {
     value: string;
@@ -115,4 +104,90 @@ interface HazoUiFlexInputProps extends Omit<InputProps, "type"> {
 }
 declare const HazoUiFlexInput: React.ForwardRefExoticComponent<HazoUiFlexInputProps & React.RefAttributes<HTMLInputElement>>;
 
-export { ExampleComponent, type FilterConfig, type FilterField, HazoUiFlexInput, type HazoUiFlexInputProps, HazoUiFlexRadio, type HazoUiFlexRadioItem, type HazoUiFlexRadioProps, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, type SortConfig, type SortField };
+/**
+ * Type definitions for HazoRichtextEditor component
+ *
+ * Contains all TypeScript interfaces and types used throughout the rich text editor.
+ */
+
+/**
+ * Variable definition for template variables
+ */
+interface Variable {
+    /** The variable identifier (e.g., "user_name") */
+    text: string;
+    /** Human-readable description (e.g., "Recipient's full name") */
+    description: string;
+    /** Optional category for grouping (e.g., "Template Variables", "System Variables") */
+    category?: string;
+}
+/**
+ * File attachment result from upload
+ */
+interface FileAttachment {
+    /** File name */
+    name: string;
+    /** File type/mime type */
+    type: string;
+    /** File size in bytes */
+    size: number;
+    /** URL to the file (either data URL or uploaded URL) */
+    url: string;
+}
+/**
+ * Attachment stored as base64
+ */
+interface Attachment {
+    /** Unique identifier */
+    id: string;
+    /** File name */
+    name: string;
+    /** File type/mime type */
+    type: string;
+    /** File size in bytes */
+    size: number;
+    /** Base64 encoded data (includes data URL prefix) */
+    data: string;
+}
+/**
+ * Main props for the HazoRichtextEditor component
+ */
+interface HazoRichtextEditorProps {
+    /** Initial HTML content for the editor */
+    initial_html?: string;
+    /** Initial plain text content (used if initial_html is not provided) */
+    initial_text?: string;
+    /** Array of variables available for insertion */
+    variables?: Variable[];
+    /** Initial attachments array */
+    initial_attachments?: Attachment[];
+    /** Callback fired when save button is clicked - includes attachments array */
+    on_save?: (html: string, text: string, attachments: Attachment[]) => void;
+    /** Callback fired on content change */
+    on_change?: (html: string, text: string) => void;
+    /** Callback fired when attachments change */
+    on_attachments_change?: (attachments: Attachment[]) => void;
+    /** Callback fired when a file is attached for image embed - return the URL to use for the file */
+    on_file_attach?: (file: File) => Promise<string>;
+    /** Placeholder text when editor is empty */
+    placeholder?: string;
+    /** Minimum height of the editor area */
+    min_height?: string;
+    /** Maximum height of the editor area */
+    max_height?: string;
+    /** Whether the editor is read-only */
+    read_only?: boolean;
+    /** Whether to show the save button */
+    show_save_button?: boolean;
+    /** Custom text for the save button */
+    save_button_text?: string;
+    /** Additional CSS class for the container */
+    className?: string;
+}
+
+/**
+ * HazoRichtextEditor - A feature-rich rich text editor component
+ */
+declare function HazoRichtextEditor({ initial_html, initial_text, variables, initial_attachments, on_save, on_change, on_attachments_change, on_file_attach, placeholder, min_height, max_height, read_only, show_save_button, save_button_text, className, }: HazoRichtextEditorProps): react_jsx_runtime.JSX.Element;
+
+export { type FilterConfig, type FilterField, HazoRichtextEditor, type FileAttachment as HazoRichtextEditorFileAttachment, type HazoRichtextEditorProps, type Variable as HazoRichtextEditorVariable, HazoUiFlexInput, type HazoUiFlexInputProps, HazoUiFlexRadio, type HazoUiFlexRadioItem, type HazoUiFlexRadioProps, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, type SortConfig, type SortField };