Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-06 06:48:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Fire onSelect when multiselect items are selected (#2771)

Browse source
This commit is contained in:
Sherfin Shamsudeen 2022-04-08 16:07:07 +05:30 committed by GitHub
parent f92bb41fae
commit 0c29f1a9f4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/Editor/Components/Multiselect.jsx
View file

@ -19,6 +19,7 @@ export const Multiselect = function Multiselect({
setExposedVariable,
onComponentClick,
darkMode,
fireEvent,
}) {
const { label, value, values, display_values, showAllOption } = properties;
const { borderRadius, visibility, disabledState } = styles;
@ -62,13 +63,13 @@ export const Multiselect = function Multiselect({
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
useEffect(() => {
const onChangeHandler = (items) => {
setSelected(items);
setExposedVariable(
'values',
selected.map((option) => option.value)
);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [selected]);
items.map((item) => item.value)
).then(() => fireEvent('onSelect'));
};
return (
<div
@ -88,7 +89,7 @@ export const Multiselect = function Multiselect({
hasSelectAll={showAllOption ?? false}
options={selectOptions}
value={selected}
onChange={setSelected}
onChange={onChangeHandler}
labelledBy={'Select'}
disabled={disabledState}
className={`multiselect-box${darkMode ? ' dark' : ''}`}