@bigbinary/neeto-form-frontend 1.2.0 → 1.2.2

package/dist/index.js

@@ -11,7 +11,7 @@ import { Input, Email as Email$2, Phone as Phone$2, Up, Down, MenuHorizontal, De
 import axios from 'axios';
 import { Input as Input$1, Textarea, Checkbox, ActionBlock } from '@bigbinary/neetoui/formik';
 import { useTranslation, Trans } from 'react-i18next';
-import { withImmutableActions, useHotKeys } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { withImmutableActions, useDebounce, useHotKeys } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { create as create$1 } from 'zustand';
 import classnames from 'classnames';
 import { Editor as Editor$1, isEditorEmpty, EditorContent } from '@bigbinary/neeto-editor';
@@ -4126,7 +4126,7 @@ var MemoizedTrophy = (cov_3ymiqznmu().s[17]++, /*#__PURE__*/React__default.memo(
 
 function cov_2qs8napxwn() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/ExternalForm/constants.jsx";
-  var hash = "06c0fa99a8044bfa85dba10dcf9fa947503a23c0";
+  var hash = "3a67a3db4eeb7a59f9a683d9829f356430fab3e7";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -4138,75 +4138,275 @@ function cov_2qs8napxwn() {
           column: 29
         },
         end: {
-          line: 39,
+          line: 55,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 41,
+          line: 44,
+          column: 6
+        },
+        end: {
+          line: 44,
+          column: 61
+        }
+      },
+      "2": {
+        start: {
+          line: 44,
+          column: 42
+        },
+        end: {
+          line: 44,
+          column: 61
+        }
+      },
+      "3": {
+        start: {
+          line: 52,
+          column: 6
+        },
+        end: {
+          line: 52,
+          column: 44
+        }
+      },
+      "4": {
+        start: {
+          line: 52,
+          column: 25
+        },
+        end: {
+          line: 52,
+          column: 44
+        }
+      },
+      "5": {
+        start: {
+          line: 56,
           column: 29
         },
         end: {
-          line: 45,
+          line: 60,
           column: 1
         }
       },
-      "2": {
+      "6": {
         start: {
-          line: 47,
+          line: 62,
           column: 42
         },
         end: {
-          line: 47,
+          line: 62,
           column: 73
         }
       },
-      "3": {
+      "7": {
         start: {
-          line: 49,
+          line: 64,
           column: 30
         },
         end: {
-          line: 65,
+          line: 80,
           column: 1
         }
       },
-      "4": {
+      "8": {
         start: {
-          line: 67,
+          line: 82,
           column: 35
         },
         end: {
-          line: 67,
+          line: 82,
           column: 49
         }
       },
-      "5": {
+      "9": {
         start: {
-          line: 69,
+          line: 84,
           column: 25
         },
         end: {
-          line: 75,
+          line: 90,
           column: 1
         }
       }
     },
-    fnMap: {},
-    branchMap: {},
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 43,
+            column: 15
+          },
+          end: {
+            line: 43,
+            column: 16
+          }
+        },
+        loc: {
+          start: {
+            line: 43,
+            column: 20
+          },
+          end: {
+            line: 45,
+            column: 5
+          }
+        },
+        line: 43
+      },
+      "1": {
+        name: "(anonymous_1)",
+        decl: {
+          start: {
+            line: 51,
+            column: 15
+          },
+          end: {
+            line: 51,
+            column: 16
+          }
+        },
+        loc: {
+          start: {
+            line: 51,
+            column: 20
+          },
+          end: {
+            line: 53,
+            column: 5
+          }
+        },
+        line: 51
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 44,
+            column: 6
+          },
+          end: {
+            line: 44,
+            column: 61
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
+            line: 44,
+            column: 6
+          },
+          end: {
+            line: 44,
+            column: 61
+          }
+        }, {
+          start: {
+            line: undefined,
+            column: undefined
+          },
+          end: {
+            line: undefined,
+            column: undefined
+          }
+        }],
+        line: 44
+      },
+      "1": {
+        loc: {
+          start: {
+            line: 44,
+            column: 10
+          },
+          end: {
+            line: 44,
+            column: 40
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 44,
+            column: 10
+          },
+          end: {
+            line: 44,
+            column: 23
+          }
+        }, {
+          start: {
+            line: 44,
+            column: 27
+          },
+          end: {
+            line: 44,
+            column: 40
+          }
+        }],
+        line: 44
+      },
+      "2": {
+        loc: {
+          start: {
+            line: 52,
+            column: 6
+          },
+          end: {
+            line: 52,
+            column: 44
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
+            line: 52,
+            column: 6
+          },
+          end: {
+            line: 52,
+            column: 44
+          }
+        }, {
+          start: {
+            line: undefined,
+            column: undefined
+          },
+          end: {
+            line: undefined,
+            column: undefined
+          }
+        }],
+        line: 52
+      }
+    },
     s: {
       "0": 0,
       "1": 0,
       "2": 0,
       "3": 0,
       "4": 0,
-      "5": 0
+      "5": 0,
+      "6": 0,
+      "7": 0,
+      "8": 0,
+      "9": 0
+    },
+    f: {
+      "0": 0,
+      "1": 0
+    },
+    b: {
+      "0": [0, 0],
+      "1": [0, 0],
+      "2": [0, 0]
     },
