intelicoreact 1.5.40 → 1.6.0

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

@@ -1,25 +1,69 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-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"));
+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 _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';
-
+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 компонент.
  *
@@ -54,319 +98,285 @@ const HIDE_SYMBOL = "\u2022";
  * @param {boolean} props.isFocusDefault - Определяет, будет ли элемент получать фокус при загрузке страницы.
  * @param {boolean} props.isNotValidateASCII - Отключает проверку ASCII для вводимых символов.
  * @param {boolean} props.isNumericMobileKeyboard - Отображает цифровую клавиатуру на мобильных устройствах.
- */
-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;
+ */ 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);
         }
-      };
-      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;
+    }, [
+        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
         }, {
-          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"
-  }));
+            [`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"
+            })
+        ]
+    });
 });
-var _default = exports.default = Input;
+const _default = Input;