@bigbinary/neeto-form-frontend 1.2.1 → 1.2.3

package/dist/index.js

@@ -1,17 +1,16 @@
 import * as React$2 from 'react';
 import React__default, { useLayoutEffect, useEffect, useMemo as useMemo$1, useContext, useReducer, useRef, useState, memo, forwardRef, Fragment } from 'react';
 import { useField, useFormikContext, FieldArray, Form as Form$1, Formik, Field, FastField } from 'formik';
-import { noop as noop$4, findBy, removeBy, isPresent, findById } from '@bigbinary/neeto-commons-frontend/pure';
+import { curryN, isNil, complement, curry, either, isEmpty, assoc, prop, path, reject, omit, insert, compose as compose$1, trim, values as values$1, equals, not, pluck, times } from 'ramda';
 import PageLoader from 'neetomolecules/PageLoader';
 import { Toastr, Typography, Dropdown as Dropdown$2, Tooltip, Button as Button$1, Label, Alert, MultiEmailInput, DatePicker, Radio, Checkbox as Checkbox$2, Select, Textarea as Textarea$1, Input as Input$2, Spinner as Spinner$2 } from '@bigbinary/neetoui';
-import { assoc, prop, isEmpty, path, reject, omit, insert, compose as compose$1, trim, either, isNil, values as values$1, equals, not, pluck, times } from 'ramda';
 import ReactDOM, { unstable_batchedUpdates as unstable_batchedUpdates$1 } from 'react-dom';
 import i18next, { t as t$1 } from 'i18next';
 import { Input, Email as Email$2, Phone as Phone$2, Up, Down, MenuHorizontal, Delete, Plus, NeetoInvisible, MultipleChoice as MultipleChoice$2, ListDot, Dropdown as Dropdown$3, Rating as Rating$4, Smiley, Checkbox as Checkbox$1, Calendar, Check, Close } from '@bigbinary/neeto-icons';
 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';
@@ -40,22 +39,22 @@ function _extends$8() {
   return _extends$8.apply(this, arguments);
 }
 
-function _typeof$6(obj) {
+function _typeof$7(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof$6 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+  return _typeof$7 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
     return typeof obj;
   } : function (obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$6(obj);
+  }, _typeof$7(obj);
 }
 
 function _toPrimitive$1(input, hint) {
-  if (_typeof$6(input) !== "object" || input === null) return input;
+  if (_typeof$7(input) !== "object" || input === null) return input;
   var prim = input[Symbol.toPrimitive];
   if (prim !== undefined) {
     var res = prim.call(input, hint || "default");
-    if (_typeof$6(res) !== "object") return res;
+    if (_typeof$7(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (hint === "string" ? String : Number)(input);
@@ -63,7 +62,7 @@ function _toPrimitive$1(input, hint) {
 
 function _toPropertyKey$1(arg) {
   var key = _toPrimitive$1(arg, "string");
-  return _typeof$6(key) === "symbol" ? key : String(key);
+  return _typeof$7(key) === "symbol" ? key : String(key);
 }
 
 function _defineProperty$7(obj, key, value) {
@@ -208,6 +207,131 @@ var QUERY_KEYS = (cov_4tvsihi60().s[4]++, {
 });
 var DEFAULT_STALE_TIME = (cov_4tvsihi60().s[5]++, 3200000); // 1 hour
 
+function _arrayWithHoles$5(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit$5(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+
+function _arrayLikeToArray$h(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray$h(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray$h(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$h(o, minLen);
+}
+
+function _nonIterableRest$5() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray$5(arr, i) {
+  return _arrayWithHoles$5(arr) || _iterableToArrayLimit$5(arr, i) || _unsupportedIterableToArray$h(arr, i) || _nonIterableRest$5();
+}
+
+function _typeof$6(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof$6 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof$6(obj);
+}
+
+/**
+ * @template {Function} T
+ * @param {T} func
+ * @returns {T}
+ */
+var nullSafe = function nullSafe(func) {
+  return (
+    // @ts-ignore
+    curryN(func.length, function () {
+      var _ref;
+      var dataArg = (_ref = func.length - 1, _ref < 0 || arguments.length <= _ref ? undefined : arguments[_ref]);
+      return isNil(dataArg) ? dataArg : func.apply(void 0, arguments);
+    })
+  );
+};
+var noop$4 = function noop() {};
+var isNotPresent = /*#__PURE__*/either(isNil, isEmpty);
+var isPresent = /*#__PURE__*/complement(isNotPresent);
+
+var matchesImpl = function matchesImpl(pattern, object) {
+  var __parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
+  if (object === pattern) return true;
+  if (typeof pattern === "function" && pattern(object, __parent)) return true;
+  if (isNil(pattern) || isNil(object)) return false;
+  if (_typeof$6(pattern) !== "object") return false;
+  return Object.entries(pattern).every(function (_ref) {
+    var _ref2 = _slicedToArray$5(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return matchesImpl(value, object[key], __parent);
+  });
+};
+var matches = /*#__PURE__*/curry(function (pattern, object) {
+  return matchesImpl(pattern, object);
+});
+var filterNonNull = function filterNonNull(object) {
+  return Object.fromEntries(Object.entries(object).filter(function (_ref5) {
+    var _ref6 = _slicedToArray$5(_ref5, 2),
+      v = _ref6[1];
+    return !isNil(v);
+  }).map(function (_ref7) {
+    var _ref8 = _slicedToArray$5(_ref7, 2),
+      k = _ref8[0],
+      v = _ref8[1];
+    return [k, _typeof$6(v) === "object" && !Array.isArray(v) ? filterNonNull(v) : v];
+  }));
+};
+nullSafe(filterNonNull);
+var findById = /*#__PURE__*/curry(function (id, array) {
+  return array.find(function (item) {
+    return item.id === id;
+  });
+});
+var findBy = /*#__PURE__*/curry(function (pattern, array) {
+  return array.find(matches(pattern));
+});
+var removeBy = /*#__PURE__*/curry(function (pattern, array) {
+  return array.filter(complement(matches(pattern)));
+});
+
 function _setPrototypeOf$2(o, p) {
   _setPrototypeOf$2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
@@ -49976,7 +50100,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 +50108,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 +50192,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 +50440,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 +50458,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 +50488,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 +50497,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));