@blueprintjs/core
Version:
Core styles & components
50 lines (49 loc) • 1.99 kB
TypeScript
import * as React from "react";
export interface IAsyncControllableInputProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
inputRef?: React.LegacyRef<HTMLInputElement>;
}
declare type InputValue = IAsyncControllableInputProps["value"];
export interface IAsyncControllableInputState {
/**
* Whether we are in the middle of a composition event.
*
* @default false
*/
isComposing: boolean;
/**
* The source of truth for the input value. This is not updated during IME composition.
* It may be updated by a parent component.
*
* @default ""
*/
value: InputValue;
/**
* The latest input value, which updates during IME composition. Defaults to props.value.
*/
nextValue: InputValue;
/**
* Whether there is a pending update we are expecting from a parent component.
*
* @default false
*/
hasPendingUpdate: boolean;
}
/**
* A stateful wrapper around the low-level <input> component which works around a
* [React bug](https://github.com/facebook/react/issues/3926). This bug is reproduced when an input
* receives CompositionEvents (for example, through IME composition) and has its value prop updated
* asychronously. This might happen if a component chooses to do async validation of a value
* returned by the input's `onChange` callback.
*
* Note: this component does not apply any Blueprint-specific styling.
*/
export declare class AsyncControllableInput extends React.PureComponent<IAsyncControllableInputProps, IAsyncControllableInputState> {
static displayName: string;
state: IAsyncControllableInputState;
static getDerivedStateFromProps(nextProps: IAsyncControllableInputProps, nextState: IAsyncControllableInputState): Partial<IAsyncControllableInputState> | null;
render(): JSX.Element;
private handleCompositionStart;
private handleCompositionEnd;
private handleChange;
}
export {};