intelicoreact 1.3.22 → 1.3.24

package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js

@@ -7,14 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _reactFeather = require("react-feather");
+var _utils = require("../../../Functions/utils");
 var _Alert = _interopRequireDefault(require("../../UI/Alert/Alert"));
-require("./FileLoaderLocalGroup.scss");
 var _FileLoaderLocal = _interopRequireDefault(require("../FileLoaderLocal/FileLoaderLocal"));
-var _utils = require("../../../Functions/utils");
-var _reactFeather = require("react-feather");
+require("./FileLoaderLocalGroup.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; }
-const DEFAULT_LABEL_PREFIX = 'Please attach';
+/* eslint-disable no-console */
+
+const DEFAULT_LABEL_PREFIX = "Please attach";
 const MAX_FILE_SIZE = 10 * 1024 * 1024;
 const FileLoaderLocalGroup = _ref => {
   let {
@@ -31,10 +33,10 @@ const FileLoaderLocalGroup = _ref => {
     var _group$files, _group$files2, _group$maxItemSizeByt;
     return {
       id: isNaN(((_group$files = group.files) === null || _group$files === void 0 ? void 0 : _group$files.at(-1).id) + 1) ? 1 : ((_group$files2 = group.files) === null || _group$files2 === void 0 ? void 0 : _group$files2.at(-1).id) + 1,
-      value: '',
-      base64: '',
-      error: '',
-      accept: group.accept || '.jpg, .jpeg, .png, .pdf',
+      value: "",
+      base64: "",
+      error: "",
+      accept: group.accept || ".jpg, .jpeg, .png, .pdf",
       maxItemSizeBytes: (_group$maxItemSizeByt = group.maxItemSizeBytes) !== null && _group$maxItemSizeByt !== void 0 ? _group$maxItemSizeByt : MAX_FILE_SIZE,
       isRequired: (group === null || group === void 0 ? void 0 : group.isRequired) || false
     };
@@ -61,7 +63,7 @@ const FileLoaderLocalGroup = _ref => {
       } = _ref2;
       const currentGroup = groups === null || groups === void 0 ? void 0 : groups.find(group => group.groupId === groupId.toString());
       const files = currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.files;
-      const changedField = files.find(item => +item.id === +id);
+      const changedField = files.find(item => Number(item.id) === Number(id));
       if (error) {
         changedField.value = name;
         changedField.error = error;
@@ -71,7 +73,7 @@ const FileLoaderLocalGroup = _ref => {
         (0, _utils.getBase64)(file).then(result => {
           changedField.value = name;
           changedField.base64 = result;
-          changedField.error = '';
+          changedField.error = "";
           const oldDataWithNewFile = groups === null || groups === void 0 ? void 0 : groups.map(group => {
             if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && isSingleGroup) {
               return {
@@ -99,8 +101,8 @@ const FileLoaderLocalGroup = _ref => {
               ...group,
               files: [{
                 ...getNewFile(group),
-                value: '',
-                base64: ''
+                value: "",
+                base64: ""
               }]
             };
           } else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && !isSingleGroup) {
@@ -116,17 +118,17 @@ const FileLoaderLocalGroup = _ref => {
       }
     }
   };
-  const getUniqueExts = acceptExts => (0, _utils.getUniqueFileExtensions)(acceptExts === null || acceptExts === void 0 ? void 0 : acceptExts.replace(/\./g, ''));
+  const getUniqueExts = acceptExts => (0, _utils.getUniqueFileExtensions)(acceptExts === null || acceptExts === void 0 ? void 0 : acceptExts.replace(/\./g, ""));
   return groups === null || groups === void 0 ? void 0 : groups.map(group => {
     var _group$files3;
     return /*#__PURE__*/_react.default.createElement("div", {
       key: group.groupId,
-      className: (0, _classnames.default)('file-loader-local-groups', className)
+      className: (0, _classnames.default)("file-loader-local-groups", className)
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "file-loader-local-groups__label"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "file-loader-local-groups__label-text"
-    }, labelPrefix, " ", group === null || group === void 0 ? void 0 : group.groupTitleDescription, ' ', /*#__PURE__*/_react.default.createElement("span", {
+    }, labelPrefix, " ", group === null || group === void 0 ? void 0 : group.groupTitleDescription, " ", /*#__PURE__*/_react.default.createElement("span", {
       className: "file-loader-local-groups__label-extension"
     }, "(", getUniqueExts(group === null || group === void 0 ? void 0 : group.accept), "):"))), (group === null || group === void 0 ? void 0 : group.alertText) && /*#__PURE__*/_react.default.createElement(_Alert.default, {
       className: "file-loader-local-groups__alert",

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

@@ -16,31 +16,31 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const FormattedRawSSN = _ref => {
   var _value$substring;
   let {
-    value = '',
-    postfix = '',
+    value = "",
+    postfix = "",
     onChange: onChangeProp = () => {},
-    maskChar = '*',
+    maskChar = "*",
     testId,
     isHiddenDefault = true,
     maxLen = 9,
     ...args
   } = _ref;
-  const [SSN, setSSN] = (0, _react.useState)((_value$substring = value === null || value === void 0 ? void 0 : value.substring(0, maxLen)) !== null && _value$substring !== void 0 ? _value$substring : '');
+  const [SSN, setSSN] = (0, _react.useState)((_value$substring = value === null || value === void 0 ? void 0 : value.substring(0, maxLen)) !== null && _value$substring !== void 0 ? _value$substring : "");
   const [isHidden, setIsHidden] = (0, _react.useState)(isHiddenDefault);
   const wrapperRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     var _value$toString$subst, _value$toString;
-    setSSN((_value$toString$subst = value === null || value === void 0 || (_value$toString = value.toString()) === null || _value$toString === void 0 ? void 0 : _value$toString.substring(0, maxLen)) !== null && _value$toString$subst !== void 0 ? _value$toString$subst : '');
+    setSSN((_value$toString$subst = value === null || value === void 0 || (_value$toString = value.toString()) === null || _value$toString === void 0 ? void 0 : _value$toString.substring(0, maxLen)) !== null && _value$toString$subst !== void 0 ? _value$toString$subst : "");
   }, [value]);
   const onChange = value => {
-    if (!value && value !== '') return '';
-    if (value.replace(/-/g, '').length < SSN.length) {
+    if (!value && value !== "") return "";
+    if (value.replace(/-/g, "").length < SSN.length) {
       const last = SSN.length - 1;
       setSSN(SSN.slice(0, last));
       return;
     }
-    let numValue = value.replace(/\D/g, '');
-    let newSSN = '';
+    const numValue = value.replace(/\D/g, "");
+    let newSSN = "";
     if (isHidden) {
       if (SSN.length > 5) {
         newSSN = SSN.slice(0, 5) + numValue;
@@ -57,14 +57,14 @@ const FormattedRawSSN = _ref => {
   };
   const switchView = () => {
     var _wrapperRef$current;
-    const input = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector('input');
+    const input = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector("input");
     input === null || input === void 0 || input.focus();
     (0, _utils.setCarretToEnd)(input);
     setIsHidden(!isHidden);
   };
   const getFormatedValue = v => {
-    if (!v) return '';
-    v = v.slice(0, 11).replace(/-/g, '');
+    if (!v) return "";
+    v = v.slice(0, 11).replace(/-/g, "");
     if (v.length <= 3) {
       return v;
     }
@@ -79,7 +79,7 @@ const FormattedRawSSN = _ref => {
     return isHidden ? v.slice(0, 7).replace(/[0-9]/g, maskChar).concat(v.slice(7)) : v;
   };
   (0, _react.useEffect)(() => {
-    if (!!SSN) onChangeProp === null || onChangeProp === void 0 || onChangeProp(SSN.concat(SSN.length === maxLen ? postfix : '').replace(/-/g, ''));
+    if (SSN) onChangeProp === null || onChangeProp === void 0 || onChangeProp(SSN.concat(SSN.length === maxLen ? postfix : "").replace(/-/g, ""));
   }, [SSN]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "formatted-raw-ssn",
@@ -92,13 +92,13 @@ const FormattedRawSSN = _ref => {
     className: "formatted-raw-ssn-postfix",
     onClick: () => {
       var _wrapperRef$current2;
-      return wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 || (_wrapperRef$current2 = _wrapperRef$current2.querySelector('input')) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.focus();
+      return wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 || (_wrapperRef$current2 = _wrapperRef$current2.querySelector("input")) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.focus();
     }
   }, postfix), /*#__PURE__*/_react.default.createElement("span", {
     className: "formatted-raw-ssn-eye-holder",
     onClick: switchView,
     "data-testid": "formattedRawSNN--eye--key-".concat(testId, "--container")
-  }, ' ', isHidden ? /*#__PURE__*/_react.default.createElement(_reactFeather.Eye, {
+  }, " ", isHidden ? /*#__PURE__*/_react.default.createElement(_reactFeather.Eye, {
     strokeWidth: 1,
     className: "password-icon"
   }) : /*#__PURE__*/_react.default.createElement(_reactFeather.EyeOff, {

package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.scss

@@ -4,61 +4,64 @@
   .input-classic__wrap input,
   .input__wrap input {
     padding: 0 38px 0 10px;
-
-    color: var(--color-text-body, #171D33);
     /* LG/Regular 16 (24 px, 0.2 px) */
     font-family: Sarabun;
     font-size: 16px;
-    font-style: normal;
     font-weight: 400;
+    font-style: normal;
     line-height: 24px; /* 150% */
     letter-spacing: 0.2px;
+
+    color: var(--color-text-body, #171d33);
   }
 
   &-postfix {
     position: absolute;
-    right: 1px;
     top: 1px;
-    width: 80%;
-    padding: 7px;
-    box-sizing: border-box;
+    right: 1px;
+
     display: flex;
     align-items: center;
-    height: calc(100% - 2px);
-    border-radius: 0px 5px 5px 0px;
-    border-left: 1px solid var(--color-border-input, #E1E8F1);
-    background: var(--color-background-form, #F7F8FA);
-    cursor: text;
 
-    color: var(--color-text-body, #171D33);
+    box-sizing: border-box;
+    width: 80%;
+    height: calc(100% - 2px);
+    padding: 7px;
     /* LG/Regular 16 (24 px, 0.2 px) */
     font-family: Sarabun;
     font-size: 16px;
-    font-style: normal;
     font-weight: 400;
+    font-style: normal;
     line-height: 24px; /* 150% */
+    cursor: text;
     letter-spacing: 0.2px;
+
+    color: var(--color-text-body, #171d33);
+    border-left: 1px solid var(--color-border-input, #e1e8f1);
+    border-radius: 0px 5px 5px 0px;
+    background: var(--color-background-form, #f7f8fa);
   }
 
   &-eye-holder {
     position: absolute;
-
     top: 25%;
     right: 10px;
 
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+
     height: 100%;
 
     cursor: pointer;
-    transform: translateY(-25%);
 
-    display: flex;
-    align-items: center;
-    flex-direction: row;
-    justify-content: center;
+    transform: translateY(-25%);
   }
 
   &-icon {
     cursor: pointer;
-    color: #A6AAB4;
+
+    color: #a6aab4;
   }
 }

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

@@ -12,15 +12,13 @@ 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; }
-/* eslint-disable react/display-name */
-
 // import InputMask from 'react-input-mask';
 
-const HIDE_SYMBOL = '\u2022';
+const HIDE_SYMBOL = "\u2022";
 
 /**
  * Input компонент.
@@ -60,7 +58,7 @@ const HIDE_SYMBOL = '\u2022';
 const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
     blurTrim,
-    autocomplete = 'off',
+    autocomplete = "off",
     isSelect,
     onChange = () => {},
     onBlur = () => {},
@@ -75,7 +73,7 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     value,
     placeholder,
     className,
-    type = 'text',
+    type = "text",
     mask,
     maskChar,
     formatChars,
@@ -89,7 +87,7 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     isNotValidateASCII = false,
     isNumericMobileKeyboard = false,
     isCropFirstNool = false,
-    testId = 'input',
+    testId = "input",
     action,
     isUseAutoSelect = true,
     isReadOnly = false,
@@ -124,10 +122,10 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     end: null,
     keyCode: null
   });
-  const isUseBitDepthPoints = !!onlyNumbers && isPriceInput;
+  const isUseBitDepthPoints = Boolean(onlyNumbers) && isPriceInput;
   const isUseErrorsBlink = !isNotBlinkErrors && !mask;
   const inputName = name || fieldKey || id || key;
-  const isPseudoPasswordMode = type === 'pseudoPassword';
+  const isPseudoPasswordMode = type === "pseudoPassword";
 
   // HANDLES
   const handle = {
@@ -139,32 +137,32 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
         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;
+      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;
       };
       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:
@@ -175,13 +173,13 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       return inputValue;
     },
     processPseudoValue: (newValue, oldValue) => {
-      const insertedPart = newValue.replace(new RegExp(HIDE_SYMBOL, 'g'), '');
+      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 isOldValueHasBeenReduced = newValue.replace(new RegExp(/^HIDE_SYMBOL/g), "").length < oldValue.length;
+      const oldValueArr = oldValue.split("");
       const getIsInclude = idx => {
         const BACKSPACE_CODE = 8;
 
@@ -194,12 +192,12 @@ 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, '');
+      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
       });
       const output = "".concat(outputStructure.result.slice(0, outputStructure.position)).concat(insertedPart).concat(outputStructure.result.slice(outputStructure.position));
@@ -214,28 +212,28 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       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: () => {
       setEditing(!isEditing);
-      onChange('');
+      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("^[".concat(characters, "]+")), '');
-      if (trimEnd) inputValue = inputValue.replace(new RegExp("[".concat(characters, "]+$")), '');
+      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);
@@ -255,11 +253,11 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     },
     keyUp: e => {
       if (isUseErrorsBlink) {
-        const changedValue = "".concat(value !== null && value !== void 0 ? value : '');
+        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) => {
+        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]);
@@ -270,9 +268,9 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
           countOn: true,
           differences: []
         });
-        const samePart = infoAboutDifferencesSameness.same.join('');
+        const samePart = infoAboutDifferencesSameness.same.join("");
         const differencesLength = infoAboutDifferencesSameness.differences.length;
-        const currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, '');
+        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);
@@ -295,30 +293,30 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     }
   }, [isAttemptToChange]);
   (0, _react.useEffect)(() => {
-    if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === 'boolean') setIsFocused(isFocusDefault);
+    if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === "boolean") setIsFocused(isFocusDefault);
     setEditing(isFocusDefault);
   }, [inputRef, isFocusDefault]);
   const getInputType = () => {
-    if (isPriceInput || isPseudoPasswordMode) return 'text';
+    if (isPriceInput || isPseudoPasswordMode) return "text";
     return type;
   };
   const formatedValue = (() => {
     let safelyValue = (0, _fieldValueFormatters.getSafelyValue)(value);
-    const hideSymbols = () => safelyValue.split('').map(() => HIDE_SYMBOL).join('');
+    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;
   })();
   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,
     value: formatedValue,
-    inputMode: isNumericMobileKeyboard ? 'numeric' : 'text',
+    inputMode: isNumericMobileKeyboard ? "numeric" : "text",
     disabled,
     onChange: handle.change,
     onFocus: handle.focus,
@@ -348,7 +346,7 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   }, uniProps, {
     ref: inputRef,
     type: getInputType(),
-    autoComplete: isPseudoPasswordMode ? 'off' : autocomplete,
+    autoComplete: isPseudoPasswordMode ? "off" : autocomplete,
     onFocus: function () {
       if (isUseAutoSelect) inputRef.current.select();
       if (uniProps.onFocus) uniProps.onFocus(...arguments);

package/dist/Atomic/FormElements/Input/Input.scss

@@ -16,18 +16,19 @@
 
   &__wrap {
     position: relative;
+
     display: flex;
     align-items: center;
 
     box-sizing: border-box;
     height: 28px;
 
-    border: 1px solid #E2E5EC;
+    border: 1px solid #e2e5ec;
     border-radius: 4px;
-    background-color: #FFF;
+    background-color: #fff;
 
     &_focus {
-      border-color: #6B81DD;
+      border-color: #6b81dd;
       filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
     }
 
@@ -35,12 +36,12 @@
       pointer-events: none;
 
       opacity: 0.5;
-      border-color: #A6ACB1;
-      background: #F7F8FA;
+      border-color: #a6acb1;
+      background: #f7f8fa;
     }
 
     &_error {
-      border-color: #F06D8D !important;
+      border-color: #f06d8d !important;
     }
 
     .lds-ring.lds-ring_small {
@@ -52,12 +53,12 @@
     pointer-events: none;
 
     opacity: 0.5;
-    border-color: #A6ACB1;
-    background: #F7F8FA;
+    border-color: #a6acb1;
+    background: #f7f8fa;
   }
 
   &_error {
-    border-color: #F06D8D;
+    border-color: #f06d8d;
   }
 
   svg {
@@ -70,12 +71,12 @@
     height: 100%;
     padding: 0 5px;
 
-    color: #1E1E2D;
-    border: none;
-    border-radius: 4px;
-
     font-size: 13px;
     font-weight: 400;
+
+    color: #1e1e2d;
+    border: none;
+    border-radius: 4px;
   }
 
   &__close {
@@ -110,7 +111,7 @@
 
       content: "";
 
-      background-color: #9AA0B9;
+      background-color: #9aa0b9;
     }
 
     &::before {
@@ -131,20 +132,19 @@
 
   &__num-btn {
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
 
     width: 24px;
     height: 100%;
 
+    font-size: 20px;
     cursor: pointer;
     user-select: none;
 
-    border-left: 1px solid #E2E5EC;
+    border-left: 1px solid #e2e5ec;
     background: none;
 
-    font-size: 20px;
-
     &.disabled {
       opacity: 0.3;
     }