@devfamily/admiral/lib/admiral/ui/Editor/interfaces.d.ts

Admiral is a frontend framework for creating back office using React. It provides out-of-the-box components and tools that make developing an admin interface easy and fast.

import { IAllProps as TinyEditorProps } from '@tinymce/tinymce-react';
export interface BlobInfo {
    id: () => string;
    name: () => string;
    filename: () => string;
    blob: () => Blob;
    base64: () => string;
    blobUri: () => string;
    uri: () => string | undefined;
}
declare type ProgressFn = (percent: number) => void;
export declare type EditorUploadHandler = (blobInfo: BlobInfo, progress: ProgressFn) => Promise<string>;
export declare type EditorSizeType = 'L' | 'M' | 'S' | 'XS';
export declare type EditorLocaleType = string | undefined;
export interface EditorProps extends Omit<TinyEditorProps, 'onChange' | 'onEditorChange'> {
    height?: number;
    imageUploadUrl?: string;
    size?: EditorSizeType;
    init?: TinyEditorProps['init'] | ((defaultInit: TinyEditorProps['init']) => TinyEditorProps['init']);
    onChange?: TinyEditorProps['onEditorChange'];
    alert?: boolean;
    onImageUpload?: (file: Blob) => Promise<string>;
    autocompleter?: AutocompleterConfig | AutocompleterConfig[];
    locale?: EditorLocaleType;
    autoFocus?: boolean;
}
export declare type AutocompleterItem = {
    text: string;
    value: string;
    icon?: string;
};
export declare type AutocompleterMode = 'autocompleteitem' | 'cardmenuitem';
export interface AutocompleterConfig {
    id: string;
    trigger?: string;
    minCharsToTrigger?: number;
    items: AutocompleterItem[];
    highlightOnSearch?: boolean;
    filterOnInput?: boolean;
    mode?: AutocompleterMode;
    includeValueInTitle?: boolean;
    columns?: number | 'auto';
}
export {};