types.d.ts

import * as React from "react";
import * as Quill from "quill";

declare namespace ReactQuill {
	export interface UnprivilegedEditor {
		getLength(): number;
		getText(index?: number, length?: number): string;
		getHTML(): string;
		getBounds(index: number, length?: number): Quill.BoundsStatic;
		getSelection(focus?: boolean): Quill.RangeStatic;
		getContents(index?: number, length?: number): Quill.DeltaStatic;
	}

	export interface ComponentProps {
		id?: string;
		className?: string;
		theme?: string;
		style?: React.CSSProperties;
		readOnly?: boolean;
		value?: string | Quill.Delta;
		defaultValue?: string | Quill.Delta;
		placeholder?: string;
		tabIndex?: number;
		bounds?: string | HTMLElement;
		scrollingContainer?: string | HTMLElement;
		onChange?: (
			content: string,
			delta: Quill.Delta,
			source: Quill.Sources,
			editor: UnprivilegedEditor
		) => void;
		onChangeSelection?: (
			range: Quill.RangeStatic,
			source: Quill.Sources,
			editor: UnprivilegedEditor
		) => void;
		onFocus?: (
			range: Quill.RangeStatic,
			source: Quill.Sources,
			editor: UnprivilegedEditor
		) => void;
		onBlur?: (
			previousRange: Quill.RangeStatic,
			source: Quill.Sources,
			editor: UnprivilegedEditor
		) => void;
		onKeyPress?: React.EventHandler<any>;
		onKeyDown?: React.EventHandler<any>;
		onKeyUp?: React.EventHandler<any>;
		formats?: string[];
		children?: React.ReactElement<any>;
		modules?: Quill.StringMap;

		/** @deprecated
		 * The `toolbar` prop has been deprecated. Use `modules.toolbar` instead.
		 * See: https://github.com/zenoamaro/react-quill#upgrading-to-react-quill-v100.
		 * */

		toolbar?: never;
		/** @deprecated
		 * The `styles` prop has been deprecated. Use custom stylesheets instead.
		 * See: https://github.com/zenoamaro/react-quill#upgrading-to-react-quill-v100
		 */

		styles?: never;
		/**
		 * @deprecated
		 * The `pollInterval` property does not have any effect anymore.
		 * You can safely remove it from your props.
		 * See: https://github.com/zenoamaro/react-quill#upgrading-to-react-quill-v100.
		 */
		pollInterval?: never;
	}

	export interface Mixin {
		createEditor(
			element: HTMLElement,
			config: Quill.QuillOptionsStatic
		): Quill.Quill;
		hookEditor(editor: Quill.Quill): void;
		unhookEditor(editor: Quill.Quill): void;
		setEditorReadOnly(editor: Quill.Quill, value: boolean): void;
		setEditorContents(editor: Quill.Quill, value: Quill.Delta | string): void;
		setEditorSelection(editor: Quill.Quill, range: Quill.RangeStatic): void;
		makeUnprivilegedEditor(editor: Quill.Quill): UnprivilegedEditor;
	}
}

export default class ReactQuill extends React.Component<ReactQuill.ComponentProps> {
	focus(): void;
	blur(): void;
	getEditor(): Quill.Quill;
}

export { Quill } from "quill";