intelicoreact 1.5.2 → 1.5.4

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

@@ -9,94 +9,109 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _reactFeather = require("react-feather");
 var _utils = require("../../../Functions/utils");
-var _Input = _interopRequireDefault(require("../Input/Input"));
+var _InputMask = _interopRequireDefault(require("../InputMask3/InputMask3"));
 require("./FormattedRawSSN.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_SSN_MASK = "DDD-DD-DDDD";
+const SIGNIFICANT_CHARACTERS = ['D'];
 const FormattedRawSSN = _ref => {
-  var _value$substring;
   let {
     value = "",
-    postfix = "",
     onChange: onChangeProp = () => {},
-    maskChar = "*",
     testId,
+    // ! ВСЕ "пляшет" от fullSnnMask и significantChars
+    // Маска для полного snn (технически ограничений нет, НО нужно передавать то, что понимает InputMask3)
+    fullSnnMask = DEFAULT_SSN_MASK,
+    // Значащие символы в fullSnnMask
+    // Технически ограничений нет, НО нужно передавать
+    //    - массив ОДИНОЧНЫХ символов
+    //    - массив тех символов, которые правильно трактуются в InputMask3 (смотри InputMask3/config)
+    significantChars = SIGNIFICANT_CHARACTERS,
+    // Символ для маскировки
+    maskChar = "*",
+    // Инициализационное значение (сразу скрывать или нет)
     isHiddenDefault = true,
+    // Максимальное значение ВВОДИМЫХ цифр
     maxLen = 9,
+    // ? Речь о значащих символах
+    // Сколько из ПЕРВЫХ вводимых нужно прятать при включении мода маскировки
+    countOfFirstDigitsToHide = 5,
+    // ? Речь о значащих символах
+    // Статическая часть
+    postfix = "",
     ...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 : "");
+  // ? Будем пользоваться своим (верхним относительно InputMask3) стейтом
+  // ? Это потребует отрисовки триггера "поверх" InputMask3.
   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 : "");
-  }, [value]);
   const onChange = value => {
-    if (!value && value !== "") return "";
-    if (value.replace(/-/g, "").length < SSN.length) {
-      const last = SSN.length - 1;
-      setSSN(SSN.slice(0, last));
-      return;
-    }
-    const numValue = value.replace(/\D/g, "");
-    let newSSN = "";
-    if (isHidden) {
-      if (SSN.length > 5) {
-        newSSN = SSN.slice(0, 5) + numValue;
-      } else {
-        newSSN = SSN + numValue;
-      }
-    } else {
-      newSSN = numValue;
-    }
-    if (newSSN.length > maxLen) {
-      return;
-    }
-    setSSN(newSSN);
+    const newValue = !value && value !== "" ? '' : value === null || value === void 0 ? void 0 : value.toString();
+    onChangeProp(newValue);
   };
-  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");
-    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.length <= 3) {
-      return v;
-    }
-    if (v.length > 3 && v.length <= 5) {
-      return "".concat(v.slice(0, 3), "-").concat(v.slice(3));
-    }
-    if (v.length > 5) {
-      return "".concat(v.slice(0, 3), "-").concat(v.slice(3, 5), "-").concat(v.slice(5));
-    }
-  };
-  const getMaskedValue = v => {
-    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, ""));
-  }, [SSN]);
+
+  // ? Пересчитываем маску с учетом переданного maxLen.
+  // ? Если maxLen меньше количества значащих символов в fullSnnMask, то маска корректно обрежется.
+  // ? Передаем опцию isOnlyMask: false, чтобы получить НЕ только новую маску, а еще и статистику.
+  // ? В этом случае приходит объект формата: { mask, countOfSignificantChars, countOfNotSignificantChars }
+  const infoAboutMask = (0, _utils.getLimitedMask)({
+    mask: fullSnnMask,
+    significantChars: significantChars,
+    limit: maxLen,
+    isOnlyMask: false
+  });
+
+  // ? Расчитываем ИНДЕКС крайнего символа части маски, которая подлежит скрытию,
+  // ? исходя из countOfFirstDigitsToHide
+  const maxHiddenIndex = (() => {
+    // если не приводится к числу или ноль (передавать ноль лишено смысла)
+    if (isNaN(+countOfFirstDigitsToHide) || !+countOfFirstDigitsToHide) return -1;
+    // если больше чем значимых символов
+    if (countOfFirstDigitsToHide > infoAboutMask.countOfSignificantChars) return infoAboutMask.mask.length;
+
+    // ? Для расчетов получаем дополнительно корректно "обрезанную" маску (до уровня скрываемой части)
+    // ? на основе ранее полученной "обрезанной" по maxLen. Нам нужна НЕ сама маска, а статистика по ней.
+    // ? В частности - количество "незначащих" символов содержащихся в скрываемой части
+    const infoAboutMaskOfHidden = (0, _utils.getLimitedMask)({
+      mask: infoAboutMask.mask,
+      significantChars: significantChars,
+      limit: countOfFirstDigitsToHide,
+      isOnlyMask: false
+    });
+
+    // ? Для InputMask3 maxHiddenIndex должен быть передан относительно длины ВСЕЙ применяемой маски (наша "обрезанная" по maxLen).
+    // ? Поэтому к количеству "скрываемых" символов добавляем количество "незначащих", входящих в скрываемую часть маски.
+    // ? Т.к. расчитываем НЕ длинну, а индекс - отнимаем 1
+    return countOfFirstDigitsToHide + infoAboutMaskOfHidden.countOfNotSignificantChars - 1;
+  })();
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "formatted-raw-ssn",
     ref: wrapperRef
