intelicoreact 1.6.7 → 1.6.10

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

@@ -1,161 +0,0 @@
-"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

@@ -1,382 +0,0 @@
-"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;