Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 08:58:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

[[ Enhancement ]]: FilePicker - added onFileLoaded and onFileDeselected events (#3673)

Browse source 
* added onFileLoaded event

* added onFileDeselected event

* removed extra whitespace
This commit is contained in:
Manish Kushare 2022-08-03 18:11:20 +05:30 committed by GitHub
parent 073359376a
commit f0a55597c6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 22 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
frontend/src/Editor/Components/FilePicker.jsx
View file

@ -241,18 +241,20 @@ export const FilePicker = ({
});
setSelectedFiles(fileData);
onComponentOptionChanged(component, 'file', fileData);
onEvent('onFileSelected', { component }).then(() => {
setAccepted(true);
// eslint-disable-next-line no-unused-vars
return new Promise(function (resolve, reject) {
setTimeout(() => {
setShowSelectedFiles(true);
setAccepted(false);
onComponentOptionChanged(component, 'isParsing', false);
resolve();
}, 600);
});
});
onEvent('onFileSelected', { component })
.then(() => {
setAccepted(true);
// eslint-disable-next-line no-unused-vars
return new Promise(function (resolve, reject) {
setTimeout(() => {
setShowSelectedFiles(true);
setAccepted(false);
onComponentOptionChanged(component, 'isParsing', false);
resolve();
}, 600);
});
})
.then(() => onEvent('onFileLoaded', { component }));
}
if (fileRejections.length > 0) {
@ -275,6 +277,7 @@ export const FilePicker = ({
copy.splice(index, 1);
return copy;
});
onEvent('onFileDeselected', { component });
};
useEffect(() => {

6
frontend/src/Editor/WidgetManager/widgetConfig.js
View file

@ -2628,7 +2628,11 @@ export const widgets = [
},
},
},
events: { onFileSelected: { displayName: 'On File Selected' } },
events: {
onFileSelected: { displayName: 'On File Selected' },
onFileLoaded: { displayName: 'On File Loaded' },
onFileDeselected: { displayName: 'On File Deselected' },
},
styles: {
visibility: {
type: 'toggle',

2
frontend/src/_helpers/appUtils.js
View file

@ -500,6 +500,8 @@ export async function onEvent(_ref, eventName, options, mode = 'edit') {
'onSelect',
'onClick',
'onFileSelected',
'onFileLoaded',
'onFileDeselected',
'onStart',
'onResume',
'onReset',