intelicoreact 0.3.75 → 1.0.1

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

@@ -219,8 +219,7 @@ function InputMask() {
   };
 
   (0, _react.useEffect)(function () {
-    if (!serviceWatchers.length) return false;
-    serviceWatchersWorker();
+    if (serviceWatchers.length) serviceWatchersWorker();
   }, [serviceWatchers]); // SERVICE WATCHERS MANAGEMENT FUNCTIONS | END //
   // INNER VALUE MANAGEMENT FUNCTIONS | START //
 
@@ -1239,74 +1238,69 @@ function InputMask() {
     if (value !== getClearInnerValueAsString()) setIsInitValue(false);
   }, [value]);
   (0, _react.useEffect)(function () {
-    if (!isMaskRendered || isInitValue || value === getClearInnerValueAsString()) return false;
-
-    if (value && value !== '') {
-      var valueCharIndex = 0;
-      innerValue.map(function (_ref25, i) {
-        var _maskPattern;
-
-        var isSpecialSymbol = _ref25.isSpecialSymbol;
-        if (isSpecialSymbol) return false;
-        var char = value[valueCharIndex];
-        var whileLimit = ((_maskPattern = maskPattern) === null || _maskPattern === void 0 ? void 0 : _maskPattern.length) || 0;
-
-        while (whileLimit && isSpecialSymbolChar({
-          char: value[valueCharIndex]
-        })) {
-          whileLimit--;
-          char = value[++valueCharIndex];
-        } //If Valid
-
+    if (isMaskRendered && !isInitValue && value !== getClearInnerValueAsString()) {
+      if (value && value !== '') {
+        var valueCharIndex = 0;
+        innerValue.map(function (_ref25, i) {
+          var _maskPattern;
+
+          var isSpecialSymbol = _ref25.isSpecialSymbol;
+          if (isSpecialSymbol) return false;
+          var char = value[valueCharIndex];
+          var whileLimit = ((_maskPattern = maskPattern) === null || _maskPattern === void 0 ? void 0 : _maskPattern.length) || 0;
+
+          while (whileLimit && isSpecialSymbolChar({
+            char: value[valueCharIndex]
+          })) {
+            whileLimit--;
+            char = value[++valueCharIndex];
+          } //If Valid
+
+
+          if (isValidChar({
+            char: char,
+            i: i,
+            disableErrors: true
+          })) {
+            updateInnerValueChar({
+              char: char
+            }, i);
+          }
 
-        if (isValidChar({
-          char: char,
-          i: i,
-          disableErrors: true
-        })) {
-          updateInnerValueChar({
-            char: char
-          }, i);
-        }
+          ++valueCharIndex;
+        });
+      }
 
-        ++valueCharIndex;
-      });
+      setIsInitValue(true);
     }
-
-    setIsInitValue(true);
   }, [isMaskRendered, value, isInitValue]);
   (0, _react.useEffect)(function () {
-    if (!isInitValue) return false;
-    setUndoValue(getClearInnerValueAsString());
+    if (isInitValue) setUndoValue(getClearInnerValueAsString());
   }, [isInitValue]); // Focus Observer
 
   (0, _react.useEffect)(function () {
-    if (!isFocused) {
-      setSelectedText('');
-    }
+    if (!isFocused) setSelectedText('');
   }, [isFocused]); // Default Focused
 
   (0, _react.useEffect)(function () {
-    if (isFocusedDefault && isMaskRendered) {
-      setFocusOnChar(0, -1);
-    }
+    if (isFocusedDefault && isMaskRendered) setFocusOnChar(0, -1);
   }, [isFocusedDefault, isMaskRendered]); // OnChange Observer
 
   (0, _react.useEffect)(function () {
-    if (!isMaskRendered || !isFocused) return false;
-    setError(false);
-    clearErrorMessage();
-    var values = [getClearInnerValueAsString(), getInnerValueAsString({
-      replaceSpace: true
-    })];
-    if (returnMaskedValue) values.reverse();
-    onChangeProp.apply(void 0, values);
+    if (isMaskRendered && isFocused) {
+      setError(false);
+      clearErrorMessage();
+      var values = [getClearInnerValueAsString(), getInnerValueAsString({
+        replaceSpace: true
+      })];
+      if (returnMaskedValue) values.reverse();
+      onChangeProp.apply(void 0, values);
+    }
   }, [innerValue, isMaskRendered]); // Blink Error
 
   (0, _react.useEffect)(function () {
-    if (!blinkError) return false;
-    setTimeout(function () {
-      setBlinkError(false);
+    if (blinkError) setTimeout(function () {
+      return setBlinkError(false);
     }, blinkDuration);
   }, [blinkError]);
   (0, _react.useEffect)(function () {

package/dist/Atomic/FormElements/InputMask2/InputMask2.js

@@ -540,11 +540,12 @@ function InputMask2() {
 
 
   (0, _react.useEffect)(function () {
-    if (cursor === null) return false;
-    var input = inputRef.current;
-    if (input) input.setSelectionRange(cursor, cursor);
-    setPrevCursor(cursor);
-    setCursor(null);
+    if (cursor !== null) {
+      var input = inputRef.current;
+      if (input) input.setSelectionRange(cursor, cursor);
+      setPrevCursor(cursor);
+      setCursor(null);
+    }
   }, [inputRef, cursor, inputValue]); //Render Mask
 
   (0, _react.useEffect)(function () {
@@ -570,9 +571,10 @@ function InputMask2() {
     if (value !== getInputValue()) setIsInitValue(false);
   }, [value]);
   (0, _react.useEffect)(function () {
-    if (!isMaskRendered || isInitValue || value === getInputValue() && value !== "") return false;
-    if (value && value !== '') setValue(value);
-    setIsInitValue(true);
+    if (isMaskRendered && !isInitValue && !(value === getInputValue() && value !== "")) {
+      if (value && value !== '') setValue(value);
+      setIsInitValue(true);
+    }
   }, [isMaskRendered, value, isInitValue]); // Default Focused
 
   (0, _react.useEffect)(function () {
@@ -582,23 +584,23 @@ function InputMask2() {
   }, [isFocusedDefault, isMaskRendered]); // OnChange Observer
 
   (0, _react.useEffect)(function () {
-    var _prevValueRef$current, _prevValueRef$current2;
+    if (isMaskRendered && isInitValue) {
+      var _prevValueRef$current, _prevValueRef$current2;
 
-    if (!isMaskRendered || !isInitValue) return false;
-    setError(false);
-    var values = [getClearInnerValueAsString(), getInputValue()];
-    if (returnMaskedValue) values.reverse();
+      setError(false);
+      var values = [getClearInnerValueAsString(), getInputValue()];
+      if (returnMaskedValue) values.reverse();
 
-    if ((prevValueRef === null || prevValueRef === void 0 ? void 0 : (_prevValueRef$current = prevValueRef.current) === null || _prevValueRef$current === void 0 ? void 0 : _prevValueRef$current[0]) !== values[0] && (prevValueRef === null || prevValueRef === void 0 ? void 0 : (_prevValueRef$current2 = prevValueRef.current) === null || _prevValueRef$current2 === void 0 ? void 0 : _prevValueRef$current2[1]) !== values[1] && value !== values[0] && value !== values[1]) {
-      prevValueRef.current = values;
-      onChangeProp.apply(void 0, values);
+      if ((prevValueRef === null || prevValueRef === void 0 ? void 0 : (_prevValueRef$current = prevValueRef.current) === null || _prevValueRef$current === void 0 ? void 0 : _prevValueRef$current[0]) !== values[0] && (prevValueRef === null || prevValueRef === void 0 ? void 0 : (_prevValueRef$current2 = prevValueRef.current) === null || _prevValueRef$current2 === void 0 ? void 0 : _prevValueRef$current2[1]) !== values[1] && value !== values[0] && value !== values[1]) {
+        prevValueRef.current = values;
+        onChangeProp.apply(void 0, values);
+      }
     }
   }, [innerValue, isMaskRendered, isInitValue]); // Blink Error
 
   (0, _react.useEffect)(function () {
-    if (!blinkError) return false;
-    setTimeout(function () {
-      setBlinkError(false);
+    if (blinkError) setTimeout(function () {
+      return setBlinkError(false);
     }, blinkDuration);
   }, [blinkError]);
   (0, _react.useEffect)(function () {

package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js

@@ -317,19 +317,21 @@ var MobileCalendar = function MobileCalendar(_ref) {
   }, [date]); //monthList Events
 
   (0, _react.useEffect)(function () {
-    var _monthsListRef$curren, _monthsListRef$curren2;
+    if (monthsListRef !== null && monthsListRef !== void 0 && monthsListRef.current) {
+      var _monthsListRef$curren, _monthsListRef$curren2;
+
+      monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren = monthsListRef.current) === null || _monthsListRef$curren === void 0 ? void 0 : _monthsListRef$curren.addEventListener("mousewheel", function (e) {
+        return onWheel(e, "months");
+      }, {
+        passive: false
+      });
+      monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren2 = monthsListRef.current) === null || _monthsListRef$curren2 === void 0 ? void 0 : _monthsListRef$curren2.addEventListener("touchstart", function (e) {
+        return onTouchStart(e, "months");
+      }, {
+        passive: false
+      });
+    }
 
-    if (!(monthsListRef !== null && monthsListRef !== void 0 && monthsListRef.current)) return;
-    monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren = monthsListRef.current) === null || _monthsListRef$curren === void 0 ? void 0 : _monthsListRef$curren.addEventListener("mousewheel", function (e) {
-      return onWheel(e, "months");
-    }, {
-      passive: false
-    });
-    monthsListRef === null || monthsListRef === void 0 ? void 0 : (_monthsListRef$curren2 = monthsListRef.current) === null || _monthsListRef$curren2 === void 0 ? void 0 : _monthsListRef$curren2.addEventListener("touchstart", function (e) {
-      return onTouchStart(e, "months");
-    }, {
-      passive: false
-    });
     return function () {
       var _monthsListRef$curren3, _monthsListRef$curren4;
 
@@ -339,19 +341,21 @@ var MobileCalendar = function MobileCalendar(_ref) {
   }, [monthsListRef]); //daysList Events
 
   (0, _react.useEffect)(function () {
-    var _daysListRef$current, _daysListRef$current2;
+    if (daysListRef !== null && daysListRef !== void 0 && daysListRef.current) {
+      var _daysListRef$current, _daysListRef$current2;
+
+      daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current = daysListRef.current) === null || _daysListRef$current === void 0 ? void 0 : _daysListRef$current.addEventListener("mousewheel", function (e) {
+        return onWheel(e, "days");
+      }, {
+        passive: false
+      });
+      daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current2 = daysListRef.current) === null || _daysListRef$current2 === void 0 ? void 0 : _daysListRef$current2.addEventListener("touchstart", function (e) {
+        return onTouchStart(e, "days");
+      }, {
+        passive: false
+      });
+    }
 
-    if (!(daysListRef !== null && daysListRef !== void 0 && daysListRef.current)) return;
-    daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current = daysListRef.current) === null || _daysListRef$current === void 0 ? void 0 : _daysListRef$current.addEventListener("mousewheel", function (e) {
-      return onWheel(e, "days");
-    }, {
-      passive: false
-    });
-    daysListRef === null || daysListRef === void 0 ? void 0 : (_daysListRef$current2 = daysListRef.current) === null || _daysListRef$current2 === void 0 ? void 0 : _daysListRef$current2.addEventListener("touchstart", function (e) {
-      return onTouchStart(e, "days");
-    }, {
-      passive: false
-    });
     return function () {
       var _daysListRef$current3, _daysListRef$current4;
 
@@ -361,19 +365,21 @@ var MobileCalendar = function MobileCalendar(_ref) {
   }, [daysListRef]); //yearsList Events
 
   (0, _react.useEffect)(function () {
-    var _yearsListRef$current, _yearsListRef$current2;
+    if (yearsListRef !== null && yearsListRef !== void 0 && yearsListRef.current) {
+      var _yearsListRef$current, _yearsListRef$current2;
+
+      yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current = yearsListRef.current) === null || _yearsListRef$current === void 0 ? void 0 : _yearsListRef$current.addEventListener("mousewheel", function (e) {
+        return onWheel(e, "years");
+      }, {
+        passive: false
+      });
+      yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current2 = yearsListRef.current) === null || _yearsListRef$current2 === void 0 ? void 0 : _yearsListRef$current2.addEventListener("touchstart", function (e) {
+        return onTouchStart(e, "years");
+      }, {
+        passive: false
+      });
+    }
 
-    if (!(yearsListRef !== null && yearsListRef !== void 0 && yearsListRef.current)) return;
-    yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current = yearsListRef.current) === null || _yearsListRef$current === void 0 ? void 0 : _yearsListRef$current.addEventListener("mousewheel", function (e) {
-      return onWheel(e, "years");
-    }, {
-      passive: false
-    });
-    yearsListRef === null || yearsListRef === void 0 ? void 0 : (_yearsListRef$current2 = yearsListRef.current) === null || _yearsListRef$current2 === void 0 ? void 0 : _yearsListRef$current2.addEventListener("touchstart", function (e) {
-      return onTouchStart(e, "years");
-    }, {
-      passive: false
-    });
     return function () {
       var _yearsListRef$current3, _yearsListRef$current4;
 

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js

@@ -330,10 +330,6 @@ function RangeSlider(_ref) {
       from: from,
       to: to
     });
-    if (isTriggerMoved) setFrezeedValues({
-      from: from,
-      to: to
-    });
   }, [from, to]);
   (0, _react.useLayoutEffect)(function () {
     setFrom(value.from);

package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js

@@ -2,14 +2,12 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -17,10 +15,6 @@ var _Switcher = _interopRequireDefault(require("../Switcher/Switcher"));
 
 require("./SwitchableRow.scss");
 
-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 || _typeof(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; }
-
 var RC_default = 'switchable-row';
 
 var SwitchableRow = function SwitchableRow(props) {

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js

@@ -280,7 +280,7 @@ var TagsDropdown = function TagsDropdown(_ref) {
   }, [getListContainer]);
   (0, _react.useEffect)(function () {
     setListContainerStyles();
-  }, [isOpen, chosenOptions]);
+  }, [isOpen]);
   (0, _react.useEffect)(function () {
     document.addEventListener('click', handleClickOutside, true);
     return function () {

package/dist/Atomic/FormElements/UserContacts/UserContacts.js

@@ -167,7 +167,7 @@ var UserContacts = function UserContacts(props) {
   (0, _react.useEffect)(function () {
     setIsRunTask({});
     return function () {
-      setIconMode(false);
+      return setIconMode(false);
     };
   }, [email, phone, JSON.stringify(mainContactsStructure), +maxWidth, mainRef === null || mainRef === void 0 ? void 0 : (_mainRef$current = mainRef.current) === null || _mainRef$current === void 0 ? void 0 : _mainRef$current.clientWidth]);
   return /*#__PURE__*/_react.default.createElement("div", {

package/dist/Atomic/UI/Accordion/AccordionItem.js

@@ -55,7 +55,7 @@ var AccordionItem = function AccordionItem(_ref) {
   };
 
   (0, _react.useEffect)(function () {
-    setMaxHeight(isOpen ? getItemsHeight() : 0);
+    return setMaxHeight(isOpen ? getItemsHeight() : 0);
   }, [isOpen]); // https://i.imgur.com/TaScp0h.png
 
   var calculateStatusCount = function calculateStatusCount() {

package/dist/Atomic/UI/AccordionTable/AccordionTable.js

@@ -149,7 +149,7 @@ var AccordionTable = function AccordionTable(_ref) {
   };
 
   (0, _react.useEffect)(function () {
-    setAccordions(items);
+    return setAccordions(items);
   }, [items]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('accordion-table', className)

package/dist/Atomic/UI/Modal/Modal.js

@@ -83,8 +83,7 @@ var Modal = function Modal(_ref) {
     }
   };
   (0, _react.useEffect)(function () {
-    if (!submitOnEnter) return false;
-    document.addEventListener('keydown', handle.pressKey);
+    if (submitOnEnter) document.addEventListener('keydown', handle.pressKey);
     return function () {
       return document.removeEventListener('keydown', handle.pressKey);
     };

package/dist/Atomic/UI/NavLine/NavLine.js

@@ -110,21 +110,21 @@ var NavLine = function NavLine(_ref) {
   };
 
   (0, _react.useEffect)(function () {
-    if (!scrollQueue.length) return false;
     var task = popScrollTask();
-    if (!task) return false;
 
-    switch (task) {
-      case 'next':
-        scrollToNextItem();
-        break;
+    if (scrollQueue.length && task) {
+      switch (task) {
+        case 'next':
+          scrollToNextItem();
+          break;
 
-      case 'prev':
-        scrollToPrevItem();
-        break;
+        case 'prev':
+          scrollToPrevItem();
+          break;
 
-      default:
-        break;
+        default:
+          break;
+      }
     }
   }, [scrollQueue]);
 
@@ -231,8 +231,7 @@ var NavLine = function NavLine(_ref) {
   (0, _react.useEffect)(function () {
     var _wrapperRef$current;
 
-    if (!(wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current)) return false;
-    wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.addEventListener("mousewheel", onWheel, {
+    if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.addEventListener("mousewheel", onWheel, {
       passive: false
     });
   }, [wrapperRef]); // Count Total NavLine Items Width

package/dist/Atomic/UI/TagList/TagList.js

@@ -159,14 +159,14 @@ var TagList = function TagList(_ref) {
   }, [items]); // Count Row Tags
 
   (0, _react.useLayoutEffect)(function () {
-    if (!withToggle) return false;
+    if (withToggle) {
+      if (!isTagsRefSet()) {
+        setLastCheckTime(Date.now());
+        return;
+      }
 
-    if (!isTagsRefSet()) {
-      setLastCheckTime(Date.now());
-      return;
+      setStaticTagsCount(getStaticTagsCount());
     }
-
-    setStaticTagsCount(getStaticTagsCount());
   }, [tagList, wrapperWidth, lastCheckTime]); //
 
   (0, _react.useLayoutEffect)(function () {

package/dist/Functions/useFormTools/index.js

@@ -339,58 +339,59 @@ function useFormTools() {
   (0, _react.useEffect)(function () {
     if (isFormFieldsAdded) resetIsFormRendered(false); //Add Form Fields
 
-    if (renderFormFields.length === 0) return null;
-    setFormFields(function (fields) {
-      return renderFormFields.reduce(function (result, key) {
-        var _field$className;
-
-        var fieldData = getFieldData(key);
-        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) {
-          field.className = "".concat(field === null || field === void 0 ? void 0 : field.className, " ").concat(getFieldClassName(key, FormType));
-        }
-
-        if ((0, _typeof2.default)(fieldData === null || fieldData === void 0 ? void 0 : fieldData.label) === 'object') {
-          field.label = fieldData.label[FormType] || fieldData.label.default;
-        }
-
-        field.ref = /*#__PURE__*/(0, _react.createRef)();
-        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
-
+    if (renderFormFields.length !== 0) {
+      setFormFields(function (fields) {
+        return renderFormFields.reduce(function (result, key) {
+          var _field$className;
 
-        addOnFieldRenderedObserver(key, function () {
-          var _getFormField2, _getFormField2$ref, _getFormField2$ref$cu;
+          var fieldData = getFieldData(key);
+          var field = !getFormField(key) ? fieldData : getFormField(key);
 
-          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');
+          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) {
+            field.className = "".concat(field === null || field === void 0 ? void 0 : field.className, " ").concat(getFieldClassName(key, FormType));
+          }
 
-          var handler = function handler() {
-            return _setFormField({
-              isValueChangedByUser: true
-            }, key);
-          };
+          if ((0, _typeof2.default)(fieldData === null || fieldData === void 0 ? void 0 : fieldData.label) === 'object') {
+            field.label = fieldData.label[FormType] || fieldData.label.default;
+          }
 
-          element === null || element === void 0 ? void 0 : element.addEventListener('paste', handler, {
-            once: true
-          });
-          element === null || element === void 0 ? void 0 : element.addEventListener('keypress', handler, {
-            once: true
-          });
-        }, true);
-        return updateFormField(result, field, key);
-      }, fields);
-    });
+          field.ref = /*#__PURE__*/(0, _react.createRef)();
+          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 _getFormField2, _getFormField2$ref, _getFormField2$ref$cu;
+
+            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({
+                isValueChangedByUser: true
+              }, key);
+            };
+
+            element === null || element === void 0 ? void 0 : element.addEventListener('paste', handler, {
+              once: true
+            });
+            element === null || element === void 0 ? void 0 : element.addEventListener('keypress', handler, {
+              once: true
+            });
+          }, true);
+          return updateFormField(result, field, key);
+        }, fields);
+      });
+    }
   }, [renderFormFields]);
 
   var _useState11 = (0, _react.useState)([]),
@@ -450,16 +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 (isAllFieldsRendered) {
-      submitIsFormRendered(true);
-      onFormRenderWorker();
+    if (!isFormRendered && onFormRenderObservers.length) {
+      var formFieldsKeys = getFormFieldsKeys(form);
+      var isAllFieldsRendered = renderFormFields.reduce(function (result, key) {
+        if (!formFieldsKeys.includes(key)) result = false;
+        return result;
+      }, true);
+
+      if (isAllFieldsRendered) {
+        submitIsFormRendered(true);
+        onFormRenderWorker();
+      }
     }
   }, [form, renderFormFields, onFormRenderObservers]); //--- Render Fields Controller ---//--- END ---//
   ///////////////////////////////////////////////////////////////

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.3.75",
+  "version": "1.0.1",
   "description": "",
   "main": "dist/index.js",
   "files": [
@@ -23,7 +23,7 @@
     "moment": "^2.29.1",
     "moment-timezone": "^0.5.34",
     "node-fetch": "^3.2.6",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "react-chartjs-2": "^4.1.0",
     "react-feather": "^2.0.9",
     "react-input-mask": "^2.0.4"