Class IsolatedInput

components/dash-table/src/core/components/IsolatedInput/index.tsx:31–106

type PropsWithDefaults = IProps & IDefaultProps;

export default class IsolatedInput extends PureComponent<IProps, IState> {
    public static readonly defaultProps = {
        stopPropagation: false,
        updateOnEnter: true,
        updateOnBlur: true,
        updateOnSubmit: true
    };

    private get propsWithDefaults() {
        return this.props as PropsWithDefaults;
    }

    UNSAFE_componentWillReceiveProps(nextProps: IProps) {
        const {value} = this.props;
        const {value: nextValue} = nextProps;

        if (value !== nextValue) {
            this.setState({
                value: nextValue
            });
        }
    }

    constructor(props: PropsWithDefaults) {
        super(props);

        this.state = {
            value: props.value
        };
    }

    handleKeyDown = (e: React.KeyboardEvent) => {
        const {stopPropagation, updateOnEnter} = this.propsWithDefaults;

        if (stopPropagation) {
            e.stopPropagation();
        }

        if (updateOnEnter && e.keyCode === KEY_CODES.ENTER) {
            this.submit();
        }
    };

    handleChange = (ev: any) => {
        this.setState({
            value: ev.target.value
        });
    };

    submit = () =>
        this.state.value !== this.props.value &&
        this.props.submit(this.state.value);

    render() {
        const {onCopy, onPaste, placeholder, updateOnBlur, updateOnSubmit} =
            this.propsWithDefaults;

        const props = {