@bigbinary/neeto-form-frontend 1.2.1 → 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';
@@ -49976,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 = {
@@ -49984,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
         }
       }
@@ -50048,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: {
@@ -50272,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],
@@ -50287,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) {
@@ -50317,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", {
@@ -50325,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));