-  }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
-    value: getMaskedValue(getFormatedValue(SSN)),
+  }, /*#__PURE__*/_react.default.createElement(_InputMask.default, (0, _extends2.default)({}, args, {
+    value: value,
     onChange: onChange,
-    testId: "formattedRawSNN--input--key-".concat(testId)
+    testId: "formattedRawSNN--input--key-".concat(testId),
+    maskPattern: infoAboutMask.mask,
+    maskPlaceholder: "X",
+    focusSelector: "input",
+    isNumericMobileKeyboard: true,
+    blinkErrors: true,
+    showErrors: false,
+    withHiddenMode: true,
+    isValueHiddenDefault: isHiddenDefault,
+    hiddenChar: maskChar,
+    maxHiddenIndex: maxHiddenIndex,
+    isHide: isHidden
   })), postfix && /*#__PURE__*/_react.default.createElement("span", {
     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();
+      var _wrapperRef$current;
+      return wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || (_wrapperRef$current = _wrapperRef$current.querySelector("input")) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.focus();
     }
   }, postfix), /*#__PURE__*/_react.default.createElement("span", {
     className: "formatted-raw-ssn-eye-holder",
-    onClick: switchView,
+    onClick: () => setIsHidden(!isHidden),
     "data-testid": "formattedRawSNN--eye--key-".concat(testId, "--container")
   }, " ", isHidden ? /*#__PURE__*/_react.default.createElement(_reactFeather.Eye, {
     strokeWidth: 1,

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

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactFeather = require("react-feather");
+var _utils = require("../../../Functions/utils");
+var _Input = _interopRequireDefault(require("../Input/Input"));
+require("./FormattedRawSSN.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 FormattedRawSSN = _ref => {
+  var _value$substring;
+  let {
+    value = "",
+    postfix = "",
+    onChange: onChangeProp = () => {},
+    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 [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 : "");
+  }, [value]);
+  const onChange = value => {
+    if (!value && value !== "") return "";
+    if (value.replace(/-/g, "").length < SSN.length) {
+      const last = SSN.length - 1;
+      setSSN(SSN.slice(0, last));
+      return;
+    }
+    const numValue = value.replace(/\D/g, "");
+    let newSSN = "";
+    if (isHidden) {
+      if (SSN.length > 5) {
+        newSSN = SSN.slice(0, 5) + numValue;
+      } else {
+        newSSN = SSN + numValue;
+      }
+    } else {
+      newSSN = numValue;
+    }
+    if (newSSN.length > maxLen) {
+      return;
+    }
+    setSSN(newSSN);
+  };
+  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");
+    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.length <= 3) {
+      return v;
+    }
+    if (v.length > 3 && v.length <= 5) {
+      return "".concat(v.slice(0, 3), "-").concat(v.slice(3));
+    }
+    if (v.length > 5) {
+      return "".concat(v.slice(0, 3), "-").concat(v.slice(3, 5), "-").concat(v.slice(5));
+    }
+  };
+  const getMaskedValue = v => {
+    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, ""));
+  }, [SSN]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "formatted-raw-ssn",
+    ref: wrapperRef
+  }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
+    value: getMaskedValue(getFormatedValue(SSN)),
+    onChange: onChange,
+    testId: "formattedRawSNN--input--key-".concat(testId)
+  })), postfix && /*#__PURE__*/_react.default.createElement("span", {
+    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();
+    }
+  }, 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, {
+    strokeWidth: 1,
+    className: "password-icon"
+  }) : /*#__PURE__*/_react.default.createElement(_reactFeather.EyeOff, {
+    strokeWidth: 1,
+    className: "password-icon"
+  })));
+};
+var _default = exports.default = FormattedRawSSN;

package/dist/Atomic/FormElements/InputMask3/InputMask3.js

