@elia-ori/editor 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,128 @@
+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 { 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?: string;
+    onThemeToggle?: () => void;
+    onImageUpload?: (file: File) => void;
+}
+declare function Toolbar({ editor, config, toolbarStart, toolbarEnd, theme, onThemeToggle, onImageUpload, }: ToolbarProps): react_jsx_runtime.JSX.Element | null;
+
+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;
+    className?: string;
+    editorClassName?: string;
+    autofocus?: boolean;
+    readOnly?: boolean;
+    theme?: string;
+    onThemeToggle?: () => void;
+    onImageUpload?: (file: File) => 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;
+
+type CalloutType = 'success' | 'warning' | 'error' | 'info';
+interface CalloutOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        callout: {
+            setCallout: (attributes?: {
+                type: CalloutType;
+            }) => ReturnType;
+            toggleCallout: (attributes?: {
+                type: CalloutType;
+            }) => ReturnType;
+            unsetCallout: () => ReturnType;
+        };
+    }
+}
+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 };

package/dist/index.d.ts

@@ -0,0 +1,128 @@
+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 { 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?: string;
+    onThemeToggle?: () => void;
+    onImageUpload?: (file: File) => void;
+}
+declare function Toolbar({ editor, config, toolbarStart, toolbarEnd, theme, onThemeToggle, onImageUpload, }: ToolbarProps): react_jsx_runtime.JSX.Element | null;
+
+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;
+    className?: string;
+    editorClassName?: string;
+    autofocus?: boolean;
+    readOnly?: boolean;
+    theme?: string;
+    onThemeToggle?: () => void;
+    onImageUpload?: (file: File) => 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;
+
+type CalloutType = 'success' | 'warning' | 'error' | 'info';
+interface CalloutOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        callout: {
+            setCallout: (attributes?: {
+                type: CalloutType;
+            }) => ReturnType;
+            toggleCallout: (attributes?: {
+                type: CalloutType;
+            }) => ReturnType;
+            unsetCallout: () => ReturnType;
+        };
+    }
+}
+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 };