Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-24 09:28:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix :: bug event not triggering on search (#4156)

Browse source
This commit is contained in:
Kiran Ashok 2022-10-06 11:13:07 +05:30 committed by GitHub
parent e52eb6ddeb
commit 33e37ea4b4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
frontend/src/Editor/Components/Table/GlobalFilter.jsx
View file

@ -10,17 +10,12 @@ export const GlobalFilter = ({
}) => { }) => {
const [value, setValue] = React.useState(globalFilter); const [value, setValue] = React.useState(globalFilter);
const onChange = useAsyncDebounce((filterValue) => { const onChange = useAsyncDebounce((filterValue) => {
setValue(filterValue);
setGlobalFilter(filterValue || undefined); setGlobalFilter(filterValue || undefined);
}, 200); onComponentOptionChanged(component, 'searchText', filterValue).then(() => {
const handleSearchTextChange = (text) => {
setValue(text);
onChange(text);
onComponentOptionChanged(component, 'searchText', text).then(() => {
onEvent('onSearch', { component, data: {} }); onEvent('onSearch', { component, data: {} });
}); });
}; }, 500);
return ( return (
<div className="ms-2 d-flex border px-2 mx-1 btn-light align-items-center" style={{ padding: '0.25rem 0' }}> <div className="ms-2 d-flex border px-2 mx-1 btn-light align-items-center" style={{ padding: '0.25rem 0' }}>
@ -33,14 +28,6 @@ export const GlobalFilter = ({
type="text" type="text"
className="global-search-field btn-light align-self-center" className="global-search-field btn-light align-self-center"
defaultValue={value || ''} defaultValue={value || ''}
onBlur={(e) => {
handleSearchTextChange(e.target.value);
}}
onKeyDown={(e) => {
if (e.key === 'Enter') {
handleSearchTextChange(e.target.value);
}
}}
onChange={(e) => onChange(e.target.value)} onChange={(e) => onChange(e.target.value)}
placeholder="Search" placeholder="Search"
style={{ style={{