intelicoreact 0.1.58 → 0.1.61

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/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/RadioInput/RadioInput.js

@@ -22,10 +22,12 @@ var RadioInput = function RadioInput(_ref) {
       id = _ref.id,
       checked = _ref.checked,
       name = _ref.name,
-      _onChange = _ref.onChange,
       disabled = _ref.disabled,
       className = _ref.className,
-      value = _ref.value;
+      value = _ref.value,
+      _ref$onChange = _ref.onChange,
+      _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
+
   return /*#__PURE__*/_react.default.createElement("label", {
     className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled)),
     htmlFor: id

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js

@@ -39,18 +39,19 @@ var RangeInputs = function RangeInputs(_ref) {
   var _valueObj$from, _valueObj$to;
 
   var isColumnPosition = _ref.isColumnPosition,
+      className = _ref.className,
       _ref$value = _ref.value,
       valueObj = _ref$value === void 0 ? {
     from: '',
     to: ''
   } : _ref$value,
-      className = _ref.className,
-      onChange = _ref.onChange,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'int' : _ref$type,
       setInnerError = _ref.setError,
       _ref$label = _ref.label,
-      label = _ref$label === void 0 ? "" : _ref$label;
+      label = _ref$label === void 0 ? '' : _ref$label;
 
   var _useState = (0, _react.useState)({
     from: '',
@@ -100,7 +101,7 @@ var RangeInputs = function RangeInputs(_ref) {
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_column"), isColumnPosition))
-  }, label && label !== " " && /*#__PURE__*/_react.default.createElement("div", {
+  }, label && label !== ' ' && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(RC, "__label")
   }, label), /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(RC, "__wrapper")

package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/SwitcherHide.js

@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _Switcher = _interopRequireDefault(require("../../Atomic/FormElements/Switcher/Switcher"));
+var _Switcher = _interopRequireDefault(require("../Switcher/Switcher"));
 
 require("./SwitcherHide.scss");
 

package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/SwitcherRadio.js

@@ -15,7 +15,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
 
-var _RadioInput = _interopRequireDefault(require("../../Atomic/FormElements/RadioInput/RadioInput"));
+var _RadioInput = _interopRequireDefault(require("../RadioInput/RadioInput"));
 
 require("./SwitcherRadio.scss");