@nodeject/ui-components/esm/rich-text-editor/EditableRichText.d.ts

UI library for non-trivial components

import * as React from 'react';
import { EditableRichTextOptions, EditableRichTextProps, EditorMode, UseEditableRichTextProps, TitlePosition } from './types';
export declare const useEditor: (initialEditorMode?: EditorMode, options?: EditableRichTextOptions) => {
    editorMode: "view" | "edit";
    setEditorMode: React.Dispatch<React.SetStateAction<"view" | "edit">>;
};
export declare const useEditableRichText: (props?: UseEditableRichTextProps) => {
    actions: {
        onSave: (value: string) => void;
        setToEditMode: () => void;
        setToViewMode: () => void;
    };
    options: EditableRichTextOptions;
    state: {
        content: string;
        editorMode: "view" | "edit";
    };
    title: React.ReactNode;
    titlePosition: TitlePosition;
};
/**
 * const props = useEditableRichText(editableRichTextProps)
 * onst { setToEditMode } = props.actions
 * <EditableRichText {...props} />
 * <Button onClick={setToEditMode}>Edit</Button>
 * @param props
 */
export declare const EditableRichText: React.FC<EditableRichTextProps>;