intelicoreact 1.5.32 → 1.5.34

package/dist/src/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.js

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactfeather = require("react-feather");
+const _utils = require("../../../Functions/utils");
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+require("./FormattedRawSSN.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;
+}
+const FormattedRawSSN = ({ value = "", postfix = "", onChange: onChangeProp = ()=>{}, maskChar = "*", testId = "formatted-raw-ssn", isHiddenDefault = true, maxLen = 9, ...args })=>{
+    var _value_substring;
+    const [SSN, setSSN] = (0, _react.useState)((_value_substring = value === null || value === void 0 ? void 0 : value.substring(0, maxLen)) !== null && _value_substring !== void 0 ? _value_substring : "");
+    const [isHidden, setIsHidden] = (0, _react.useState)(isHiddenDefault);
+    const wrapperRef = (0, _react.useRef)(null);
+    (0, _react.useEffect)(()=>{
+        var _value_toString;
+        var _value_toString_substring;
+        setSSN((_value_toString_substring = value === null || value === void 0 ? void 0 : (_value_toString = value.toString()) === null || _value_toString === void 0 ? void 0 : _value_toString.substring(0, maxLen)) !== null && _value_toString_substring !== void 0 ? _value_toString_substring : "");
+    }, [
+        value
+    ]);
+    const onChange = (value)=>{
+        if (!value && value !== "") return "";
+        if (value.replace(/-/g, "").length < SSN.length) {
+            const last = SSN.length - 1;
+            setSSN(SSN.slice(0, last));
+            return;
+        }
+        const numValue = value.replace(/\D/g, "");
+        let newSSN = "";
+        if (isHidden) {
+            if (SSN.length > 5) {
+                newSSN = SSN.slice(0, 5) + numValue;
+            } else {
+                newSSN = SSN + numValue;
+            }
+        } else {
+            newSSN = numValue;
+        }
+        if (newSSN.length > maxLen) {
+            return;
+        }
+        setSSN(newSSN);
+    };
+    const switchView = ()=>{
+        var _wrapperRef_current;
+        const input = wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef_current = wrapperRef.current) === null || _wrapperRef_current === void 0 ? void 0 : _wrapperRef_current.querySelector("input");
+        input === null || input === void 0 ? void 0 : input.focus();
+        (0, _utils.setCarretToEnd)(input);
+        setIsHidden(!isHidden);
+    };
+    const getFormatedValue = (v)=>{
+        if (!v) return "";
+        v = v.slice(0, 11).replace(/-/g, "");
+        if (v.length <= 3) {
+            return v;
+        }
+        if (v.length > 3 && v.length <= 5) {
+            return `${v.slice(0, 3)}-${v.slice(3)}`;
+        }
+        if (v.length > 5) {
+            return `${v.slice(0, 3)}-${v.slice(3, 5)}-${v.slice(5)}`;
+        }
+    };
+    const getMaskedValue = (v)=>{
+        return isHidden ? v.slice(0, 7).replace(/[0-9]/g, maskChar).concat(v.slice(7)) : v;
+    };
+    (0, _react.useEffect)(()=>{
+        if (SSN) onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(SSN.concat(SSN.length === maxLen ? postfix : "").replace(/-/g, ""));
+    }, [
+        SSN
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: "formatted-raw-ssn",
+        ref: wrapperRef,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                ...args,
+                value: getMaskedValue(getFormatedValue(SSN)),
+                onChange: onChange
+            }),
+            postfix && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: "formatted-raw-ssn-postfix",
+                onClick: ()=>{
+                    var _wrapperRef_current_querySelector, _wrapperRef_current;
+                    return wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef_current = wrapperRef.current) === null || _wrapperRef_current === void 0 ? void 0 : (_wrapperRef_current_querySelector = _wrapperRef_current.querySelector("input")) === null || _wrapperRef_current_querySelector === void 0 ? void 0 : _wrapperRef_current_querySelector.focus();
+                },
+                children: postfix
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                className: "formatted-raw-ssn-eye-holder",
+                onClick: switchView,
+                children: [
+                    " ",
+                    isHidden ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Eye, {
+                        strokeWidth: 1,
+                        className: "password-icon"
+                    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.EyeOff, {
+                        strokeWidth: 1,
+                        className: "password-icon"
+                    })
+                ]
+            })
+        ]
+    });
+};
+const _default = FormattedRawSSN;

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

@@ -0,0 +1,382 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    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"));
+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;
+}
+const HIDE_SYMBOL = "\u2022";
+/**
+ * Input компонент.
+ *
+ * @component
+ * @param {object} props.blurTrim - Обрезает ведущие и оконечные символы строки при потере фокуса.
+ * @param {string} props.autocomplete - Определяет, должен ли браузер включать автозаполнение ввода пользователя.
+ * @param {boolean} props.isSelect - Определяет, будет ли компонент редактироваться по умолчанию при загрузке страницы.
+ * @param {function} props.onChange - Функция, которая вызывается при изменении содержимого элемента управления формы.
+ * @param {function} props.onBlur - Функция, которая вызывается при потере элементом управления фокуса.
+ * @param {function} props.onFocus - Функция, вызываемая при получении элементом управления фокуса.
+ * @param {function} props.onKeyUp - Функция, которая вызывается при отпускании клавиши.
+ * @param {function} props.onKeyDown - Функция, вызываемая при нажатии на клавишу.
+ * @param {boolean} props.isNotBlinkErrors - Отключает мигание элемента управления при ошибках.
+ * @param {boolean} props.isPriceInput - Определяет, будет ли компонент ввода формата числа с плавающей точкой.
+ * @param {boolean} props.onlyNumbers - Определяет, будет ли компонент прозволять только цифры.
+ * @param {boolean} props.isOnlyString - Определяет, будет ли компонент разрешать
+ * только строки (без чисел или других символов).
+ * @param {boolean} props.disabled - Блокировка поля ввода.
+ * @param {boolean} props.withDelete - Включает отображение кнопки удаления контента.
+ * @param {string} props.value - Значение поля ввода.
+ * @param {string} props.placeholder - Текст подсказки внутри поля ввода.
+ * @param {string} props.className - Строка с именами классов, применяемыми к компоненту.
+ * @param {string} props.type - Тип компонента ввода (например, 'text', 'password').
+ * @param {boolean} props.softStringMode - Используется для включения нестрогого режима ввода символов.
+ * @param {object} props.mask - Маска для поля ввода.
+ * @param {string} props.maskChar - Свойство определяет символ,
+ * используемый вместо пропущенных символов при введении маски.
+ * @param {object} props.formatChars - Объект, определяющий символы, которые должны быть заменены в маске.
+ * @param {string} props.error - Строка с сообщением об ошибке.
+ * @param {number} props.symbolsLimit - Лимит символов ввода.
+ * @param {number} props.blinkTime - Время мигания в миллисекундах.
+ * @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);
+        }
+    }, [
+        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
+        }, {
+            [`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"
+            })
+        ]
+    });
+});
+const _default = Input;