cms-block-editor 1.0.12 → 1.0.14

package/dist/index.d.mts

@@ -1,13 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { LexicalEditor, LexicalCommand } from 'lexical';
+import { LexicalEditor, LexicalCommand, DecoratorNode, NodeKey, Spread, SerializedLexicalNode } from 'lexical';
+import { JSX, ReactNode } from 'react';
 
 interface CMSBlockEditorProps {
     value?: string;
     onChange?: (state: any) => void;
     onImageAdded?: (file: File) => Promise<string>;
+    onVideoAdded?: (file: File) => Promise<string>;
     useBase64Url?: boolean;
 }
-declare function CMSBlockEditor({ value, onChange, onImageAdded, useBase64Url }: CMSBlockEditorProps): react_jsx_runtime.JSX.Element;
+declare function CMSBlockEditor({ value, onChange, onImageAdded, onVideoAdded, useBase64Url }: CMSBlockEditorProps): react_jsx_runtime.JSX.Element;
 
 interface CMSRendererProps {
     content: string;
@@ -77,4 +79,178 @@ declare const OPEN_IMAGE_EDITOR_COMMAND: LexicalCommand<{
     src: string;
 }>;
 
-export { CMSBlockEditor, CMSRenderer, OPEN_IMAGE_EDITOR_COMMAND, appendHTML, copyMarkdownToClipboard, downloadHTML, downloadMarkdown, exportToHTML, exportToHTMLWithWrapper, exportToMarkdown, importFromHTML, importFromMarkdown, loadHTMLFromFile, loadMarkdownFromFile, pasteMarkdownFromClipboard };
+type SerializedVideoNode = Spread<{
+    src: string;
+    width?: number;
+    height?: number;
+    autoplay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    controls?: boolean;
+}, SerializedLexicalNode>;
+declare class VideoNode extends DecoratorNode<JSX.Element> {
+    __src: string;
+    __width?: number;
+    __height?: number;
+    __autoplay?: boolean;
+    __loop?: boolean;
+    __muted?: boolean;
+    __controls?: boolean;
+    static getType(): string;
+    static clone(node: VideoNode): VideoNode;
+    static isInline(): boolean;
+    constructor(src: string, width?: number, height?: number, autoplay?: boolean, loop?: boolean, muted?: boolean, controls?: boolean, key?: NodeKey);
+    createDOM(): HTMLElement;
+    updateDOM(): boolean;
+    decorate(editor: LexicalEditor): JSX.Element;
+    exportJSON(): SerializedVideoNode;
+    static importJSON(serializedNode: SerializedVideoNode): VideoNode;
+}
+
+type SerializedImageNode = Spread<{
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+}, SerializedLexicalNode>;
+declare class ImageNode extends DecoratorNode<JSX.Element> {
+    __src: string;
+    __alt: string;
+    __width?: number;
+    __height?: number;
+    static getType(): string;
+    static clone(node: ImageNode): ImageNode;
+    static isInline(): boolean;
+    constructor(src: string, alt?: string, width?: number, height?: number, key?: NodeKey);
+    createDOM(): HTMLElement;
+    updateDOM(): boolean;
+    decorate(editor: LexicalEditor): JSX.Element;
+    exportJSON(): SerializedImageNode;
+    static importJSON(serializedNode: SerializedImageNode): ImageNode;
+}
+
+interface ThemeColors {
+    primary: string;
+    primaryHover: string;
+    primaryLight: string;
+    primaryDark: string;
+    secondary: string;
+    secondaryHover: string;
+    background: string;
+    surface: string;
+    border: string;
+    divider: string;
+    textPrimary: string;
+    textSecondary: string;
+    textDisabled: string;
+    success: string;
+    warning: string;
+    error: string;
+    info: string;
+    editorBackground: string;
+    editorText: string;
+    editorPlaceholder: string;
+    toolbarBackground: string;
+    toolbarText: string;
+    toolbarBorder: string;
+    selection: string;
+    highlight: string;
+    focus: string;
+}
+interface ThemeTypography {
+    fontFamily: string;
+    fontFamilyMono: string;
+    fontSizeXs: string;
+    fontSizeSm: string;
+    fontSizeMd: string;
+    fontSizeLg: string;
+    fontSizeXl: string;
+    fontWeightNormal: number;
+    fontWeightMedium: number;
+    fontWeightBold: number;
+    lineHeightTight: number;
+    lineHeightNormal: number;
+    lineHeightRelaxed: number;
+}
+interface ThemeSpacing {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+}
+interface ThemeBorderRadius {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    full: string;
+}
+interface ThemeShadows {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+}
+interface Theme {
+    name: string;
+    colors: ThemeColors;
+    typography: ThemeTypography;
+    spacing: ThemeSpacing;
+    borderRadius: ThemeBorderRadius;
+    shadows: ThemeShadows;
+}
+type ThemeMode = 'light' | 'dark' | 'auto';
+
+declare const oceanTheme: Theme;
+declare const forestTheme: Theme;
+declare const sunsetTheme: Theme;
+declare const roseTheme: Theme;
+declare const midnightTheme: Theme;
+declare const draculaTheme: Theme;
+declare const monokaiTheme: Theme;
+declare const minimalTheme: Theme;
+declare const presetThemes: {
+    light: Theme;
+    dark: Theme;
+    ocean: Theme;
+    forest: Theme;
+    sunset: Theme;
+    rose: Theme;
+    midnight: Theme;
+    dracula: Theme;
+    monokai: Theme;
+    minimal: Theme;
+};
+type PresetThemeName = keyof typeof presetThemes;
+
+interface ThemeContextValue {
+    theme: Theme;
+    mode: ThemeMode;
+    setTheme: (theme: Theme | PresetThemeName) => void;
+    setMode: (mode: ThemeMode) => void;
+    toggleMode: () => void;
+}
+interface ThemeProviderProps {
+    children: ReactNode;
+    defaultTheme?: Theme | PresetThemeName;
+    defaultMode?: ThemeMode;
+    storageKey?: string;
+}
+declare function ThemeProvider({ children, defaultTheme, defaultMode, storageKey, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function useTheme(): ThemeContextValue;
+
+interface ThemeSwitcherProps {
+    className?: string;
+    showModeToggle?: boolean;
+    showPresets?: boolean;
+}
+declare function ThemeSwitcher({ className, showModeToggle, showPresets }: ThemeSwitcherProps): react_jsx_runtime.JSX.Element;
+
+declare const lightTheme: Theme;
+
+declare const darkTheme: Theme;
+
+export { CMSBlockEditor, CMSRenderer, ImageNode, OPEN_IMAGE_EDITOR_COMMAND, type PresetThemeName, type Theme, type ThemeColors, type ThemeMode, ThemeProvider, ThemeSwitcher, VideoNode, appendHTML, copyMarkdownToClipboard, darkTheme, downloadHTML, downloadMarkdown, draculaTheme, exportToHTML, exportToHTMLWithWrapper, exportToMarkdown, forestTheme, importFromHTML, importFromMarkdown, lightTheme, loadHTMLFromFile, loadMarkdownFromFile, midnightTheme, minimalTheme, monokaiTheme, oceanTheme, pasteMarkdownFromClipboard, presetThemes, roseTheme, sunsetTheme, useTheme };