intelicoreact 1.3.21 → 1.3.23

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

@@ -1,45 +1,25 @@
 "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"));
+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 && 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; }
+// 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; }
-
-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; }
+const HIDE_SYMBOL = "\u2022";
 
-var HIDE_SYMBOL = "\u2022";
 /**
  * Input компонент.
  *
@@ -75,259 +55,195 @@ var HIDE_SYMBOL = "\u2022";
  * @param {boolean} props.isNotValidateASCII - Отключает проверку ASCII для вводимых символов.
  * @param {boolean} props.isNumericMobileKeyboard - Отображает цифровую клавиатуру на мобильных устройствах.
  */
-
-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)({
+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)({
     iconKey: iconDynamicKey
   }, iconDynamicProps)) : null;
-  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)({
+  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
-  }),
-      _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) {
+  });
+  const isUseBitDepthPoints = Boolean(onlyNumbers) && isPriceInput;
+  const isUseErrorsBlink = !isNotBlinkErrors && !mask;
+  const inputName = name || fieldKey || id || key;
+  const isPseudoPasswordMode = type === "pseudoPassword";
+
+  // HANDLES
+  const handle = {
+    correctMinMax: (value, correctionType) => {
       if (!onlyNumbers) return value;
-
-      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() {
+      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 _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;
+        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;
       };
-
-      var checkMax = function checkMax() {
+      const checkMax = () => {
         var _minusSymbol2;
-
-        if (!Number.isNaN(+maximum) && +maximum < +(((_minusSymbol2 = minusSymbol) !== null && _minusSymbol2 !== void 0 ? _minusSymbol2 : '') + inputValue)) {
+        if (!Number.isNaN(Number(maximum)) && Number(maximum) < Number(((_minusSymbol2 = minusSymbol) !== null && _minusSymbol2 !== void 0 ? _minusSymbol2 : "") + inputValue)) {
           inputValue = maximum;
           minusSymbol = null;
         }
       };
-
       if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
-
-      if (!isOnlyPositive && inputValue[0] === '-') {
-        minusSymbol = '-';
+      if (!isOnlyPositive && inputValue[0] === "-") {
+        minusSymbol = "-";
         inputValue = inputValue.slice(1);
       }
-
       inputValue = (0, _fieldValueFormatters.filterNumeric)(inputValue, onlyNumbers);
-
       switch (correctionType) {
-        case 'min':
+        case "min":
           checkMin();
           break;
-
-        case 'max':
+        case "max":
           checkMax();
           break;
-
         default:
           checkMin();
           checkMax();
           break;
       }
-
       return inputValue;
     },
-    processPseudoValue: function processPseudoValue(newValue, oldValue) {
-      var insertedPart = newValue.replace(new RegExp(HIDE_SYMBOL, 'g'), ''); //? Если insertedPart.length > 1, то это точно копи-паст
-      //? По договоренности любой копипаст заменяет текущее велью
+    processPseudoValue: (newValue, oldValue) => {
+      const insertedPart = newValue.replace(new RegExp(HIDE_SYMBOL, "g"), "");
 
+      //? Если insertedPart.length > 1, то это точно копи-паст
+      //? По договоренности любой копипаст заменяет текущее велью
       if (insertedPart.length > 1) return insertedPart;
-      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; //? Если позиции не равны, значит была выделена область, значит будем воспринимать как копи-паст
+      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 (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(function (acc, sym, idx) {
-        return getIsInclude(idx) ? "".concat(acc).concat(sym) : acc;
-      }, '');
-      var outputStructure = oldValueArr.reduce(function (acc, sym, idx) {
+      if (!insertedPart) return oldValueArr.reduce((acc, sym, idx) => getIsInclude(idx) ? "".concat(acc).concat(sym) : acc, "");
+      const outputStructure = oldValueArr.reduce((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: '',
+        result: "",
         position: !isOldValueHasBeenReduced ? keyDownData.start : null
       });
-      var output = "".concat(outputStructure.result.slice(0, outputStructure.position)).concat(insertedPart).concat(outputStructure.result.slice(outputStructure.position));
+      const output = "".concat(outputStructure.result.slice(0, outputStructure.position)).concat(insertedPart).concat(outputStructure.result.slice(outputStructure.position));
       return output;
     },
-    change: function change(e) {
+    change: e => {
       var _minusSymbol3;
-
-      var _ref4 = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {},
-          isOnlyPositive = _ref4.isOnlyPositive;
-
-      var minusSymbol;
-      var inputValue = e.target ? e.target.value : 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 (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
-      if (onlyNumbers) inputValue = inputValue.replace(/,/g, '.');
-
-      if (onlyNumbers && !isOnlyPositive && inputValue[0] === '-') {
-        minusSymbol = '-';
+      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());
+      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((((_minusSymbol3 = minusSymbol) !== null && _minusSymbol3 !== void 0 ? _minusSymbol3 : "") + inputValue).toString());
     },
-    toggleEdit: function toggleEdit() {
+    toggleEdit: () => {
       setEditing(!isEditing);
-      onChange('');
+      onChange("");
     },
-    focus: function focus(e) {
+    focus: e => {
       setIsFocused(true);
       onFocus(e);
     },
-    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, "]+$")), '');
+    blur: e => {
+      let 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(function () {
-        return onBlur(e);
-      }, 0);
+      if (onBlur) setTimeout(() => onBlur(e), 0);
     },
-    keyDown: function keyDown(e) {
+    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);
+      setPreviousValue(e === null || e === 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,
@@ -335,13 +251,13 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       });
       onKeyDown(e.keyCode, e);
     },
-    keyUp: function keyUp(e) {
+    keyUp: e => {
       if (isUseErrorsBlink) {
-        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) {
+        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) => {
           if (acc.countOn && symbol === long[idx]) acc.same.push(symbol);else {
             acc.countOn = false;
             acc.differences.push([idx, symbol]);
@@ -352,96 +268,88 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
           countOn: true,
           differences: []
         });
-        var samePart = infoAboutDifferencesSameness.same.join('');
-        var differencesLength = infoAboutDifferencesSameness.differences.length;
-        var currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, '');
+        const samePart = infoAboutDifferencesSameness.same.join("");
+        const differencesLength = infoAboutDifferencesSameness.differences.length;
+        const 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)(function () {
+  (0, _react.useEffect)(() => {
     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);
+    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);
   }, [isEditing, isFocused]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setEditing(isSelect !== null && isSelect !== void 0 ? isSelect : false);
   }, [isSelect]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isUseErrorsBlink && isAttemptToChange) {
       setIsAttemptToChange(null);
       setIsToHighlightError(true);
-      setTimeout(function () {
+      setTimeout(() => {
         setIsToHighlightError(false);
       }, blinkTime || DEFAULT_BLINK_TIME);
     }
   }, [isAttemptToChange]);
-  (0, _react.useEffect)(function () {
-    if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === 'boolean') setIsFocused(isFocusDefault);
+  (0, _react.useEffect)(() => {
+    if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === "boolean") setIsFocused(isFocusDefault);
     setEditing(isFocusDefault);
   }, [inputRef, isFocusDefault]);
-
-  var getInputType = function getInputType() {
-    if (isPriceInput || isPseudoPasswordMode) return 'text';
+  const getInputType = () => {
+    if (isPriceInput || isPseudoPasswordMode) return "text";
     return type;
   };
-
-  var formatedValue = function () {
-    var safelyValue = (0, _fieldValueFormatters.getSafelyValue)(value);
-
-    var hideSymbols = function hideSymbols() {
-      return safelyValue.split('').map(function () {
-        return HIDE_SYMBOL;
-      }).join('');
-    };
-
+  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 && onlyNumbers.isNoEmptyValues) safelyValue = handle.correctMinMax(safelyValue, 'min');
+    if (onlyNumbers !== null && onlyNumbers !== void 0 && onlyNumbers.isNoEmptyValues) safelyValue = handle.correctMinMax(safelyValue, "min");
     if (isUseBitDepthPoints) safelyValue = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(safelyValue, onlyNumbers);
     return safelyValue;
-  }();
-
-  var uniProps = _objectSpread(_objectSpread({
+  })();
+  const uniProps = {
     name: inputName,
-    className: (0, _classnames.default)('input', className, {
-      'input--with-icon': icon,
-      'input--with-delete': withDelete
+    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,
+    inputMode: isNumericMobileKeyboard ? "numeric" : "text",
+    disabled,
     onChange: handle.change,
     onFocus: handle.focus,
     onBlur: handle.blur,
     onKeyUp: handle.keyUp,
-    onKeyDown: handle.keyDown
-  }, maskChar ? {
-    maskChar: maskChar
-  } : {}), formatChars ? {
-    formatChars: formatChars
-  } : {});
-
+    onKeyDown: handle.keyDown,
+    ...(maskChar ? {
+      maskChar
+    } : {}),
+    ...(formatChars ? {
+      formatChars
+    } : {})
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
-    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);
-    }
+    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,
     "data-testid": "input--key-".concat(testId, "--type-").concat(type)
   }, uniProps, {
     ref: inputRef,
     type: getInputType(),
-    autoComplete: isPseudoPasswordMode ? 'off' : autocomplete,
-    onFocus: function onFocus() {
+    autoComplete: isPseudoPasswordMode ? "off" : autocomplete,
+    onFocus: function () {
       if (isUseAutoSelect) inputRef.current.select();
-      if (uniProps.onFocus) uniProps.onFocus.apply(uniProps, arguments);
+      if (uniProps.onFocus) uniProps.onFocus(...arguments);
     }
   }, attributesOfNativeInput)), DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon, action, withDelete && onInputHover && /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": "icon-close",
@@ -453,6 +361,4 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     size: "small"
   }));
 });
-
-var _default = Input;
-exports.default = _default;
+var _default = exports.default = Input;