intelicoreact 1.1.82 → 1.1.84

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

@@ -40,9 +40,45 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 компонент.
+ *
+ * @component
+ * @param {object} props.blurTrim - Обрезает ведущие и оконечные символы строки при потере фокуса.
+ * @param {string} props.autocomplete - Определяет, должен ли браузер включать автозаполнение ввода пользователя.
+ * @param {boolean} props.isSelect - Определяет, будет ли компонент редактироваться по умолчанию при загрузке страницы.
+ * @param {function} props.onChange - Функция, которая вызывается при изменении содержимого элемента управления формы.
+ * @param {function} props.onBlur - Функция, которая вызывается при потере элементом управления фокуса.
+ * @param {function} props.onFocus - Функция, вызываемая при получении элементом управления фокуса.
+ * @param {function} props.onKeyUp - Функция, которая вызывается при отпускании клавиши.
+ * @param {function} props.onKeyDown - Функция, вызываемая при нажатии на клавишу.
+ * @param {boolean} props.isNotBlinkErrors - Отключает мигание элемента управления при ошибках.
+ * @param {boolean} props.isPriceInput - Определяет, будет ли компонент ввода формата числа с плавающей точкой.
+ * @param {boolean} props.onlyNumbers - Определяет, будет ли компонент прозволять только цифры.
+ * @param {boolean} props.isOnlyString - Определяет, будет ли компонент разрешать
+ * только строки (без чисел или других символов).
+ * @param {boolean} props.disabled - Блокировка поля ввода.
+ * @param {boolean} props.withDelete - Включает отображение кнопки удаления контента.
+ * @param {string} props.value - Значение поля ввода.
+ * @param {string} props.placeholder - Текст подсказки внутри поля ввода.
+ * @param {string} props.className - Строка с именами классов, применяемыми к компоненту.
+ * @param {string} props.type - Тип компонента ввода (например, 'text', 'password').
+ * @param {boolean} props.softStringMode - Используется для включения нестрогого режима ввода символов.
+ * @param {object} props.mask - Маска для поля ввода.
+ * @param {string} props.maskChar - Свойство определяет символ,
+ * используемый вместо пропущенных символов при введении маски.
+ * @param {object} props.formatChars - Объект, определяющий символы, которые должны быть заменены в маске.
+ * @param {string} props.error - Строка с сообщением об ошибке.
+ * @param {number} props.symbolsLimit - Лимит символов ввода.
+ * @param {number} props.blinkTime - Время мигания в миллисекундах.
+ * @param {boolean} props.isFocusDefault - Определяет, будет ли элемент получать фокус при загрузке страницы.
+ * @param {boolean} props.isNotValidateASCII - Отключает проверку ASCII для вводимых символов.
+ * @param {boolean} props.isNumericMobileKeyboard - Отображает цифровую клавиатуру на мобильных устройствах.
+ */
 
 var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var _ref$autocomplete = _ref.autocomplete,
+  var blurTrim = _ref.blurTrim,
+      _ref$autocomplete = _ref.autocomplete,
       autocomplete = _ref$autocomplete === void 0 ? 'off' : _ref$autocomplete,
       isSelect = _ref.isSelect,
       _ref$onChange = _ref.onChange,
@@ -58,7 +94,6 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       isNotBlinkErrors = _ref.isNotBlinkErrors,
       isPriceInput = _ref.isPriceInput,
       onlyNumbers = _ref.onlyNumbers,
-      isOnlyString = _ref.isOnlyString,
       disabled = _ref.disabled,
       withDelete = _ref.withDelete,
       value = _ref.value,
@@ -66,8 +101,6 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       className = _ref.className,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'text' : _ref$type,
-      _ref$softStringMode = _ref.softStringMode,
-      softStringMode = _ref$softStringMode === void 0 ? false : _ref$softStringMode,
       mask = _ref.mask,
       maskChar = _ref.maskChar,
       formatChars = _ref.formatChars,
@@ -99,6 +132,12 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       fieldKey = _ref.fieldKey,
       id = _ref.id,
       key = _ref.key;
