intelicoreact 0.1.76 → 0.1.79

package/dist/Atomic/FormElements/InputMask/InputMask.js

@@ -67,8 +67,6 @@ function InputMask() {
       isIconLeft = _ref.isIconLeft,
       isIconRight = _ref.isIconRight,
       value = _ref.value,
-      _ref$onChange = _ref.onChange,
-      onChangeProp = _ref$onChange === void 0 ? function () {} : _ref$onChange,
       _ref$blinkErrors = _ref.blinkErrors,
       blinkErrors = _ref$blinkErrors === void 0 ? true : _ref$blinkErrors,
       _ref$blinkDuration = _ref.blinkDuration,
@@ -82,10 +80,14 @@ function InputMask() {
       _ref$error = _ref.error,
       customError = _ref$error === void 0 ? '' : _ref$error,
       ref = _ref.ref,
+      _ref$onChange = _ref.onChange,
+      onChangeProp = _ref$onChange === void 0 ? function () {} : _ref$onChange,
       _ref$onFocus = _ref.onFocus,
       onFocusProp = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
       _ref$onBlur = _ref.onBlur,
       onBlurProp = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
+      _ref$onKeyDown = _ref.onKeyDown,
+      onKeyDownProp = _ref$onKeyDown === void 0 ? function () {} : _ref$onKeyDown,
       _ref$imitateTypingOnP = _ref.imitateTypingOnPaste,
       imitateTypingOnPaste = _ref$imitateTypingOnP === void 0 ? false : _ref$imitateTypingOnP,
       _ref$imitateTypingOnP2 = _ref.imitateTypingOnPasteDelay,
@@ -102,6 +104,10 @@ function InputMask() {
       isHintLeft = _ref$isHintLeft === void 0 ? false : _ref$isHintLeft,
       _ref$hintPosition = _ref.hintPosition,
       hintPosition = _ref$hintPosition === void 0 ? 'right' : _ref$hintPosition,
+      _ref$hideMaskOnBlur = _ref.hideMaskOnBlur,
+      hideMaskOnBlur = _ref$hideMaskOnBlur === void 0 ? true : _ref$hideMaskOnBlur,
+      _ref$returnMaskedValu = _ref.returnMaskedValue,
+      returnMaskedValue = _ref$returnMaskedValu === void 0 ? false : _ref$returnMaskedValu,
       name = _ref.name;
 
   var errors = _objectSpread(_objectSpread({}, _config.DEFAULT_ERRORS), customErrors);
@@ -498,84 +504,38 @@ function InputMask() {
     return true;
   };
 
-  var onDeleteDown = /*#__PURE__*/function () {
-    var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e, i) {
-      var nextIndex, charObj, char, isSpecialSymbol, newText;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!(0, _functions.getSelectionText)().length) {
-                _context.next = 2;
-                break;
-              }
-
-              return _context.abrupt("return", deleteSelectedText());
-
-            case 2:
-              nextIndex = i + 1;
-              charObj = getCharByIndex(i);
-
-              if (charObj) {
-                _context.next = 6;
-                break;
-              }
-
-              return _context.abrupt("return", false);
-
-            case 6:
-              char = charObj.char, isSpecialSymbol = charObj.isSpecialSymbol;
-
-              if (!isSpecialSymbol) {
-                _context.next = 9;
-                break;
-              }
-
-              return _context.abrupt("return", onDeleteDown(e, i + 1));
-
-            case 9:
-              if (!(char === '')) {
-                _context.next = 11;
-                break;
-              }
-
-              return _context.abrupt("return", false);
-
-            case 11:
-              if (maskAsPlaceholder) {
-                newText = innerValue.slice(0, i).concat(innerValue.slice(nextIndex, maxEditableLen !== -1 ? maxEditableLen : innerValue.length)).reduce(function (text, _ref14) {
-                  var char = _ref14.char;
-                  return text.concat(char);
-                }, ''); // const newText = getInnerValueAsString().substring(0, i) + getInnerValueAsString().substring(nextIndex, maxEditableLen !== -1 ? maxEditableLen : getInnerValueAsString().length);
+  var onDeleteDown = function onDeleteDown(e, i) {
+    if ((0, _functions.getSelectionText)().length) return deleteSelectedText();
+    var nextIndex = i + 1;
+    var charObj = getCharByIndex(i);
+    if (!charObj) return false;
+    var char = charObj.char,
+        isSpecialSymbol = charObj.isSpecialSymbol;
+    if (isSpecialSymbol) return onDeleteDown(e, i + 1);
+    if (char === '') return false;
 
-                resetInnerValue();
+    if (maskAsPlaceholder) {
+      var newText = innerValue.slice(0, i).concat(innerValue.slice(nextIndex, maxEditableLen !== -1 ? maxEditableLen : innerValue.length)).reduce(function (text, _ref13) {
+        var char = _ref13.char;
+        return text.concat(char);
+      }, ''); // const newText = getInnerValueAsString().substring(0, i) + getInnerValueAsString().substring(nextIndex, maxEditableLen !== -1 ? maxEditableLen : getInnerValueAsString().length);
 
-                _onPaste({
-                  text: newText
-                }, 0);
-
-                setFocusOnChar(i, i);
-              } else {
-                updateInnerValueChar({
-                  char: ''
-                }, i);
-                setFocusOnChar(nextIndex, i);
-              }
+      resetInnerValue();
 
-              return _context.abrupt("return", true);
+      _onPaste({
+        text: newText
+      }, 0);
 
-            case 13:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
+      setFocusOnChar(i, i);
+    } else {
+      updateInnerValueChar({
+        char: ''
+      }, i);
+      setFocusOnChar(nextIndex, i);
+    }
 
-    return function onDeleteDown(_x, _x2) {
-      return _ref13.apply(this, arguments);
-    };
-  }();
+    return true;
+  };
 
   var onHomeDown = function onHomeDown(e, i) {
     return setFocusOnChar(0, -1);
@@ -624,11 +584,11 @@ function InputMask() {
   };
 
   var handleKeyDown = /*#__PURE__*/function () {
-    var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(e, i) {
+    var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e, i) {
       var _getClearInnerValueAs;
 
-      var _ref16,
-          _ref16$disableErrors,
+      var _ref15,
+          _ref15$disableErrors,
           disableErrors,
           key,
           keyCode,
@@ -639,13 +599,13 @@ function InputMask() {
           isReadOnly,
           fromIndex,
           text,
-          _args2 = arguments;
+          _args = arguments;
 
-      return _regenerator.default.wrap(function _callee2$(_context2) {
+      return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
-          switch (_context2.prev = _context2.next) {
+          switch (_context.prev = _context.next) {
             case 0:
-              _ref16 = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : {}, _ref16$disableErrors = _ref16.disableErrors, disableErrors = _ref16$disableErrors === void 0 ? false : _ref16$disableErrors;
+              _ref15 = _args.length > 2 && _args[2] !== undefined ? _args[2] : {}, _ref15$disableErrors = _ref15.disableErrors, disableErrors = _ref15$disableErrors === void 0 ? false : _ref15$disableErrors;
 
               try {
                 e.stopPropagation();
@@ -657,12 +617,12 @@ function InputMask() {
               // eslint-disable-next-line eqeqeq
 
               if (!(keyCode == _config.ANDROID_CHROME_TEXT_CODE)) {
-                _context2.next = 9;
+                _context.next = 9;
                 break;
               }
 
               charRef = charObj.ref;
-              _context2.next = 8;
+              _context.next = 8;
               return new Promise(function (resolve) {
                 setTimeout(function () {
                   var _charRef$current, _charRef$current$inne;
@@ -685,72 +645,80 @@ function InputMask() {
               });
 
             case 8:
-              key = _context2.sent;
+              key = _context.sent;
 
             case 9:
               if (!(!charObj || i === innerValue.length - 1)) {
-                _context2.next = 11;
+                _context.next = 11;
                 break;
               }
 
-              return _context2.abrupt("return", false);
+              return _context.abrupt("return", false);
 
             case 11:
               if (!(maskAsPlaceholder && i > getLastTypedIndex() + 1)) {
-                _context2.next = 13;
+                _context.next = 15;
                 break;
               }
 
-              return _context2.abrupt("return", handleKeyDown(e, getLastTypedIndex() === 0 ? 0 : getLastTypedIndex() + 1, {
+              _context.next = 14;
+              return handleKeyDown(e, getLastTypedIndex() === 0 ? 0 : getLastTypedIndex() + 1, {
                 disableErrors: disableErrors
-              }));
+              });
 
-            case 13:
+            case 14:
+              return _context.abrupt("return", _context.sent);
+
+            case 15:
               isSpecialSymbol = charObj.isSpecialSymbol, maskChar = charObj.maskChar, isReadOnly = charObj.isReadOnly;
 
               if (!isReadOnly) {
-                _context2.next = 16;
+                _context.next = 18;
                 break;
               }
 
-              return _context2.abrupt("return", false);
+              return _context.abrupt("return", false);
 
-            case 16:
+            case 18:
               if (!(maskChar === _config.SPACE_CHAR)) {
-                _context2.next = 18;
+                _context.next = 22;
                 break;
               }
 
-              return _context2.abrupt("return", handleKeyDown(e, i + 1));
+              _context.next = 21;
+              return handleKeyDown(e, i + 1);
 
-            case 18:
+            case 21:
+              return _context.abrupt("return", _context.sent);
+
+            case 22:
               if (!(isSpecialSymbol && maskChar !== key)) {
-                _context2.next = 20;
+                _context.next = 24;
                 break;
               }
 
-              return _context2.abrupt("return", false);
+              return _context.abrupt("return", false);
 
-            case 20:
+            case 24:
               if (isValidChar({
                 char: key,
                 i: i,
                 disableErrors: disableErrors
               })) {
-                _context2.next = 22;
+                _context.next = 26;
                 break;
               }
 
-              return _context2.abrupt("return", false);
+              return _context.abrupt("return", false);
 
-            case 22:
+            case 26:
               if (maskAsPlaceholder && ((_getClearInnerValueAs = getClearInnerValueAsString(i)) === null || _getClearInnerValueAs === void 0 ? void 0 : _getClearInnerValueAs.length) !== 0) {
                 fromIndex = i + 1;
-                text = innerValue.slice().filter(function (_ref17, index) {
-                  var isCharSymbol = _ref17.isCharSymbol;
+                text = innerValue.slice().filter(function (_ref16, index) {
+                  var isCharSymbol = _ref16.isCharSymbol;
                   return index >= i && !isCharSymbol;
-                }).map(function (_ref18, index) {
-                  var char = _ref18.char;
+                }).map(function (_ref17, index) {
+                  var char = _ref17.char;
                   return char;
                 }).join('');
 
@@ -763,18 +731,18 @@ function InputMask() {
                 char: key
               }, i);
               onArrowRightDown(e, i);
-              return _context2.abrupt("return", true);
+              return _context.abrupt("return", true);
 
-            case 26:
+            case 30:
             case "end":
-              return _context2.stop();
+              return _context.stop();
           }
         }
-      }, _callee2);
+      }, _callee);
     }));
 
-    return function handleKeyDown(_x3, _x4) {
-      return _ref15.apply(this, arguments);
+    return function handleKeyDown(_x, _x2) {
+      return _ref14.apply(this, arguments);
     };
   }();
 
@@ -790,29 +758,92 @@ function InputMask() {
     }
   };
 
-  var _onKeyDown = function onKeyDown(e) {
-    var i = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    if (!isFocused) return false;
-    var key = e.key,
-        ctrlKey = e.ctrlKey,
-        altKey = e.altKey;
-    if (_indexConstants.KEYBOARD_SERVICE_KEYS.includes(key) && _config.EXCLUDED_KEYS.includes(key)) return true;
-    setError(false);
-    clearErrorMessage();
+  var _onKeyDown = /*#__PURE__*/function () {
+    var _ref18 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(e) {
+      var _innerValue$0$ref;
 
-    if (ctrlKey || altKey) {
-      if (!_indexConstants.KEYBOARD_SERVICE_KEYS.includes(key)) handleKeyCombinations(e, i);
-      return true;
-    }
+      var i,
+          key,
+          ctrlKey,
+          altKey,
+          handleResult,
+          _args2 = arguments;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              i = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : null;
 
-    e.preventDefault();
-    e.stopPropagation();
-    var handleResult = _indexConstants.KEYBOARD_SERVICE_KEYS.includes(key) ? handleServiceKeyDown(e, i) : handleKeyDown(e, i);
+              if (isFocused) {
+                _context2.next = 3;
+                break;
+              }
 
-    if (blinkErrors && !handleResult && i !== null) {
-      setBlinkError(true);
-    }
-  };
+              return _context2.abrupt("return", false);
+
+            case 3:
+              key = e.key, ctrlKey = e.ctrlKey, altKey = e.altKey;
+              e.target = ((_innerValue$0$ref = innerValue[0].ref) === null || _innerValue$0$ref === void 0 ? void 0 : _innerValue$0$ref.current) || e.target;
+              onKeyDownProp(e, i);
+
+              if (!(_indexConstants.KEYBOARD_SERVICE_KEYS.includes(key) && _config.EXCLUDED_KEYS.includes(key))) {
+                _context2.next = 8;
+                break;
+              }
+
+              return _context2.abrupt("return", true);
+
+            case 8:
+              setError(false);
+              clearErrorMessage();
+
+              if (!(ctrlKey || altKey)) {
+                _context2.next = 13;
+                break;
+              }
+
+              if (!_indexConstants.KEYBOARD_SERVICE_KEYS.includes(key)) handleKeyCombinations(e, i);
+              return _context2.abrupt("return", true);
+
+            case 13:
+              e.preventDefault();
+              e.stopPropagation();
+
+              if (!_indexConstants.KEYBOARD_SERVICE_KEYS.includes(key)) {
+                _context2.next = 19;
+                break;
+              }
+
+              _context2.t0 = handleServiceKeyDown(e, i);
+              _context2.next = 22;
+              break;
+
+            case 19:
+              _context2.next = 21;
+              return handleKeyDown(e, i);
+
+            case 21:
+              _context2.t0 = _context2.sent;
+
+            case 22:
+              handleResult = _context2.t0;
+
+              if (blinkErrors && !handleResult && i !== null) {
+                setBlinkError(true);
+              }
+
+            case 24:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function onKeyDown(_x3) {
+      return _ref18.apply(this, arguments);
+    };
+  }();
 
   var onClick = function onClick(e, cb) {
     var _ref19 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
@@ -1146,9 +1177,11 @@ function InputMask() {
     if (!isMaskRendered) return false;
     setError(false);
     clearErrorMessage();
-    onChangeProp(getClearInnerValueAsString(), getInnerValueAsString({
+    var values = [getClearInnerValueAsString(), getInnerValueAsString({
       replaceSpace: true
-    }));
+    })];
+    if (returnMaskedValue) values.reverse();
+    onChangeProp.apply(void 0, values);
   }, [innerValue, isMaskRendered]); // Blink Error
 
   (0, _react.useEffect)(function () {
@@ -1224,9 +1257,7 @@ function InputMask() {
       tabIndex: i === 0 ? 0 : -1,
       key: i,
       "attr-char-id": i,
-      className: "\n          input-mask_value_item\n          ".concat(className, "\n          ").concat((0, _functions.isDigitMaskChar)(obj.maskChar) ? 'input-mask_value_item--digit' : '', "\n          ").concat((0, _functions.isLetterMaskChar)(obj.maskChar) ? 'input-mask_value_item--letter' : '', "\n          ").concat(obj.isSpecialSymbol ? 'input-mask_value_item--spec' : '', "\n        ") // ${char === '' || isSpecialSymbol ? 'unselectable' : ''}
-      // ${!isSelecting && (char === '' || isSpecialSymbol) ? 'unselectable' : ''}
-      ,
+      className: "\n          input-mask_value_item\n          ".concat(className, "\n          ").concat((0, _functions.isDigitMaskChar)(obj.maskChar) ? 'input-mask_value_item--digit' : '', "\n          ").concat((0, _functions.isLetterMaskChar)(obj.maskChar) ? 'input-mask_value_item--letter' : '', "\n          ").concat(obj.isSpecialSymbol ? 'input-mask_value_item--spec' : '', "\n        "),
       onClick: function onClick(e) {
         return onCharClick(e, i);
       },
@@ -1266,7 +1297,7 @@ function InputMask() {
       onMouseMove: function onMouseMove(e) {
         return cancelDefaultAction(e, onMouseDownMove);
       }
-    }, isSpecialSymbol ? maskChar : char === '' ? getPlaceholderCharByIndex(i) : char);
+    }, !isFocused && hideMaskOnBlur && getClearInnerValueAsString().length === 0 ? _config.SPACE_CHAR : isSpecialSymbol ? maskChar : char === '' ? getPlaceholderCharByIndex(i) : char);
   };
 
   var renderMaskChar = function renderMaskChar(obj, i) {

package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = ObjectWithNamedKeyObjects;
 
+var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _General2 = _interopRequireDefault(require("../functions/General"));
@@ -18,7 +20,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var noop = function noop() {};
 
 function ObjectWithNamedKeyObjects() {
-  var _ref2;
+  var _ref4;
 
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       form = _ref.form,
@@ -72,18 +74,41 @@ function ObjectWithNamedKeyObjects() {
     return setFormFields({});
   };
 
-  return _ref2 = {
+  var removeFormField = function removeFormField(key) {
+    return setFormFields(function (state) {
+      return Object.keys(state).filter(function (fKey) {
+        return fKey !== key;
+      }).reduce(function (obj, key) {
+        return _objectSpread(_objectSpread({}, obj), {}, (0, _defineProperty2.default)({}, key, state[key]));
+      }, {});
+    });
+  };
+
+  var removeFormFields = function removeFormFields(_ref2) {
+    var _ref3 = (0, _toArray2.default)(_ref2),
+        keys = _ref3.slice(0);
+
+    return setFormFields(function (state) {
+      return Object.keys(state).filter(function (fKey) {
+        return !keys.includes(fKey);
+      }).reduce(function (obj, key) {
+        return _objectSpread(_objectSpread({}, obj), {}, (0, _defineProperty2.default)({}, key, state[key]));
+      }, {});
+    });
+  };
+
+  return _ref4 = {
     joinData: joinData,
     getFieldData: getFieldData,
     getFormFields: _getFormFields,
     getFormField: getFormField,
     setFormFields: setFormFields,
     setFormField: setFormField
-  }, (0, _defineProperty2.default)(_ref2, "getFormFields", function getFormFields() {
+  }, (0, _defineProperty2.default)(_ref4, "getFormFields", function getFormFields() {
     return _getFormFields(form);
-  }), (0, _defineProperty2.default)(_ref2, "getFormFieldsAsArray", function getFormFieldsAsArray() {
+  }), (0, _defineProperty2.default)(_ref4, "getFormFieldsAsArray", function getFormFieldsAsArray() {
     return _getFormFieldsAsArray(_getFormFields(form));
-  }), (0, _defineProperty2.default)(_ref2, "getFormFieldsKeys", function getFormFieldsKeys() {
+  }), (0, _defineProperty2.default)(_ref4, "getFormFieldsKeys", function getFormFieldsKeys() {
     return _getFormFieldsKeys(_getFormFields(form));
-  }), (0, _defineProperty2.default)(_ref2, "removeAllFormFields", removeAllFormFields), _ref2;
+  }), (0, _defineProperty2.default)(_ref4, "removeAllFormFields", removeAllFormFields), (0, _defineProperty2.default)(_ref4, "removeFormField", removeFormField), (0, _defineProperty2.default)(_ref4, "removeFormFields", removeFormFields), _ref4;
 }

package/dist/Functions/useFormTools/functions/RenderFields.js

@@ -70,7 +70,14 @@ function RenderFields() {
         key: key
       });
 
-      return /*#__PURE__*/React.createElement(RenderFieldComponent, {
+      var wrapperRef = field.wrapperRef;
+      return /*#__PURE__*/React.createElement("div", {
+        key: "render-field-wrapper-".concat(key),
+        id: "render-field-wrapper-".concat(key),
+        ref: wrapperRef ? typeof wrapperRef === 'function' ? function (node) {
+          return wrapperRef(node, key);
+        } : wrapperRef : null
+      }, /*#__PURE__*/React.createElement(RenderFieldComponent, {
         key: key,
         field: field,
         onChange: function onChange(value) {
@@ -79,7 +86,7 @@ function RenderFields() {
         onBlur: function onBlur() {
           return onFieldBlur.apply(void 0, arguments);
         }
-      });
+      }));
     } catch (e) {
       return null;
     }

package/dist/Functions/useFormTools/index.js

@@ -2,11 +2,17 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useFormTools;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
@@ -15,7 +21,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _General2 = _interopRequireDefault(require("./functions/General"));
 
@@ -27,6 +33,10 @@ var _ObjectWithNamedKeyObjects = _interopRequireDefault(require("./form-drivers/
 
 var _RenderFields = _interopRequireDefault(require("./functions/RenderFields"));
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -43,11 +53,13 @@ function useFormTools() {
       FormType = _ref.FormType,
       FormFields = _ref.FormFields,
       _ref$FormDataDriverNa = _ref.FormDataDriverName,
-      FormDataDriverName = _ref$FormDataDriverNa === void 0 ? 'ArrayWithObjects' : _ref$FormDataDriverNa,
+      FormDataDriverName = _ref$FormDataDriverNa === void 0 ? 'ArrayWithObjects' || 'ObjectWithIterableObjects' || 'ObjectWithNamedKeyObjects' : _ref$FormDataDriverNa,
       _ref$FormDataDriver = _ref.FormDataDriver,
       FormDataDriver = _ref$FormDataDriver === void 0 ? null : _ref$FormDataDriver,
       _ref$FocusControllerP = _ref.FocusControllerProps,
-      FocusControllerProps = _ref$FocusControllerP === void 0 ? DefaultFocusControllerProps : _ref$FocusControllerP;
+      FocusControllerProps = _ref$FocusControllerP === void 0 ? DefaultFocusControllerProps : _ref$FocusControllerP,
+      _ref$goToNextFieldOnE = _ref.goToNextFieldOnEnterPressed,
+      goToNextFieldOnEnterPressed = _ref$goToNextFieldOnE === void 0 ? true : _ref$goToNextFieldOnE;
 
   FocusControllerProps = _objectSpread(_objectSpread({}, DefaultFocusControllerProps), FocusControllerProps);
   var FormDataDrivers = {
@@ -93,10 +105,12 @@ function useFormTools() {
       getFieldData = _getFormDataDriverIns.getFieldData,
       getFormField = _getFormDataDriverIns.getFormField,
       setFormFields = _getFormDataDriverIns.setFormFields,
-      setFormField = _getFormDataDriverIns.setFormField,
+      _setFormField = _getFormDataDriverIns.setFormField,
       getFormFieldsAsArray = _getFormDataDriverIns.getFormFieldsAsArray,
       getFormFieldsKeys = _getFormDataDriverIns.getFormFieldsKeys,
-      removeAllFormFields = _getFormDataDriverIns.removeAllFormFields; ///////////////////////////////////////////////////////////////
+      removeAllFormFields = _getFormDataDriverIns.removeAllFormFields,
+      removeFormField = _getFormDataDriverIns.removeFormField,
+      removeFormFields = _getFormDataDriverIns.removeFormFields; ///////////////////////////////////////////////////////////////
   //--- OnChange Observer ---//--- START ---//
 
 
@@ -143,22 +157,17 @@ function useFormTools() {
   };
 
   var onFieldChange = function onFieldChange(key, value) {
-    // if (value === getFormField(key)?.value) return false;
+    var _getFormField;
+
+    if (value === ((_getFormField = getFormField(key)) === null || _getFormField === void 0 ? void 0 : _getFormField.value)) return false;
     onChangeObserver(key, value);
-    setFormField(function (field) {
+
+    _setFormField(function (field) {
       return _objectSpread(_objectSpread({}, field), {}, {
         error: '',
         value: value
       });
-    }, key); // eslint-disable-next-line no-use-before-define
-    // if (autoFocusedField === key) {
-    //   setTimeout(() => {
-    //     // eslint-disable-next-line no-use-before-define
-    //     setFieldFocus({key, form});
-    //     // eslint-disable-next-line no-use-before-define
-    //     setAutoFocusedField(null);
-    //   }, 1);
-    // }
+    }, key);
   }; //--- OnChange Observer ---//--- END ---//
   ///////////////////////////////////////////////////////////////
   ///////////////////////////////////////////////////////////////
@@ -229,11 +238,106 @@ function useFormTools() {
   var _useState9 = (0, _react.useState)(false),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
       isFormRendered = _useState10[0],
-      setIsFormRendered = _useState10[1]; //On Render Fields Change
+      setIsFormRendered = _useState10[1];
+
+  var submitIsFormRendered = function submitIsFormRendered() {
+    return setIsFormRendered(true);
+  };
+
+  var resetIsFormRendered = function resetIsFormRendered() {
+    return setIsFormRendered(false);
+  };
+
+  var onEnterDown = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
+      var focusable, currentIndex, nextIndex, nextItem;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (goToNextFieldOnEnterPressed) {
+                _context.next = 2;
+                break;
+              }
+
+              return _context.abrupt("return", false);
+
+            case 2:
+              focusable = document.querySelectorAll('a, button, input, [tabindex]:not([tabindex="-1"])');
+              _context.next = 5;
+              return new Promise(function (resolve) {
+                focusable.forEach(function (node, i) {
+                  if (node === e.target) resolve(i);
+                });
+              });
+
+            case 5:
+              currentIndex = _context.sent;
+
+              if (currentIndex) {
+                _context.next = 8;
+                break;
+              }
+
+              return _context.abrupt("return", false);
+
+            case 8:
+              nextIndex = currentIndex + 1;
+
+              if (!(nextIndex >= focusable.length)) {
+                _context.next = 11;
+                break;
+              }
+
+              return _context.abrupt("return", false);
+
+            case 11:
+              nextItem = focusable[nextIndex];
+              nextItem.focus();
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function onEnterDown(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var onKeyDown = function onKeyDown() {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    var event = args.reduce(function (e, item) {
+      if ((item === null || item === void 0 ? void 0 : item.nativeEvent) instanceof KeyboardEvent) return item;
+      return e;
+    }, null);
+    if (!event) return false;
+    var keyCode = event.keyCode;
+
+    switch (keyCode) {
+      //OnEnterDown
+      case 13:
+        onEnterDown(event);
+        break;
+
+      default:
+        break;
+    }
+  }; //On Type Change
 
 
   (0, _react.useEffect)(function () {
-    if (isFormFieldsAdded) setIsFormRendered(false); //Add Form Fields
+    resetIsFormRendered();
+  }, [FormType]); //On Render Fields Change
+
+  (0, _react.useEffect)(function () {
+    if (isFormFieldsAdded) resetIsFormRendered(false); //Add Form Fields
 
     if (renderFormFields.length === 0) return null;
     setFormFields(function (fields) {
@@ -241,10 +345,9 @@ function useFormTools() {
         var _field$className;
 
         var fieldData = getFieldData(key);
-        var field = !getFormField(key) ? fieldData : getFormField(key); // eslint-disable-next-line no-use-before-define
+        var field = !getFormField(key) ? fieldData : getFormField(key);
 
         if (!(field !== null && field !== void 0 && field.className) || (field === null || field === void 0 ? void 0 : (_field$className = field.className) === null || _field$className === void 0 ? void 0 : _field$className.indexOf(getFieldClassName(key, FormType))) === -1) {
-          // eslint-disable-next-line no-use-before-define
           field.className = "".concat(field === null || field === void 0 ? void 0 : field.className, " ").concat(getFieldClassName(key, FormType));
         }
 
@@ -253,16 +356,27 @@ function useFormTools() {
         }
 
         field.ref = /*#__PURE__*/(0, _react.createRef)();
-        field.isValueChangedByUser = false; //Is Field Value Changed By USER
+        field.wrapperRef = /*#__PURE__*/(0, _react.createRef)();
+        field.isValueChangedByUser = false;
+
+        if (goToNextFieldOnEnterPressed) {
+          var onKeyDownProp = field.onKeyDown || function () {};
+
+          field.onKeyDown = function () {
+            onKeyDown.apply(void 0, arguments);
+            onKeyDownProp.apply(void 0, arguments);
+          };
+        } //Is Field Value Changed By USER
         // eslint-disable-next-line no-use-before-define
 
+
         addOnFieldRenderedObserver(key, function () {
-          var _getFormField, _getFormField$ref, _getFormField$ref$cur;
+          var _getFormField2, _getFormField2$ref, _getFormField2$ref$cu;
 
-          var element = (_getFormField = getFormField(key)) === null || _getFormField === void 0 ? void 0 : (_getFormField$ref = _getFormField.ref) === null || _getFormField$ref === void 0 ? void 0 : (_getFormField$ref$cur = _getFormField$ref.current) === null || _getFormField$ref$cur === void 0 ? void 0 : _getFormField$ref$cur.querySelector((field === null || field === void 0 ? void 0 : field.focusSelector) || 'input');
+          var element = (_getFormField2 = getFormField(key)) === null || _getFormField2 === void 0 ? void 0 : (_getFormField2$ref = _getFormField2.ref) === null || _getFormField2$ref === void 0 ? void 0 : (_getFormField2$ref$cu = _getFormField2$ref.current) === null || _getFormField2$ref$cu === void 0 ? void 0 : _getFormField2$ref$cu.querySelector((field === null || field === void 0 ? void 0 : field.focusSelector) || 'input');
 
           var handler = function handler() {
-            return setFormField({
+            return _setFormField({
               isValueChangedByUser: true
             }, key);
           };
@@ -285,9 +399,9 @@ function useFormTools() {
       setOnFormRenderObservers = _useState12[1];
 
   var addOnFormRenderObserver = function addOnFormRenderObserver(cb) {
-    var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-        _ref2$once = _ref2.once,
-        once = _ref2$once === void 0 ? false : _ref2$once;
+    var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+        _ref3$once = _ref3.once,
+        once = _ref3$once === void 0 ? false : _ref3$once;
 
     setOnFormRenderObservers(function (state) {
       return [].concat((0, _toConsumableArray2.default)(state), [{
@@ -296,7 +410,8 @@ function useFormTools() {
         isWorkedOut: false
       }]);
     });
-  };
+  }; // eslint-disable-next-line no-unused-vars
+
 
   var updateOnFormRenderObserver = function updateOnFormRenderObserver(key, data) {
     setOnFormRenderObservers(function (state) {
@@ -306,14 +421,27 @@ function useFormTools() {
     });
   };
 
+  var removeOnFormRenderObserver = function removeOnFormRenderObserver(key) {
+    setOnFormRenderObservers(function (state) {
+      return state.slice().filter(function (v, i) {
+        return i !== key;
+      });
+    });
+  };
+
   var onFormRenderWorker = function onFormRenderWorker() {
-    onFormRenderObservers.map(function (_ref3, key) {
-      var cb = _ref3.cb,
-          once = _ref3.once,
-          isWorkedOut = _ref3.isWorkedOut;
+    // eslint-disable-next-line default-param-last
+    onFormRenderObservers.map(function () {
+      var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          once = _ref4.once,
+          isWorkedOut = _ref4.isWorkedOut,
+          _ref4$cb = _ref4.cb,
+          cb = _ref4$cb === void 0 ? function () {} : _ref4$cb;
+
+      var key = arguments.length > 1 ? arguments[1] : undefined;
       if (once && isWorkedOut) return null;
       cb(form);
-      updateOnFormRenderObserver(key, {
+      if (once) removeOnFormRenderObserver(key);else updateOnFormRenderObserver(key, {
         isWorkedOut: true
       });
       return null;
@@ -323,12 +451,17 @@ function useFormTools() {
 
   (0, _react.useEffect)(function () {
     if (isFormRendered || !onFormRenderObservers.length) return null;
+    var formFieldsKeys = getFormFieldsKeys(form);
+    var isAllFieldsRendered = renderFormFields.reduce(function (result, key) {
+      if (!formFieldsKeys.includes(key)) result = false;
+      return result;
+    }, true);
 
-    if (getFormFieldsKeys(form).length === renderFormFields.length) {
-      setIsFormRendered(true);
+    if (isAllFieldsRendered) {
+      submitIsFormRendered(true);
       onFormRenderWorker();
     }
-  }, [form, renderFormFields]); //--- Render Fields Controller ---//--- END ---//
+  }, [form, renderFormFields, onFormRenderObservers]); //--- Render Fields Controller ---//--- END ---//
   ///////////////////////////////////////////////////////////////
   ///////////////////////////////////////////////////////////////
   //--- HIGHTLIGHT LABELS IF FIELD WITH ERROR ---//--- START ---//
@@ -383,14 +516,14 @@ function useFormTools() {
     return setIsInitFocused(false);
   };
 
-  var toggleFieldFocus = function toggleFieldFocus(_ref4) {
-    var key = _ref4.key,
-        _ref4$cb = _ref4.cb,
-        cb = _ref4$cb === void 0 ? function () {} : _ref4$cb,
-        argForm = _ref4.form,
-        field = _ref4.field;
+  var toggleFieldFocus = function toggleFieldFocus(_ref5) {
+    var key = _ref5.key,
+        _ref5$cb = _ref5.cb,
+        cb = _ref5$cb === void 0 ? function () {} : _ref5$cb,
+        argForm = _ref5.form,
+        field = _ref5.field;
     var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'focus';
-    if (!key) return null;
+    if (!key && !field) return null;
     if (!argForm) argForm = form;
     var formField = field || getFormField(key, argForm);
 
@@ -407,12 +540,12 @@ function useFormTools() {
     }, 50);
   };
 
-  var setFieldFocus = function setFieldFocus(_ref5) {
-    var key = _ref5.key,
-        _ref5$cb = _ref5.cb,
-        cb = _ref5$cb === void 0 ? function () {} : _ref5$cb,
-        argForm = _ref5.form,
-        field = _ref5.field;
+  var setFieldFocus = function setFieldFocus(_ref6) {
+    var key = _ref6.key,
+        _ref6$cb = _ref6.cb,
+        cb = _ref6$cb === void 0 ? function () {} : _ref6$cb,
+        argForm = _ref6.form,
+        field = _ref6.field;
     return toggleFieldFocus({
       key: key,
       cb: cb,
@@ -421,12 +554,12 @@ function useFormTools() {
     }, 'focus');
   };
 
-  var setFieldBlur = function setFieldBlur(_ref6) {
-    var key = _ref6.key,
-        _ref6$cb = _ref6.cb,
-        cb = _ref6$cb === void 0 ? function () {} : _ref6$cb,
-        argForm = _ref6.form,
-        field = _ref6.field;
+  var setFieldBlur = function setFieldBlur(_ref7) {
+    var key = _ref7.key,
+        _ref7$cb = _ref7.cb,
+        cb = _ref7$cb === void 0 ? function () {} : _ref7$cb,
+        argForm = _ref7.form,
+        field = _ref7.field;
     return toggleFieldFocus({
       key: key,
       cb: cb,
@@ -456,9 +589,10 @@ function useFormTools() {
     setAutoFocusedField(field.key);
 
     var callback = function callback() {
-      setFormField({
+      _setFormField({
         value: field.value
       }, field.key);
+
       setFirstFieldInitFocused();
     };
 
@@ -516,15 +650,15 @@ function useFormTools() {
   };
 
   (0, _react.useEffect)(function () {
-    if (FocusControllerProps.setAutoFocus && !isInitFocused && !autoFocusedField) setFirstFieldFocus();
+    if (FocusControllerProps.setAutoFocus && !isInitFocused && !autoFocusedField && isFormRendered) setFirstFieldFocus();
 
     if (focusOnRenderFields.length) {
       var _getFormFieldsKeys;
 
       (_getFormFieldsKeys = getFormFieldsKeys(form)) === null || _getFormFieldsKeys === void 0 ? void 0 : _getFormFieldsKeys.map(function (key) {
-        var _getFormField2, _getFormField2$value;
+        var _getFormField3, _getFormField3$value;
 
-        if (focusOnRenderFields.includes(key) && ((_getFormField2 = getFormField(key)) === null || _getFormField2 === void 0 ? void 0 : (_getFormField2$value = _getFormField2.value) === null || _getFormField2$value === void 0 ? void 0 : _getFormField2$value.length) === 0) {
+        if (focusOnRenderFields.includes(key) && ((_getFormField3 = getFormField(key)) === null || _getFormField3 === void 0 ? void 0 : (_getFormField3$value = _getFormField3.value) === null || _getFormField3$value === void 0 ? void 0 : _getFormField3$value.length) === 0) {
           var cb = function cb() {
             removeFocusFieldOnRender(key);
             callOnFieldFocusCallbacks(key);
@@ -540,7 +674,7 @@ function useFormTools() {
         return null;
       });
     }
-  }, [form, focusOnRenderFields, isInitFocused]);
+  }, [form, focusOnRenderFields, isInitFocused, isFormRendered]);
   (0, _react.useEffect)(function () {
     setAutoFocusedField(null);
   }, [isInitFocused]);
@@ -572,9 +706,10 @@ function useFormTools() {
   var resetOnFieldRenderObserversWorkedOut = function resetOnFieldRenderObserversWorkedOut() {
     if (!isFieldObserversReset && renderFormFields.length) {
       renderFormFields.map(function (key) {
-        setFormField({
+        _setFormField({
           isOnRenderObserversWorkedOut: false
         }, key);
+
         return key;
       });
       setIsFieldObserversReset(true);
@@ -626,12 +761,14 @@ function useFormTools() {
       return !(observer !== null && observer !== void 0 && observer.isObserverWorkedOut);
     });
     if (FilteredObservers.length === 0) return null;
-    setFormField({
+
+    _setFormField({
       isOnRenderObserversWorkedOut: true
     }, key);
-    FilteredObservers.map(function (_ref7, id) {
-      var f = _ref7.f,
-          isOnceCallable = _ref7.isOnceCallable;
+
+    FilteredObservers.map(function (_ref8, id) {
+      var f = _ref8.f,
+          isOnceCallable = _ref8.isOnceCallable;
       f(data);
       if (isOnceCallable) updateOnFieldRenderedObserver(key, id, {
         isObserverWorkedOut: true
@@ -698,6 +835,48 @@ function useFormTools() {
   //     }, {});
   //   });
   // };
+  ///////////////////////////////////////////////////////////////
+  ///////////////////////////////////////////////////////////////
+  //--- WindowScrollController ---//--- START ---//
+
+  var scrollToField = function scrollToField(_ref9) {
+    var _field2, _field3, _wrapperRef$current;
+
+    var _ref9$key = _ref9.key,
+        key = _ref9$key === void 0 ? null : _ref9$key,
+        _ref9$field = _ref9.field,
+        field = _ref9$field === void 0 ? null : _ref9$field,
+        argForm = _ref9.form;
+    if (!key && !field) return false;
+    if (!argForm) argForm = form;
+    if (!field) field = getFormField(key, argForm);
+    var wrapperRef = ((_field2 = field) === null || _field2 === void 0 ? void 0 : _field2.wrapperRef) || ((_field3 = field) === null || _field3 === void 0 ? void 0 : _field3.ref); // eslint-disable-next-line no-unsafe-optional-chaining
+
+    var _wrapperRef$current$g = wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.getBoundingClientRect(),
+        topOffset = _wrapperRef$current$g.top;
+
+    var scrollTop = Math.abs(Math.abs(topOffset) - Math.abs(window.scrollY)) - 16;
+    window.scrollTo({
+      top: scrollTop
+    });
+  }; //--- WindowScrollController ---//--- END ---//
+  ///////////////////////////////////////////////////////////////
+  ///////////////////////////////////////////////////////////////
+
+
+  var addErrorsToForm = function addErrorsToForm(errors) {
+    var argForm = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : form;
+    if (!argForm) argForm = form;
+    setFormFields(function (fields) {
+      return errors.reduce(function (fields, _ref10) {
+        var error = _ref10.message,
+            errKey = _ref10.propertyPath;
+        return updateFormField(fields, {
+          error: error
+        }, errKey);
+      }, fields);
+    });
+  };
 
   return {
     FormDataDrivers: FormDataDrivers,
@@ -733,19 +912,18 @@ function useFormTools() {
     addOnFieldRenderedObserver: addOnFieldRenderedObserver,
     removeOnFieldRenderedObserver: removeOnFieldRenderedObserver,
     onFieldRenderedObservers: onFieldRenderedObservers,
-    setFormField: setFormField,
-    setFormFields: setFormFields,
-    removeAllFormFields: removeAllFormFields,
     updateFormField: updateFormField,
     addOnFormRenderObserver: addOnFormRenderObserver,
-    renderFields: function renderFields(_ref8) {
-      var _ref8$form = _ref8.form,
-          argForm = _ref8$form === void 0 ? form : _ref8$form,
-          _ref8$fields = _ref8.fields,
-          argFields = _ref8$fields === void 0 ? renderFormFields : _ref8$fields,
-          _ref8$cols = _ref8.cols,
-          argCols = _ref8$cols === void 0 ? 1 : _ref8$cols,
-          RenderFieldComponent = _ref8.RenderFieldComponent;
+    submitIsFormRendered: submitIsFormRendered,
+    resetIsFormRendered: resetIsFormRendered,
+    renderFields: function renderFields(_ref11) {
+      var _ref11$form = _ref11.form,
+          argForm = _ref11$form === void 0 ? form : _ref11$form,
+          _ref11$fields = _ref11.fields,
+          argFields = _ref11$fields === void 0 ? renderFormFields : _ref11$fields,
+          _ref11$cols = _ref11.cols,
+          argCols = _ref11$cols === void 0 ? 1 : _ref11$cols,
+          RenderFieldComponent = _ref11.RenderFieldComponent;
       return (0, _RenderFields.default)({
         form: argForm,
         fields: argFields,
@@ -754,6 +932,19 @@ function useFormTools() {
         onFieldChange: onFieldChange,
         FormDataDriver: getFormDataDriver(FormDataDriverName)
       });
-    }
+    },
+    scrollToField: scrollToField,
+    getFieldData: getFieldData,
+    getFormField: getFormField,
+    setFormFields: setFormFields,
+    setFormField: function setFormField(data, key) {
+      return _setFormField(data, key);
+    },
+    getFormFieldsAsArray: getFormFieldsAsArray,
+    getFormFieldsKeys: getFormFieldsKeys,
+    removeAllFormFields: removeAllFormFields,
+    removeFormField: removeFormField,
+    removeFormFields: removeFormFields,
+    addErrorsToForm: addErrorsToForm
   };
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "intelicoreact",
-  "version": "0.1.76",
-  "description": "fix: add Modal noHeader prop",
+  "version": "0.1.79",
+  "description": "hotfix/InputMaskOnChange | Add Possibility To Revert Clear Value and Masked Value in OnChange Callback",
   "main": "dist/index.js",
   "files": [
     "dist/*",