intelicoreact 0.1.57 → 0.1.60

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

@@ -21,7 +21,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactFeather = require("react-feather");
 
-var _index2 = require("../../../Constants/index.constants");
+var _indexConstants = require("./../../../Constants/index.constants.js");
 
 var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
 
@@ -114,23 +114,28 @@ function InputMask() {
   var _useState5 = (0, _react.useState)(false),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       isFocused = _useState6[0],
-      setFocused = _useState6[1]; // ERRORS MANAGEMENT FUNCTIONS | START //
-
+      setFocused = _useState6[1];
 
   var _useState7 = (0, _react.useState)(false),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      isError = _useState8[0],
-      setError = _useState8[1];
+      isInitValue = _useState8[0],
+      setIsInitValue = _useState8[1]; // ERRORS MANAGEMENT FUNCTIONS | START //
+
 
   var _useState9 = (0, _react.useState)(false),
       _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      blinkError = _useState10[0],
-      setBlinkError = _useState10[1];
+      isError = _useState10[0],
+      setError = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(errors.default),
+  var _useState11 = (0, _react.useState)(false),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      errorMessage = _useState12[0],
-      setErrorMessage = _useState12[1];
+      blinkError = _useState12[0],
+      setBlinkError = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(errors.default),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      errorMessage = _useState14[0],
+      setErrorMessage = _useState14[1];
 
   var clearErrorMessage = function clearErrorMessage() {
     return setErrorMessage(errors.default);
@@ -138,32 +143,32 @@ function InputMask() {
   // SELECTION MANAGEMENT FUNCTIONS | START //
 
 
-  var _useState13 = (0, _react.useState)(false),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      isSelecting = _useState14[0],
-      setIsSelecting = _useState14[1];
-
-  var _useState15 = (0, _react.useState)(''),
+  var _useState15 = (0, _react.useState)(false),
       _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      selectedText = _useState16[0],
-      setSelectedText = _useState16[1];
+      isSelecting = _useState16[0],
+      setIsSelecting = _useState16[1];
 
-  var _useState17 = (0, _react.useState)(null),
+  var _useState17 = (0, _react.useState)(''),
       _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      selectionStartX = _useState18[0],
-      setSelectionStartX = _useState18[1];
+      selectedText = _useState18[0],
+      setSelectedText = _useState18[1];
 
   var _useState19 = (0, _react.useState)(null),
       _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      selectionEndX = _useState20[0],
-      setSelectionEndX = _useState20[1]; // SELECTION MANAGEMENT FUNCTIONS | END //
+      selectionStartX = _useState20[0],
+      setSelectionStartX = _useState20[1];
+
+  var _useState21 = (0, _react.useState)(null),
+      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
+      selectionEndX = _useState22[0],
+      setSelectionEndX = _useState22[1]; // SELECTION MANAGEMENT FUNCTIONS | END //
   // SERVICE WATCHERS MANAGEMENT FUNCTIONS | START //
 
 
-  var _useState21 = (0, _react.useState)([]),
-      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      serviceWatchers = _useState22[0],
-      setServiceWatchers = _useState22[1];
+  var _useState23 = (0, _react.useState)([]),
+      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
+      serviceWatchers = _useState24[0],
+      setServiceWatchers = _useState24[1];
 
   var pushServiceWatcher = function pushServiceWatcher(fn) {
     return setServiceWatchers(function (state) {
@@ -193,10 +198,10 @@ function InputMask() {
   }, [serviceWatchers]); // SERVICE WATCHERS MANAGEMENT FUNCTIONS | END //
   // INNER VALUE MANAGEMENT FUNCTIONS | START //
 
-  var _useState23 = (0, _react.useState)([]),
-      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
-      innerValue = _useState24[0],
-      setInnerValue = _useState24[1];
+  var _useState25 = (0, _react.useState)([]),
+      _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
+      innerValue = _useState26[0],
+      setInnerValue = _useState26[1];
 
   var addInnerValueChar = function addInnerValueChar(_ref2) {
     var char = _ref2.char,
@@ -227,6 +232,7 @@ function InputMask() {
 
     var i = arguments.length > 1 ? arguments[1] : undefined;
     setInnerValue(function (state) {
+      if (!state[i]) return state;
       var stateCopy = (0, _toConsumableArray2.default)(state);
       if (!stateCopy[i].isSpecialSymbol && char !== null) stateCopy[i].char = char;
       if (isSelected !== null) stateCopy[i].isSelected = isSelected;
@@ -245,16 +251,11 @@ function InputMask() {
   // CHECKERS | START //
 
 
-  var isSpecialSymbolMaskChar = function isSpecialSymbolMaskChar(_ref4) {
-    var char = _ref4.char;
-    return !(0, _functions.isDigitMaskChar)(char) && !(0, _functions.isLetterMaskChar)(char);
-  };
-
-  var isValidChar = function isValidChar(_ref5) {
-    var key = _ref5.char,
-        i = _ref5.i,
-        _ref5$disableErrors = _ref5.disableErrors,
-        disableErrors = _ref5$disableErrors === void 0 ? false : _ref5$disableErrors;
+  var isValidChar = function isValidChar(_ref4) {
+    var key = _ref4.char,
+        i = _ref4.i,
+        _ref4$disableErrors = _ref4.disableErrors,
+        disableErrors = _ref4$disableErrors === void 0 ? false : _ref4$disableErrors;
     var maskChar = getMaskCharByIndex(i);
 
     switch (maskChar) {
@@ -306,8 +307,8 @@ function InputMask() {
     return true;
   };
 
-  var isSpecialSymbolChar = function isSpecialSymbolChar(_ref6) {
-    var char = _ref6.char;
+  var isSpecialSymbolChar = function isSpecialSymbolChar(_ref5) {
+    var char = _ref5.char;
     return !(0, _functions.isDigit)(char) && !(0, _functions.isLetter)(char);
   }; // CHECKERS | END //
   // GETTERS | START //
@@ -343,11 +344,11 @@ function InputMask() {
     var minX = selectionStartX < selectionEndX ? selectionStartX : selectionEndX;
     var maxX = selectionStartX > selectionEndX ? selectionStartX : selectionEndX;
 
-    var _innerValue$reduce = innerValue.reduce(function (resObj, _ref7, index) {
+    var _innerValue$reduce = innerValue.reduce(function (resObj, _ref6, index) {
       var _ref$current;
 
-      var char = _ref7.char,
-          ref = _ref7.ref;
+      var char = _ref6.char,
+          ref = _ref6.ref;
       if ((ref === null || ref === void 0 ? void 0 : ref.current) === null) return resObj;
 
       var _ref$current$getBound = ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect(),
@@ -386,48 +387,38 @@ function InputMask() {
   };
 
   var getInnerValueAsString = function getInnerValueAsString() {
-    var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref8$replaceSpace = _ref8.replaceSpace,
-        replaceSpace = _ref8$replaceSpace === void 0 ? false : _ref8$replaceSpace;
+    var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref7$replaceSpace = _ref7.replaceSpace,
+        replaceSpace = _ref7$replaceSpace === void 0 ? false : _ref7$replaceSpace;
 
-    var result = innerValue.slice(0, innerValue.length - 1).map(function (_ref9, i) {
-      var char = _ref9.char,
-          maskChar = _ref9.maskChar;
+    var result = innerValue.slice(0, innerValue.length - 1).map(function (_ref8, i) {
+      var char = _ref8.char,
+          maskChar = _ref8.maskChar;
       return char === '' ? getPlaceholderCharByIndex(i) || maskChar : char;
     }).join('');
     return replaceSpace ? result.replace(/\u00A0/g, ' ') : result;
   };
 
-  var getClearInnerValueWithSpecSymbAsString = function getClearInnerValueWithSpecSymbAsString() {
-    return innerValue.reduce(function (result, _ref10) {
-      var char = _ref10.char,
-          maskChar = _ref10.maskChar,
-          isSpecialSymbol = _ref10.isSpecialSymbol;
-      if (char !== maskChar && char !== '' || isSpecialSymbol) result += char;
-      return result;
-    }, '');
-  };
-
   var getClearInnerValueAsString = function getClearInnerValueAsString() {
     var start = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     return innerValue.filter(function (charObj, i) {
       return i >= start;
-    }).filter(function (_ref11) {
-      var isSpecialSymbol = _ref11.isSpecialSymbol;
+    }).filter(function (_ref9) {
+      var isSpecialSymbol = _ref9.isSpecialSymbol;
       return !isSpecialSymbol;
-    }).reduce(function (result, _ref12) {
-      var char = _ref12.char,
-          maskChar = _ref12.maskChar,
-          isSpecialSymbol = _ref12.isSpecialSymbol;
+    }).reduce(function (result, _ref10) {
+      var char = _ref10.char,
+          maskChar = _ref10.maskChar,
+          isSpecialSymbol = _ref10.isSpecialSymbol;
       if (char !== maskChar && char !== '' || isSpecialSymbol) result += char;
       return result;
     }, '');
   };
 
   var getLastTypedIndex = function getLastTypedIndex() {
-    return innerValue.reduce(function (lastIndex, _ref13, i) {
-      var char = _ref13.char,
-          isSpecialSymbol = _ref13.isSpecialSymbol;
+    return innerValue.reduce(function (lastIndex, _ref11, i) {
+      var char = _ref11.char,
+          isSpecialSymbol = _ref11.isSpecialSymbol;
       if (!isSpecialSymbol && char !== _config.SPACE_CHAR && char !== '' || lastIndex === null) lastIndex = i;
       return lastIndex;
     }, -1) + 1;
@@ -451,8 +442,7 @@ function InputMask() {
     (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
     setTimeout(function () {
       return (0, _InputCarretPosition.setCaretPosition)(ref.current, 0);
-    }, 10); // onFocus(null, i);
-
+    }, 10);
     return true;
   }; // SETTERS | END //
   ///--- Event Handlers ---///
@@ -481,7 +471,8 @@ function InputMask() {
     if (maskAsPlaceholder) {
       var newText = getInnerValueAsString().substr(0, prevIndex) + getInnerValueAsString().substr(i);
       resetInnerValue();
-      onPaste({
+
+      _onPaste({
         text: newText
       }, 0);
     } else {
@@ -507,9 +498,11 @@ function InputMask() {
     if (maskAsPlaceholder) {
       var newText = getInnerValueAsString().substr(0, i) + getInnerValueAsString().substr(nextIndex);
       resetInnerValue();
-      onPaste({
+
+      _onPaste({
         text: newText
       }, 0);
+
       setFocusOnChar(i, i);
     } else {
       updateInnerValueChar({
@@ -570,9 +563,9 @@ function InputMask() {
   var handleKeyDown = function handleKeyDown(e, i) {
     var _getClearInnerValueAs;
 
-    var _ref14 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-        _ref14$disableErrors = _ref14.disableErrors,
-        disableErrors = _ref14$disableErrors === void 0 ? false : _ref14$disableErrors;
+    var _ref12 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+        _ref12$disableErrors = _ref12.disableErrors,
+        disableErrors = _ref12$disableErrors === void 0 ? false : _ref12$disableErrors;
 
     try {
       e.stopPropagation();
@@ -582,6 +575,9 @@ function InputMask() {
     var key = e.key;
     var charObj = getCharByIndex(i);
     if (!charObj || i === innerValue.length - 1) return false;
+    if (maskAsPlaceholder && i > getLastTypedIndex() + 1) return handleKeyDown(e, getLastTypedIndex() === 0 ? 0 : getLastTypedIndex() + 1, {
+      disableErrors: disableErrors
+    });
     var isSpecialSymbol = charObj.isSpecialSymbol,
         maskChar = charObj.maskChar,
         isReadOnly = charObj.isReadOnly;
@@ -599,11 +595,12 @@ function InputMask() {
       var fromIndex = i + 1;
       var text = innerValue.slice().filter(function (charObj, index) {
         return index >= i;
-      }).map(function (_ref15, index) {
-        var char = _ref15.char;
+      }).map(function (_ref13, index) {
+        var char = _ref13.char;
         return char;
       }).join('');
-      onPaste({
+
+      _onPaste({
         text: text
       }, fromIndex, false);
     }
@@ -627,31 +624,34 @@ function InputMask() {
     }
   };
 
-  var _onKeyDown = function onKeyDown(e, i) {
+  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 (_index2.KEYBOARD_SERVICE_KEYS.includes(key) && _config.EXCLUDED_KEYS.includes(key)) return true;
+    if (_indexConstants.KEYBOARD_SERVICE_KEYS.includes(key) && _config.EXCLUDED_KEYS.includes(key)) return true;
     setError(false);
     clearErrorMessage();
 
     if (ctrlKey || altKey) {
-      if (!_index2.KEYBOARD_SERVICE_KEYS.includes(key)) handleKeyCombinations(e, i);
+      if (!_indexConstants.KEYBOARD_SERVICE_KEYS.includes(key)) handleKeyCombinations(e, i);
       return true;
     }
 
-    var handleResult = _index2.KEYBOARD_SERVICE_KEYS.includes(key) ? handleServiceKeyDown(e, i) : handleKeyDown(e, i);
+    e.preventDefault();
+    e.stopPropagation();
+    var handleResult = _indexConstants.KEYBOARD_SERVICE_KEYS.includes(key) ? handleServiceKeyDown(e, i) : handleKeyDown(e, i);
 
-    if (blinkErrors && !handleResult) {
+    if (blinkErrors && !handleResult && i !== null) {
       setBlinkError(true);
     }
   };
 
   var onClick = function onClick(e, cb) {
-    var _ref16 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-        _ref16$ignoreIsSelect = _ref16.ignoreIsSelecting,
-        ignoreIsSelecting = _ref16$ignoreIsSelect === void 0 ? false : _ref16$ignoreIsSelect;
+    var _ref14 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+        _ref14$ignoreIsSelect = _ref14.ignoreIsSelecting,
+        ignoreIsSelecting = _ref14$ignoreIsSelect === void 0 ? false : _ref14$ignoreIsSelect;
 
     try {
       e.stopPropagation();
@@ -693,7 +693,7 @@ function InputMask() {
 
     if (!isMouseDown && !isSelecting) {
       onClick(e);
-      setFocusOnChar(0, 0);
+      setFocusOnChar(getLastTypedIndex(), 0);
     }
   };
 
@@ -734,13 +734,19 @@ function InputMask() {
     setFocused(true);
   };
 
-  var onPaste = function onPaste(e, i) {
-    var _ref17, _window, _e$clipboardData;
+  var _onPaste = function onPaste(e, i) {
+    var _ref15, _window, _e$clipboardData;
 
     var setFocusToEnd = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+
+    try {
+      e.stopPropagation();
+      e.preventDefault();
+    } catch (error) {}
+
     setIsSelecting(false);
     (0, _functions.resetSelectionText)();
-    var pastedText = ((_ref17 = (e === null || e === void 0 ? void 0 : e.clipboardData) || ((_window = window) === null || _window === void 0 ? void 0 : _window.clipboardData)) === null || _ref17 === void 0 ? void 0 : _ref17.getData('text/plain')) || (e === null || e === void 0 ? void 0 : (_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.getData('Text')) || e.text;
+    var pastedText = ((_ref15 = (e === null || e === void 0 ? void 0 : e.clipboardData) || ((_window = window) === null || _window === void 0 ? void 0 : _window.clipboardData)) === null || _ref15 === void 0 ? void 0 : _ref15.getData('text/plain')) || (e === null || e === void 0 ? void 0 : (_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.getData('Text')) || e.text;
     if (!pastedText) return false;
     var replacedIndexes = [];
 
@@ -748,11 +754,12 @@ function InputMask() {
       var fromIndex = i + parseInt(pastedText === null || pastedText === void 0 ? void 0 : pastedText.length);
       var text = innerValue.slice().filter(function (charObj, index) {
         return index >= i;
-      }).map(function (_ref18, index) {
-        var char = _ref18.char;
+      }).map(function (_ref16, index) {
+        var char = _ref16.char;
         return char;
       }).join('');
-      onPaste({
+
+      _onPaste({
         text: text
       }, fromIndex, false);
     }
@@ -812,27 +819,38 @@ function InputMask() {
         lastCharIndex = _replacedIndexes$reve2[0];
 
     if (setFocusToEnd) setFocusOnChar(lastCharIndex + 1, i);
+    return lastCharIndex;
   };
 
-  var onCopy = function onCopy(e, i) {
+  var _onCopy = function onCopy(e, i) {
+    try {
+      e.stopPropagation();
+      e.preventDefault();
+    } catch (error) {}
+
     (0, _functions.copyToClipboard)((0, _functions.getSelectionText)());
     setIsSelecting(false);
     setFocusOnChar(i, 0);
   };
 
-  var onCut = function onCut(e, i) {
+  var _onCut = function onCut(e, i) {
+    try {
+      e.stopPropagation();
+      e.preventDefault();
+    } catch (error) {}
+
     (0, _functions.copyToClipboard)((0, _functions.getSelectionText)());
-    resetInnerValue();
+    deleteSelectedText();
     setIsSelecting(false);
     setFocusOnChar(i, 0);
   }; // GENERAL EVENT HANDLERS | END //
-  // HELPERS | START //
+  // FUNCTIONS | START //
 
 
   var cancelDefaultAction = function cancelDefaultAction(e, cb) {
     var key = e.key;
 
-    if (!_config.EXCLUDED_KEYS.includes(key) && _index2.KEYBOARD_SERVICE_KEYS.includes(key)) {
+    if (!_config.EXCLUDED_KEYS.includes(key) && _indexConstants.KEYBOARD_SERVICE_KEYS.includes(key)) {
       e.preventDefault();
       e.stopPropagation();
     }
@@ -857,36 +875,38 @@ function InputMask() {
     var selStartInd = getSelectStartIndex();
     if (selStartInd === null || selStartInd === undefined || selStartInd < 0) return false;
     var selEndInd = (0, _functions.getSelectionText)().length + selStartInd;
+    var filteredSelLen = (0, _functions.getSelectionText)().split('').reduce(function (counter, char) {
+      if (!isSpecialSymbolChar(char)) counter += 1;
+      return counter;
+    }, 0);
     (0, _functions.resetSelectionText)();
 
     if (maskAsPlaceholder && ((_getClearInnerValueAs2 = getClearInnerValueAsString(selEndInd + 1)) === null || _getClearInnerValueAs2 === void 0 ? void 0 : _getClearInnerValueAs2.length) !== 0) {
-      var fromIndex = selStartInd;
-      var text = innerValue.slice().filter(function (charObj, index) {
-        return index >= selEndInd;
-      }).map(function (_ref19, index) {
-        var char = _ref19.char;
+      var text = innerValue.slice().filter(function (_ref17, index) {
+        var isSpecialSymbol = _ref17.isSpecialSymbol;
+        return (index < selStartInd || index >= selEndInd) && !isSpecialSymbol;
+      }).map(function (_ref18, index) {
+        var char = _ref18.char;
         return char;
       }).join('');
-      onPaste({
+      resetInnerValue();
+
+      _onPaste({
         text: text
-      }, fromIndex, false);
+      }, 0, false);
 
-      for (var index = fromIndex + text.length; index < innerValue.length; ++index) {
-        updateInnerValueChar({
-          char: ''
-        }, index);
-      }
+      setFocusOnChar(selStartInd);
     } else {
-      for (var _index = selStartInd; _index < selEndInd; ++_index) {
+      for (var index = selStartInd; index < selEndInd; ++index) {
         updateInnerValueChar({
           char: ''
-        }, _index);
+        }, index);
       }
     }
 
     setFocusOnChar(selStartInd, -1);
     return true;
-  }; // HELPERS | END //
+  }; // FUNCTIONS | END //
   ///--- OBSERVERS ---///
   //Render Mask
 
@@ -905,12 +925,12 @@ function InputMask() {
     setMaskRendered(true);
   }, []);
   (0, _react.useEffect)(function () {
-    if (!isMaskRendered) return false;
+    if (!isMaskRendered || isInitValue) return false;
 
-    if (value && value !== '') {
+    if (value && value !== '' && value !== getClearInnerValueAsString()) {
       var valueCharIndex = 0;
-      innerValue.map(function (_ref20, i) {
-        var isSpecialSymbol = _ref20.isSpecialSymbol;
+      innerValue.map(function (_ref19, i) {
+        var isSpecialSymbol = _ref19.isSpecialSymbol;
         if (isSpecialSymbol) return false;
         var char = value[valueCharIndex];
 
@@ -933,8 +953,9 @@ function InputMask() {
 
         ++valueCharIndex;
       });
+      setIsInitValue(true);
     }
-  }, [isMaskRendered]); // Focus Observer
+  }, [isMaskRendered, value, isInitValue]); // Focus Observer
 
   (0, _react.useEffect)(function () {
     if (!isFocused) {
@@ -952,9 +973,9 @@ function InputMask() {
     if (!isMaskRendered) return false;
     setError(false);
     clearErrorMessage();
-    onChangeProp(getInnerValueAsString({
+    onChangeProp(getClearInnerValueAsString(), getInnerValueAsString({
       replaceSpace: true
-    }), getClearInnerValueAsString());
+    }));
   }, [innerValue, isMaskRendered]); // Blink Error
 
   (0, _react.useEffect)(function () {
@@ -1032,15 +1053,16 @@ function InputMask() {
       key: i,
       maxLength: 1,
       "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          ").concat(isSelected ? 'input-mask_value_item--selected' : '', "\n          ").concat(char === '' || isSpecialSymbol ? 'unselectable' : '', "\n        ") // ${!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          ").concat(isSelected ? 'input-mask_value_item--selected' : '', "\n        ") // ${char === '' || isSpecialSymbol ? 'unselectable' : ''}
+      // ${!isSelecting && (char === '' || isSpecialSymbol) ? 'unselectable' : ''}
       ,
       onClick: function onClick(e) {
         return onCharClick(e, i);
       },
       onFocus: function onFocus(e) {
         return _onFocus(e, i);
-      } // onBlur={onBlur}
-      ,
+      },
+      onBlur: onBlur,
       onKeyPress: cancelDefaultAction,
       onKeyDown: function onKeyDown(e) {
         return _onKeyDown(e, i);
@@ -1049,9 +1071,15 @@ function InputMask() {
       contentEditable: !isSelecting,
       inputMode: (0, _functions.isDigitMaskChar)(i !== innerValue.length - 1 ? maskChar : prevChar === null || prevChar === void 0 ? void 0 : prevChar.maskChar) ? 'numeric' : 'text',
       suppressContentEditableWarning: true,
-      onPaste: cancelDefaultAction,
-      onCopy: cancelDefaultAction,
-      onCut: cancelDefaultAction,
+      onPaste: function onPaste(e) {
+        return _onPaste(e, i);
+      },
+      onCopy: function onCopy(e) {
+        return _onCopy(e, i);
+      },
+      onCut: function onCut(e) {
+        return _onCut(e, i);
+      },
       ref: ref,
       onDoubleClick: function onDoubleClick(e) {
         setIsSelecting(true);
@@ -1085,7 +1113,6 @@ function InputMask() {
   var renderInputValue = function renderInputValue() {
     return innerValue.map(function (obj, i) {
       var char = obj.char,
-          maskChar = obj.maskChar,
           isSpecialSymbol = obj.isSpecialSymbol;
 
       if (isSpecialSymbol) {

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

@@ -17,6 +17,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactFeather = require("react-feather");
 
+var _config = require("./config");
+
 var _InputMask = _interopRequireDefault(require("./InputMask"));
 
 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); }
@@ -30,7 +32,7 @@ var _default = {
   argTypes: {
     maskPattern: {
       title: 'Mask Pattern',
-      description: '<b>"D"</b> - Digit.<br/><b>"L"</b> or <b>"l"</b> - Letter.'
+      description: "<b>\"".concat(_config.DIGIT_MASK_CHAR, "\"</b> - Digit.<br/><b>\"").concat(_config.UPPERCASE_LETTER_MASK_CHAR, "\"</b> or <b>\"").concat(_config.LOWERCASE_LETTER_MASK_CHAR, "\"</b> - Letter.")
     },
     maskPatternPlaceholder: {
       title: 'Pattern Placeholder',
@@ -121,7 +123,9 @@ var _default = {
     },
     errors: {
       type: 'object',
-      description: "Errors Descriptions: <br/>\n\n      {\n        onlyLetter: 'Type letter',\n        onlyDigit: 'Type digit',\n        onlyUpperCase: 'Type letter in UpperCase',\n        onlyLowerCase: 'Type letter in LowerCase',\n        default: null\n      }\n"
+      description: "Errors Descriptions: <br/>\n      {\n        ".concat(Object.keys(_config.DEFAULT_ERRORS).map(function (key) {
+        return "<br/> &nbsp;&nbsp;&nbsp;&nbsp;".concat(key, ": '").concat(_config.DEFAULT_ERRORS[key], "'");
+      }), "\n        <br/>\n      }")
     },
     error: {
       type: 'string',

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

@@ -48,7 +48,7 @@ var selectElementContents = function selectElementContents(el) {
 exports.selectElementContents = selectElementContents;
 
 var isLetter = function isLetter(char) {
-  return (char === null || char === void 0 ? void 0 : char.length) === 1 && (char === null || char === void 0 ? void 0 : char.match(/[a-z]/i));
+  return Boolean((char === null || char === void 0 ? void 0 : char.length) === 1 && (char === null || char === void 0 ? void 0 : char.match(/[a-z]/i)));
 };
 
 exports.isLetter = isLetter;
@@ -66,7 +66,7 @@ var isLowerCaseLetter = function isLowerCaseLetter(char) {
 exports.isLowerCaseLetter = isLowerCaseLetter;
 
 var isDigit = function isDigit(char) {
-  return Number.isInteger(parseInt(char));
+  return Boolean(Number.isInteger(parseInt(char)));
 };
 
 exports.isDigit = isDigit;

package/dist/Atomic/FormElements/NumericInput/NumericInput.js

@@ -289,20 +289,24 @@ var NumericInput = function NumericInput(_ref) {
       className: "input__nums"
     }, /*#__PURE__*/_react.default.createElement("button", {
       ref: decRef,
+      className: (0, _classnames.default)('input__num-btn', {
+        'events-none': +value <= min
+      }),
       onMouseDown: function onMouseDown(e) {
         return handle.decrement(e);
-      },
-      className: "input__num-btn"
+      }
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.Minus, {
       className: (0, _classnames.default)({
         disabled: +value <= min
       })
     })), /*#__PURE__*/_react.default.createElement("button", {
       ref: incRef,
+      className: (0, _classnames.default)('input__num-btn', {
+        'events-none': +value >= max
+      }),
       onMouseDown: function onMouseDown(e) {
         return handle.increment(e);
-      },
-      className: "input__num-btn"
+      }
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.Plus, {
       className: (0, _classnames.default)({
         disabled: +value >= max

package/dist/Atomic/FormElements/NumericInput/NumericInput.scss

@@ -133,3 +133,7 @@
   visibility: visible;
   pointer-events: all;
 }
+
+.events-none {
+  pointer-events: none;
+}

package/dist/Functions/fieldValueFormatters.js

@@ -15,18 +15,18 @@ var _index = require("../Constants/index.constants");
 // The first word "filter" in the function name means a logic in which the function works as a changer for sequential input
 // *** format ***
 var formatOnlyNumbers = function formatOnlyNumbers(value) {
-  return (!!value ? value.toString() : '').replace(/\D/g, '');
+  return (value ? value.toString() : '').replace(/\D/g, '');
 };
 
 exports.formatOnlyNumbers = formatOnlyNumbers;
 
 var formatToAddBitDepthPoints = function formatToAddBitDepthPoints(inputValue) {
   var step = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
-  var value = !!inputValue ? inputValue.toString() : ''; //содержит ли value точку
+  var value = inputValue ? inputValue.toString() : ''; // содержит ли value точку
 
-  var isFraction = value.includes('.'); //взять строку до точки
+  var isFraction = value.includes('.'); // взять строку до точки
 
-  var valueBeforeDot = isFraction ? value.slice(0, value.indexOf('.')) : value; //расстановка запятых после каждой 3й цифры с конца
+  var valueBeforeDot = isFraction ? value.slice(0, value.indexOf('.')) : value; // расстановка запятых после каждой 3й цифры с конца
 
   var intPart = valueBeforeDot.split('').reverse().reduce(function (acc, item, idx) {
     return idx % step === 0 && idx !== 0 ? [].concat((0, _toConsumableArray2.default)(acc), [',', item]) : [].concat((0, _toConsumableArray2.default)(acc), [item]);
@@ -37,46 +37,45 @@ var formatToAddBitDepthPoints = function formatToAddBitDepthPoints(inputValue) {
 exports.formatToAddBitDepthPoints = formatToAddBitDepthPoints;
 
 var formatToTwoDigitAfterDot = function formatToTwoDigitAfterDot(inputValue) {
-  var value = !!inputValue ? inputValue.toString() : '';
+  var value = inputValue ? inputValue.toString() : '';
   var arr = value.split('.');
   var intPart = arr.shift();
   var decimalPart = arr.join('').replace(/\s/g, '').slice(0, 2);
-  return intPart + (decimalPart.length ? '.' + decimalPart : '');
+  return intPart + (decimalPart.length ? ".".concat(decimalPart) : '');
 };
 
 exports.formatToTwoDigitAfterDot = formatToTwoDigitAfterDot;
 
 var formatToLetters = function formatToLetters(inputValue) {
   var soft = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var value = !!inputValue ? inputValue.toString() : '';
+  var value = inputValue ? inputValue.toString() : '';
 
   if (soft) {
     return value.toString().replace(/[^a-z-]/gi, '');
-  } else {
-    return value.toString().replace(/[^a-z]/gi, '');
   }
+
+  return value.toString().replace(/[^a-z]/gi, '');
 }; // eslint-disable-next-line no-control-regex
 
 
 exports.formatToLetters = formatToLetters;
 
 var formatToOnlyASCIICodeText = function formatToOnlyASCIICodeText(text) {
-  return (!!text ? text.toString() : '').replace(/[^\x00-\x7F]+/g, '');
+  return (text ? text.toString() : '').replace(/[^\x00-\x7F]+/g, '');
 };
 
 exports.formatToOnlyASCIICodeText = formatToOnlyASCIICodeText;
 
 var formatToRemoveComa = function formatToRemoveComa(value) {
-  return (!!value ? value.toString() : '').toString().replace(/\,/g, '');
+  return (value ? value.toString() : '').toString().replace(/\,/g, '');
 };
 
 exports.formatToRemoveComa = formatToRemoveComa;
 
 var formatToCutOffDotAtTheEnd = function formatToCutOffDotAtTheEnd(inputValue) {
-  var value = !!inputValue ? inputValue.toString() : '';
+  var value = inputValue ? inputValue.toString() : '';
   return value.toString().slice(-1) === '.' ? value.slice(0, -1) : value;
-}; // eslint-disable-next-line default-param-last
-
+};
 
 exports.formatToCutOffDotAtTheEnd = formatToCutOffDotAtTheEnd;
 
@@ -93,12 +92,13 @@ var formatNumberValueToMask = function formatNumberValueToMask() {
       _ref$isReturnAdvanced = _ref.isReturnAdvanced,
       isReturnAdvanced = _ref$isReturnAdvanced === void 0 ? false : _ref$isReturnAdvanced;
 
-  var processing = mask.split('').reduce(function (acc, item) {
+  var processing = mask === null || mask === void 0 ? void 0 : mask.split('').reduce(function (acc, item) {
+    // eslint-disable-next-line no-plusplus
     if (acc.value.length) ++acc.cursorPosition;
     acc.newValue.push(item === valueSymbol && acc.value.length ? acc.value.shift() : item);
     return acc;
   }, {
-    value: inputValue.split('').filter(function (sym) {
+    value: inputValue === null || inputValue === void 0 ? void 0 : inputValue.split('').filter(function (sym) {
       return /[0-9]/g.test(sym);
     }),
     newValue: [],
@@ -115,17 +115,17 @@ exports.formatNumberValueToMask = formatNumberValueToMask;
 
 var filterFloat = function filterFloat(inputValue) {
   var decimalPlaces = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var value = !!inputValue ? inputValue.toString() : '';
+  var value = inputValue ? inputValue.toString() : '';
 
   var replaser = function replaser(input) {
-    return ('' + input).replace(/[^\.\d]/g, '');
+    return "".concat(input).replace(/[^\.\d]/g, '');
   };
 
   if (value.length === 1 && (value[0] === '.' || value[0] === ',')) return '0.';
-  var output = ('' + value).replace(/,/g, '.');
+  var output = "".concat(value).replace(/,/g, '.');
   if (value.length > 1 && value[0] === '0' && value[1] !== '.' && value[0] !== ',') output = value.slice(1);
-  var previousValue = '' + output.slice(0, -1);
-  var lastSym = '' + output.slice(-1);
+  var previousValue = "".concat(output.slice(0, -1));
+  var lastSym = "".concat(output.slice(-1));
   if (decimalPlaces && typeof decimalPlaces === 'number' && previousValue.includes('.') && previousValue.indexOf('.') + 1 + decimalPlaces === previousValue.length) return replaser(previousValue);
   return replaser(lastSym === '.' && previousValue.includes('.') ? previousValue : output);
 };
@@ -133,14 +133,14 @@ var filterFloat = function filterFloat(inputValue) {
 exports.filterFloat = filterFloat;
 
 var filterToLimitLength = function filterToLimitLength(inputValue, limit) {
-  var value = !!inputValue ? inputValue.toString() : '';
+  var value = inputValue ? inputValue.toString() : '';
   return limit && typeof limit === 'number' && !Number.isNaN(limit) && (value === null || value === void 0 ? void 0 : value.length) > limit ? value.substr(0, limit) : value;
 };
 
 exports.filterToLimitLength = filterToLimitLength;
 
 var filterPhone = function filterPhone(value) {
-  return limitLength(filterNumbers(!!value ? value.toString() : ''), _index.MAX_PHONE_LENGTH);
+  return limitLength(filterNumbers(value ? value.toString() : ''), _index.MAX_PHONE_LENGTH);
 };
 
 exports.filterPhone = filterPhone;
@@ -152,7 +152,7 @@ var filterNumeric = function filterNumeric(value, settings) {
       decimalPlaces = _ref2.decimalPlaces;
 
   var executor = type === 'float' ? filterFloat : formatOnlyNumbers;
-  return executor(!!value ? value.toString() : '', decimalPlaces);
+  return executor(value ? value.toString() : '', decimalPlaces);
 };
 
 exports.filterNumeric = filterNumeric;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.1.57",
+  "version": "0.1.60",
   "description": "fix UserBox crush",
   "main": "dist/index.js",
   "files": ["dist/*", "node_modules/anme/*", "node_modules/moment/*", "node_modules/moment-timezone/*"],