+
+  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;
@@ -157,11 +196,11 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     correctMinMax: function correctMinMax(value, correctionType) {
       if (!onlyNumbers) return value;
 
-      var _ref2 = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {},
-          min = _ref2.min,
-          max = _ref2.max,
-          isOnlyPositive = _ref2.isOnlyPositive,
-          isNoEmptyValues = _ref2.isNoEmptyValues;
+      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;
@@ -243,8 +282,8 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     change: function change(e) {
       var _minusSymbol3;
 
-      var _ref3 = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {},
-          isOnlyPositive = _ref3.isOnlyPositive;
+      var _ref4 = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {},
+          isOnlyPositive = _ref4.isOnlyPositive;
 
       var minusSymbol;
       var inputValue = e.target ? e.target.value : e;
@@ -259,8 +298,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
 
       if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
       if (symbolsLimit && inputValue.length > +symbolsLimit) inputValue = inputValue.substring(0, +symbolsLimit);
-      if (isCropFirstNool && inputValue[0] == 0) return '';
-      if (onlyNumbers && isOnlyString || isOnlyString) inputValue = (0, _fieldValueFormatters.formatToLetters)(inputValue, softStringMode);else if (onlyNumbers) inputValue = handle.correctMinMax(inputValue, 'max');
+      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() {
@@ -273,12 +311,8 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     },
     blur: function blur(e) {
       var inputValue = handle.correctMinMax((0, _fieldValueFormatters.getSafelyValue)(value), 'min');
-
-      if ((onlyNumbers && isOnlyString || isOnlyString) && softStringMode) {
-        // вырезаем "-" в начале строки, если он есть. и в конце строки, если после него ничего нет.
-        inputValue = inputValue.replace(/(^-|-$)/g, '');
-      }
-
+      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 для того чтоб прошли переназначения велью, если они есть,

package/dist/Functions/fieldValueFormatters.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formatToRemoveComa = exports.formatToPriceWithUSD = exports.formatToOnlyASCIICodeText = exports.formatToLimitLength = exports.formatToLetters = exports.formatToHideValuePartially = exports.formatToHex = exports.formatToDollarSign = exports.formatToCutOffDotAtTheEnd = exports.formatToAddBitDepthPoints = exports.formatOnlyNumbers = exports.formatNumberValueToMask = exports.filterNumeric = exports.filterFloat = void 0;
+exports.formatToRemoveComa = exports.formatToPriceWithUSD = exports.formatToOnlyASCIICodeText = exports.formatToLimitLength = exports.formatToHideValuePartially = exports.formatToHex = exports.formatToDollarSign = exports.formatToCutOffDotAtTheEnd = exports.formatToAddBitDepthPoints = exports.formatOnlyNumbers = exports.formatNumberValueToMask = exports.filterNumeric = exports.filterFloat = void 0;
 exports.formatToReplaceAllWhiteSpace = formatToReplaceAllWhiteSpace;
 exports.intlNumbersFormatter = exports.getSafelyValue = exports.formatToTwoDigitAfterDot = void 0;
 
@@ -168,23 +168,10 @@ var formatToPriceWithUSD = function formatToPriceWithUSD(value) {
       quantity: 2
     }
   });
-};
-
-exports.formatToPriceWithUSD = formatToPriceWithUSD;
-
-var formatToLetters = function formatToLetters(inputValue) {
-  var isSoft = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var value = getSafelyValue(inputValue);
-
-  if (isSoft) {
-    return value.toString().replace(/[^a-z-]|--/gi, '').replace(/-+/g, '-');
-  } else {
-    return value.toString().replace(/[^a-z]/gi, '');
-  }
 }; // eslint-disable-next-line no-control-regex
 
 
