File "index.js"

Full path: /home/webcknlt/admissiontell.com/wp-content/plugins/generateblocks/src/components/debounced-text-control/index.js
File size: 480 B (480 B bytes)
MIME-type: text/x-java
Charset: utf-8

Download   Open   Edit   Advanced Editor &nnbsp; Back

import { TextControl } from '@wordpress/components';
import { useEffect } from '@wordpress/element';
import useDebounceState from '../../hooks/useDebounceState';

export default function DebouncedTextControl( props ) {
	const [ debounceValue, setValue, value ] = useDebounceState( props?.value, 800 );

	useEffect( () => {
		props.onChange( debounceValue );
	}, [ debounceValue ] );

	return (
		<TextControl
			{ ...props }
			value={ value }
			onChange={ setValue }
		/>
	);
}