intelicoreact 1.6.0 → 1.6.2

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

@@ -1,95 +1,40 @@
-/* eslint-disable no-return-await */ /* eslint-disable no-extra-boolean-cast */ /* eslint-disable no-unsafe-optional-chaining */ /* eslint-disable comma-dangle */ /* eslint-disable array-callback-return */ /* eslint-disable no-continue */ /* eslint-disable no-unused-expressions */ /* eslint-disable no-empty */ /* eslint-disable no-unreachable */ /* eslint-disable default-case */ /* eslint-disable no-use-before-define */ /* eslint-disable no-unused-vars */ /* eslint-disable default-param-last */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return InputMask;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _reactfeather = require("react-feather");
-const _Hint = /*#__PURE__*/ _interop_require_default(require("../../UI/Hint/Hint"));
-const _indexconstants = require("./../../../Constants/index.constants.js");
-const _InputCarretPosition = require("./InputCarretPosition");
-const _config = require("./config");
-const _functions = require("./functions");
-require("./InputMask.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskDigitPlaceholder, maskLetterPlaceholder, usePatternPlaceholder, disabled, maskAsPlaceholder = true, maxEditableLen = -1, isFocusedDefault = false, isClearable, isCaseSensitive, adaptTextCase, isUseAutoSelect = true, icon, showIcon, isIconLeft, isIconRight, value, blinkErrors = true, blinkDuration = 100, showErrors = false, className = "", errors: customErrors = _config.DEFAULT_ERRORS, error: customError = "", ref, onChange: onChangeProp = ()=>{}, onFocus: onFocusProp = ()=>{}, onBlur: onBlurProp = ()=>{}, onKeyDown: onKeyDownProp = ()=>{}, imitateTypingOnPaste = false, imitateTypingOnPasteDelay = 100, showHint = false, hintText = "", hintClassName = "", isHintRight = true, isHintLeft = false, hintPosition = "right", hideMaskOnBlur = true, returnMaskedValue = false, name, testId = "input-mask" } = {}) {
+/* eslint-disable no-return-await */ /* eslint-disable no-extra-boolean-cast */ /* eslint-disable no-unsafe-optional-chaining */ /* eslint-disable comma-dangle */ /* eslint-disable array-callback-return */ /* eslint-disable no-continue */ /* eslint-disable no-unused-expressions */ /* eslint-disable no-empty */ /* eslint-disable no-unreachable */ /* eslint-disable default-case */ /* eslint-disable no-use-before-define */ /* eslint-disable no-unused-vars */ /* eslint-disable default-param-last */ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { createRef, useEffect, useRef, useState } from "react";
+import cn from "classnames";
+import { X } from "react-feather";
+import Hint from "../../UI/Hint/Hint";
+import { KEYBOARD_SERVICE_KEYS } from "./../../../Constants/index.constants.js";
+// import { KEYBOARD_SERVICE_KEYS } from './index.constants.js';
+import { setCaretPosition } from "./InputCarretPosition";
+import { ANDROID_CHROME_TEXT_CODE, DEFAULT_ERRORS, DIGIT_MASK_CHAR, EXCLUDED_KEYS, LOWERCASE_LETTER_MASK_CHAR, SPACE_CHAR, UPPERCASE_LETTER_MASK_CHAR } from "./config";
+import { copyToClipboard, getSelectionText, isDigit, isDigitMaskChar, isLetter, isLetterMaskChar, isLowerCaseLetter, isUpperCaseLetter, resetSelectionText, selectElementContents, voidFn } from "./functions";
+import "./InputMask.scss";
+export default function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskDigitPlaceholder, maskLetterPlaceholder, usePatternPlaceholder, disabled, maskAsPlaceholder = true, maxEditableLen = -1, isFocusedDefault = false, isClearable, isCaseSensitive, adaptTextCase, isUseAutoSelect = true, icon, showIcon, isIconLeft, isIconRight, value, blinkErrors = true, blinkDuration = 100, showErrors = false, className = "", errors: customErrors = DEFAULT_ERRORS, error: customError = "", ref, onChange: onChangeProp = ()=>{}, onFocus: onFocusProp = ()=>{}, onBlur: onBlurProp = ()=>{}, onKeyDown: onKeyDownProp = ()=>{}, imitateTypingOnPaste = false, imitateTypingOnPasteDelay = 100, showHint = false, hintText = "", hintClassName = "", isHintRight = true, isHintLeft = false, hintPosition = "right", hideMaskOnBlur = true, returnMaskedValue = false, name, testId = "input-mask" } = {}) {
     const errors = {
-        ..._config.DEFAULT_ERRORS,
+        ...DEFAULT_ERRORS,
         ...customErrors
     };
-    const [isMaskRendered, setMaskRendered] = (0, _react.useState)(false);
-    const inputRef = (0, _react.useRef)(null);
-    const [isMouseDown, setIsMouseDown] = (0, _react.useState)(false);
-    const [isFocused, setFocused] = (0, _react.useState)(false);
-    const [isInitValue, setIsInitValue] = (0, _react.useState)(false);
+    const [isMaskRendered, setMaskRendered] = useState(false);
+    const inputRef = useRef(null);
+    const [isMouseDown, setIsMouseDown] = useState(false);
+    const [isFocused, setFocused] = useState(false);
+    const [isInitValue, setIsInitValue] = useState(false);
     const inputThrottlingTimeout = 20;
-    const [isInputThrottled, setIsInputThrottled] = (0, _react.useState)(false);
+    const [isInputThrottled, setIsInputThrottled] = useState(false);
     // ERRORS MANAGEMENT FUNCTIONS | START //
-    const [isError, setError] = (0, _react.useState)(false);
-    const [blinkError, setBlinkError] = (0, _react.useState)(false);
-    const [errorMessage, setErrorMessage] = (0, _react.useState)(errors.default);
+    const [isError, setError] = useState(false);
+    const [blinkError, setBlinkError] = useState(false);
+    const [errorMessage, setErrorMessage] = useState(errors.default);
     const clearErrorMessage = ()=>setErrorMessage(errors.default);
     // ERRORS MANAGEMENT FUNCTIONS | END //
     // SELECTION MANAGEMENT FUNCTIONS | START //
-    const [isSelecting, setIsSelecting] = (0, _react.useState)(false);
-    const [selectedText, setSelectedText] = (0, _react.useState)("");
-    const [selectionStartX, setSelectionStartX] = (0, _react.useState)(null);
-    const [selectionEndX, setSelectionEndX] = (0, _react.useState)(null);
+    const [isSelecting, setIsSelecting] = useState(false);
+    const [selectedText, setSelectedText] = useState("");
+    const [selectionStartX, setSelectionStartX] = useState(null);
+    const [selectionEndX, setSelectionEndX] = useState(null);
     // SELECTION MANAGEMENT FUNCTIONS | END //
     // SERVICE WATCHERS MANAGEMENT FUNCTIONS | START //
-    const [serviceWatchers, setServiceWatchers] = (0, _react.useState)([]);
+    const [serviceWatchers, setServiceWatchers] = useState([]);
     const pushServiceWatcher = (fn)=>setServiceWatchers((state)=>[
                 ...state,
                 {
@@ -100,22 +45,22 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
     const popServiceWatcher = ()=>{
         const [poped, ...rest] = serviceWatchers;
         setServiceWatchers(rest);
-        return poped.fn || _functions.voidFn;
+        return poped.fn || voidFn;
     };
     const serviceWatchersWorker = ()=>{
         popServiceWatcher()();
     };
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (serviceWatchers.length) serviceWatchersWorker();
     }, [
         serviceWatchers
     ]);
     // SERVICE WATCHERS MANAGEMENT FUNCTIONS | END //
     // INNER VALUE MANAGEMENT FUNCTIONS | START //
-    const [innerValue, setInnerValue] = (0, _react.useState)([]);
-    const [undoValue, setUndoValue] = (0, _react.useState)("");
-    const [redoValue, setRedoValue] = (0, _react.useState)(null);
-    const [isUndoValueBlocked, setIsUndoValueBlocked] = (0, _react.useState)(false);
+    const [innerValue, setInnerValue] = useState([]);
+    const [undoValue, setUndoValue] = useState("");
+    const [redoValue, setRedoValue] = useState(null);
+    const [isUndoValueBlocked, setIsUndoValueBlocked] = useState(false);
     const addInnerValueChar = ({ char, i = null, data = {} })=>{
         setInnerValue((state)=>{
             const stateCopy = [
@@ -146,32 +91,32 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
     const isValidChar = ({ char: key, i, disableErrors = false })=>{
         const maskChar = getMaskCharByIndex(i);
         switch(maskChar){
-            case _config.DIGIT_MASK_CHAR:
-                if (!(0, _functions.isDigit)(key)) {
+            case DIGIT_MASK_CHAR:
+                if (!isDigit(key)) {
                     if (!disableErrors) {
                         setErrorMessage(errors.onlyDigit);
                     }
                     return false;
                 }
                 break;
-            case _config.UPPERCASE_LETTER_MASK_CHAR:
+            case UPPERCASE_LETTER_MASK_CHAR:
                 if (adaptTextCase) key = key.toUpperCase();
-                if (!(0, _functions.isLetter)(key) && !isCaseSensitive) {
+                if (!isLetter(key) && !isCaseSensitive) {
                     if (!disableErrors) setErrorMessage(errors.onlyLetter);
                     return false;
                 }
-                if (isCaseSensitive && !(0, _functions.isUpperCaseLetter)(key)) {
+                if (isCaseSensitive && !isUpperCaseLetter(key)) {
                     if (!disableErrors) setErrorMessage(errors.onlyUpperCase);
                     return false;
                 }
                 break;
-            case _config.LOWERCASE_LETTER_MASK_CHAR:
+            case LOWERCASE_LETTER_MASK_CHAR:
                 if (adaptTextCase) key = key.toLowerCase();
-                if (!(0, _functions.isLetter)(key) && !isCaseSensitive) {
+                if (!isLetter(key) && !isCaseSensitive) {
                     if (!disableErrors) setErrorMessage(errors.onlyLetter);
                     return false;
                 }
-                if (isCaseSensitive && !(0, _functions.isLowerCaseLetter)(key)) {
+                if (isCaseSensitive && !isLowerCaseLetter(key)) {
                     if (!disableErrors) setErrorMessage(errors.onlyLowerCase);
                     return false;
                 }
@@ -182,10 +127,10 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
         return true;
     };
     const isSpecialSymbolMaskChar = ({ char })=>{
-        return !(0, _functions.isDigitMaskChar)(char) && !(0, _functions.isLetterMaskChar)(char);
+        return !isDigitMaskChar(char) && !isLetterMaskChar(char);
     };
     const isSpecialSymbolChar = ({ char })=>{
-        return !(0, _functions.isDigit)(char) && !(0, _functions.isLetter)(char);
+        return !isDigit(char) && !isLetter(char);
     };
     // CHECKERS | END //
     // GETTERS | START //
@@ -196,13 +141,13 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
         const isSpecialSymbolMask = isSpecialSymbolMaskChar({
             char
         });
-        if (char === " ") char = _config.SPACE_CHAR;
+        if (char === " ") char = SPACE_CHAR;
         return {
             char: isSpecialSymbolMask ? char : "",
             maskChar: char,
             isSpecialSymbol: isSpecialSymbolMask,
             isCharSymbol: !isSpecialSymbol && char !== "" && isSpecialSymbolMask,
-            ref: /*#__PURE__*/ (0, _react.createRef)(),
+            ref: /*#__PURE__*/ createRef(),
             ...data
         };
     };
@@ -242,8 +187,8 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
         if (usePatternPlaceholder) {
             return maskPatternPlaceholder[i] || maskPlaceholder;
         } else {
-            if ((0, _functions.isDigitMaskChar)(maskChar) && maskDigitPlaceholder) return maskDigitPlaceholder;
-            if ((0, _functions.isLetterMaskChar)(maskChar) && maskLetterPlaceholder) return maskLetterPlaceholder;
+            if (isDigitMaskChar(maskChar) && maskDigitPlaceholder) return maskDigitPlaceholder;
+            if (isLetterMaskChar(maskChar) && maskLetterPlaceholder) return maskLetterPlaceholder;
             return maskPlaceholder;
         }
     };
@@ -261,7 +206,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
     };
     const getLastTypedIndex = ()=>{
         return innerValue.reduce((lastIndex, { char, isSpecialSymbol }, i)=>{
-            if (!isSpecialSymbol && char !== _config.SPACE_CHAR && char !== "" || lastIndex === null) lastIndex = i;
+            if (!isSpecialSymbol && char !== SPACE_CHAR && char !== "" || lastIndex === null) lastIndex = i;
             return lastIndex;
         }, -1) + 1;
     };
@@ -281,7 +226,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
             return false;
         }
         (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
-        setTimeout(()=>(0, _InputCarretPosition.setCaretPosition)(ref.current, 0), 10);
+        setTimeout(()=>setCaretPosition(ref.current, 0), 10);
         return true;
     };
     // SETTERS | END //
@@ -302,7 +247,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
             setUndoValue(getClearInnerValueAsString());
             setIsUndoValueBlocked(true);
         }
-        if ((0, _functions.getSelectionText)().length) return deleteSelectedText();
+        if (getSelectionText().length) return deleteSelectedText();
         const prevIndex = i - 1;
         const charObj = getCharByIndex(prevIndex);
         if (!charObj) return false;
@@ -329,7 +274,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
             setUndoValue(getClearInnerValueAsString());
             setIsUndoValueBlocked(true);
         }
-        if ((0, _functions.getSelectionText)().length) return deleteSelectedText();
+        if (getSelectionText().length) return deleteSelectedText();
         const nextIndex = i + 1;
         const charObj = getCharByIndex(i);
         if (!charObj) return false;
@@ -387,7 +332,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
         var _getClearInnerValueAsString;
         if (isSelecting && !disableIsSelectingCheck) {
             deleteSelectedText();
-            (0, _functions.resetSelectionText)();
+            resetSelectionText();
             setIsSelecting(false);
             setTimeout(()=>handleKeyDown(e, getSelectStartIndex(), {
                     disableErrors,
@@ -405,7 +350,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
         const charObj = getCharByIndex(i);
         // Android Text Typing FIX
         // eslint-disable-next-line eqeqeq
-        if (keyCode == _config.ANDROID_CHROME_TEXT_CODE) {
+        if (keyCode == ANDROID_CHROME_TEXT_CODE) {
             const { ref: charRef } = charObj;
             key = await new Promise((resolve)=>{
                 setTimeout(()=>{
@@ -429,7 +374,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
         const { isSpecialSymbol, maskChar, isReadOnly } = charObj;
         if (isReadOnly) return false;
         //IF DEFAULT CHAR IS SPACE, SWITCH TO NEXT INPUT
-        if (maskChar === _config.SPACE_CHAR) return await handleKeyDown(e, i + 1);
+        if (maskChar === SPACE_CHAR) return await handleKeyDown(e, i + 1);
         if (isSpecialSymbol && maskChar !== key) return false;
         if (!isValidChar({
             char: key,
@@ -485,16 +430,16 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
             ...e,
             target
         }, i);
-        if (_indexconstants.KEYBOARD_SERVICE_KEYS.includes(key) && _config.EXCLUDED_KEYS.includes(key)) return true;
+        if (KEYBOARD_SERVICE_KEYS.includes(key) && EXCLUDED_KEYS.includes(key)) return true;
         setError(false);
         clearErrorMessage();
         if (ctrlKey || altKey) {
-            if (!_indexconstants.KEYBOARD_SERVICE_KEYS.includes(key)) handleKeyCombinations(e, i);
+            if (!KEYBOARD_SERVICE_KEYS.includes(key)) handleKeyCombinations(e, i);
             return true;
         }
         e.preventDefault();
         e.stopPropagation();
-        const handleResult = _indexconstants.KEYBOARD_SERVICE_KEYS.includes(key) ? handleServiceKeyDown(e, i) : await handleKeyDown(e, i);
+        const handleResult = KEYBOARD_SERVICE_KEYS.includes(key) ? handleServiceKeyDown(e, i) : await handleKeyDown(e, i);
         if (blinkErrors && !handleResult && i !== null) {
             setBlinkError(true);
         }
@@ -504,7 +449,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
             e.stopPropagation();
             e.preventDefault();
         } catch (error) {}
-        if (isSelecting && (selectedText.length || (0, _functions.getSelectionText)().length) && !ignoreIsSelecting) return false;
+        if (isSelecting && (selectedText.length || getSelectionText().length) && !ignoreIsSelecting) return false;
         setFocused(true);
         if (e.detail === 2) selectAllText(e);
         if (typeof cb === "function") cb(e);
@@ -521,7 +466,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
             disableErrors: true
         })) i = getLastTypedIndex();
         setIsSelecting(false);
-        (0, _functions.resetSelectionText)();
+        resetSelectionText();
         setTimeout(()=>onClick(e, ()=>setFocusOnChar(i, 0), {
                 ignoreIsSelecting: true
             }), 50);
@@ -555,7 +500,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
         const charObj = getCharByIndex(i);
         if (!charObj) return false;
         const { isSpecialSymbol, ref } = charObj;
-        (0, _InputCarretPosition.setCaretPosition)(ref.current, 0);
+        setCaretPosition(ref.current, 0);
         if ((maxEditableLen !== -1 ? i < maxEditableLen : true) && isSpecialSymbol && i < innerValue.length - 1) {
             onFocus(e, i + 1);
             return false;
@@ -570,7 +515,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
             e.preventDefault();
         } catch (error) {}
         setIsSelecting(false);
-        (0, _functions.resetSelectionText)();
+        resetSelectionText();
         const pastedText = ((_this = (e === null || e === void 0 ? void 0 : e.clipboardData) || ((_window = window) === null || _window === void 0 ? void 0 : _window.clipboardData)) === null || _this === void 0 ? void 0 : _this.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;
         const replacedIndexes = [];
@@ -581,7 +526,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
                 text
             }, fromIndex, false);
         }
-        pastedText.split("").filter((char)=>(0, _functions.isDigit)(char) || (0, _functions.isLetter)(char)).map((pastedChar, offset)=>{
+        pastedText.split("").filter((char)=>isDigit(char) || isLetter(char)).map((pastedChar, offset)=>{
             const charIndex = i + offset;
             let isReplaced = false;
             let isValid = false;
@@ -626,7 +571,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
             e.stopPropagation();
             e.preventDefault();
         } catch (error) {}
-        (0, _functions.copyToClipboard)((0, _functions.getSelectionText)());
+        copyToClipboard(getSelectionText());
     };
     const onCut = (e, i)=>{
         if (!isUndoValueBlocked) {
@@ -637,7 +582,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
             e.stopPropagation();
             e.preventDefault();
         } catch (error) {}
-        (0, _functions.copyToClipboard)((0, _functions.getSelectionText)());
+        copyToClipboard(getSelectionText());
         deleteSelectedText();
         setIsSelecting(false);
         setFocusOnChar(i, 0);
@@ -646,7 +591,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
     // FUNCTIONS | START //
     const cancelDefaultAction = (e, cb)=>{
         const { key } = e;
-        if (!_config.EXCLUDED_KEYS.includes(key) && _indexconstants.KEYBOARD_SERVICE_KEYS.includes(key)) {
+        if (!EXCLUDED_KEYS.includes(key) && KEYBOARD_SERVICE_KEYS.includes(key)) {
             e.preventDefault();
             e.stopPropagation();
         }
@@ -659,15 +604,15 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
         setIsSelecting(true);
         setSelectionStartX(-1);
         setSelectionEndX(-1);
-        (0, _functions.selectElementContents)(inputRef.current);
-        setSelectedText((0, _functions.getSelectionText)());
+        selectElementContents(inputRef.current);
+        setSelectedText(getSelectionText());
     };
     const deleteSelectedText = ()=>{
         var _getClearInnerValueAsString;
         const selStartInd = getSelectStartIndex();
         if (selStartInd === null || selStartInd === undefined) return false;
-        const selEndInd = (0, _functions.getSelectionText)().length + selStartInd;
-        (0, _functions.resetSelectionText)();
+        const selEndInd = getSelectionText().length + selStartInd;
+        resetSelectionText();
         if (maskAsPlaceholder && ((_getClearInnerValueAsString = getClearInnerValueAsString(selEndInd + 1)) === null || _getClearInnerValueAsString === void 0 ? void 0 : _getClearInnerValueAsString.length) !== 0) {
             const text = innerValue.slice().filter(({ isSpecialSymbol, isCharSymbol }, index)=>{
                 if (maxEditableLen !== -1 && index > maxEditableLen - 1) return false;
@@ -689,13 +634,13 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
     // FUNCTIONS | END //
     ///--- OBSERVERS ---///
     // Input Throttling
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (isInputThrottled) setTimeout(()=>setIsInputThrottled(false), inputThrottlingTimeout);
     }, [
         isInputThrottled
     ]);
     //Render Mask
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setInnerValue([]);
         setMaskRendered(false);
         if (!maskPattern) maskPattern = "";
@@ -716,12 +661,12 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
     }, [
         maskPattern
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (value !== getClearInnerValueAsString()) setIsInitValue(false);
     }, [
         value
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (isMaskRendered && !isInitValue && value !== getClearInnerValueAsString()) {
             if (value && value !== "") {
                 let valueCharIndex = 0;
@@ -755,26 +700,26 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
         value,
         isInitValue
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (isInitValue) setUndoValue(getClearInnerValueAsString());
     }, [
         isInitValue
     ]);
     // Focus Observer
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (!isFocused) setSelectedText("");
     }, [
         isFocused
     ]);
     // Default Focused
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (isFocusedDefault && isMaskRendered) setFocusOnChar(0, -1);
     }, [
         isFocusedDefault,
         isMaskRendered
     ]);
     // OnChange Observer
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (isMaskRendered && isFocused) {
             setError(false);
             clearErrorMessage();
@@ -792,15 +737,15 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
         isMaskRendered
     ]);
     // Blink Error
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (blinkError) setTimeout(()=>setBlinkError(false), blinkDuration);
     }, [
         blinkError
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (!isSelecting) {
             setSelectedText("");
-            (0, _functions.resetSelectionText)();
+            resetSelectionText();
             setSelectionStartX(null);
             setSelectionEndX(null);
         }
@@ -809,20 +754,20 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
                 once: true
             });
         }
-        if (!isMouseDown && isSelecting && !(0, _functions.getSelectionText)().length) setIsSelecting(false);
+        if (!isMouseDown && isSelecting && !getSelectionText().length) setIsSelecting(false);
     }, [
         isSelecting,
         isMouseDown
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         document.addEventListener("mouseup", ()=>{
             setIsMouseDown((isMouseDown)=>{
-                if (isMouseDown) setSelectedText((0, _functions.getSelectionText)());
+                if (isMouseDown) setSelectedText(getSelectionText());
                 return false;
             });
         });
     }, []);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setError(customError !== "");
         setErrorMessage(customError === "" ? errors.default : customError);
     }, [
@@ -833,19 +778,19 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
     const renderChar = (obj, i, className = "")=>{
         const { char, ref, maskChar, isSpecialSymbol } = obj;
         const prevChar = getCharByIndex(i - 1);
-        if (i === innerValue.length - 1 && isSelecting) return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+        if (i === innerValue.length - 1 && isSelecting) return /*#__PURE__*/ _jsx("span", {
             style: {
                 width: "1px"
             }
         });
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+        return /*#__PURE__*/ _jsx("span", {
             tabIndex: i === 0 ? 0 : -1,
             "attr-char-id": i,
             className: `
           input-mask_value_item
           ${className}
-          ${(0, _functions.isDigitMaskChar)(obj.maskChar) ? "input-mask_value_item--digit" : ""}
-          ${(0, _functions.isLetterMaskChar)(obj.maskChar) ? "input-mask_value_item--letter" : ""}
+          ${isDigitMaskChar(obj.maskChar) ? "input-mask_value_item--digit" : ""}
+          ${isLetterMaskChar(obj.maskChar) ? "input-mask_value_item--letter" : ""}
           ${obj.isSpecialSymbol ? "input-mask_value_item--spec" : ""}
         `,
             onClick: (e)=>onCharClick(e, i),
@@ -858,7 +803,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
             onKeyDown: (e)=>onKeyDown(e, i),
             onChange: cancelDefaultAction,
             contentEditable: !isSelecting,
-            inputMode: (0, _functions.isDigitMaskChar)(i !== innerValue.length - 1 ? maskChar : prevChar === null || prevChar === void 0 ? void 0 : prevChar.maskChar) ? "numeric" : "text",
+            inputMode: isDigitMaskChar(i !== innerValue.length - 1 ? maskChar : prevChar === null || prevChar === void 0 ? void 0 : prevChar.maskChar) ? "numeric" : "text",
             suppressContentEditableWarning: true,
             onPaste: (e)=>onPaste(e, i),
             onCopy: (e)=>onCopy(e, i),
@@ -872,7 +817,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
             },
             onMouseDown: (e)=>cancelDefaultAction(e, ()=>setIsMouseDown(true)),
             onMouseMove: (e)=>cancelDefaultAction(e, onMouseDownMove),
-            children: !isFocused && hideMaskOnBlur && getClearInnerValueAsString().length === 0 ? _config.SPACE_CHAR : isSpecialSymbol ? maskChar : char === "" ? getPlaceholderCharByIndex(i) : char
+            children: !isFocused && hideMaskOnBlur && getClearInnerValueAsString().length === 0 ? SPACE_CHAR : isSpecialSymbol ? maskChar : char === "" ? getPlaceholderCharByIndex(i) : char
         }, i);
     };
     const renderMaskChar = (obj, i)=>renderChar(obj, i, "input-mask_value_item_mask-char");
@@ -889,9 +834,9 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
         });
     };
     const render = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        return /*#__PURE__*/ _jsxs("div", {
             "data-testid": testId,
-            className: (0, _classnames.default)("input-mask_wrapper", className, {
+            className: cn("input-mask_wrapper", className, {
                 disabled
             }, {
                 "input-mask_error": isError
@@ -903,7 +848,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
             onClick: onWrapperClick,
             onBlur: onBlur,
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                /*#__PURE__*/ _jsxs("div", {
                     className: `
             input-mask
             ${isError ? "input-mask_error" : ""}
@@ -916,19 +861,19 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
                     onClick: onWrapperClick,
                     onBlur: onBlur,
                     children: [
-                        showHint && isHintLeft && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        showHint && isHintLeft && /*#__PURE__*/ _jsx("div", {
                             className: "input-mask_hint input-mask_hint--left",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
+                            children: /*#__PURE__*/ _jsx(Hint, {
                                 hint: hintText,
                                 className: hintClassName,
                                 side: hintPosition
                             })
                         }),
-                        isIconLeft && showIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        isIconLeft && showIcon && /*#__PURE__*/ _jsx("div", {
                             className: "input-mask_icon input-mask_icon--left",
                             children: icon
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        /*#__PURE__*/ _jsx("div", {
                             className: "input-mask_value",
                             ref: inputRef,
                             onKeyUp: cancelDefaultAction,
@@ -938,19 +883,19 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
                             onClick: onWrapperClick,
                             children: renderInputValue()
                         }),
-                        isClearable && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        isClearable && /*#__PURE__*/ _jsx("div", {
                             className: "input-mask_clear",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
+                            children: /*#__PURE__*/ _jsx(X, {
                                 onClick: onClearClick
                             })
                         }),
-                        isIconRight && showIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        isIconRight && showIcon && /*#__PURE__*/ _jsx("div", {
                             className: "input-mask_icon input-mask_icon--right",
                             children: icon
                         }),
-                        showHint && isHintRight && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        showHint && isHintRight && /*#__PURE__*/ _jsx("div", {
                             className: "input-mask_hint input-mask_hint--right",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
+                            children: /*#__PURE__*/ _jsx(Hint, {
                                 hint: hintText,
                                 className: hintClassName,
                                 side: hintPosition
@@ -958,7 +903,7 @@ function InputMask({ maskPattern, maskPatternPlaceholder, maskPlaceholder, maskD
                         })
                     ]
                 }),
-                showErrors && errorMessage && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                showErrors && errorMessage && /*#__PURE__*/ _jsx("div", {
                     className: "input-mask_error-text",
                     children: errorMessage
                 })