intelicoreact 1.4.81 → 1.4.83

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

@@ -2,11 +2,17 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -25,12 +31,15 @@ var _DynamicIcon = _interopRequireDefault(require("../../UI/DynamicIcon/DynamicI
 
 require("./Input.scss");
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(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 = {}; 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 _interopRequireWildcard(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 = {}; 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-// import InputMask from 'react-input-mask';
-const HIDE_SYMBOL = "\u2022";
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var HIDE_SYMBOL = "\u2022";
 /**
  * Input компонент.
  *
@@ -67,98 +76,145 @@ const HIDE_SYMBOL = "\u2022";
  * @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)({
+var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var blurTrim = _ref.blurTrim,
+      _ref$autocomplete = _ref.autocomplete,
+      autocomplete = _ref$autocomplete === void 0 ? "off" : _ref$autocomplete,
+      isSelect = _ref.isSelect,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$onBlur = _ref.onBlur,
+      onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
+      _ref$onFocus = _ref.onFocus,
+      onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
+      _ref$onKeyUp = _ref.onKeyUp,
+      onKeyUp = _ref$onKeyUp === void 0 ? function () {} : _ref$onKeyUp,
+      _ref$onKeyDown = _ref.onKeyDown,
+      onKeyDown = _ref$onKeyDown === void 0 ? function () {} : _ref$onKeyDown,
+      isNotBlinkErrors = _ref.isNotBlinkErrors,
+      isPriceInput = _ref.isPriceInput,
+      onlyNumbers = _ref.onlyNumbers,
+      disabled = _ref.disabled,
+      withDelete = _ref.withDelete,
+      value = _ref.value,
+      placeholder = _ref.placeholder,
+      className = _ref.className,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? "text" : _ref$type,
+      mask = _ref.mask,
+      maskChar = _ref.maskChar,
+      formatChars = _ref.formatChars,
+      error = _ref.error,
+      icon = _ref.icon,
+      iconDynamicKey = _ref.iconDynamicKey,
+      _ref$iconDynamicProps = _ref.iconDynamicProps,
+      iconDynamicProps = _ref$iconDynamicProps === void 0 ? {} : _ref$iconDynamicProps,
+      symbolsLimit = _ref.symbolsLimit,
+      blinkTime = _ref.blinkTime,
+      _ref$isFocusDefault = _ref.isFocusDefault,
+      isFocusDefault = _ref$isFocusDefault === void 0 ? false : _ref$isFocusDefault,
+      _ref$isNotValidateASC = _ref.isNotValidateASCII,
+      isNotValidateASCII = _ref$isNotValidateASC === void 0 ? false : _ref$isNotValidateASC,
+      _ref$isNumericMobileK = _ref.isNumericMobileKeyboard,
+      isNumericMobileKeyboard = _ref$isNumericMobileK === void 0 ? false : _ref$isNumericMobileK,
+      _ref$isCropFirstNool = _ref.isCropFirstNool,
+      isCropFirstNool = _ref$isCropFirstNool === void 0 ? false : _ref$isCropFirstNool,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? "input" : _ref$testId,
+      action = _ref.action,
+      _ref$isUseAutoSelect = _ref.isUseAutoSelect,
+      isUseAutoSelect = _ref$isUseAutoSelect === void 0 ? true : _ref$isUseAutoSelect,
+      _ref$isReadOnly = _ref.isReadOnly,
+      isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly,
+      _ref$isLoading = _ref.isLoading,
+      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+      name = _ref.name,
+      fieldKey = _ref.fieldKey,
+      id = _ref.id,
+      _ref$attributesOfNati = _ref.attributesOfNativeInput,
+      attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
+
+  var _ref2 = blurTrim || {},
+      trimStart = _ref2.trimStart,
+      trimEnd = _ref2.trimEnd,
+      characters = _ref2.characters;
+
+  var 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)({
+  var DEFAULT_BLINK_TIME = 100; // STATES
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isFocused = _useState2[0],
+      setIsFocused = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      isEditing = _useState4[0],
+      setEditing = _useState4[1];
+
+  var inputInnerRef = (0, _react.useRef)(null);
+  var inputRef = (0, _react.useMemo)(function () {
+    return ref || inputInnerRef;
+  }, [ref]); // const previousValueRef = useRef(value);
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      isAttemptToChange = _useState6[0],
+      setIsAttemptToChange = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      isToHighlightError = _useState8[0],
+      setIsToHighlightError = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      onInputHover = _useState10[0],
+      setOnInputHover = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(value),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      prevValue = _useState12[0],
+      setPreviousValue = _useState12[1];
+
+  var _useState13 = (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) => {
+  }),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      keyDownData = _useState14[0],
+      setKeyDownData = _useState14[1];
+
+  var isUseBitDepthPoints = Boolean(onlyNumbers) && isPriceInput;
+  var isUseErrorsBlink = !isNotBlinkErrors && !mask;
+  var inputName = name || fieldKey || id;
+  var isPseudoPasswordMode = type === "pseudoPassword"; // HANDLES
+
+  var handle = {
+    correctMinMax: function 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 = () => {
+
+      var _ref3 = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {},
+          min = _ref3.min,
+          max = _ref3.max,
+          isOnlyPositive = _ref3.isOnlyPositive,
+          isNoEmptyValues = _ref3.isNoEmptyValues;
+
+      var minimum = !Number.isNaN(Number(min)) && min !== null && (min >= 0 || !isOnlyPositive) ? min : undefined;
+      var maximum = !Number.isNaN(Number(max)) && max !== null && (max >= 0 || !isOnlyPositive) ? max : undefined;
+      var minusSymbol;
+      var inputValue = (0, _fieldValueFormatters.getSafelyValue)(value);
+
+      var checkMin = function checkMin() {
         var _minusSymbol;
 
         if (!inputValue && isNoEmptyValues) inputValue = minimum !== undefined ? minimum : "0";else if (inputValue && !Number.isNaN(Number(minimum)) && Number(minimum) > Number(((_minusSymbol = minusSymbol) !== null && _minusSymbol !== void 0 ? _minusSymbol : "") + inputValue)) inputValue = minimum;
       };
 
-      const checkMax = () => {
+      var checkMax = function checkMax() {
         var _minusSymbol2;
 
         if (!Number.isNaN(Number(maximum)) && Number(maximum) < Number(((_minusSymbol2 = minusSymbol) !== null && _minusSymbol2 !== void 0 ? _minusSymbol2 : "") + inputValue)) {
@@ -193,16 +249,16 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
 
       return inputValue;
     },
-    processPseudoValue: (newValue, oldValue) => {
-      const insertedPart = newValue.replace(new RegExp(HIDE_SYMBOL, "g"), ""); //? Если insertedPart.length > 1, то это точно копи-паст
+    processPseudoValue: function processPseudoValue(newValue, oldValue) {
+      var 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("");
+      var isOldValueHasBeenReduced = newValue.replace(new RegExp(/^HIDE_SYMBOL/g), "").length < oldValue.length;
+      var oldValueArr = oldValue.split("");
 
-      const getIsInclude = idx => {
-        const BACKSPACE_CODE = 8; //? Если позиции не равны, значит была выделена область, значит будем воспринимать как копи-паст
+      var getIsInclude = function getIsInclude(idx) {
+        var BACKSPACE_CODE = 8; //? Если позиции не равны, значит была выделена область, значит будем воспринимать как копи-паст
 
         if (keyDownData.start !== keyDownData.end) return false; //? Если позиции равны и есть вставляемое значение - обрезаем "хвост"
 
@@ -211,25 +267,27 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
         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) ? "".concat(acc).concat(sym) : acc, "");
-      const outputStructure = oldValueArr.reduce((acc, sym, idx) => {
+      if (!insertedPart) return oldValueArr.reduce(function (acc, sym, idx) {
+        return getIsInclude(idx) ? "".concat(acc).concat(sym) : acc;
+      }, "");
+      var outputStructure = oldValueArr.reduce(function (acc, sym, idx) {
         if (getIsInclude(idx)) acc.result = "".concat(acc.result).concat(sym);else if (!acc.position) acc.position = insertedPart ? idx : idx - 1;
         return acc;
       }, {
         result: "",
         position: !isOldValueHasBeenReduced ? keyDownData.start : null
       });
-      const output = "".concat(outputStructure.result.slice(0, outputStructure.position)).concat(insertedPart).concat(outputStructure.result.slice(outputStructure.position));
+      var output = "".concat(outputStructure.result.slice(0, outputStructure.position)).concat(insertedPart).concat(outputStructure.result.slice(outputStructure.position));
       return output;
     },
-    change: e => {
+    change: function change(e) {
       var _minusSymbol3;
 
-      const {
-        isOnlyPositive
-      } = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {};
-      let minusSymbol;
-      let inputValue = e.target ? e.target.value : e;
+      var _ref4 = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {},
+          isOnlyPositive = _ref4.isOnlyPositive;
+
+      var minusSymbol;
+      var inputValue = e.target ? e.target.value : e;
       if (isPseudoPasswordMode) inputValue = inputValue.includes(HIDE_SYMBOL) ? handle.processPseudoValue(inputValue, value, e) : inputValue;
       if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
       if (onlyNumbers) inputValue = inputValue.replace(/,/g, ".");
@@ -244,16 +302,16 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       if (isCropFirstNool && inputValue[0] == 0) return "";else if (onlyNumbers) inputValue = handle.correctMinMax(inputValue, "max");
       onChange((((_minusSymbol3 = minusSymbol) !== null && _minusSymbol3 !== void 0 ? _minusSymbol3 : "") + inputValue).toString());
     },
-    toggleEdit: () => {
+    toggleEdit: function toggleEdit() {
       setEditing(!isEditing);
       onChange("");
     },
-    focus: e => {
+    focus: function focus(e) {
       setIsFocused(true);
       onFocus(e);
     },
-    blur: e => {
-      let inputValue = handle.correctMinMax((0, _fieldValueFormatters.getSafelyValue)(value), "min");
+    blur: function blur(e) {
+      var inputValue = handle.correctMinMax((0, _fieldValueFormatters.getSafelyValue)(value), "min");
       if (trimStart) inputValue = inputValue.replace(new RegExp("^[".concat(characters, "]+")), "");
       if (trimEnd) inputValue = inputValue.replace(new RegExp("[".concat(characters, "]+$")), "");
       if (value !== inputValue) onChange(inputValue);
@@ -261,9 +319,11 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       setEditing(false); // использую setTimeout для того чтоб прошли переназначения велью, если они есть,
       // для того, чтоб верхний onBlur при обращении к e.target.value получал обновленное велью
 
-      if (onBlur) setTimeout(() => onBlur(e), 0);
+      if (onBlur) setTimeout(function () {
+        return onBlur(e);
+      }, 0);
     },
-    keyDown: e => {
+    keyDown: function 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);
@@ -274,13 +334,13 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       });
       onKeyDown(e.keyCode, e);
     },
-    keyUp: e => {
+    keyUp: function keyUp(e) {
       if (isUseErrorsBlink) {
-        const changedValue = "".concat(value !== null && value !== void 0 ? value : "");
-        const previousValue = "".concat(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) => {
+        var changedValue = "".concat(value !== null && value !== void 0 ? value : "");
+        var previousValue = "".concat(prevValue);
+        var short = previousValue.length <= changedValue.length ? previousValue : changedValue;
+        var long = previousValue.length > changedValue.length ? previousValue : changedValue;
+        var infoAboutDifferencesSameness = short.split("").reduce(function (acc, symbol, idx) {
           if (acc.countOn && symbol === long[idx]) acc.same.push(symbol);else {
             acc.countOn = false;
             acc.differences.push([idx, symbol]);
@@ -291,85 +351,86 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
           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, "");
+        var samePart = infoAboutDifferencesSameness.same.join("");
+        var differencesLength = infoAboutDifferencesSameness.differences.length;
+        var currentSet = changedValue === null || changedValue === void 0 ? void 0 : 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)(() => {
+  (0, _react.useEffect)(function () {
     var _inputRef$current, _inputRef$current$foc;
 
     if (isEditing) inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$foc = _inputRef$current.focus) === null || _inputRef$current$foc === void 0 ? void 0 : _inputRef$current$foc.call(_inputRef$current);
   }, [isEditing, isFocused]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setEditing(isSelect !== null && isSelect !== void 0 ? isSelect : false);
   }, [isSelect]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (isUseErrorsBlink && isAttemptToChange) {
       setIsAttemptToChange(null);
       setIsToHighlightError(true);
-      setTimeout(() => {
+      setTimeout(function () {
         setIsToHighlightError(false);
       }, blinkTime || DEFAULT_BLINK_TIME);
     }
   }, [isAttemptToChange]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === "boolean") setIsFocused(isFocusDefault);
     setEditing(isFocusDefault);
   }, [inputRef, isFocusDefault]);
 
-  const getInputType = () => {
+  var getInputType = function getInputType() {
     if (isPriceInput || isPseudoPasswordMode) return "text";
     return type;
   };
 
-  const formatedValue = (() => {
-    let safelyValue = (0, _fieldValueFormatters.getSafelyValue)(value);
+  var formatedValue = function () {
+    var safelyValue = (0, _fieldValueFormatters.getSafelyValue)(value);
 
-    const hideSymbols = () => safelyValue.split("").map(() => HIDE_SYMBOL).join("");
+    var hideSymbols = function hideSymbols() {
+      return safelyValue.split("").map(function () {
+        return HIDE_SYMBOL;
+      }).join("");
+    };
 
     if (isPseudoPasswordMode) return hideSymbols();
     if (onlyNumbers !== null && onlyNumbers !== void 0 && onlyNumbers.isNoEmptyValues) safelyValue = handle.correctMinMax(safelyValue, "min");
     if (isUseBitDepthPoints) safelyValue = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(safelyValue, onlyNumbers);
     return safelyValue;
-  })();
+  }();
 
-  const uniProps = {
+  var uniProps = _objectSpread(_objectSpread({
     name: inputName,
     className: (0, _classnames.default)("input", className, {
       "input--with-icon": icon,
       "input--with-delete": withDelete
     }),
-    placeholder,
+    placeholder: placeholder,
     value: formatedValue,
     inputMode: isNumericMobileKeyboard ? "numeric" : "text",
-    disabled,
+    disabled: disabled,
     onChange: handle.change,
     onFocus: handle.focus,
     onBlur: handle.blur,
     onKeyUp: handle.keyUp,
-    onKeyDown: handle.keyDown,
-    ...(maskChar ? {
-      maskChar
-    } : {}),
-    ...(formatChars ? {
-      formatChars
-    } : {})
-  };
+    onKeyDown: handle.keyDown
+  }, maskChar ? {
+    maskChar: maskChar
+  } : {}), formatChars ? {
+    formatChars: formatChars
+  } : {});
+
   return /*#__PURE__*/_react.default.createElement("div", {
-    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)
+    className: (0, _classnames.default)("input__wrap", (0, _defineProperty2.default)({}, "input__wrap_focus", isFocused), (0, _defineProperty2.default)({}, "input__wrap_error", error || isToHighlightError), (0, _defineProperty2.default)({}, "input__wrap--disabled", disabled || isLoading)),
+    onMouseEnter: function onMouseEnter() {
+      return setOnInputHover(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setOnInputHover(false);
+    }
   }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
     readOnly: isReadOnly,
     "data-testid": "input--key-".concat(testId, "--type-").concat(type)
@@ -378,16 +439,16 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     type: getInputType(),
     autoComplete: isPseudoPasswordMode ? "off" : autocomplete
   }, attributesOfNativeInput, {
-    onFocus: function () {
+    onFocus: function onFocus() {
       var _attributesOfNativeIn;
 
       for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
         params[_key] = arguments[_key];
       }
 
-      attributesOfNativeInput === null || attributesOfNativeInput === void 0 ? void 0 : (_attributesOfNativeIn = attributesOfNativeInput.onFocus) === null || _attributesOfNativeIn === void 0 ? void 0 : _attributesOfNativeIn.call(attributesOfNativeInput, ...params);
+      attributesOfNativeInput === null || attributesOfNativeInput === void 0 ? void 0 : (_attributesOfNativeIn = attributesOfNativeInput.onFocus) === null || _attributesOfNativeIn === void 0 ? void 0 : _attributesOfNativeIn.call.apply(_attributesOfNativeIn, [attributesOfNativeInput].concat(params));
       if (isUseAutoSelect) inputRef.current.select();
-      if (uniProps.onFocus) uniProps.onFocus(...params);
+      if (uniProps.onFocus) uniProps.onFocus.apply(uniProps, params);
     }
   })), DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon, action, withDelete && onInputHover && /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": "icon-close",