-    f: {},
-    b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "06c0fa99a8044bfa85dba10dcf9fa947503a23c0"
+    hash: "3a67a3db4eeb7a59f9a683d9829f356430fab3e7"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -4281,9 +4481,41 @@ var QUESTION_KIND = (cov_2qs8napxwn().s[0]++, {
   },
   RICH_TEXT: {
     value: "rich_text"
+  },
+  INTEGER: {
+    prefix: /*#__PURE__*/React__default.createElement(Input, null),
+    type: "number",
+    value: "integer",
+    onKeyDown: function onKeyDown(e) {
+      cov_2qs8napxwn().f[0]++;
+      cov_2qs8napxwn().s[1]++;
+      if ((cov_2qs8napxwn().b[1][0]++, e.key === ".") || (cov_2qs8napxwn().b[1][1]++, e.key === "e")) {
+        cov_2qs8napxwn().b[0][0]++;
+        cov_2qs8napxwn().s[2]++;
+        e.preventDefault();
+      } else {
+        cov_2qs8napxwn().b[0][1]++;
+      }
+    }
+  },
+  DECIMAL: {
+    prefix: /*#__PURE__*/React__default.createElement(Input, null),
+    type: "number",
+    value: "decimal",
+    onKeyDown: function onKeyDown(e) {
+      cov_2qs8napxwn().f[1]++;
+      cov_2qs8napxwn().s[3]++;
+      if (e.key === "e") {
+        cov_2qs8napxwn().b[2][0]++;
+        cov_2qs8napxwn().s[4]++;
+        e.preventDefault();
+      } else {
+        cov_2qs8napxwn().b[2][1]++;
+      }
+    }
   }
 });