@@ -35,10 +35,21 @@ function InputMask3() {
     adaptTextCase,
     isUseAutoSelect = true,
     isLoading = false,
-    hiddenChar = "*",
+    // Включает/отключает режим скрытия в принциепе.
     withHiddenMode = false,
+    // Символ которым скрывааеются символы
+    hiddenChar = "*",
+    // Индекс последнего скрываемогосимвола
+    // Индекс нужно передавать с УЧЕТОМ не значащих символов маски,
+    // при этом не значащие символы скрываться НЕ будут
     maxHiddenIndex = -1,
+    // Инициализационнное значение положения "скрыть" (если НЕ управляется сверху)
     isValueHiddenDefault = false,
+    // ? Если передана как булева, то режим скрытия управляется ей, здешний триггер (глазик) НЕ рендерится
+    // ? Если НЕ передана ка булева, то режим скрытия обеспечиватся своим внутренним стором, здешний триггер (глазик) рендерится
+    isHide,
+    // булева пропа для управления сверху
+
     icon,
     showIcon,
     isIconLeft,
@@ -81,7 +92,8 @@ function InputMask3() {
   const [isFocused, setFocused] = (0, _react.useState)(false);
   const [isInitValue, setIsInitValue] = (0, _react.useState)(false);
   const [selectedLength, setSelectedLength] = (0, _react.useState)(0);
-  const [isValueHidden, setIsValueHidden] = (0, _react.useState)(isValueHiddenDefault);
+  //? Если управляется сверху, то инициируемся текущим внешним значением
+  const [isValueHidden, setIsValueHidden] = (0, _react.useState)(typeof isHide === 'boolean' ? isHide : isValueHiddenDefault);
   const inputRef = (0, _react.useRef)(null);
   const keyDownRef = (0, _react.useRef)(null);
   const setKeyDown = keyCode => keyDownRef.current = keyCode;
@@ -428,7 +440,9 @@ function InputMask3() {
     }
     const numValue = value.replace(/\D/g, "");
     let newSSN = "";
-    const staticLength = maxHiddenIndex !== -1 ? maxHiddenIndex : (_maskPattern3 = maskPattern) === null || _maskPattern3 === void 0 ? void 0 : _maskPattern3.length;
+
+    //! maxHiddenIndex - это индекс, НЕ length. Поэтому нужно добавить 1
+    const staticLength = maxHiddenIndex !== -1 ? maxHiddenIndex + 1 : (_maskPattern3 = maskPattern) === null || _maskPattern3 === void 0 ? void 0 : _maskPattern3.length;
     if (SSN.length > staticLength) {
       newSSN = SSN.slice(0, staticLength) + numValue;
     } else {
@@ -465,9 +479,11 @@ function InputMask3() {
     setCaret(0);
     clearErrorMessage();
   };
-  const onHiddenToggle = () => {
+  const onHiddenToggle = value => {
     var _inputRef$current2;
-    setIsValueHidden(v => !v);
+    // ? Добавлена возможность принудительной установки велью (опционально)
+    const newValue = typeof value === 'boolean' ? value : !isValueHidden;
+    setIsValueHidden(newValue);
     inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
   };
   const onFocus = () => {
@@ -550,6 +566,11 @@ function InputMask3() {
     setError(customError !== "");
     setErrorMessage(customError === "" ? errors.default : customError);
   }, [customError, isError]);
+  (0, _react.useEffect)(() => {
+    if (typeof isHide === 'boolean') {
+      onHiddenToggle(isHide);
+    }
+  }, [isHide]);
 
   /// --- RENDER ---///
 
@@ -677,7 +698,7 @@ function InputMask3() {
       tabIndex: -1
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "\n            input-mask\n            ".concat(isError ? "input-mask_error" : "", "\n            ").concat(isFocused ? "input-mask_focus" : "", "\n            ").concat(blinkError ? "input-mask_blink-error" : "", "\n          ")
-    }, showHint && isHintLeft && renderHint(), isIconLeft && showIcon && renderIcon("left"), renderMask(), renderInput(), withHiddenMode && renderHideToggler(), isClearable && renderClearButton(), isIconRight && showIcon && renderIcon("right"), showHint && isHintRight && renderHint()), showErrors && errorMessage && /*#__PURE__*/_react.default.createElement("div", {
+    }, showHint && isHintLeft && renderHint(), isIconLeft && showIcon && renderIcon("left"), renderMask(), renderInput(), withHiddenMode && typeof isHide !== 'boolean' && renderHideToggler(), isClearable && renderClearButton(), isIconRight && showIcon && renderIcon("right"), showHint && isHintRight && renderHint()), showErrors && errorMessage && /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_error-text"
     }, errorMessage), isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
       size: "small"

package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js

@@ -71,7 +71,14 @@ const WidgetWithSwitchableRows = props => {
         label: cell.label
       })
     },
