META-INF.resources.js.DiagramTable.ManagementBar.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of com.liferay.commerce.shop.by.diagram.web

Liferay Commerce Shop by Diagram Web

The newest version!

/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

import {ClayButtonWithIcon} from '@clayui/button';
import {ClayInput} from '@clayui/form';
import {ManagementToolbar} from 'frontend-js-components-web';
import {debounce} from 'frontend-js-web';
import React, {useRef, useState} from 'react';

function ManagementBar({updateQuery}) {
	const [inputValue, setInputValue] = useState('');
	const debouncedUpdateQueryRef = useRef(debounce(updateQuery, 500));

	function handleInputChange({target}) {
		setInputValue(target.value);

		debouncedUpdateQueryRef.current(target.value);
	}

	return (
		
			 event.preventDefault()}
			>
				
					
						

						
							
						
					
				
			
		
	);
}

export default ManagementBar;