-var RATING_VALUES = (cov_2qs8napxwn().s[1]++, {
+var RATING_VALUES = (cov_2qs8napxwn().s[5]++, {
   GOOD: {
     label: t$1("neetoForm.common.good"),
     value: "good"
@@ -4297,8 +4529,8 @@ var RATING_VALUES = (cov_2qs8napxwn().s[1]++, {
     value: "bad"
   }
 });
-var SCHEMA_LESS_QUESTION_KINDS = (cov_2qs8napxwn().s[2]++, [QUESTION_KIND.PARAGRAPH.value]);
-var RATING_OPTIONS = (cov_2qs8napxwn().s[3]++, [{
+var SCHEMA_LESS_QUESTION_KINDS = (cov_2qs8napxwn().s[6]++, [QUESTION_KIND.PARAGRAPH.value]);
+var RATING_OPTIONS = (cov_2qs8napxwn().s[7]++, [{
   icon: SvgHappyFace,
   modifier: "happy",
   value: RATING_VALUES.GOOD.value
@@ -4311,8 +4543,8 @@ var RATING_OPTIONS = (cov_2qs8napxwn().s[3]++, [{
   modifier: "sad",
   value: RATING_VALUES.BAD.value
 }]);
-(cov_2qs8napxwn().s[4]++, /\+\d{11,14}$/);
-var ICONS_MAP = (cov_2qs8napxwn().s[5]++, {
+(cov_2qs8napxwn().s[8]++, /\+\d{11,14}$/);
+var ICONS_MAP = (cov_2qs8napxwn().s[9]++, {
   star: MemoizedStar,
   heart: MemoizedHeart,
   crown: MemoizedCrown,
@@ -25258,7 +25490,7 @@ var Editor = function Editor(_ref) {
 
 function cov_2j8tlu2ul5() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/BuildForm/Questions/constants.js";
-  var hash = "6d2a1487c3ee64be33ed78df7bbb278bf982988b";
+  var hash = "b0ce3d8b3b5391e11f9ac6d877b412e8beb4a7ac";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -25300,27 +25532,27 @@ function cov_2j8tlu2ul5() {
           column: 30
         },
         end: {
-          line: 210,
+          line: 226,
           column: 1
         }
       },
       "4": {
         start: {
-          line: 213,
+          line: 229,
           column: 38
         },
         end: {
-          line: 216,
+          line: 232,
           column: 1
         }
       },
       "5": {
         start: {
-          line: 218,
+          line: 234,
           column: 29
         },
         end: {
-          line: 218,
+          line: 234,
           column: 63
         }
       }
@@ -25338,7 +25570,7 @@ function cov_2j8tlu2ul5() {
     f: {},
     b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "6d2a1487c3ee64be33ed78df7bbb278bf982988b"
+    hash: "b0ce3d8b3b5391e11f9ac6d877b412e8beb4a7ac"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -25429,6 +25661,24 @@ var QUESTION_KINDS = (cov_2j8tlu2ul5().s[3]++, [{
   defaults: {
     label: ""
   }
+}, {
+  type: "integer",
+  label: t$1("neetoForm.fields.iif"),
+  isSingular: false,
+  icon: Input,
+  component: LongText,
+  defaults: {
+    label: ""
+  }
+}, {
+  type: "decimal",
+  label: t$1("neetoForm.fields.dif"),
+  isSingular: false,
+  icon: Input,
+  component: LongText,
+  defaults: {
+    label: ""
+  }
 }, {
   type: "rich_text",
   label: t$1("neetoForm.fields.rtf"),
@@ -49726,7 +49976,7 @@ var RatingField = function RatingField(_ref) {
 
 function cov_169joloac6() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/ExternalForm/Fields/RichTextEditor.jsx";
-  var hash = "6ba7fc3833833f3e5a9b53ad73dcbbb33833852b";
+  var hash = "606c74303adb3d540387836761d6cccb9f3cc43f";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -49734,61 +49984,81 @@ function cov_169joloac6() {
     statementMap: {
       "0": {
         start: {
-          line: 9,
+          line: 10,
           column: 23
         },
         end: {
-          line: 46,
+          line: 54,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 10,
+          line: 11,
           column: 69
         },
         end: {
-          line: 10,
+          line: 11,
           column: 77
         }
       },
       "2": {
         start: {
-          line: 12,
+          line: 13,
+          column: 31
+        },
+        end: {
+          line: 13,
+          column: 60
+        }
+      },
+      "3": {
+        start: {
+          line: 15,
           column: 2
         },
         end: {
-          line: 45,
+          line: 53,
           column: 4
         }
       },
-      "3": {
+      "4": {
         start: {
-          line: 26,
+          line: 29,
           column: 10
         },
         end: {
-          line: 41,
+          line: 29,
+          column: 75
+        }
+      },
+      "5": {
+        start: {
+          line: 33,
+          column: 10
+        },
+        end: {
+          line: 49,
           column: 12
         }
       },
-      "4": {
+      "6": {
         start: {
-          line: 38,
+          line: 46,
           column: 26
         },
         end: {
-          line: 38,
+          line: 46,
           column: 58
         }
       },
-      "5": {
+      "7": {
         start: {
-          line: 39,
+          line: 47,
           column: 31
         },
         end: {
-          line: 39,
+          line: 47,
           column: 62
         }
       }
@@ -49798,222 +50068,246 @@ function cov_169joloac6() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 9,
+            line: 10,
             column: 23
           },
           end: {
-            line: 9,
+            line: 10,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 9,
+            line: 10,
             column: 70
           },
           end: {
-            line: 46,
+            line: 54,
             column: 1
           }
         },
-        line: 9
+        line: 10
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 25,
+            line: 28,
+            column: 22
+          },
+          end: {
+            line: 28,
+            column: 23
+          }
+        },
+        loc: {
+          start: {
+            line: 29,
+            column: 10
+          },
+          end: {
+            line: 29,
+            column: 75
+          }
+        },
+        line: 29
+      },
+      "2": {
+        name: "(anonymous_2)",
+        decl: {
+          start: {
+            line: 32,
             column: 9
           },
           end: {
-            line: 25,
+            line: 32,
             column: 10
           }
         },
         loc: {
           start: {
-            line: 26,
+            line: 33,
             column: 10
           },
           end: {
-            line: 41,
+            line: 49,
             column: 12
           }
         },
-        line: 26
+        line: 33
       },
-      "2": {
-        name: "(anonymous_2)",
+      "3": {
+        name: "(anonymous_3)",
         decl: {
           start: {
-            line: 38,
+            line: 46,
             column: 20
           },
           end: {
-            line: 38,
+            line: 46,
             column: 21
           }
         },
         loc: {
           start: {
-            line: 38,
+            line: 46,
             column: 26
           },
           end: {
-            line: 38,
+            line: 46,
             column: 58
           }
         },
-        line: 38
+        line: 46
       },
-      "3": {
-        name: "(anonymous_3)",
+      "4": {
+        name: "(anonymous_4)",
         decl: {
           start: {
-            line: 39,
+            line: 47,
             column: 22
           },
           end: {
-            line: 39,
+            line: 47,
             column: 23
           }
         },
         loc: {
           start: {
-            line: 39,
+            line: 47,
             column: 31
           },
           end: {
-            line: 39,
+            line: 47,
             column: 62
           }
         },
-        line: 39
+        line: 47
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 9,
+            line: 10,
             column: 47
           },
           end: {
-            line: 9,
+            line: 10,
             column: 63
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 9,
+            line: 10,
             column: 61
           },
           end: {
-            line: 9,
+            line: 10,
             column: 63
           }
         }],
-        line: 9
+        line: 10
       },
       "1": {
         loc: {
           start: {
-            line: 15,
+            line: 18,
             column: 9
           },
           end: {
-            line: 19,
+            line: 22,
             column: 9
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 15,
+            line: 18,
             column: 9
           },
           end: {
-            line: 15,
+            line: 18,
             column: 14
           }
         }, {
           start: {
-            line: 16,
+            line: 19,
             column: 10
           },
           end: {
-            line: 18,
+            line: 21,
             column: 18
           }
         }],
-        line: 15
+        line: 18
       },
       "2": {
         loc: {
           start: {
-            line: 22,
+            line: 26,
             column: 14
           },
           end: {
-            line: 22,
+            line: 26,
             column: 28
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 22,
+            line: 26,
             column: 14
           },
           end: {
-            line: 22,
+            line: 26,
             column: 18
           }
         }, {
           start: {
-            line: 22,
+            line: 26,
             column: 22
           },
           end: {
-            line: 22,
+            line: 26,
             column: 28
           }
         }],
-        line: 22
+        line: 26
       },
       "3": {
         loc: {
           start: {
-            line: 28,
+            line: 35,
             column: 19
           },
           end: {
-            line: 28,
+            line: 35,
             column: 49
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 28,
+            line: 35,
             column: 34
           },
           end: {
-            line: 28,
+            line: 35,
             column: 44
           }
         }, {
           start: {
-            line: 28,
+            line: 35,
             column: 47
           },
           end: {
-            line: 28,
+            line: 35,
             column: 49
           }
         }],
-        line: 28
+        line: 35
       }
     },
     s: {
@@ -50022,13 +50316,16 @@ function cov_169joloac6() {
       "2": 0,
       "3": 0,
       "4": 0,
-      "5": 0
+      "5": 0,
+      "6": 0,
+      "7": 0
     },
     f: {
       "0": 0,
       "1": 0,
       "2": 0,
-      "3": 0
+      "3": 0,
+      "4": 0
     },
     b: {
       "0": [0],
@@ -50037,7 +50334,7 @@ function cov_169joloac6() {
       "3": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "6ba7fc3833833f3e5a9b53ad73dcbbb33833852b"
+    hash: "606c74303adb3d540387836761d6cccb9f3cc43f"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -50067,7 +50364,8 @@ var RichTextEditor = function RichTextEditor(_ref) {
     isRequired = _ref2.isRequired,
     nodeId = _ref2.nodeId,
     placeholder = _ref2.placeholder;
-  cov_169joloac6().s[2]++;
+  var debouncedPlaceholder = (cov_169joloac6().s[2]++, useDebounce(placeholder, 300));
+  cov_169joloac6().s[3]++;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-form-engine-input__wrapper"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -50075,33 +50373,40 @@ var RichTextEditor = function RichTextEditor(_ref) {
   }, (cov_169joloac6().b[1][0]++, label) && (cov_169joloac6().b[1][1]++, /*#__PURE__*/React__default.createElement("label", {
     className: "neeto-form-engine-label"
   }, getLabel$1(label, isRequired)))), /*#__PURE__*/React__default.createElement(FastField, {
+    debouncedPlaceholder: debouncedPlaceholder,
     name: (cov_169joloac6().b[2][0]++, name) || (cov_169joloac6().b[2][1]++, nodeId),
     validate: validateFieldValue({
       kind: kind,
       label: label,
       isRequired: isRequired
-    })
+    }),
+    shouldUpdate: function shouldUpdate(nextProps, prevProps) {
+      cov_169joloac6().f[1]++;
+      cov_169joloac6().s[4]++;
+      return nextProps.debouncedPlaceholder !== prevProps.debouncedPlaceholder;
+    }
   }, function (_ref3) {
     var field = _ref3.field,
       form = _ref3.form,
       meta = _ref3.meta;
-    cov_169joloac6().f[1]++;
-    cov_169joloac6().s[3]++;
+    cov_169joloac6().f[2]++;
+    cov_169joloac6().s[5]++;
     return /*#__PURE__*/React__default.createElement(Editor$1, _extends$8({
       className: "neeto-form-engine-rich-text-input",
       error: meta.touched ? (cov_169joloac6().b[3][0]++, meta.error) : (cov_169joloac6().b[3][1]++, ""),
       initialValue: field.value,
-      placeholder: placeholder,
+      key: debouncedPlaceholder,
+      placeholder: debouncedPlaceholder,
       ref: editorRef,
       addons: ["attachments", "block-quote", "code-block", "image-upload"],
       onBlur: function onBlur() {
-        cov_169joloac6().f[2]++;
-        cov_169joloac6().s[4]++;
+        cov_169joloac6().f[3]++;
+        cov_169joloac6().s[6]++;
         return form.setFieldTouched(name, true);
       },
       onChange: function onChange(value) {
-        cov_169joloac6().f[3]++;
-        cov_169joloac6().s[5]++;
+        cov_169joloac6().f[4]++;
+        cov_169joloac6().s[7]++;
         return form.setFieldValue(name, value);
       }
     }, editorProps));
@@ -51112,7 +51417,7 @@ var TermsField = function TermsField(_ref) {
 
 function cov_h64dar2vv() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/ExternalForm/Fields/TextField.jsx";
-  var hash = "ab2c332db1268cb7f1bdbe13a52dd73ce59a5644";
+  var hash = "b7d64e55c2820e2556092d8ce02f6c9397255ab7";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -51124,7 +51429,7 @@ function cov_h64dar2vv() {
           column: 18
         },
         end: {
-          line: 44,
+          line: 46,
           column: 1
         }
       },
@@ -51140,41 +51445,41 @@ function cov_h64dar2vv() {
       },
       "2": {
         start: {
-          line: 16,
+          line: 17,
           column: 6
         },
         end: {
-          line: 16,
+          line: 17,
           column: 39
         }
       },
       "3": {
         start: {
-          line: 18,
+          line: 19,
           column: 20
         },
         end: {
-          line: 18,
+          line: 19,
           column: 76
         }
       },
       "4": {
         start: {
-          line: 20,
+          line: 21,
           column: 2
         },
         end: {
-          line: 43,
+          line: 45,
           column: 4
         }
       },
       "5": {
         start: {
-          line: 31,
+          line: 32,
           column: 8
         },
         end: {
-          line: 40,
+          line: 42,
           column: 10
         }
       }
@@ -51198,7 +51503,7 @@ function cov_h64dar2vv() {
             column: 69
           },
           end: {
-            line: 44,
+            line: 46,
             column: 1
           }
         },
@@ -51208,25 +51513,25 @@ function cov_h64dar2vv() {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 30,
+            line: 31,
             column: 7
           },
           end: {
-            line: 30,
+            line: 31,
             column: 8
           }
         },
         loc: {
           start: {
-            line: 31,
+            line: 32,
             column: 8
           },
           end: {
-            line: 40,
+            line: 42,
             column: 10
           }
         },
-        line: 31
+        line: 32
       }
     },
     branchMap: {
@@ -51257,167 +51562,167 @@ function cov_h64dar2vv() {
       "1": {
         loc: {
           start: {
-            line: 18,
+            line: 19,
             column: 20
           },
           end: {
-            line: 18,
+            line: 19,
             column: 76
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 18,
+            line: 19,
             column: 60
           },
           end: {
-            line: 18,
+            line: 19,
             column: 68
           }
         }, {
           start: {
-            line: 18,
+            line: 19,
             column: 71
           },
           end: {
-            line: 18,
+            line: 19,
             column: 76
           }
         }],
-        line: 18
+        line: 19
       },
       "2": {
         loc: {
           start: {
-            line: 22,
+            line: 23,
             column: 12
           },
           end: {
-            line: 22,
+            line: 23,
             column: 26
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 22,
+            line: 23,
             column: 12
           },
           end: {
-            line: 22,
+            line: 23,
             column: 16
           }
         }, {
           start: {
-            line: 22,
+            line: 23,
             column: 20
           },
           end: {
-            line: 22,
+            line: 23,
             column: 26
           }
         }],
-        line: 22
+        line: 23
       },
       "3": {
         loc: {
           start: {
-            line: 32,
+            line: 33,
             column: 17
           },
           end: {
-            line: 32,
+            line: 33,
             column: 47
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 32,
+            line: 33,
             column: 32
           },
           end: {
-            line: 32,
+            line: 33,
             column: 42
           }
         }, {
           start: {
-            line: 32,
+            line: 33,
             column: 45
           },
           end: {
-            line: 32,
+            line: 33,
             column: 47
           }
         }],
-        line: 32
+        line: 33
       },
       "4": {
         loc: {
           start: {
-            line: 35,
+            line: 36,
             column: 18
           },
           end: {
-            line: 35,
+            line: 36,
             column: 42
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 35,
+            line: 36,
             column: 18
           },
           end: {
-            line: 35,
+            line: 36,
             column: 32
           }
         }, {
           start: {
-            line: 35,
+            line: 36,
             column: 36
           },
           end: {
-            line: 35,
+            line: 36,
             column: 42
           }
         }],
-        line: 35
+        line: 36
       },
       "5": {
         loc: {
           start: {
-            line: 39,
+            line: 40,
             column: 20
           },
           end: {
-            line: 39,
+            line: 40,
             column: 74
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 39,
+            line: 40,
             column: 20
           },
           end: {
-            line: 39,
+            line: 40,
             column: 56
           }
         }, {
           start: {
-            line: 39,
+            line: 40,
             column: 60
           },
           end: {
-            line: 39,
+            line: 40,
             column: 74
           }
         }],
-        line: 39
+        line: 40
       }
     },
     s: {
@@ -51441,7 +51746,7 @@ function cov_h64dar2vv() {
       "5": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "ab2c332db1268cb7f1bdbe13a52dd73ce59a5644"
+    hash: "b7d64e55c2820e2556092d8ce02f6c9397255ab7"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -51474,6 +51779,7 @@ var TextField = function TextField(_ref) {
     prefix = _ref3.prefix,
     _ref3$type = _ref3.type,
     type = _ref3$type === void 0 ? (cov_h64dar2vv().b[0][0]++, "text") : _ref3$type,
+    onKeyDown = _ref3.onKeyDown,
     otherProps = _ref3.otherProps;
   var Component = (cov_h64dar2vv().s[3]++, kind === QUESTION_KIND.TEXTAREA.value ? (cov_h64dar2vv().b[1][0]++, Textarea$1) : (cov_h64dar2vv().b[1][1]++, Input$2));
   cov_h64dar2vv().s[4]++;
@@ -51499,7 +51805,8 @@ var TextField = function TextField(_ref) {
       required: isRequired,
       type: type
     }, field, {
-      onChange: (_ref5 = (cov_h64dar2vv().b[5][0]++, otherProps === null || otherProps === void 0 ? void 0 : otherProps.onChange(field.onChange))) !== null && _ref5 !== void 0 ? _ref5 : (cov_h64dar2vv().b[5][1]++, field.onChange)
+      onChange: (_ref5 = (cov_h64dar2vv().b[5][0]++, otherProps === null || otherProps === void 0 ? void 0 : otherProps.onChange(field.onChange))) !== null && _ref5 !== void 0 ? _ref5 : (cov_h64dar2vv().b[5][1]++, field.onChange),
+      onKeyDown: onKeyDown
     }));
   });
 };
@@ -51507,7 +51814,7 @@ var TextField = function TextField(_ref) {
 var _ref2;
 function cov_1cenqfav07() {
   var path = "/home/runner/work/neeto-form-frontend/neeto-form-frontend/src/components/ExternalForm/Fields/constants.jsx";
-  var hash = "d225c5a1e9ed444a01ab4d7cb1d85c0478f33d27";
+  var hash = "0af4d5e3c7cc4a9d26f13aaafeeba9bad2171ebe";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -51519,17 +51826,17 @@ function cov_1cenqfav07() {
           column: 41
         },
         end: {
-          line: 38,
+          line: 40,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 30,
+          line: 32,
           column: 4
         },
         end: {
-          line: 30,
+          line: 32,
           column: 46
         }
       }
@@ -51539,25 +51846,25 @@ function cov_1cenqfav07() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 29,
+            line: 31,
             column: 35
           },
           end: {
-            line: 29,
+            line: 31,
             column: 36
           }
         },
         loc: {
           start: {
-            line: 30,
+            line: 32,
             column: 4
           },
           end: {
-            line: 30,
+            line: 32,
             column: 46
           }
         },
-        line: 30
+        line: 32
       }
     },
     branchMap: {},
@@ -51570,7 +51877,7 @@ function cov_1cenqfav07() {
     },
     b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "d225c5a1e9ed444a01ab4d7cb1d85c0478f33d27"
+    hash: "0af4d5e3c7cc4a9d26f13aaafeeba9bad2171ebe"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -51586,7 +51893,7 @@ function cov_1cenqfav07() {
   return actualCoverage;
 }
 cov_1cenqfav07();
-var QUESTION_TO_COMPONENT_MAP = (cov_1cenqfav07().s[0]++, (_ref2 = {}, _defineProperty$7(_ref2, QUESTION_KIND.TEXT.value, TextField), _defineProperty$7(_ref2, QUESTION_KIND.NAME.value, TextField), _defineProperty$7(_ref2, QUESTION_KIND.EMAIL.value, TextField), _defineProperty$7(_ref2, QUESTION_KIND.PHONE.value, PhoneNumberField), _defineProperty$7(_ref2, QUESTION_KIND.QUESTION.value, TextField), _defineProperty$7(_ref2, QUESTION_KIND.TEXTAREA.value, TextField), _defineProperty$7(_ref2, QUESTION_KIND.CHECKBOX.value, OptionsField), _defineProperty$7(_ref2, QUESTION_KIND.RADIO.value, OptionsField), _defineProperty$7(_ref2, QUESTION_KIND.DROPDOWN.value, OptionsField), _defineProperty$7(_ref2, QUESTION_KIND.RATING.value, RatingField), _defineProperty$7(_ref2, QUESTION_KIND.PARAGRAPH.value, function (_ref) {
+var QUESTION_TO_COMPONENT_MAP = (cov_1cenqfav07().s[0]++, (_ref2 = {}, _defineProperty$7(_ref2, QUESTION_KIND.TEXT.value, TextField), _defineProperty$7(_ref2, QUESTION_KIND.NAME.value, TextField), _defineProperty$7(_ref2, QUESTION_KIND.EMAIL.value, TextField), _defineProperty$7(_ref2, QUESTION_KIND.INTEGER.value, TextField), _defineProperty$7(_ref2, QUESTION_KIND.DECIMAL.value, TextField), _defineProperty$7(_ref2, QUESTION_KIND.PHONE.value, PhoneNumberField), _defineProperty$7(_ref2, QUESTION_KIND.QUESTION.value, TextField), _defineProperty$7(_ref2, QUESTION_KIND.TEXTAREA.value, TextField), _defineProperty$7(_ref2, QUESTION_KIND.CHECKBOX.value, OptionsField), _defineProperty$7(_ref2, QUESTION_KIND.RADIO.value, OptionsField), _defineProperty$7(_ref2, QUESTION_KIND.DROPDOWN.value, OptionsField), _defineProperty$7(_ref2, QUESTION_KIND.RATING.value, RatingField), _defineProperty$7(_ref2, QUESTION_KIND.PARAGRAPH.value, function (_ref) {
   var question = _ref.question;
   cov_1cenqfav07().f[0]++;
   cov_1cenqfav07().s[1]++;