-    onChange: (val, e) => onChange(val, cell.key, row.id, e)
+    onChange: (key, value, propName, innerFieldKey, additional) => onChange({
+      value,
+      additional,
+      propName,
+      innerFieldKey,
+      key: cell.key || key,
+      rowId: row.id
+    })
   })))))) : /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__row")),
     "data-id": "empty-row"

package/dist/Functions/utils.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.disableDefaultBehavior = exports.debounce = exports.compareAlphabetical = exports.compare = exports.clone = exports.checkedRef = exports.changeMeta = exports.capitalized = exports.addBitDepthPoints = void 0;
 exports.downloadEmulation = downloadEmulation;
-exports.throttle = exports.setCarretToEnd = exports.renderFileSize = exports.omitKeys = exports.logout = exports.handleObjectChange = exports.getUniqueFileExtensions = exports.getStyles = exports.getResponseClone = exports.getOS = exports.getIsOnlyAnObject = exports.getCorrectTestId = exports.getColorById = exports.getBase64 = exports.firstLetterCapital = exports.downloadFile = void 0;
+exports.throttle = exports.setCarretToEnd = exports.renderFileSize = exports.omitKeys = exports.logout = exports.handleObjectChange = exports.getUniqueFileExtensions = exports.getStyles = exports.getResponseClone = exports.getOS = exports.getLimitedMask = exports.getIsOnlyAnObject = exports.getCorrectTestId = exports.getColorById = exports.getBase64 = exports.firstLetterCapital = exports.downloadFile = void 0;
 exports.transformDateOrTimeOrTogetherToFormat = transformDateOrTimeOrTogetherToFormat;
 exports.transformDateOrTimeOrTogetherToFormattedLocal = transformDateOrTimeOrTogetherToFormattedLocal;
 exports.transformLocalTimeToUTC = transformLocalTimeToUTC;
@@ -443,4 +443,64 @@ const getCorrectTestId = _ref3 => {
   } = _ref3;
   return testId && testId !== undefined ? "".concat(withTier ? "-" : "").concat(testId) : "";
 };
-exports.getCorrectTestId = getCorrectTestId;
+
+//? Метод возращает корректно обрезанную маску с учетом лимита значащих символов
+exports.getCorrectTestId = getCorrectTestId;
+const getLimitedMask = props => {
+  const {
+    mask = '',
+    significantChars = [],
+    limit,
+    isOnlyMask = true
+  } = props;
+
+  // ? Проверяем основные входные пропы
+  if (typeof mask !== 'string' || !Array.isArray(significantChars) || !significantChars.every(item => typeof item === 'string' && item.length === 1)) {
+    // ? Если нужна только маска возвращаем никакую маску,
+    // ? иначе - объект с никакой маской и нулевой статистикой
+    return isOnlyMask ? '' : {
+      mask: '',
+      countOfSignificantChars: 0,
+      countOfNotSignificantChars: 0
+    };
+  }
+
+  // Ф-я расчёта количества "значащих" символов в маске
+  const getCountOfSignificantChars = mask => mask.split('').filter(sym => significantChars.includes(sym)).length;
+
+  // ? Расчитываем безопасный лимит
+  const safelyLimit = (() => {
+    const COUNT_OF_SIGNIFICANT_CHARS = getCountOfSignificantChars(mask);
+
+    //? Если нельзя привести к числу, то лимитом считаем ВСЕ "значащие" символы в маске
+    const outputLimit = isNaN(+limit) ? COUNT_OF_SIGNIFICANT_CHARS : +limit;
+
+    //? Если выходной лимит ноль или больше количества "значащих" символов в маске,
+    //? то лимитом считаем ВСЕ "значащие" символы в маске
+    if (!outputLimit || outputLimit > COUNT_OF_SIGNIFICANT_CHARS) return COUNT_OF_SIGNIFICANT_CHARS;
+    return outputLimit;
+  })();
+
+  // ? Корректно "обрезаем" маску с учетом того, сколько "значащих" символов должно в нее войти
+  const limitedMask = mask.split('').reduce((acc, sym) => {
+    // ? "Нарасчиваем" маску до тех пор, пока счетчик не достигнет лимита
+    if (acc.count < safelyLimit) {
+      acc.result += sym;
+      // ? Если добавленный символ "значащий" - увеличиваем счетчик
+      if (significantChars.includes(sym)) acc.count += 1;
+    }
+    return acc;
+  }, {
+    result: '',
+    count: 0
+  }).result;
+
+  // ? Если нужна только маска - возвращаем только маску,
+  // ? иначе - объект с новой маской и статистикой по ней
+  return isOnlyMask ? limitedMask : {
+    mask: limitedMask,
+    countOfSignificantChars: safelyLimit,
+    countOfNotSignificantChars: limitedMask.length - safelyLimit
+  };
+};
+exports.getLimitedMask = getLimitedMask;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "description": "",
   "main": "dist/index.js",
   "files": [