intelicoreact 1.5.38 → 1.5.41

package/dist/Atomic/FormElements/Input/Input.js

@@ -1,69 +1,25 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _indexconstants = require("../../../Constants/index.constants");
-const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-const _utils = require("../../../Functions/utils");
-const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
-const _DynamicIcon = /*#__PURE__*/ _interop_require_default(require("../../UI/DynamicIcon/DynamicIcon"));
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _index = require("../../../Constants/index.constants");
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+var _utils = require("../../../Functions/utils");
+var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
+var _DynamicIcon = _interopRequireDefault(require("../../UI/DynamicIcon/DynamicIcon"));
 require("./Input.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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// import InputMask from 'react-input-mask';
+
 const HIDE_SYMBOL = "\u2022";
+
 /**
  * Input компонент.
  *
@@ -98,285 +54,319 @@ const HIDE_SYMBOL = "\u2022";
  * @param {boolean} props.isFocusDefault - Определяет, будет ли элемент получать фокус при загрузке страницы.
  * @param {boolean} props.isNotValidateASCII - Отключает проверку ASCII для вводимых символов.
  * @param {boolean} props.isNumericMobileKeyboard - Отображает цифровую клавиатуру на мобильных устройствах.
- */ const Input = /*#__PURE__*/ _react.default.forwardRef(({ blurTrim, autocomplete = "off", isSelect, onChange = ()=>{}, onBlur = ()=>{}, onFocus = ()=>{}, onKeyUp = ()=>{}, onKeyDown = ()=>{}, isNotBlinkErrors, isPriceInput, onlyNumbers, disabled, withDelete, value, placeholder, className, type = "text", mask, maskChar, formatChars, error, icon, iconDynamicKey, iconDynamicProps = {}, symbolsLimit, blinkTime, isFocusDefault = false, isNotValidateASCII = false, isNumericMobileKeyboard = false, isCropFirstNool = false, testId = "input", action, isUseAutoSelect = true, isReadOnly = false, isLoading = false, name, fieldKey, id, attributesOfNativeInput = {} }, ref)=>{
-    const { trimStart, trimEnd, characters } = blurTrim || {};
-    const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, {
-        iconKey: iconDynamicKey,
-        ...iconDynamicProps
-    }) : null;
-    const DEFAULT_BLINK_TIME = 100;
-    // STATES
-    const [isFocused, setIsFocused] = (0, _react.useState)(false);
-    const [isEditing, setEditing] = (0, _react.useState)(false);
-    const inputInnerRef = (0, _react.useRef)(null);
-    const inputRef = (0, _react.useMemo)(()=>ref || inputInnerRef, [
-        ref
-    ]);
-    // const previousValueRef = useRef(value);
-    const [isAttemptToChange, setIsAttemptToChange] = (0, _react.useState)(false);
-    const [isToHighlightError, setIsToHighlightError] = (0, _react.useState)(false);
-    const [onInputHover, setOnInputHover] = (0, _react.useState)(false);
-    const [prevValue, setPreviousValue] = (0, _react.useState)(value);
-    const [keyDownData, setKeyDownData] = (0, _react.useState)({
-        start: null,
-        end: null,
-        keyCode: null
-    });
-    const isUseBitDepthPoints = Boolean(onlyNumbers) && isPriceInput;
-    const isUseErrorsBlink = !isNotBlinkErrors && !mask;
-    const inputName = name || fieldKey || id;
-    const isPseudoPasswordMode = type === "pseudoPassword";
-    // HANDLES
-    const handle = {
-        correctMinMax: (value, correctionType)=>{
-            if (!onlyNumbers) return value;
-            const { min, max, isOnlyPositive, isNoEmptyValues } = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {};
-            const minimum = !Number.isNaN(Number(min)) && min !== null && (min >= 0 || !isOnlyPositive) ? min : undefined;
-            const maximum = !Number.isNaN(Number(max)) && max !== null && (max >= 0 || !isOnlyPositive) ? max : undefined;
-            let minusSymbol;
-            let inputValue = (0, _fieldValueFormatters.getSafelyValue)(value);
-            const checkMin = ()=>{
-                if (!inputValue && isNoEmptyValues) inputValue = minimum !== undefined ? minimum : "0";
-                else if (inputValue && !Number.isNaN(Number(minimum)) && Number(minimum) > Number((minusSymbol !== null && minusSymbol !== void 0 ? minusSymbol : "") + inputValue)) inputValue = minimum;
-            };
-            const checkMax = ()=>{
-                if (!Number.isNaN(Number(maximum)) && Number(maximum) < Number((minusSymbol !== null && minusSymbol !== void 0 ? minusSymbol : "") + inputValue)) {
-                    inputValue = maximum;
-                    minusSymbol = null;
-                }
-            };
-            if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
-            if (!isOnlyPositive && inputValue[0] === "-") {
-                minusSymbol = "-";
-                inputValue = inputValue.slice(1);
-            }
-            inputValue = (0, _fieldValueFormatters.filterNumeric)(inputValue, onlyNumbers);
-            switch(correctionType){
-                case "min":
-                    checkMin();
-                    break;
-                case "max":
-                    checkMax();
-                    break;
-                default:
-                    checkMin();
-                    checkMax();
-                    break;
-            }
-            return inputValue;
-        },
-        processPseudoValue: (newValue, oldValue)=>{
-            const insertedPart = newValue.replace(new RegExp(HIDE_SYMBOL, "g"), "");
-            // ? Если insertedPart.length > 1, то это точно копи-паст
-            // ? По договоренности любой копипаст заменяет текущее велью 
-            if (insertedPart.length > 1) return insertedPart;
-            const isOldValueHasBeenReduced = newValue.replace(new RegExp(/^HIDE_SYMBOL/g), "").length < oldValue.length;
-            const oldValueArr = oldValue.split("");
-            const getIsInclude = (idx)=>{
-                const BACKSPACE_CODE = 8;
-                // ? Если позиции не равны, значит была выделена область, значит будем воспринимать как копи-паст
-                if (keyDownData.start !== keyDownData.end) return false;
-                // ? Если позиции равны и есть вставляемое значение - обрезаем "хвост"
-                if (insertedPart) return idx < keyDownData.start;
-                // ? Если позиции равны и нет вставляемого значения - значит симвовол удалили
-                return keyDownData.keyCode === BACKSPACE_CODE ? idx < keyDownData.start - 1 || idx > keyDownData.end - 1 : idx < keyDownData.start || idx > keyDownData.end;
-            };
-            if (!insertedPart) return oldValueArr.reduce((acc, sym, idx)=>getIsInclude(idx) ? `${acc}${sym}` : acc, "");
-            const outputStructure = oldValueArr.reduce((acc, sym, idx)=>{
-                if (getIsInclude(idx)) acc.result = `${acc.result}${sym}`;
-                else if (!acc.position) acc.position = insertedPart ? idx : idx - 1;
-                return acc;
-            }, {
-                result: "",
-                position: !isOldValueHasBeenReduced ? keyDownData.start : null
-            });
-            const output = `${outputStructure.result.slice(0, outputStructure.position)}${insertedPart}${outputStructure.result.slice(outputStructure.position)}`;
-            return output;
-        },
-        change: (e)=>{
-            const { isOnlyPositive } = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {};
-            let minusSymbol;
-            let inputValue = e.target ? e.target.value : e;
-            if (isPseudoPasswordMode) inputValue = inputValue.includes(HIDE_SYMBOL) ? handle.processPseudoValue(inputValue, value, e) : inputValue;
-            // If user typed comma(',') replace it to dot('.') for float value typing
-            if (isPriceInput && inputValue.charAt(inputValue.length - 1) === ',') inputValue = inputValue.substring(0, inputValue.length - 1).concat('.');
-            if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
-            if (onlyNumbers) inputValue = inputValue.replace(/,/g, ".");
-            if (onlyNumbers && !isOnlyPositive && inputValue[0] === "-") {
-                minusSymbol = "-";
-                inputValue = inputValue.slice(1);
-            }
-            if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
-            if (symbolsLimit && inputValue.length > Number(symbolsLimit)) inputValue = inputValue.substring(0, Number(symbolsLimit));
-            if (isCropFirstNool && inputValue[0] == 0) return "";
-            else if (onlyNumbers) inputValue = handle.correctMinMax(inputValue, "max");
-            onChange(((minusSymbol !== null && minusSymbol !== void 0 ? minusSymbol : "") + inputValue).toString());
-        },
-        toggleEdit: ()=>{
-            setEditing(!isEditing);
-            onChange("");
-        },
-        focus: (e)=>{
-            setIsFocused(true);
-            onFocus(e);
-        },
-        blur: (e)=>{
-            let inputValue = handle.correctMinMax((0, _fieldValueFormatters.getSafelyValue)(value), "min");
-            if (trimStart) inputValue = inputValue.replace(new RegExp(`^[${characters}]+`), "");
-            if (trimEnd) inputValue = inputValue.replace(new RegExp(`[${characters}]+$`), "");
-            if (value !== inputValue) onChange(inputValue);
-            setIsFocused(false);
-            setEditing(false);
-            // использую setTimeout для того чтоб прошли переназначения велью, если они есть,
-            // для того, чтоб верхний onBlur при обращении к e.target.value получал обновленное велью
-            if (onBlur) setTimeout(()=>onBlur(e), 0);
-        },
-        keyDown: (e)=>{
-            var _e_target;
-            setPreviousValue(e === null || e === void 0 ? void 0 : (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.value);
-            setKeyDownData({
-                start: e.target.selectionStart,
-                end: e.target.selectionEnd,
-                keyCode: e.keyCode
-            });
-            onKeyDown(e.keyCode, e);
-        },
-        keyUp: (e)=>{
-            if (isUseErrorsBlink) {
-                const changedValue = `${value !== null && value !== void 0 ? value : ""}`;
-                const previousValue = `${prevValue}`;
-                const short = previousValue.length <= changedValue.length ? previousValue : changedValue;
-                const long = previousValue.length > changedValue.length ? previousValue : changedValue;
-                const infoAboutDifferencesSameness = short.split("").reduce((acc, symbol, idx)=>{
-                    if (acc.countOn && symbol === long[idx]) acc.same.push(symbol);
-                    else {
-                        acc.countOn = false;
-                        acc.differences.push([
-                            idx,
-                            symbol
-                        ]);
-                    }
-                    return acc;
-                }, {
-                    same: [],
-                    countOn: true,
-                    differences: []
-                });
-                const samePart = infoAboutDifferencesSameness.same.join("");
-                const differencesLength = infoAboutDifferencesSameness.differences.length;
-                const currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, "");
-                if (!_indexconstants.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
-            }
-            onKeyUp(e.keyCode, e);
-        }
-    };
-    (0, _react.useEffect)(()=>{
-        var _inputRef_current_focus, _inputRef_current;
-        if (isEditing) inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : (_inputRef_current_focus = _inputRef_current.focus) === null || _inputRef_current_focus === void 0 ? void 0 : _inputRef_current_focus.call(_inputRef_current);
-    }, [
-        isEditing,
-        isFocused
-    ]);
-    (0, _react.useEffect)(()=>{
-        setEditing(isSelect !== null && isSelect !== void 0 ? isSelect : false);
-    }, [
-        isSelect
-    ]);
-    (0, _react.useEffect)(()=>{
-        if (isUseErrorsBlink && isAttemptToChange) {
-            setIsAttemptToChange(null);
-            setIsToHighlightError(true);
-            setTimeout(()=>{
-                setIsToHighlightError(false);
-            }, blinkTime || DEFAULT_BLINK_TIME);
+ */
+const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    blurTrim,
+    autocomplete = "off",
+    isSelect,
+    onChange = () => {},
+    onBlur = () => {},
+    onFocus = () => {},
+    onKeyUp = () => {},
+    onKeyDown = () => {},
+    isNotBlinkErrors,
+    isPriceInput,
+    onlyNumbers,
+    disabled,
+    withDelete,
+    value,
+    placeholder,
+    className,
+    type = "text",
+    mask,
+    maskChar,
+    formatChars,
+    error,
+    icon,
+    iconDynamicKey,
+    iconDynamicProps = {},
+    symbolsLimit,
+    blinkTime,
+    isFocusDefault = false,
+    isNotValidateASCII = false,
+    isNumericMobileKeyboard = false,
+    isCropFirstNool = false,
+    testId = "input",
+    action,
+    isUseAutoSelect = true,
+    isReadOnly = false,
+    isLoading = false,
+    name,
+    fieldKey,
+    id,
+    attributesOfNativeInput = {}
+  } = _ref;
+  const {
+    trimStart,
+    trimEnd,
+    characters
+  } = blurTrim || {};
+  const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/_react.default.createElement(_DynamicIcon.default, (0, _extends2.default)({
+    iconKey: iconDynamicKey
+  }, iconDynamicProps)) : null;
+  const DEFAULT_BLINK_TIME = 100;
+  // STATES
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
+  const [isEditing, setEditing] = (0, _react.useState)(false);
+  const inputInnerRef = (0, _react.useRef)(null);
+  const inputRef = (0, _react.useMemo)(() => ref || inputInnerRef, [ref]);
+  // const previousValueRef = useRef(value);
+  const [isAttemptToChange, setIsAttemptToChange] = (0, _react.useState)(false);
+  const [isToHighlightError, setIsToHighlightError] = (0, _react.useState)(false);
+  const [onInputHover, setOnInputHover] = (0, _react.useState)(false);
+  const [prevValue, setPreviousValue] = (0, _react.useState)(value);
+  const [keyDownData, setKeyDownData] = (0, _react.useState)({
+    start: null,
+    end: null,
+    keyCode: null
+  });
+  const isUseBitDepthPoints = Boolean(onlyNumbers) && isPriceInput;
+  const isUseErrorsBlink = !isNotBlinkErrors && !mask;
+  const inputName = name || fieldKey || id;
+  const isPseudoPasswordMode = type === "pseudoPassword";
+
+  // HANDLES
+  const handle = {
+    correctMinMax: (value, correctionType) => {
+      if (!onlyNumbers) return value;
+      const {
+        min,
+        max,
+        isOnlyPositive,
+        isNoEmptyValues
+      } = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {};
+      const minimum = !Number.isNaN(Number(min)) && min !== null && (min >= 0 || !isOnlyPositive) ? min : undefined;
+      const maximum = !Number.isNaN(Number(max)) && max !== null && (max >= 0 || !isOnlyPositive) ? max : undefined;
+      let minusSymbol;
+      let inputValue = (0, _fieldValueFormatters.getSafelyValue)(value);
+      const checkMin = () => {
+        if (!inputValue && isNoEmptyValues) inputValue = minimum !== undefined ? minimum : "0";else if (inputValue && !Number.isNaN(Number(minimum)) && Number(minimum) > Number((minusSymbol ?? "") + inputValue)) inputValue = minimum;
+      };
+      const checkMax = () => {
+        if (!Number.isNaN(Number(maximum)) && Number(maximum) < Number((minusSymbol ?? "") + inputValue)) {
+          inputValue = maximum;
+          minusSymbol = null;
         }
-    }, [
-        isAttemptToChange
-    ]);
-    (0, _react.useEffect)(()=>{
-        if ((inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && typeof isFocusDefault === "boolean") setIsFocused(isFocusDefault);
-        setEditing(isFocusDefault);
-    }, [
-        inputRef,
-        isFocusDefault
-    ]);
-    const getInputType = ()=>{
-        if (isPriceInput || isPseudoPasswordMode) return "text";
-        return type;
-    };
-    const formatedValue = (()=>{
-        let safelyValue = (0, _fieldValueFormatters.getSafelyValue)(value);
-        const hideSymbols = ()=>safelyValue.split("").map(()=>HIDE_SYMBOL).join("");
-        if (isPseudoPasswordMode) return hideSymbols();
-        if (onlyNumbers === null || onlyNumbers === void 0 ? void 0 : onlyNumbers.isNoEmptyValues) safelyValue = handle.correctMinMax(safelyValue, "min");
-        if (isUseBitDepthPoints) safelyValue = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(safelyValue, onlyNumbers);
-        return safelyValue;
-    })();
-    const uniProps = {
-        name: inputName,
-        className: (0, _classnames.default)("input", className, {
-            "input--with-icon": icon,
-            "input--with-delete": withDelete
-        }),
-        placeholder,
-        value: formatedValue,
-        inputMode: isNumericMobileKeyboard ? "decimal" : "text",
-        disabled,
-        onChange: handle.change,
-        onFocus: handle.focus,
-        onBlur: handle.blur,
-        onKeyUp: handle.keyUp,
-        onKeyDown: handle.keyDown,
-        ...maskChar ? {
-            maskChar
-        } : {},
-        ...formatChars ? {
-            formatChars
-        } : {}
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        "data-testid": testId,
-        className: (0, _classnames.default)(`input__wrap`, {
-            [`input__wrap_focus`]: isFocused
-        }, {
-            [`input__wrap_error`]: error || isToHighlightError
+      };
+      if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
+      if (!isOnlyPositive && inputValue[0] === "-") {
+        minusSymbol = "-";
+        inputValue = inputValue.slice(1);
+      }
+      inputValue = (0, _fieldValueFormatters.filterNumeric)(inputValue, onlyNumbers);
+      switch (correctionType) {
+        case "min":
+          checkMin();
+          break;
+        case "max":
+          checkMax();
+          break;
+        default:
+          checkMin();
+          checkMax();
+          break;
+      }
+      return inputValue;
+    },
+    processPseudoValue: (newValue, oldValue) => {
+      const insertedPart = newValue.replace(new RegExp(HIDE_SYMBOL, "g"), "");
+
+      //? Если insertedPart.length > 1, то это точно копи-паст
+      //? По договоренности любой копипаст заменяет текущее велью
+      if (insertedPart.length > 1) return insertedPart;
+      const isOldValueHasBeenReduced = newValue.replace(new RegExp(/^HIDE_SYMBOL/g), "").length < oldValue.length;
+      const oldValueArr = oldValue.split("");
+      const getIsInclude = idx => {
+        const BACKSPACE_CODE = 8;
+
+        //? Если позиции не равны, значит была выделена область, значит будем воспринимать как копи-паст
+        if (keyDownData.start !== keyDownData.end) return false;
+
+        //? Если позиции равны и есть вставляемое значение - обрезаем "хвост"
+        if (insertedPart) return idx < keyDownData.start;
+
+        //? Если позиции равны и нет вставляемого значения - значит симвовол удалили
+        return keyDownData.keyCode === BACKSPACE_CODE ? idx < keyDownData.start - 1 || idx > keyDownData.end - 1 : idx < keyDownData.start || idx > keyDownData.end;
+      };
+      if (!insertedPart) return oldValueArr.reduce((acc, sym, idx) => getIsInclude(idx) ? `${acc}${sym}` : acc, "");
+      const outputStructure = oldValueArr.reduce((acc, sym, idx) => {
+        if (getIsInclude(idx)) acc.result = `${acc.result}${sym}`;else if (!acc.position) acc.position = insertedPart ? idx : idx - 1;
+        return acc;
+      }, {
+        result: "",
+        position: !isOldValueHasBeenReduced ? keyDownData.start : null
+      });
+      const output = `${outputStructure.result.slice(0, outputStructure.position)}${insertedPart}${outputStructure.result.slice(outputStructure.position)}`;
+      return output;
+    },
+    change: e => {
+      const {
+        isOnlyPositive
+      } = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {};
+      let minusSymbol;
+      let inputValue = e.target ? e.target.value : e;
+      if (isPseudoPasswordMode) inputValue = inputValue.includes(HIDE_SYMBOL) ? handle.processPseudoValue(inputValue, value, e) : inputValue;
+
+      // If user typed comma(',') replace it to dot('.') for float value typing
+      if (isPriceInput && inputValue.charAt(inputValue.length - 1) === ',') inputValue = inputValue.substring(0, inputValue.length - 1).concat('.');
+      if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
+      if (onlyNumbers) inputValue = inputValue.replace(/,/g, ".");
+      if (onlyNumbers && !isOnlyPositive && inputValue[0] === "-") {
+        minusSymbol = "-";
+        inputValue = inputValue.slice(1);
+      }
+      if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
+      if (symbolsLimit && inputValue.length > Number(symbolsLimit)) inputValue = inputValue.substring(0, Number(symbolsLimit));
+      if (isCropFirstNool && inputValue[0] == 0) return "";else if (onlyNumbers) inputValue = handle.correctMinMax(inputValue, "max");
+      onChange(((minusSymbol ?? "") + inputValue).toString());
+    },
+    toggleEdit: () => {
+      setEditing(!isEditing);
+      onChange("");
+    },
+    focus: e => {
+      setIsFocused(true);
+      onFocus(e);
+    },
+    blur: e => {
+      let inputValue = handle.correctMinMax((0, _fieldValueFormatters.getSafelyValue)(value), "min");
+      if (trimStart) inputValue = inputValue.replace(new RegExp(`^[${characters}]+`), "");
+      if (trimEnd) inputValue = inputValue.replace(new RegExp(`[${characters}]+$`), "");
+      if (value !== inputValue) onChange(inputValue);
+      setIsFocused(false);
+      setEditing(false);
+      // использую setTimeout для того чтоб прошли переназначения велью, если они есть,
+      // для того, чтоб верхний onBlur при обращении к e.target.value получал обновленное велью
+      if (onBlur) setTimeout(() => onBlur(e), 0);
+    },
+    keyDown: e => {
+      setPreviousValue(e?.target?.value);
+      setKeyDownData({
+        start: e.target.selectionStart,
+        end: e.target.selectionEnd,
+        keyCode: e.keyCode
+      });
+      onKeyDown(e.keyCode, e);
+    },
+    keyUp: e => {
+      if (isUseErrorsBlink) {
+        const changedValue = `${value ?? ""}`;
+        const previousValue = `${prevValue}`;
+        const short = previousValue.length <= changedValue.length ? previousValue : changedValue;
+        const long = previousValue.length > changedValue.length ? previousValue : changedValue;
+        const infoAboutDifferencesSameness = short.split("").reduce((acc, symbol, idx) => {
+          if (acc.countOn && symbol === long[idx]) acc.same.push(symbol);else {
+            acc.countOn = false;
+            acc.differences.push([idx, symbol]);
+          }
+          return acc;
         }, {
-            [`input__wrap--disabled`]: disabled || isLoading
-        }),
-        onMouseEnter: ()=>setOnInputHover(true),
-        onMouseLeave: ()=>setOnInputHover(false),
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
-                readOnly: isReadOnly,
-                ...uniProps,
-                ref: inputRef,
-                type: getInputType(),
-                autoComplete: isPseudoPasswordMode ? "off" : autocomplete,
-                ...attributesOfNativeInput,
-                onFocus: (...params)=>{
-                    var _attributesOfNativeInput_onFocus;
-                    attributesOfNativeInput === null || attributesOfNativeInput === void 0 ? void 0 : (_attributesOfNativeInput_onFocus = attributesOfNativeInput.onFocus) === null || _attributesOfNativeInput_onFocus === void 0 ? void 0 : _attributesOfNativeInput_onFocus.call(attributesOfNativeInput, ...params);
-                    if (isUseAutoSelect) inputRef.current.select();
-                    if (uniProps.onFocus) uniProps.onFocus(...params);
-                },
-                onBlur: (...params)=>{
-                    var _attributesOfNativeInput_onBlur;
-                    attributesOfNativeInput === null || attributesOfNativeInput === void 0 ? void 0 : (_attributesOfNativeInput_onBlur = attributesOfNativeInput.onBlur) === null || _attributesOfNativeInput_onBlur === void 0 ? void 0 : _attributesOfNativeInput_onBlur.call(attributesOfNativeInput, ...params);
-                    if (uniProps.onBlur) uniProps.onBlur(...params);
-                }
-            }),
-            DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon,
-            action,
-            withDelete && onInputHover && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: (0, _classnames.default)(`input__close`, {
-                    hidden: !(0, _fieldValueFormatters.getSafelyValue)(value)
-                }),
-                onClick: handle.toggleEdit
-            }),
-            isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
-                size: "small"
-            })
-        ]
-    });
+          same: [],
+          countOn: true,
+          differences: []
+        });
+        const samePart = infoAboutDifferencesSameness.same.join("");
+        const differencesLength = infoAboutDifferencesSameness.differences.length;
+        const currentSet = changedValue?.replace(samePart, "");
+        if (!_index.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
+      }
+      onKeyUp(e.keyCode, e);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    if (isEditing) inputRef?.current?.focus?.();
+  }, [isEditing, isFocused]);
+  (0, _react.useEffect)(() => {
+    setEditing(isSelect ?? false);
+  }, [isSelect]);
+  (0, _react.useEffect)(() => {
+    if (isUseErrorsBlink && isAttemptToChange) {
+      setIsAttemptToChange(null);
+      setIsToHighlightError(true);
+      setTimeout(() => {
+        setIsToHighlightError(false);
+      }, blinkTime || DEFAULT_BLINK_TIME);
+    }
+  }, [isAttemptToChange]);
+  (0, _react.useEffect)(() => {
+    if (inputRef?.current && typeof isFocusDefault === "boolean") setIsFocused(isFocusDefault);
+    setEditing(isFocusDefault);
+  }, [inputRef, isFocusDefault]);
+  const getInputType = () => {
+    if (isPriceInput || isPseudoPasswordMode) return "text";
+    return type;
+  };
+  const formatedValue = (() => {
+    let safelyValue = (0, _fieldValueFormatters.getSafelyValue)(value);
+    const hideSymbols = () => safelyValue.split("").map(() => HIDE_SYMBOL).join("");
+    if (isPseudoPasswordMode) return hideSymbols();
+    if (onlyNumbers?.isNoEmptyValues) safelyValue = handle.correctMinMax(safelyValue, "min");
+    if (isUseBitDepthPoints) safelyValue = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(safelyValue, onlyNumbers);
+    return safelyValue;
+  })();
+  const uniProps = {
+    name: inputName,
+    className: (0, _classnames.default)("input", className, {
+      "input--with-icon": icon,
+      "input--with-delete": withDelete
+    }),
+    placeholder,
+    value: formatedValue,
+    inputMode: isNumericMobileKeyboard ? "decimal" : "text",
+    disabled,
+    onChange: handle.change,
+    onFocus: handle.focus,
+    onBlur: handle.blur,
+    onKeyUp: handle.keyUp,
+    onKeyDown: handle.keyDown,
+    ...(maskChar ? {
+      maskChar
+    } : {}),
+    ...(formatChars ? {
+      formatChars
+    } : {})
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
+    className: (0, _classnames.default)(`input__wrap`, {
+      [`input__wrap_focus`]: isFocused
+    }, {
+      [`input__wrap_error`]: error || isToHighlightError
+    }, {
+      [`input__wrap--disabled`]: disabled || isLoading
+    }),
+    onMouseEnter: () => setOnInputHover(true),
+    onMouseLeave: () => setOnInputHover(false)
+  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
+    readOnly: isReadOnly
+  }, uniProps, {
+    ref: inputRef,
+    type: getInputType(),
+    autoComplete: isPseudoPasswordMode ? "off" : autocomplete
+  }, attributesOfNativeInput, {
+    onFocus: function () {
+      for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
+        params[_key] = arguments[_key];
+      }
+      attributesOfNativeInput?.onFocus?.(...params);
+      if (isUseAutoSelect) inputRef.current.select();
+      if (uniProps.onFocus) uniProps.onFocus(...params);
+    },
+    onBlur: function () {
+      for (var _len2 = arguments.length, params = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        params[_key2] = arguments[_key2];
+      }
+      attributesOfNativeInput?.onBlur?.(...params);
+      if (uniProps.onBlur) uniProps.onBlur(...params);
+    }
+  })), DynamicIconComponent ?? icon, action, withDelete && onInputHover && /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)(`input__close`, {
+      hidden: !(0, _fieldValueFormatters.getSafelyValue)(value)
+    }),
+    onClick: handle.toggleEdit
+  }), isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+    size: "small"
+  }));
 });
-const _default = Input;
+var _default = exports.default = Input;