-exports.formatToLetters = formatToLetters;
+exports.formatToPriceWithUSD = formatToPriceWithUSD;
 
 var formatToOnlyASCIICodeText = function formatToOnlyASCIICodeText(text) {
   return getSafelyValue(text).replace(/[^\x00-\x7F]+/g, '');

package/dist/Functions/presets/inputMaskPresets.js

@@ -0,0 +1,176 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MASK_PRESETS = void 0;
+
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DD.DD.DDDD',
+ * @param maskPatternPlaceholder: 'MM.DD.YYYY',
+ * @param usePatternPlaceholder: true,
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ * @param autocomplete: 'bday',
+ * @param focusSelector: 'input',
+ */
+var DATE_PRESET = {
+  type: 'inputMask',
+  maskPattern: 'DD.DD.DDDD',
+  maskPatternPlaceholder: 'MM.DD.YYYY',
+  usePatternPlaceholder: true,
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+  autocomplete: 'bday',
+  focusSelector: 'input'
+};
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DDDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ * @param focusSelector: 'input',
+ * @param autocomplete: 'postal-code',
+ * @param rules: 'fieldZip'
+ */
+
+var ZIP_PRESET = {
+  type: 'inputMask',
+  focusSelector: 'input',
+  maskPattern: 'DDDDD',
+  maskPlaceholder: 'X',
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+  autocomplete: 'postal-code',
+  rules: 'fieldZip'
+};
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DDDDDDDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ * @param focusSelector: 'input',
+ */
+
+var SSN_PRESET = {
+  type: 'inputMask',
+  maskPattern: 'DDDDDDDDD',
+  maskPlaceholder: 'X',
+  focusSelector: 'input',
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false
+};
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DDD-DDD-DDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ * @param focusSelector: 'input',
+ * @param autocomplete: 'tel-national',
+ */
+
+var MOBILE_PHONE_PRESET = {
+  type: 'inputMask',
+  maskPattern: 'DDD-DDD-DDDD',
+  maskPlaceholder: 'X',
+  focusSelector: 'input',
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+  autocomplete: 'tel-national'
+};
+/**
+ * @param type: 'inputMask3',
+ * @param maskPattern: 'DDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ */
+
+var SHORT_SSN_PRESET = {
+  type: 'inputMask3',
+  maskPattern: 'DDDD',
+  maskPlaceholder: 'X',
+  focusSelector: 'input',
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false
+};
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DDDDDDDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ */
+
+var ABA_PRESET = {
+  type: 'inputMask',
+  maskPattern: 'DDDDDDDDD',
+  maskPlaceholder: 'X',
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false
+};
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'MM/YY',
+ * @param maskPatternPlaceholder: 'MM/YY',
+ * @param usePatternPlaceholder: true,
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ * @param focusSelector: 'input',
+ */
+
+var CC_EXPIRATION_DATE = {
+  type: 'inputMask',
+  maskPattern: 'MM/YY',
+  maskPatternPlaceholder: 'MM/YY',
+  usePatternPlaceholder: true,
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false,
+  focusSelector: 'input'
+};
+/**
+ * @param type: 'inputMask',
+ * @param maskPattern: 'DDDDDDDDDD',
+ * @param maskPlaceholder: 'X',
+ * @param isNumericMobileKeyboard: true,
+ * @param blinkErrors: true,
+ * @param showErrors: false,
+ */
+
+var BANK_ACCOUNT = {
+  type: 'inputMask',
+  maskPattern: 'DDDDDDDDDD',
+  maskPlaceholder: 'X',
+  isNumericMobileKeyboard: true,
+  blinkErrors: true,
+  showErrors: false
+};
+var MASK_PRESETS = {
+  BANK_ACCOUNT: BANK_ACCOUNT,
+  CC_EXPIRATION_DATE: CC_EXPIRATION_DATE,
+  DATE_PRESET: DATE_PRESET,
+  ZIP_PRESET: ZIP_PRESET,
+  SSN_PRESET: SSN_PRESET,
+  MOBILE_PHONE_PRESET: MOBILE_PHONE_PRESET,
+  SHORT_SSN_PRESET: SHORT_SSN_PRESET,
+  ABA_PRESET: ABA_PRESET
+};
+exports.MASK_PRESETS = MASK_PRESETS;

package/dist/Functions/presets/inputPresets.js

@@ -3,43 +3,55 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.INPUT_PRESET = void 0;
+exports.INPUT_PRESETS = void 0;
+
+var _fieldValueFormatters = require("../fieldValueFormatters");
 
-/**
- * @name fieldChangesMiddleware
- * @description Обрабатывает входящую строку, удаляет все символы, которые не являются
- * алфавитными, дефисами, апострофами или пробелами.
- * Удаляет недопустимые символы в начале и конце строки.
- *
- * @param {string} value - Входная строка для обработки.
- * @returns {string} - Обработанная строка.
- */
 var NAME_SYMBOLS_EXCLUDER = {
+  /**
+   * @name fieldChangesMiddleware
+   * @description Обрабатывает входящую строку, удаляет все символы, которые не являются
+   * алфавитными, дефисами, апострофами или пробелами. Не дает ввести дубли символов дефиса или апострофа.
+   * Режет спецсимволы, если после них не идет буква.
+   *
+   * @param {string} value - Входная строка для обработки.
+   * @returns {string} - Обработанная строка.
+   */
   fieldChangesMiddleware: function fieldChangesMiddleware(value) {
-    var invalidCharacters = new RegExp(/[^a-zA-Z-'`\s]/g);
-    var invalidFirstAndLastCharacters = new RegExp(/^[`\-'\s]+|[`\-'\s]+$/g);
-    var safeValue = getSafelyValue(value);
-    return safeValue.replace(invalidCharacters, '').replace(invalidFirstAndLastCharacters, '');
+    // remove invalid characters
+    var invalidCharacters = new RegExp(/[^a-zA-Z-\s']/g); // handle any two '-' or ''' should not be side by side
+
+    var sideBySideHyphenOrApostrophe = new RegExp(/['-]{2,}/g); // replace sequence of spaces with single space
+
+    var multipleSpaces = new RegExp(/\s{2,}/g); // remove '-' or ''' if they are followed by a space
+
+    var beforeSpace = new RegExp(/['-](?=\s)/g);
+    var sanitizedValue = (0, _fieldValueFormatters.getSafelyValue)(value).replace(invalidCharacters, '').replace(sideBySideHyphenOrApostrophe, '').replace(multipleSpaces, ' ').replace(beforeSpace, '');
+    return sanitizedValue;
+  },
+  blurTrim: {
+    trimStart: true,
+    trimEnd: true,
+    characters: ['-', "'", ' ']
   }
 };
-/**
- * @name fieldChangesMiddleware
- * @description Обрабатывает входную строку, удаляет все неалфавитные символы, заменяет двойные дефисы на одинарные
- * и удаляет все дефисы в начале или конце строки.
- * @param {string} value - входная строка для обработки
- * @returns {string} обработанная строка
- */
-
 var ONLY_STRING_AND_DASH = {
+  /**
+   * @name fieldChangesMiddleware
+   * @description Обрабатывает входную строку, удаляет все неалфавитные символы, заменяет двойные дефисы на одинарные
+   * и удаляет все дефисы в начале или конце строки.
+   * @param {string} value - входная строка для обработки
+   * @returns {string} обработанная строка
+   */
   fieldChangesMiddleware: function fieldChangesMiddleware(value) {
     var nonAlphabeticAndNotSingleDash = new RegExp(/[^a-zA-Z-]|--/gi);
     var consecutiveDashes = new RegExp(/-+/g);
-    var sanitizedInput = getSafelyValue(value);
+    var sanitizedInput = (0, _fieldValueFormatters.getSafelyValue)(value);
     return sanitizedInput.replace(nonAlphabeticAndNotSingleDash, '').replace(consecutiveDashes, '-');
   }
 };
-var INPUT_PRESET = {
+var INPUT_PRESETS = {
   NAME_SYMBOLS_EXCLUDER: NAME_SYMBOLS_EXCLUDER,
   ONLY_STRING_AND_DASH: ONLY_STRING_AND_DASH
 };
-exports.INPUT_PRESET = INPUT_PRESET;
+exports.INPUT_PRESETS = INPUT_PRESETS;

package/package.json

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