input onEnterPressed event add (ToolJet#3755)

* input onEnterPressed  event add

* Fire event on the "then" of setExposedVariable

Co-authored-by: Sherfin Shamsudeen <[email protected]>

Author: developer-honoru

frontend/src/Editor/Components/TextInput.jsx

@@ -35,6 +35,14 @@ export const TextInput = function TextInput({
     <div className="text-input">
       <input
         disabled={styles.disabledState}
+        onKeyUp={(e) => {
+          if (e.key == 'Enter') {
+            setValue(e.target.value);
+            setExposedVariable('value', e.target.value).then(() => {
+              fireEvent('onEnterPressed');
+            });
+          }
+        }}
         onChange={(e) => {
           setValue(e.target.value);
           setExposedVariable('value', e.target.value);

frontend/src/Editor/WidgetManager/widgetConfig.js

@@ -772,6 +772,7 @@ export const widgets = [
     },
     events: {
       onChange: { displayName: 'On change' },
+      onEnterPressed: { displayName: 'On Enter Pressed' },
     },
     styles: {
       visibility: { type: 'toggle', displayName: 'Visibility', validation: { schema: { type: 'boolean' } } },

frontend/src/_helpers/appUtils.js

@@ -497,6 +497,7 @@ export async function onEvent(_ref, eventName, options, mode = 'edit') {
       'onPageChanged',
       'onSearch',
       'onChange',
+      'onEnterPressed',
       'onSelectionChange',
       'onSelect',
       'onClick',