intelicoreact 1.3.19 → 1.3.21

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

@@ -1,27 +1,45 @@
 "use strict";
 
 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"));
+
 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"));
+
 require("./Input.scss");
+
 var _DynamicIcon = _interopRequireDefault(require("../../UI/DynamicIcon/DynamicIcon"));
-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 && Object.prototype.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; }
-/* eslint-disable react/display-name */
 
-// import InputMask from 'react-input-mask';
+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; }
 
-const HIDE_SYMBOL = '\u2022';
+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; }
 
+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 компонент.
  *
@@ -57,195 +75,259 @@ const HIDE_SYMBOL = '\u2022';
  * @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,
-    key,
-    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,
+      key = _ref.key,
+      _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 = !!onlyNumbers && isPriceInput;
-  const isUseErrorsBlink = !isNotBlinkErrors && !mask;
-  const inputName = name || fieldKey || id || key;
-  const isPseudoPasswordMode = type === 'pseudoPassword';
-
-  // HANDLES
-  const handle = {
-    correctMinMax: (value, correctionType) => {
+  }),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      keyDownData = _useState14[0],
+      setKeyDownData = _useState14[1];
+
+  var isUseBitDepthPoints = !!onlyNumbers && isPriceInput;
+  var isUseErrorsBlink = !isNotBlinkErrors && !mask;
+  var inputName = name || fieldKey || id || key;
+  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(+min) && min !== null && (min >= 0 || !isOnlyPositive) ? min : undefined;
-      const maximum = !Number.isNaN(+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(+min) && min !== null && (min >= 0 || !isOnlyPositive) ? min : undefined;
+      var maximum = !Number.isNaN(+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(+minimum) && +minimum > +(((_minusSymbol = minusSymbol) !== null && _minusSymbol !== void 0 ? _minusSymbol : '') + inputValue)) inputValue = minimum;
       };
-      const checkMax = () => {
+
+      var checkMax = function checkMax() {
         var _minusSymbol2;
+
         if (!Number.isNaN(+maximum) && +maximum < +(((_minusSymbol2 = minusSymbol) !== null && _minusSymbol2 !== void 0 ? _minusSymbol2 : '') + 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, то это точно копи-паст
+    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('');
-      const getIsInclude = idx => {
-        const BACKSPACE_CODE = 8;
+      var isOldValueHasBeenReduced = newValue.replace(new RegExp(/^HIDE_SYMBOL/g), '').length < oldValue.length;
+      var oldValueArr = oldValue.split('');
+
+      var getIsInclude = function getIsInclude(idx) {
+        var BACKSPACE_CODE = 8; //? Если позиции не равны, значит была выделена область, значит будем воспринимать как копи-паст
 
-        //? Если позиции не равны, значит была выделена область, значит будем воспринимать как копи-паст
-        if (keyDownData.start !== keyDownData.end) return false;
+        if (keyDownData.start !== keyDownData.end) return false; //? Если позиции равны и есть вставляемое значение - обрезаем "хвост"
 
-        //? Если позиции равны и есть вставляемое значение - обрезаем "хвост"
-        if (insertedPart) return idx < keyDownData.start;
+        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) ? "".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, '.');
+
       if (onlyNumbers && !isOnlyPositive && inputValue[0] === '-') {
         minusSymbol = '-';
         inputValue = inputValue.slice(1);
       }
+
       if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
       if (symbolsLimit && inputValue.length > +symbolsLimit) inputValue = inputValue.substring(0, +symbolsLimit);
       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);
       setIsFocused(false);
-      setEditing(false);
-      // использую setTimeout для того чтоб прошли переназначения велью, если они есть,
+      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 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
+
+      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,
@@ -253,13 +335,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]);
@@ -270,78 +352,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 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || (_inputRef$current$foc = _inputRef$current.focus) === null || _inputRef$current$foc === void 0 || _inputRef$current$foc.call(_inputRef$current);
+
+    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);
-    const hideSymbols = () => safelyValue.split('').map(() => HIDE_SYMBOL).join('');
+
+  var formatedValue = function () {
+    var safelyValue = (0, _fieldValueFormatters.getSafelyValue)(value);
+
+    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)
@@ -349,9 +439,9 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     ref: inputRef,
     type: getInputType(),
     autoComplete: isPseudoPasswordMode ? 'off' : autocomplete,
-    onFocus: function () {
+    onFocus: function onFocus() {
       if (isUseAutoSelect) inputRef.current.select();
-      if (uniProps.onFocus) uniProps.onFocus(...arguments);
+      if (uniProps.onFocus) uniProps.onFocus.apply(uniProps, arguments);
     }
   }, attributesOfNativeInput)), DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon, action, withDelete && onInputHover && /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": "icon-close",
@@ -363,4 +453,6 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     size: "small"
   }));
 });
-var _default = exports.default = Input;
+
+var _default = Input;
+exports.default = _default;