@elia-ori/editor 0.1.11 → 0.1.13

package/dist/index.d.ts

@@ -1,110 +1,71 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Editor } from '@tiptap/react';
-import { LucideProps } from 'lucide-react';
-import * as React$1 from 'react';
-import { ComponentType } from 'react';
-import { ClassValue } from 'clsx';
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { NodeType } from '@tiptap/pm/model';
 import { Node } from '@tiptap/core';
 
-type ToolbarButtonConfig = {
-    key: string;
-    icon: ComponentType<LucideProps>;
-    title: string;
-    isActive: (editor: Editor) => boolean;
-    action: (editor: Editor) => void;
-};
-type ToolbarItem = 'heading' | 'list' | 'format' | 'script' | 'align' | 'color' | 'link' | 'image' | 'table' | 'callout' | 'themeToggle';
-interface ToolbarProps {
-    editor: Editor | null;
-    config?: ToolbarItem[] | ToolbarItem[][] | 'all' | 'none';
-    toolbarStart?: React.ReactNode;
-    toolbarEnd?: React.ReactNode;
-    theme?: 'light' | 'dark';
-    onThemeToggle?: () => void;
-    onImageUpload?: (file: File) => Promise<string> | void;
+type UploadFunction = (file: File, onProgress?: (event: {
+    progress: number;
+}) => void, abortSignal?: AbortSignal) => Promise<string>;
+interface ImageUploadNodeOptions {
+    /**
+     * The type of the node.
+     * @default 'image'
+     */
+    type?: string | NodeType | undefined;
+    /**
+     * Acceptable file types for upload.
+     * @default 'image/*'
+     */
+    accept?: string;
+    /**
+     * Maximum number of files that can be uploaded.
+     * @default 1
+     */
+    limit?: number;
+    /**
+     * Maximum file size in bytes (0 for unlimited).
+     * @default 0
+     */
+    maxSize?: number;
+    /**
+     * Function to handle the upload process.
+     */
+    upload?: UploadFunction;
+    /**
+     * Callback for upload errors.
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Callback for successful uploads.
+     */
+    onSuccess?: (url: string) => void;
+    /**
+     * HTML attributes to add to the image element.
+     * @default {}
+     * @example { class: 'foo' }
+     */
+    HTMLAttributes: Record<string, any>;
+}
+declare module "@tiptap/react" {
+    interface Commands<ReturnType> {
+        imageUpload: {
+            setImageUploadNode: (options?: ImageUploadNodeOptions) => ReturnType;
+        };
+    }
 }
-declare function Toolbar({ editor, config, toolbarStart, toolbarEnd, theme, onThemeToggle, onImageUpload, }: ToolbarProps): react_jsx_runtime.JSX.Element | null;
 
+type ToolbarItem = 'undo-redo' | 'heading' | 'list' | 'blockquote' | 'code-block' | 'callout' | 'table' | 'format' | 'text-color' | 'highlight' | 'link' | 'superscript' | 'subscript' | 'align' | 'image';
 interface EliaEditorProps {
     content?: string;
     onChange?: (html: string) => void;
     placeholder?: string;
-    toolbar?: ToolbarItem[] | ToolbarItem[][] | 'all' | 'none';
-    header?: React.ReactNode;
-    toolbarStart?: React.ReactNode;
-    toolbarEnd?: React.ReactNode;
-    footer?: React.ReactNode;
+    toolbar?: ToolbarItem[];
+    onImageUpload?: UploadFunction;
     className?: string;
     editorClassName?: string;
     autofocus?: boolean;
     readOnly?: boolean;
-    theme?: 'light' | 'dark';
-    onThemeToggle?: () => void;
-    onImageUpload?: (file: File) => Promise<string> | void;
-}
-declare function EliaEditor({ content, onChange, placeholder, toolbar, header, toolbarStart, toolbarEnd, footer, className, editorClassName, autofocus, readOnly, theme, onThemeToggle, onImageUpload, }: EliaEditorProps): react_jsx_runtime.JSX.Element;
-
-declare function cn(...inputs: ClassValue[]): string;
-
-interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: 'default' | 'ghost' | 'outline';
-    size?: 'default' | 'sm' | 'lg';
-}
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
-
-interface ToggleProps extends React$1.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> {
-    size?: 'default' | 'sm';
-}
-declare const Toggle: React$1.ForwardRefExoticComponent<ToggleProps & React$1.RefAttributes<HTMLButtonElement>>;
-
-declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
-declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-interface ToolbarButtonProps {
-    pressed: boolean;
-    onPressedChange: () => void;
-    disabled?: boolean;
-    children: React.ReactNode;
-    title?: string;
-}
-declare function ToolbarButton({ pressed, onPressedChange, disabled, children, title, }: ToolbarButtonProps): react_jsx_runtime.JSX.Element;
-
-declare function ToolbarDivider(): react_jsx_runtime.JSX.Element;
-
-interface HeadingDropdownProps {
-    editor: Editor;
-    iconSize?: string;
-}
-declare function HeadingDropdown({ editor, iconSize }: HeadingDropdownProps): react_jsx_runtime.JSX.Element;
-
-interface ListDropdownProps {
-    editor: Editor;
-    iconSize?: string;
-}
-declare function ListDropdown({ editor, iconSize }: ListDropdownProps): react_jsx_runtime.JSX.Element;
-
-interface TableDropdownProps {
-    editor: Editor;
-    iconSize?: string;
-}
-declare function TableDropdown({ editor, iconSize }: TableDropdownProps): react_jsx_runtime.JSX.Element;
-
-interface CalloutDropdownProps {
-    editor: Editor;
-    iconSize?: string;
-}
-declare function CalloutDropdown({ editor, iconSize }: CalloutDropdownProps): react_jsx_runtime.JSX.Element;
-
-interface ColorPickerProps {
-    editor: Editor;
-    iconSize?: string;
 }
-declare function ColorPicker({ editor, iconSize }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+declare function EliaEditor({ content, onChange, placeholder, toolbar, onImageUpload, className, editorClassName, autofocus, readOnly, }: EliaEditorProps): react_jsx_runtime.JSX.Element;
 
 type CalloutType = 'success' | 'warning' | 'error' | 'info';
 interface CalloutOptions {
@@ -125,4 +86,4 @@ declare module "@tiptap/core" {
 }
 declare const Callout: Node<CalloutOptions, any>;
 
-export { Button, type ButtonProps, Callout, CalloutDropdown, type CalloutDropdownProps, type CalloutOptions, type CalloutType, ColorPicker, type ColorPickerProps, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, EliaEditor, type EliaEditorProps, HeadingDropdown, type HeadingDropdownProps, ListDropdown, type ListDropdownProps, TableDropdown, type TableDropdownProps, Toggle, type ToggleProps, Toolbar, ToolbarButton, type ToolbarButtonConfig, type ToolbarButtonProps, ToolbarDivider, type ToolbarItem, type ToolbarProps, cn };
+export { Callout, type CalloutOptions, type CalloutType, EliaEditor, type EliaEditorProps, EliaEditor as SimpleEditor, type ToolbarItem, type UploadFunction };