mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
515a3a1f03
* [@types/react-draft-wysiwyg] Remove props no longer used by draftJS and add customStyleMap Prop * Add customStyleMap to editor props * Remove props for arrow key and escape event handlers that are no longer supported * [@types/react-draft-wysiwyg] Revert change to typescript version to earlier version that works with changes
80 lines
2.8 KiB
TypeScript
80 lines
2.8 KiB
TypeScript
// Type definitions for react-draft-wysiwyg 1.13
|
|
// Project: https://github.com/jpuri/react-draft-wysiwyg#readme
|
|
// Definitions by: imechZhangLY <https://github.com/imechZhangLY>
|
|
// brunoMaurice <https://github.com/brunoMaurice>
|
|
// ldanet <https://github.com/ldanet>
|
|
// Munif Tanjim <https://github.com/MunifTanjim>
|
|
// Nathan Zeplowitz <https://github.com/n-zeplo>
|
|
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
|
|
// TypeScript Version: 2.9
|
|
|
|
import * as React from 'react';
|
|
import * as Draft from 'draft-js';
|
|
|
|
export type SyntheticKeyboardEvent = React.KeyboardEvent<{}>;
|
|
export type SyntheticEvent = React.SyntheticEvent<{}>;
|
|
export type RawDraftContentState = Draft.RawDraftContentState;
|
|
|
|
export class EditorState extends Draft.EditorState {}
|
|
export class ContentState extends Draft.ContentState {}
|
|
export class ContentBlock extends Draft.ContentBlock {}
|
|
export class SelectionState extends Draft.SelectionState {}
|
|
|
|
export interface EditorProps {
|
|
onChange?(contentState: RawDraftContentState): void;
|
|
onEditorStateChange?(editorState: EditorState): void;
|
|
onContentStateChange?(contentState: RawDraftContentState): void;
|
|
initialContentState?: RawDraftContentState;
|
|
defaultContentState?: RawDraftContentState;
|
|
contentState?: RawDraftContentState;
|
|
editorState?: EditorState;
|
|
defaultEditorState?: EditorState;
|
|
toolbarOnFocus?: boolean;
|
|
spellCheck?: boolean;
|
|
stripPastedStyles?: boolean;
|
|
toolbar?: object;
|
|
toolbarCustomButtons?: Array<React.ReactElement<HTMLElement>>;
|
|
toolbarClassName?: string;
|
|
toolbarHidden?: boolean;
|
|
locale?: string;
|
|
localization?: object;
|
|
editorClassName?: string;
|
|
wrapperClassName?: string;
|
|
toolbarStyle?: object;
|
|
editorStyle?: React.CSSProperties;
|
|
wrapperStyle?: React.CSSProperties;
|
|
uploadCallback?(file: object): Promise<object>;
|
|
onFocus?(event: SyntheticEvent): void;
|
|
onBlur?(event: SyntheticEvent): void;
|
|
onTab?(event: SyntheticKeyboardEvent): void;
|
|
mention?: object;
|
|
hashtag?: object;
|
|
textAlignment?: string;
|
|
readOnly?: boolean;
|
|
tabIndex?: number;
|
|
placeholder?: string;
|
|
ariaLabel?: string;
|
|
ariaOwneeID?: string;
|
|
ariaActiveDescendantID?: string;
|
|
ariaAutoComplete?: string;
|
|
ariaDescribedBy?: string;
|
|
ariaExpanded?: string;
|
|
ariaHasPopup?: string;
|
|
customBlockRenderFunc?(block: ContentBlock): any;
|
|
wrapperId?: number;
|
|
customDecorators?: object[];
|
|
editorRef?(ref: object): void;
|
|
handlePastedText?(
|
|
text: string,
|
|
html: string,
|
|
editorState: EditorState,
|
|
onChange: (editorState: EditorState) => void
|
|
): boolean;
|
|
customStyleMap?: object;
|
|
}
|
|
|
|
export class Editor extends React.Component<EditorProps> {
|
|
constructor(props: Readonly<EditorProps>);
|
|
focusEditor(): void;
|
|
}
|