intelicoreact 1.0.83 → 1.0.85

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

@@ -21,16 +21,20 @@ var _reactFeather = require("react-feather");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
+
+var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
+
+var _index = require("../../../Constants/index.constants");
+
 var _config = require("./config");
 
 var _functions = require("./functions");
 
-var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
+var _utils = require("../../../Functions/utils");
 
 require("./InputMask2.scss");
 
-var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
-
 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; }
@@ -129,11 +133,21 @@ function InputMask2() {
       setIsInitValue = _useState6[1];
 
   var inputRef = (0, _react.useRef)(null);
+  var keyDownRef = (0, _react.useRef)(null);
 
-  var setCursor = function setCursor(cursor) {
+  var setKeyDown = function setKeyDown(keyCode) {
+    return keyDownRef.current = keyCode;
+  };
+
+  var getKeyDown = function getKeyDown() {
+    return keyDownRef.current;
+  };
+
+  var setCaret = function setCaret(caret) {
+    if (caret < 0) caret = 0;
     var input = inputRef.current;
     if (input) setTimeout(function () {
-      return input.setSelectionRange(cursor, cursor);
+      return input.setSelectionRange(caret, caret);
     }, 0);
   }; // ERRORS MANAGEMENT FUNCTIONS | START //
 
@@ -168,8 +182,6 @@ function InputMask2() {
 
   var addInnerValueChar = function addInnerValueChar(_ref2) {
     var char = _ref2.char,
-        _ref2$i = _ref2.i,
-        i = _ref2$i === void 0 ? null : _ref2$i,
         _ref2$data = _ref2.data,
         data = _ref2$data === void 0 ? {} : _ref2$data;
     setInnerValue(function (state) {
@@ -314,6 +326,12 @@ function InputMask2() {
   var isSpecialSymbolChar = function isSpecialSymbolChar(_ref6) {
     var char = _ref6.char;
     return !(0, _functions.isDigit)(char) && !(0, _functions.isLetter)(char);
+  };
+
+  var isSpecialSymbol = function isSpecialSymbol(i) {
+    var _getCharByIndex;
+
+    return (_getCharByIndex = getCharByIndex(i)) === null || _getCharByIndex === void 0 ? void 0 : _getCharByIndex.isSpecialSymbol;
   }; // CHECKERS | END //
   // GETTERS | START //
 
@@ -347,8 +365,8 @@ function InputMask2() {
   };
 
   var getPlaceholderCharByIndex = function getPlaceholderCharByIndex(i) {
-    var _getCharByIndex = getCharByIndex(i),
-        maskChar = _getCharByIndex.maskChar;
+    var _getCharByIndex2 = getCharByIndex(i),
+        maskChar = _getCharByIndex2.maskChar;
 
     if (usePatternPlaceholder) {
       return maskPatternPlaceholder[i] || maskPlaceholder;
@@ -379,10 +397,15 @@ function InputMask2() {
 
   var getInputValue = function getInputValue() {
     var isValid = true;
-    var value = innerValue.reduce(function (result, _ref8) {
-      var char = _ref8.char;
+    var lastTyppedCharIndex = innerValue.reduce(function (result, _ref8, i) {
+      var char = _ref8.char,
+          isSpecialSymbol = _ref8.isSpecialSymbol;
+      return char !== '' && !isSpecialSymbol ? i : result;
+    }, 0);
+    var value = innerValue.reduce(function (result, _ref9, i) {
+      var char = _ref9.char;
 
-      if (char !== '' && isValid) {
+      if (char !== '' && isValid && i <= lastTyppedCharIndex) {
         result += char;
       } else {
         isValid = false;
@@ -398,107 +421,82 @@ function InputMask2() {
   // GENERAL EVENT HANDLERS | START //
 
   var onChange = function onChange(e) {
-    var value = e.target.value;
     clearErrorMessage();
-    var char = e.nativeEvent.data;
-    var cursor = e.target.selectionStart - 1;
-
-    if (char && !isValidChar({
-      char: char,
-      i: cursor
-    })) {
-      e.preventDefault();
-      e.stopPropagation();
-      setCursor(cursor);
-      setBlinkError(true);
-      return false;
+    var _e$target = e.target,
+        value = _e$target.value,
+        caretPos = _e$target.selectionStart,
+        char = e.nativeEvent.data;
+    setValue(value);
+    var caretOffset = value.length - caretPos; // Correct Caret Position
+
+    if (!value.lastIndexEqualsTo(caretPos - 1)) {
+      if (value.longerThan(inputValue)) {
+        if (!isValidChar({
+          char: char,
+          i: caretPos - 1
+        })) {
+          (0, _utils.disableDefaultBehavior)(e);
+          setCaret(caretPos - 1);
+        } else {
+          var newCaretPos = value.length - caretOffset;
+          setCaret(isSpecialSymbol(newCaretPos) ? newCaretPos + 1 : newCaretPos);
+        }
+      } else if (inputValue.longerThan(value)) {
+        switch (getKeyDown()) {
+          case _index.KEYBOARD_KEY_CODES.Backspace:
+            if (isSpecialSymbol(caretPos)) {
+              (0, _utils.disableDefaultBehavior)(e);
+            }
+
+            setCaret(caretPos);
+            break;
+
+          case _index.KEYBOARD_KEY_CODES.Delete:
+            if (isSpecialSymbol(caretPos)) {
+              (0, _utils.disableDefaultBehavior)(e);
+              setCaret(caretPos + 1);
+            } else {
+              setCaret(caretPos);
+            }
+
+            break;
+        }
+      }
     }
+    /* Checking if the character is a special symbol and if it is not, it is checking if the character
+    is valid or not. If it is not valid, it will blink the error. */
 
-    setValue(value);
 
     if (blinkErrors) {
       setTimeout(function () {
-        if (inputValue === getInputValue() && getInputValue()[cursor] !== char) setBlinkError(true);
-      }, 10);
+        if ((value.longerThan(inputValue) && !isSpecialSymbol(caretPos - 1) || inputValue.longerThan(value) && !isSpecialSymbol(caretPos)) && (char && !isValidChar({
+          char: char,
+          i: caretPos - 1
+        }) || inputValue === getInputValue() && getInputValue()[caretPos - 1] !== char)) {
+          (0, _utils.disableDefaultBehavior)(e);
+          setBlinkError(true);
+        }
+      }, 0);
     }
   };
 
   var onKeyDown = function onKeyDown(e) {
-    var _getCharByIndex2;
-
     onKeyDownProp === null || onKeyDownProp === void 0 ? void 0 : onKeyDownProp(e);
     var keyCode = e.keyCode,
-        key = e.key;
-    var cursor = e.target.selectionStart;
-
-    if (keyCode === 36) {
-      setCursor(0);
-      return;
-    }
-
-    if (keyCode !== 8 && keyCode !== 37 && (_getCharByIndex2 = getCharByIndex(cursor)) !== null && _getCharByIndex2 !== void 0 && _getCharByIndex2.isSpecialSymbol) {
-      if (keyCode === 46) {
-        e.preventDefault();
-        e.stopPropagation();
-      }
-
-      while ((_getCharByIndex3 = getCharByIndex(cursor)) !== null && _getCharByIndex3 !== void 0 && _getCharByIndex3.isSpecialSymbol && cursor <= maxEditableIndex) {
-        var _getCharByIndex3;
-
-        ++cursor;
-      }
-
-      setCursor(cursor);
-      return;
-    }
-
-    if (keyCode === 8) {
-      var _getCharByIndex4;
-
-      if ((_getCharByIndex4 = getCharByIndex(cursor - 1)) !== null && _getCharByIndex4 !== void 0 && _getCharByIndex4.isSpecialSymbol) {
-        e.preventDefault();
-        e.stopPropagation();
-
-        while ((_getCharByIndex5 = getCharByIndex(cursor - 1)) !== null && _getCharByIndex5 !== void 0 && _getCharByIndex5.isSpecialSymbol && cursor > 0) {
-          var _getCharByIndex5;
-
-          --cursor;
-        }
-
-        setCursor(cursor);
-        return;
-      } else {
-        if (cursor >= 1) setCursor(cursor - 1);
-        return;
-      }
-    }
-
-    if (keyCode === 46) {
-      setCursor(cursor);
-      return;
-    }
+        key = e.key,
+        value = e.target.value;
+    setKeyDown(keyCode);
+    var caretPos = e.target.selectionStart;
 
-    if (cursor > maxEditableIndex) {
-      setCursor(maxEditableIndex);
+    if (caretPos > maxEditableIndex) {
+      setCaret(maxEditableIndex);
       return;
     }
-
-    if (isValidChar({
-      char: key,
-      i: cursor,
-      disableErrors: true
-    })) {
-      while ((_getCharByIndex6 = getCharByIndex(cursor + 1)) !== null && _getCharByIndex6 !== void 0 && _getCharByIndex6.isSpecialSymbol && cursor < maxEditableIndex) {
-        var _getCharByIndex6;
-
-        ++cursor;
-      }
-
-      setCursor(cursor + 1);
-    }
   };
 
   var onKeyUp = function onKeyUp(e) {
+    setKeyDown(null); // On Filled Callback
+
     if (inputValue.length === maskPattern.length && e.target.selectionStart >= maxEditableIndex) onFilledProp();
   };
 
@@ -509,7 +507,7 @@ function InputMask2() {
     e.preventDefault();
     resetInnerValue();
     inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
-    setCursor(0);
+    setCaret(0);
     clearErrorMessage();
   };
 
@@ -525,7 +523,7 @@ function InputMask2() {
 
   var onClick = function onClick(e) {
     var cursor = e.target.selectionStart;
-    if (cursor >= maxEditableIndex) setCursor(maxEditableIndex);
+    if (cursor >= maxEditableIndex) setCaret(maxEditableIndex);
   }; // GENERAL EVENT HANDLERS | END //
   /// --- OBSERVERS ---///
   // Render Mask
@@ -536,10 +534,9 @@ function InputMask2() {
     setInnerValue([]);
     setMaskRendered(false);
     if (!maskPattern) maskPattern = '';
-    maskPattern.split('').map(function (char, id, i) {
+    maskPattern.split('').map(function (char, id) {
       addInnerValueChar({
         char: char,
-        i: i,
         data: {
           id: id,
           isReadOnly: id === maskPattern.length
@@ -556,13 +553,7 @@ function InputMask2() {
       setValue(value);
       setIsInitValue(true);
     }
-  }, [isMaskRendered, value, isInitValue]); // Default Focused
-
-  (0, _react.useEffect)(function () {
-    if (isFocusedDefault && isMaskRendered) {
-      setFocusOnChar(0, -1);
-    }
-  }, [isFocusedDefault, isMaskRendered]); // OnChange Observer
+  }, [isMaskRendered, value, isInitValue]); // OnChange Observer
 
   (0, _react.useEffect)(function () {
     if (isMaskRendered && isInitValue) {

package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js

@@ -432,15 +432,15 @@ function RangeSlider2(_ref) {
     points -= points % step;
     if (points < min) points = min;
     if (points > max) points = max;
-    return points;
+    return points - 1;
   };
 
   var getTriggerCollisionDirection = function getTriggerCollisionDirection(index, points) {
     var _triggers, _triggers2;
 
     if (index <= 0) return points;
-    var triggerBefore = (triggers === null || triggers === void 0 ? void 0 : (_triggers = triggers[index - 1]) === null || _triggers === void 0 ? void 0 : _triggers.value) + minRange,
-        triggerAfter = (triggers === null || triggers === void 0 ? void 0 : (_triggers2 = triggers[index + 1]) === null || _triggers2 === void 0 ? void 0 : _triggers2.value) - minRange;
+    var triggerBefore = (triggers === null || triggers === void 0 ? void 0 : (_triggers = triggers[index - 1]) === null || _triggers === void 0 ? void 0 : _triggers.value) + minRange - 1,
+        triggerAfter = (triggers === null || triggers === void 0 ? void 0 : (_triggers2 = triggers[index + 1]) === null || _triggers2 === void 0 ? void 0 : _triggers2.value) - minRange - 1;
     if (triggerBefore === triggerAfter) return BOTH_COLLISION;else if (points === triggerBefore) return LEFT_COLLISSION;else if (points === triggerAfter) return RIGHT_COLLISION;else return NO_COLLISION;
   };
 
@@ -448,8 +448,8 @@ function RangeSlider2(_ref) {
     var _triggers3, _triggers4;
 
     if (index <= 0) return points;
-    var triggerBefore = (triggers === null || triggers === void 0 ? void 0 : (_triggers3 = triggers[index - 1]) === null || _triggers3 === void 0 ? void 0 : _triggers3.value) + minRange,
-        triggerAfter = (triggers === null || triggers === void 0 ? void 0 : (_triggers4 = triggers[index + 1]) === null || _triggers4 === void 0 ? void 0 : _triggers4.value) - minRange;
+    var triggerBefore = (triggers === null || triggers === void 0 ? void 0 : (_triggers3 = triggers[index - 1]) === null || _triggers3 === void 0 ? void 0 : _triggers3.value) + minRange - 1,
+        triggerAfter = (triggers === null || triggers === void 0 ? void 0 : (_triggers4 = triggers[index + 1]) === null || _triggers4 === void 0 ? void 0 : _triggers4.value) - minRange - 1;
     if (points < triggerBefore) return triggerBefore;else if (points > triggerAfter) return triggerAfter;else return points;
   };
 
@@ -459,8 +459,8 @@ function RangeSlider2(_ref) {
     if (!inRange) return 0;
     var from = inRange.from,
         to = inRange.to;
-    var triggerBefore = from === min ? from + minRange : from + minRange - 1;
-    var triggerAfter = to - minRange;
+    var triggerBefore = from + minRange - 1;
+    var triggerAfter = to - minRange - 1;
     if (triggerBefore === triggerAfter) return BOTH_COLLISION;else if (triggerScore <= triggerBefore) return LEFT_COLLISSION;else if (triggerScore >= triggerAfter) return RIGHT_COLLISION;else return NO_COLLISION;
   };
 
@@ -481,9 +481,9 @@ function RangeSlider2(_ref) {
       }
 
       if (from <= score && score <= from + minRange) {
-        return from + minRange;
+        return from + minRange - 1;
       } else if (to - minRange <= score && score <= to) {
-        return to - minRange;
+        return to - minRange - 1;
       } else {
         return result;
       }
@@ -509,8 +509,8 @@ function RangeSlider2(_ref) {
       }, null);
 
       if (closestRange) {
-        if ((closestRange === null || closestRange === void 0 ? void 0 : closestRange.to) < score) result = (closestRange === null || closestRange === void 0 ? void 0 : closestRange.to) - minRange;
-        if (score < (closestRange === null || closestRange === void 0 ? void 0 : closestRange.from)) result = (closestRange === null || closestRange === void 0 ? void 0 : closestRange.from) + minRange;
+        if ((closestRange === null || closestRange === void 0 ? void 0 : closestRange.to) < score) result = (closestRange === null || closestRange === void 0 ? void 0 : closestRange.to) - minRange - 1;
+        if (score < (closestRange === null || closestRange === void 0 ? void 0 : closestRange.from)) result = (closestRange === null || closestRange === void 0 ? void 0 : closestRange.from) + minRange - 1;
       }
     }
 
@@ -760,7 +760,7 @@ function RangeSlider2(_ref) {
       return !isHidden;
     }).length);
     var x = getAddTriggerPosition();
-    var score = isAddTriggerFixed ? addTriggerFixedScore : isNoTriggers && !isMouseOverTrack ? (min + max) / 2 : getAddTriggerScore(x);
+    var score = isAddTriggerFixed ? addTriggerFixedScore : isNoTriggers && !isMouseOverTrack ? (min + max) / 2 - 1 : getAddTriggerScore(x);
     var triggerCollision = !isAddTriggerFixed ? getAddTriggerCollisionDirection(x) : NO_COLLISION;
     var isLeftCollision = triggerCollision === LEFT_COLLISSION;
     var isRightCollision = triggerCollision === RIGHT_COLLISION;

package/dist/Atomic/UI/DoubleString/DoubleString.js

@@ -2,12 +2,16 @@
 
 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 = _interopRequireDefault(require("react"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -15,6 +19,10 @@ var _moment = _interopRequireDefault(require("moment"));
 
 require("./DoubleString.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 = 'double-string';
 
 var DoubleString = function DoubleString(_ref) {
@@ -31,14 +39,39 @@ var DoubleString = function DoubleString(_ref) {
       _ref$dateFormatSettin3 = _ref$dateFormatSettin.displayFormat,
       displayFormat = _ref$dateFormatSettin3 === void 0 ? 'MM.DD.YYYY' : _ref$dateFormatSettin3;
   var computedValue = isFormatValueToDate ? (0, _moment.default)(value, parseFormat).format(displayFormat) : value;
+  var valueRef = (0, _react.useRef)(null);
+  var descriptionRef = (0, _react.useRef)(null);
+
+  var _useState = (0, _react.useState)({
+    valueWidth: 0,
+    descriptionWidth: 0
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      elemsWidth = _useState2[0],
+      setElemsWidth = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var _valueRef$current, _descriptionRef$curre;
+
+    var valueWidth = valueRef === null || valueRef === void 0 ? void 0 : (_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : _valueRef$current.clientWidth;
+    var descriptionWidth = descriptionRef === null || descriptionRef === void 0 ? void 0 : (_descriptionRef$curre = descriptionRef.current) === null || _descriptionRef$curre === void 0 ? void 0 : _descriptionRef$curre.clientWidth;
+    setElemsWidth({
+      valueWidth: valueWidth,
+      descriptionWidth: descriptionWidth
+    });
+  }, [descriptionRef, valueRef]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className)
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    ref: valueRef,
     "data-testid": "doubleString--".concat(testId, "--value"),
-    className: (0, _classnames.default)("".concat(RC, "__value"))
-  }, computedValue), /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)("".concat(RC, "__value")),
+    title: elemsWidth.valueWidth > 99 ? computedValue : ''
+  }, computedValue), /*#__PURE__*/_react.default.createElement("p", {
+    ref: descriptionRef,
     "data-testid": "doubleString--".concat(description, "--value"),
-    className: (0, _classnames.default)("".concat(RC, "__description"))
+    className: (0, _classnames.default)("".concat(RC, "__description")),
+    title: elemsWidth.descriptionWidth > 99 ? computedValue : ''
   }, description));
 };
 

package/dist/Atomic/UI/DoubleString/DoubleString.scss

@@ -7,7 +7,6 @@
   &__value,
   &__description {
     color: inherit;
-
     font-family: inherit;
     font-size: inherit;
     font-weight: inherit;
@@ -16,14 +15,14 @@
 
   &__value {
     overflow: hidden;
-
-    margin-bottom: 4px;
-
+    margin: 0 0 4px;
     white-space: nowrap;
     text-overflow: ellipsis;
+    max-width: 100px;
   }
 
   &__description {
     color: #9AA0B9;
+    margin: 0;
   }
 }

package/dist/Constants/index.constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DEFAULT_COLORS = exports.DEFAULT_DATE_MASK_NO_VALUE_SYMBOL = exports.MAX_NAME_LENGTH = exports.MAX_PHONE_LENGTH = exports.KEYBOARD_SERVICE_KEYS = void 0;
+exports.OS = exports.KEYBOARD_KEY_CODES = exports.DEFAULT_COLORS = exports.DEFAULT_DATE_MASK_NO_VALUE_SYMBOL = exports.MAX_NAME_LENGTH = exports.MAX_PHONE_LENGTH = exports.KEYBOARD_SERVICE_KEYS = void 0;
 var KEYBOARD_SERVICE_KEYS = ['Escape', 'F1', 'F2', 'F3', 'F4', 'F5', 'F6', 'F7', 'F8', 'F9', 'F10', 'F11', 'F12', 'Tab', 'CapsLock', 'Shift', 'Control', 'Meta', 'Option', 'Alt', 'ContextMenu', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'NumLock', 'Backspace', 'Delete', 'Enter', 'Return', 'Insert', 'Home', 'End', 'PageUp', 'PageDown', 'PrintScreen', 'ScrollLock', 'Pause'];
 exports.KEYBOARD_SERVICE_KEYS = KEYBOARD_SERVICE_KEYS;
 var MAX_PHONE_LENGTH = 10;
@@ -13,4 +13,19 @@ exports.MAX_NAME_LENGTH = MAX_NAME_LENGTH;
 var DEFAULT_DATE_MASK_NO_VALUE_SYMBOL = '_';
 exports.DEFAULT_DATE_MASK_NO_VALUE_SYMBOL = DEFAULT_DATE_MASK_NO_VALUE_SYMBOL;
 var DEFAULT_COLORS = ['#D9C1FF', '#FFBAF0', '#FFB8CE', '#FFC3A2', '#FFDB7C', '#F9F871', '#C3FCF1', '#F6F2CB', '#E0F8D1', '#B1DFFB', '#8DECFE', '#76F7ED', '#8AFEC8'];
-exports.DEFAULT_COLORS = DEFAULT_COLORS;
+exports.DEFAULT_COLORS = DEFAULT_COLORS;
+var KEYBOARD_KEY_CODES = {
+  Backspace: 8,
+  Delete: 46
+};
+exports.KEYBOARD_KEY_CODES = KEYBOARD_KEY_CODES;
+var OS = {
+  iOS: 'iOS',
+  Android: 'Android',
+  WP: 'Windows Phone',
+  Linux: 'Linux',
+  Windows: 'Windows',
+  MacOS: 'MacOS',
+  Unknown: 'unknown'
+};
+exports.OS = OS;

package/dist/Functions/locale/createTranslator.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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; }
+
+var DEFAULT_CODE = 'en';
+/**
+ * Эта функция создает переводчик, основанный на указанных языковых каталогах.
+ *Устанавливается язык, основанный на предыдущих локальных настройках,
+ *или язык по умолчанию, если нет локальных настроек.
+ *Затем эта функция производит поиск текста перевода среди языковых
+ *каталогов и может заменить значения плейсхолдеров в тексте на переданные значения.
+ *@param {Object} langCatalogs - Языковые каталоги
+ *@param {string} text - Исходный текст
+ *@param {Object=} values - Объект со значениями для подстановки
+ */
+
+var _default = createTranslator = function createTranslator(_ref) {
+  var langCatalogs = (0, _extends2.default)({}, _ref);
+
+  var loc = _objectSpread({}, langCatalogs);
+
+  var code = window.localStorage.getItem('lng');
+  if (!code) code = window.navigator ? window.navigator.language.split('-')[0] : DEFAULT_CODE;
+  if (!loc[code]) code = DEFAULT_CODE;
+  return function (text) {
+    var values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var translatedText = loc[code] && loc[code][text] ? loc[code][text] : text;
+
+    if (Object.keys(values).length) {
+      for (var key in values) {
+        var _translatedText;
+
+        translatedText = (_translatedText = translatedText) === null || _translatedText === void 0 ? void 0 : _translatedText.replace("%".concat(key, "%"), values[key]);
+      }
+    }
+
+    return translatedText;
+  };
+};
+
+exports.default = _default;

package/dist/Functions/operations.js

@@ -112,7 +112,10 @@ var addRangeDefault = function addRangeDefault(from, to, currentValues, decimalP
         acc.from = null;
         processTo();
       } else {
-        acc.result = [].concat((0, _toConsumableArray2.default)(acc.result), (0, _toConsumableArray2.default)(!isRangeMustBeIncludet ? [range] : []));
+        acc.result = [].concat((0, _toConsumableArray2.default)(acc.result), (0, _toConsumableArray2.default)(!isRangeMustBeIncludet ? [range] : []), [{
+          from: Math.round10(acc.from, -1 * decimalPlaces),
+          to: Math.round10(acc.to, -1 * decimalPlaces)
+        }]);
       }
     }
     return acc;

package/dist/Functions/useFieldFocus.js

@@ -0,0 +1,118 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useFieldsFocus;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _react = require("react");
+
+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; }
+
+/**
+ * It adds refs to each field in the form, and provides a function to set focus to a field by key
+ * @returns An object with two functions.
+ */
+function useFieldsFocus(_ref) {
+  var form = _ref.form,
+      setForm = _ref.setForm;
+  var isFormAsObject = Boolean((0, _typeof2.default)(form) === 'object' && !Array.isArray(form));
+
+  var getField = function getField(key) {
+    if (isFormAsObject) {
+      var _form$key, _Object$values;
+
+      return (_form$key = form === null || form === void 0 ? void 0 : form[key]) !== null && _form$key !== void 0 ? _form$key : (_Object$values = Object.values(form)) === null || _Object$values === void 0 ? void 0 : _Object$values.find(function (field) {
+        return field.key === key;
+      });
+    } else {
+      return form === null || form === void 0 ? void 0 : form.find(function (field) {
+        return field.key === key;
+      });
+    }
+  };
+
+  var getErroredFields = function getErroredFields() {
+    if (isFormAsObject) {
+      var _Object$values2;
+
+      return (_Object$values2 = Object.values(form)) === null || _Object$values2 === void 0 ? void 0 : _Object$values2.filter(function (field) {
+        return field.error;
+      });
+    } else {
+      return form === null || form === void 0 ? void 0 : form.filter(function (f) {
+        return f === null || f === void 0 ? void 0 : f.error;
+      });
+    }
+  };
+
+  var addRefsToFields = function addRefsToFields() {
+    if (isFormAsObject) {
+      setForm(function (form) {
+        var _Object$keys;
+
+        return (_Object$keys = Object.keys(form)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.reduce(function (result, key) {
+          var field = form[key];
+          return _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, key, _objectSpread(_objectSpread({}, field), {}, {
+            ref: /*#__PURE__*/(0, _react.createRef)(),
+            wrapperRef: /*#__PURE__*/(0, _react.createRef)()
+          })));
+        }, {});
+      });
+    } else {
+      setForm(function (form) {
+        return form === null || form === void 0 ? void 0 : form.map(function (field) {
+          field.ref = /*#__PURE__*/(0, _react.createRef)();
+          field.wrapperRef = /*#__PURE__*/(0, _react.createRef)();
+          return field;
+        });
+      });
+    }
+  };
+
+  var toggleFieldFocus = function toggleFieldFocus(_ref2) {
+    var field = _ref2.field,
+        _ref2$action = _ref2.action,
+        action = _ref2$action === void 0 ? 'focus' : _ref2$action;
+    if (!field || !(field !== null && field !== void 0 && field.ref)) return null;
+    setTimeout(function () {
+      var _field$ref$current, _field$ref$current$qu;
+
+      (_field$ref$current = field.ref.current) === null || _field$ref$current === void 0 ? void 0 : (_field$ref$current$qu = _field$ref$current.querySelector((field === null || field === void 0 ? void 0 : field.focusSelector) || 'input')) === null || _field$ref$current$qu === void 0 ? void 0 : _field$ref$current$qu[action]();
+    }, 50);
+  };
+
+  var setFocusTo = function setFocusTo(key) {
+    var field = getField(key);
+    if (!field) return false;
+    toggleFieldFocus({
+      field: field
+    });
+  };
+
+  var setFocusToErroredField = function setFocusToErroredField() {
+    var _getErroredFields;
+
+    var field = (_getErroredFields = getErroredFields()) === null || _getErroredFields === void 0 ? void 0 : _getErroredFields[0];
+    if (!field) return false;
+    toggleFieldFocus({
+      field: field
+    });
+  };
+
+  (0, _react.useEffect)(function () {
+    addRefsToFields();
+  }, [form === null || form === void 0 ? void 0 : form.length]);
+  return {
+    setFocusTo: setFocusTo,
+    setFocusToErroredField: setFocusToErroredField
+  };
+}

package/dist/Functions/useLocalStorage.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+/**
+ * The useLocalStorage function is a hook that allows you to store and retrieve data from localStorage.
+ *
+ *
+ * @param key Store the value in localstorage
+ * @param initialValue Set the initial value of the state
+ *
+ * @return An array of two values
+ *
+ * @docauthor Trelent
+ */
+var useLocalStorage = function useLocalStorage(key, initialValue) {
+  var _useState = (0, _react.useState)(function () {
+    if (typeof window === 'undefined') {
+      return initialValue;
+    }
+
+    try {
+      var item = window.localStorage.getItem(key);
+      return item ? JSON.parse(item) : initialValue;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+      return initialValue;
+    }
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      storedValue = _useState2[0],
+      setStoredValue = _useState2[1];
+
+  var setValue = function setValue(value) {
+    try {
+      var valueToStore = value instanceof Function ? value(storedValue) : value;
+      setStoredValue(valueToStore);
+
+      if (typeof window !== 'undefined') {
+        window.localStorage.setItem(key, JSON.stringify(valueToStore));
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  };
+
+  return [storedValue, setValue];
+};
+
+var _default = useLocalStorage;
+exports.default = _default;

package/dist/Functions/useOnlineStatus.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+/**
+ * The useOnlineStatus function returns a boolean value that indicates whether the user is online or not.
+ * It also updates the state of this boolean value whenever the user goes online or offline.
+
+ *
+ *
+ * @return The online status of the user
+
+ */
+var useOnlineStatus = function useOnlineStatus() {
+  function getOnlineStatus() {
+    return typeof navigator !== 'undefined' && typeof navigator.onLine === 'boolean' ? navigator.onLine : true;
+  }
+
+  var _useState = (0, _react.useState)(getOnlineStatus()),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      onlineStatus = _useState2[0],
+      setOnlineStatus = _useState2[1];
+
+  var goOnline = function goOnline() {
+    return setOnlineStatus(true);
+  };
+
+  var goOffline = function goOffline() {
+    return setOnlineStatus(false);
+  };
+
+  (0, _react.useEffect)(function () {
+    window.addEventListener('online', goOnline);
+    window.addEventListener('offline', goOffline);
+    return function () {
+      window.removeEventListener('online', goOnline);
+      window.removeEventListener('offline', goOffline);
+    };
+  }, []);
+  return onlineStatus;
+};
+
+var _default = useOnlineStatus;
+exports.default = _default;

package/dist/Functions/usePrevious.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+/**
+ * The usePrevious function is a hook that allows you to access the previous value of a state variable.
+ *
+ *
+ * @param value Pass the value of the input field to
+const searchbar = ({ onsubmit, searchterm }) => {
+  const [searchvalue, setsearchvalue] = usestate('');
+
+
+ *
+ * @return The previous value of the inputted value
+ */
+function usePrevious(value) {
+  var ref = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+
+var _default = usePrevious;
+exports.default = _default;

package/dist/Functions/useResize.js

@@ -11,6 +11,24 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = require("react");
 
+/**
+        * The useResize function is a hook that returns the position of an element relative to the viewport.
+        *
+        *
+        * @param element=null Pass the ref to the component
+       export default function resize() {
+         const element = useref();
+
+         const {elemposition} = useresize(element);
+
+         return (
+           <div classname="resize">
+             <h2>resize</h2>
+
+             <p>the following example shows how to add a resize listener
+        *
+        * @return An object with two properties:
+        */
 var useResize = function useResize() {
   var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
 

package/dist/Functions/useScrollTo.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var useScrollTo = function useScrollTo(reference) {
+  var ref = (0, _react.useRef)(reference);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      shouldScrollTo = _useState2[0],
+      setShouldScrollTo = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    if (ref !== null && ref !== void 0 && ref.current && shouldScrollTo) {
+      var _ref$current, _ref$current$scrollIn;
+
+      ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : (_ref$current$scrollIn = _ref$current.scrollIntoView) === null || _ref$current$scrollIn === void 0 ? void 0 : _ref$current$scrollIn.call(_ref$current, {
+        behavior: 'smooth'
+      });
+      setShouldScrollTo(false);
+    }
+  }, [shouldScrollTo]);
+  return [ref, setShouldScrollTo];
+};
+
+var _default = useScrollTo;
+exports.default = _default;

package/dist/Functions/utils.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.transformUTCTimeToLocal = transformUTCTimeToLocal;
 exports.transformUTCHoursToLocal = transformUTCHoursToLocal;
 exports.downloadEmulation = downloadEmulation;
-exports.renderFileSize = exports.getBase64 = exports.compareAlphabetical = exports.setCarretToEnd = exports.compare = exports.downloadFile = exports.checkedRef = exports.capitalized = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
+exports.disableDefaultBehavior = exports.getOS = exports.renderFileSize = exports.getBase64 = exports.compareAlphabetical = exports.setCarretToEnd = exports.compare = exports.downloadFile = exports.checkedRef = exports.capitalized = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -392,18 +392,20 @@ var compareAlphabetical = function compareAlphabetical(a, b) {
 exports.compareAlphabetical = compareAlphabetical;
 
 var getBase64 = function getBase64(file) {
-  return new Promise(function (resolve, reject) {
-    var reader = new FileReader();
-    reader.readAsDataURL(file);
-
-    reader.onload = function () {
-      return resolve(reader.result);
-    };
-
-    reader.onerror = function (error) {
-      return reject('Error: ', error);
-    };
-  });
+  if (file) {
+    return new Promise(function (resolve, reject) {
+      var reader = new FileReader();
+      reader.readAsDataURL(file);
+
+      reader.onload = function () {
+        return resolve(reader.result);
+      };
+
+      reader.onerror = function (error) {
+        return reject('Error: ', error);
+      };
+    });
+  }
 };
 
 exports.getBase64 = getBase64;
@@ -417,5 +419,101 @@ var renderFileSize = function renderFileSize(bytes) {
   var i = Math.floor(Math.log(bytes) / Math.log(k));
   return "".concat(parseFloat((bytes / Math.pow(k, i)).toFixed(dm)), " ").concat(sizes[i]);
 };
+/**
+ * If the platform is one of the macOS platforms, return macOS. If the platform is one of the iOS
+ * platforms, return iOS. If the platform is one of the Windows platforms, return Windows. If the user
+ * agent contains Android, return Android. If the platform contains Linux, return Linux. Otherwise,
+ * return Unknown
+ */
+
+
+exports.renderFileSize = renderFileSize;
+
+var getOS = function getOS() {
+  var _window$navigator, _window$navigator$use;
+
+  var userAgent = window.navigator.userAgent,
+      platform = ((_window$navigator = window.navigator) === null || _window$navigator === void 0 ? void 0 : (_window$navigator$use = _window$navigator.userAgentData) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform,
+      macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'],
+      windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'],
+      iosPlatforms = ['iPhone', 'iPad', 'iPod'],
+      os = _index.OS.Unknown;
+
+  if (macosPlatforms.indexOf(platform) !== -1) {
+    os = _index.OS.MacOS;
+  } else if (iosPlatforms.indexOf(platform) !== -1) {
+    os = _index.OS.iOS;
+  } else if (windowsPlatforms.indexOf(platform) !== -1) {
+    os = _index.OS.Windows;
+  } else if (/Android/.test(userAgent)) {
+    os = _index.OS.Android;
+  } else if (/Linux/.test(platform)) {
+    os = _index.OS.Linux;
+  }
+
+  return os;
+};
+/**
+ * It prevents the default behavior of an event and stops the event from bubbling up the DOM tree.
+ * @param e - The event object
+ */
+
+
+exports.getOS = getOS;
+
+var disableDefaultBehavior = function disableDefaultBehavior(e) {
+  e === null || e === void 0 ? void 0 : e.preventDefault();
+  e === null || e === void 0 ? void 0 : e.stopPropagation();
+};
 
-exports.renderFileSize = renderFileSize;
+exports.disableDefaultBehavior = disableDefaultBehavior;
+
+String.prototype.longerThan = function (compareWith) {
+  return (this === null || this === void 0 ? void 0 : this.length) > (compareWith === null || compareWith === void 0 ? void 0 : compareWith.length);
+};
+
+String.prototype.lastIndexEqualsTo = function (index) {
+  return (this === null || this === void 0 ? void 0 : this.length) - 1 === index;
+};
+/**
+ * It checks if the dependencies are satisfied, and if they are, it returns the dependend function.
+ * Otherwise, it returns an empty function
+ * @param dependendFunction - The function that will be called if the dependencies are satisfied.
+ * @param [dependencies] - It is an array of dependencies.
+ * @returns A function that will return the result of `dependendFunction` if `isDependenciesSatisfied`
+ * is true. Otherwise, it will return a function that will return nothing.
+ */
+// -- FEATURE -- //
+// export const getDependendFunction = (dependendFunction, dependencies = []) => {
+//   /* It checks if `Dependencies` is an array. If it is not, it throws an exception and returns false. */
+//   if (!Array.isArray(dependencies)) {
+//     throw new Error('Dependencies must be an Array');
+//     return false;
+//   }
+//   const compareItem = (item) => {
+//     let [valueToCompare, compareWith] = item;
+//     /* If `valueToCompare` is a function, it will call it and assign the result to `valueToCompare`.
+//     Otherwise, it will just assign `valueToCompare` to `valueToCompare`. */
+//     valueToCompare = typeof valueToCompare === 'function' ? valueToCompare() : valueToCompare;
+//     if (Array.isArray(compareWith)) {
+//       return compareWith.reduce((isDependenciesItemSatisfied, compareWithItem) => {
+//         if (!isDependenciesItemSatisfied) return false;
+//         return (typeof compareWithItem === 'function' ? compareWithItem() === valueToCompare : compareWithItem === valueToCompare);
+//       }, true);
+//     } else {
+//       compareWith = typeof compareWith === 'function' ? compareWith() : compareWith;
+//       return (valueToCompare === compareWith);
+//     }
+//   }
+//   // Check Dependencies
+//   const isDependenciesSatisfied = dependencies.length === 2 && !Array.isArray(dependencies[0]) ? compareItem(dependencies) : dependencies?.reduce((isDependenciesSatisfied, item, i, dependenciesArr) => {
+//     if (!isDependenciesSatisfied) return false;
+//     /* It checks if `Dependencies Item` is an array. If it is not, it throws an exception and returns false. */
+//     if (!Array.isArray(item)) {
+//       throw new Error('Dependencies Item must be an Array');
+//       return false;
+//     }
+//     return compareItem(item);
+//   }, true);
+//   return isDependenciesSatisfied ? dependendFunction : () => {};
+// };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.0.83",
+  "version": "1.0.85",
   "description": "",
   "main": "dist/index.js",
   "files": [