intelicoreact 1.2.53 → 1.2.54

package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js

@@ -50,6 +50,7 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
       options = _ref$options === void 0 ? [] : _ref$options,
       fieldKey = _ref.fieldKey,
       id = _ref.id,
+      isListTop = _ref.isListTop,
       _ref$isNotValidateASC = _ref.isNotValidateASCII,
       isNotValidateASCII = _ref$isNotValidateASC === void 0 ? false : _ref$isNotValidateASC,
       _ref$noOptionsText = _ref.noOptionsText,
@@ -159,7 +160,7 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
   var getListMarkUp = function getListMarkUp() {
     return /*#__PURE__*/_react.default.createElement("div", {
       id: "dropdown-live-search-list",
-      className: (0, _classnames.default)("".concat(RC, "__container")),
+      className: (0, _classnames.default)("".concat(RC, "__container"), (0, _defineProperty2.default)({}, "".concat(RC, "__list-top"), isListTop)),
       ref: dropdownListBoxRef
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(RC, "__list"), {

package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.scss

@@ -77,9 +77,8 @@
     }
 
     &-top {
-      top: auto;
+      top: auto !important;
       bottom: calc(100% + 4px);
-      box-shadow: 0 -3px 10px rgb(0 0 0 / 15%);
     }
 
     &-item {

package/dist/Atomic/FormElements/Label/Label.js

@@ -26,6 +26,7 @@ var Label = function Label(_ref) {
       _ref$error = _ref.error,
       error = _ref$error === void 0 ? null : _ref$error;
   return /*#__PURE__*/_react.default.createElement("span", {
+    tabIndex: 0,
     className: (0, _classnames.default)('label', {
       label_bold: isLabelBolt,
       error: error

package/dist/Atomic/UI/Hint/Hint.js

@@ -130,7 +130,9 @@ var Hint = function Hint(_ref) {
     className: (0, _classnames.default)('hint', className),
     ref: hintRef
   }, /*#__PURE__*/_react.default.createElement("button", {
+    "tab-index": 0,
     "data-testid": 'test-hint',
+    "aria-label": label[0].toUpperCase() + label.slice(1),
     onClick: function onClick() {
       return handleOpenType === 'click' && (isCallbackExist ? onClickCallback() : setIsOpen(!isOpen));
     },

package/dist/Atomic/UI/Modal/Modal.js

@@ -43,11 +43,12 @@ var renderModalTitle = function renderModalTitle(_ref) {
       onlyTitle = _ref.onlyTitle;
   if (mode && mode !== 'default' && !onlyTitle) return "".concat(mode[0].toUpperCase() + mode.slice(1), " ").concat(title);
   return title;
-};
+}; // eslint-disable-next-line react/display-name
+
 
 exports.renderModalTitle = renderModalTitle;
 
-var Modal = function Modal(_ref2) {
+var Modal = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
   var _ref2$zIndex = _ref2.zIndex,
       zIndex = _ref2$zIndex === void 0 ? 100 : _ref2$zIndex,
       isOpen = _ref2.isOpen,
@@ -92,7 +93,7 @@ var Modal = function Modal(_ref2) {
       noHeaderCloseBtn = _ref2.noHeaderCloseBtn,
       _ref2$noMobileModalLo = _ref2.noMobileModalLogic,
       noMobileModalLogic = _ref2$noMobileModalLo === void 0 ? true : _ref2$noMobileModalLo;
-  var modalRef = (0, _react.useRef)(null);
+  var modalRef = ref || (0, _react.useRef)(null);
 
   var _useMobileModal = (0, _useMobileModal2.default)({
     modalRef: modalRef,
@@ -148,9 +149,9 @@ var Modal = function Modal(_ref2) {
         width: size
       },
       className: (0, _classnames.default)(className, {
-        'modal': isOpen,
+        modal: isOpen,
         'modal-mobile': isOpen && isMobile,
-        'hidden': !isOpen
+        hidden: !isOpen
       })
     }, !noHeader && /*#__PURE__*/_react.default.createElement(_ModalTitle.default, {
       wrapperRef: modalMobileHeaderRef,
@@ -207,7 +208,7 @@ var Modal = function Modal(_ref2) {
   };
 
   return render();
-};
+});
 
 var _default = Modal;
 exports.default = _default;

package/dist/Functions/fieldValueFormatters.js

@@ -4,12 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formatToReplaceAllWhiteSpace = formatToReplaceAllWhiteSpace;
-exports.formatToHideValuePartially = exports.filterNumeric = exports.filterFloat = exports.formatToHex = exports.formatToLimitLength = exports.formatNumberValueToMask = exports.formatToCutOffDotAtTheEnd = exports.formatToOnlyASCIICodeText = exports.formatToPriceWithCurrency = exports.formatToPriceWithUSD = exports.formatToTwoDigitAfterDot = exports.formatToDollarSign = exports.formatToAddBitDepthPoints = exports.formatToRemoveComa = exports.formatOnlyNumbers = exports.intlNumbersFormatter = exports.getSafelyValue = void 0;
+exports.formatToHideValuePartially = exports.filterNumeric = exports.filterFloat = exports.formatToHex = exports.formatToLimitLength = exports.formatNumberValueToMask = exports.formatToOnlyASCIICodeText = exports.formatAsPercentage = exports.formatToPriceWithCurrency = exports.formatToPriceWithUSD = exports.formatToAddBitDepthPoints = exports.formatToRemoveComa = exports.formatOnlyNumbers = exports.intlNumbersFormatter = exports.getSafelyValue = void 0;
 
-// The first word "format" in the function name means a
-//logic in which the function transforms the incoming value in any case.
-// The first word "filter" in the function name means a
-// logic in which the function works as a changer for sequential input
+var _utils = require("./utils");
+
+//? The first word "format" in the function name means a logic
+//? in which the function transforms the incoming value in any case.
+//? The first word "transform" in the function name means a logic
+//? in which the function converts the whole value, but this is not suitable for sequential input
+//? The first word "filter" in the function name means a logic
+//? in which the function works as a changer for sequential input
+// ****************************
+// Base utils
+// ****************************
 
 /**
  * If the value is not undefined or null, return the value's toString() method, otherwise return an
@@ -26,9 +33,10 @@ exports.getSafelyValue = getSafelyValue;
 
 var intlNumbersFormatter = function intlNumbersFormatter(inputValue) {
   var settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var previousValue = '' + inputValue.slice(0, -1);
-  var lastSym = '' + inputValue.slice(-1);
-  var value = lastSym === '.' ? previousValue : inputValue;
+  var safelyInputValue = getSafelyValue(inputValue);
+  var previousValue = safelyInputValue.slice(0, -1);
+  var lastSym = safelyInputValue.slice(-1);
+  var value = lastSym === '.' ? previousValue : safelyInputValue;
   if (Number.isNaN(+value) || !getSafelyValue(value)) return '';
   var _settings$locale = settings.locale,
       locale = _settings$locale === void 0 ? 'en-US' : _settings$locale,
@@ -83,17 +91,20 @@ var intlNumbersFormatter = function intlNumbersFormatter(inputValue) {
       inputMinimumFractionDigits = fractionDigits.minimumFractionDigits,
       inputMaximumFractionDigits = fractionDigits.maximumFractionDigits,
       conditionallyMinimumFractionDigits = fractionDigits.conditionallyMinimumFractionDigits;
-  var dotIndex = inputValue === null || inputValue === void 0 ? void 0 : inputValue.indexOf('.');
-  var afterDot = dotIndex !== -1 ? inputValue.slice(dotIndex + 1) : '';
+  var dotIndex = safelyInputValue === null || safelyInputValue === void 0 ? void 0 : safelyInputValue.indexOf('.');
+  var afterDot = dotIndex !== -1 ? safelyInputValue.slice(dotIndex + 1) : '';
 
   var minimumFractionDigits = function () {
-    if (typeof inputMinimumFractionDigits === 'number') return inputMinimumFractionDigits;
+    //? Безусловное минимальное количество. Всегда отрендерит дробную часть, в количестве символов сколько указано
+    if (typeof inputMinimumFractionDigits === 'number') return inputMinimumFractionDigits; //? Условное минимальное количество. Если есть дробная часть, то отрендерит дробных символов сколько указано
 
     if (typeof conditionallyMinimumFractionDigits === 'number') {
       return afterDot && lastSym !== '.' ? conditionallyMinimumFractionDigits : 0;
-    }
+    } //? Дефолтное минимальное количество. Если есть дробная часть, то отрендерит дробных символов столько, сколько есть
+    //? Флаг isRenderAlways превращает дефолтный кейс в безусловное минимальное количество
+
 
-    return afterDot && lastSym !== '.' ? inputValue.slice(dotIndex).length - 1 : isRenderAlways ? quantity : 0;
+    return afterDot && lastSym !== '.' ? safelyInputValue.slice(dotIndex).length - 1 : isRenderAlways ? quantity : 0;
   }();
 
   var priceSettings = {
@@ -107,6 +118,8 @@ var intlNumbersFormatter = function intlNumbersFormatter(inputValue) {
     //валюта в виде символа
     //минимально не надо отображать центы, если их нет, иначе всегда будет .00
     minimumFractionDigits: minimumFractionDigits,
+    //! Важно! Если придет велью с количеством дробных разрядов БОЛЬШИМ
+    //! чем указано в (inputMaximumFractionDigits ?? quantity) - округлит по правилам округления
     //максимально отображать 2 цифры после запятой, если центы всё же есть
     maximumFractionDigits: inputMaximumFractionDigits !== null && inputMaximumFractionDigits !== void 0 ? inputMaximumFractionDigits : quantity
   };
@@ -120,7 +133,9 @@ var intlNumbersFormatter = function intlNumbersFormatter(inputValue) {
   }
 
   return lastSym === '.' ? output + lastSym : output;
-}; // *** format ***
+}; // ****************************
+// format
+// ****************************
 
 
 exports.intlNumbersFormatter = intlNumbersFormatter;
@@ -143,32 +158,11 @@ var formatToAddBitDepthPoints = function formatToAddBitDepthPoints(value, settin
       quantity: (settings === null || settings === void 0 ? void 0 : settings.type) === 'int' ? 0 : settings === null || settings === void 0 ? void 0 : settings.decimalPlaces
     }
   });
-};
+}; //! Важно! Если придет велью с количеством дробных разрядов БОЛЬШИМ
+//! чем указано в quantity - округлит по правилам округления
 
-exports.formatToAddBitDepthPoints = formatToAddBitDepthPoints;
 
-var formatToDollarSign = function formatToDollarSign(value) {
-  return intlNumbersFormatter(getSafelyValue(value), {
-    useGrouping: false,
-    withSymbol: 'currency',
-    currency: {
-      currencyType: 'USD'
-    }
-  });
-};
-
-exports.formatToDollarSign = formatToDollarSign;
-
-var formatToTwoDigitAfterDot = function formatToTwoDigitAfterDot(value) {
-  return intlNumbersFormatter(getSafelyValue(value), {
-    useGrouping: false,
-    fractionDigits: {
-      quantity: 2
-    }
-  });
-};
-
-exports.formatToTwoDigitAfterDot = formatToTwoDigitAfterDot;
+exports.formatToAddBitDepthPoints = formatToAddBitDepthPoints;
 
 var formatToPriceWithUSD = function formatToPriceWithUSD(value) {
   if (isNaN(Number(value))) return value;
@@ -180,9 +174,12 @@ var formatToPriceWithUSD = function formatToPriceWithUSD(value) {
     fractionDigits: {
       quantity: 2,
       conditionallyMinimumFractionDigits: 2
-    }
+    },
+    text: text
   });
-}; //! symbolPosition временно не реализовано
+}; //! Важно! Если придет велью с количеством дробных разрядов БОЛЬШИМ
+//! чем указано в quantity - округлит по правилам округления
+// ToDo - symbolPosition временно не реализовано
 
 
 exports.formatToPriceWithUSD = formatToPriceWithUSD;
@@ -200,35 +197,91 @@ var formatToPriceWithCurrency = function formatToPriceWithCurrency(value, curren
       conditionallyMinimumFractionDigits: 2
     }
   });
-}; // eslint-disable-next-line no-control-regex
+}; //? Добавляет в конец знак %. Работает как с одиночными значениями, так и с диапазонами.
+//? value может быть любое, но ожидается что будет
+//?   - числом
+//?   - строкой в формате "значение"
+//?   - строкой в формате "значение - значение" (значение_пробел_тире_пробел_значение)
+//?   - объект в формате { from: значение, to: значение }
+//? Предполагается, что "значение" может быть приведено к числу операторм + (пример: +значение приводится к числу).
+//? Если не может быть приведено, то "значение" вернется как есть, к результату добавится %
+//? Если "значение" пустое (getSafelyValue(значение) вернет пустую строку),
+//? то это воспринимается как 0, приводится к 0.00%
+//? Одиноково работает как для ".", так и "," в качестве разделителя дробных разрядов
+//! Важно! Если придет велью с количеством дробных разрядов БОЛЬШИМ
+//! чем указано в decimalPlaces - округлит по правилам округления
 
 
 exports.formatToPriceWithCurrency = formatToPriceWithCurrency;
 
-var formatToOnlyASCIICodeText = function formatToOnlyASCIICodeText(text) {
-  return getSafelyValue(text).replace(/[^\x00-\x7F]+/g, '');
-};
+var formatAsPercentage = function formatAsPercentage(value, settings) {
+  var _ref = (0, _utils.getIsOnlyAnObject)(settings) ? settings : {},
+      _ref$isCommonPercenta = _ref.isCommonPercentageSymbol,
+      isCommonPercentageSymbol = _ref$isCommonPercenta === void 0 ? true : _ref$isCommonPercenta,
+      _ref$decimalPlaces = _ref.decimalPlaces,
+      decimalPlaces = _ref$decimalPlaces === void 0 ? 2 : _ref$decimalPlaces;
 
-exports.formatToOnlyASCIICodeText = formatToOnlyASCIICodeText;
+  var safelyInputValue;
 
-var formatToCutOffDotAtTheEnd = function formatToCutOffDotAtTheEnd(inputValue) {
-  var value = getSafelyValue(inputValue);
-  return value.toString().slice(-1) === '.' ? value.slice(0, -1) : value;
+  var checkValue = function checkValue(value) {
+    return getSafelyValue(value) || '0';
+  };
+
+  var transform = function transform(valueAsSting) {
+    var processedValue = valueAsSting.replace(/,/g, '.');
+    if (Number.isNaN(+processedValue)) return processedValue;
+    return "".concat(intlNumbersFormatter(getSafelyValue(+processedValue), {
+      fractionDigits: {
+        quantity: decimalPlaces,
+        minimumFractionDigits: decimalPlaces
+      }
+    }));
+  };
+
+  if ((0, _utils.getIsOnlyAnObject)(value)) {
+    safelyInputValue = {
+      from: checkValue(value.from),
+      to: checkValue(value.to)
+    };
+  } else {
+    safelyInputValue = checkValue(value);
+
+    if (safelyInputValue.includes(' - ')) {
+      var valuesArr = safelyInputValue.split(' - ').map(function (partOfValue) {
+        return partOfValue.trim();
+      });
+      safelyInputValue = {
+        from: checkValue(valuesArr[0]),
+        to: checkValue(valuesArr[1])
+      };
+    } else {
+      return "".concat(transform(safelyInputValue), "%");
+    }
+  }
+
+  if (isCommonPercentageSymbol) return "".concat(transform(safelyInputValue.from), " - ").concat(transform(safelyInputValue.to), "%");else return "".concat(transform(safelyInputValue.from), "% - ").concat(transform(safelyInputValue.to), "%");
+}; // eslint-disable-next-line no-control-regex
+
+
+exports.formatAsPercentage = formatAsPercentage;
+
+var formatToOnlyASCIICodeText = function formatToOnlyASCIICodeText(text) {
+  return getSafelyValue(text).replace(/[^\x00-\x7F]+/g, '');
 }; // eslint-disable-next-line default-param-last
 
 
-exports.formatToCutOffDotAtTheEnd = formatToCutOffDotAtTheEnd;
+exports.formatToOnlyASCIICodeText = formatToOnlyASCIICodeText;
 
 var formatNumberValueToMask = function formatNumberValueToMask(inputValue, settings) {
   var safelyInputValue = getSafelyValue(inputValue); // default valueSymbol === 'n', default mask === 'nnn-nnn-nnnn'
 
-  var _ref = settings || {},
-      _ref$mask = _ref.mask,
-      mask = _ref$mask === void 0 ? 'XXX-XXX-XXXX' : _ref$mask,
-      _ref$valueSymbol = _ref.valueSymbol,
-      valueSymbol = _ref$valueSymbol === void 0 ? 'X' : _ref$valueSymbol,
-      _ref$isReturnAdvanced = _ref.isReturnAdvanced,
-      isReturnAdvanced = _ref$isReturnAdvanced === void 0 ? false : _ref$isReturnAdvanced;
+  var _ref2 = settings || {},
+      _ref2$mask = _ref2.mask,
+      mask = _ref2$mask === void 0 ? 'XXX-XXX-XXXX' : _ref2$mask,
+      _ref2$valueSymbol = _ref2.valueSymbol,
+      valueSymbol = _ref2$valueSymbol === void 0 ? 'X' : _ref2$valueSymbol,
+      _ref2$isReturnAdvance = _ref2.isReturnAdvanced,
+      isReturnAdvanced = _ref2$isReturnAdvance === void 0 ? false : _ref2$isReturnAdvance;
 
   var processing = mask.split('').reduce(function (acc, item) {
     if (acc.value.length) ++acc.cursorPosition;
@@ -263,9 +316,9 @@ var formatToLimitLength = function formatToLimitLength(inputValue, limit) {
 
 exports.formatToLimitLength = formatToLimitLength;
 
-var formatToHex = function formatToHex(_ref2) {
-  var inputValue = _ref2.inputValue,
-      withSharp = _ref2.withSharp;
+var formatToHex = function formatToHex(_ref3) {
+  var inputValue = _ref3.inputValue,
+      withSharp = _ref3.withSharp;
   var value = getSafelyValue(inputValue);
   if (withSharp) return "#".concat(value.replace(/[^a-f0-9]/gi, ''));
   return "".concat(value.replace(/[^#a-f0-9]/gi, ''));
@@ -282,7 +335,13 @@ exports.formatToHex = formatToHex;
 function formatToReplaceAllWhiteSpace(str) {
   var value = getSafelyValue(str);
   return value.replace(/\s+/g, '');
-} // *** filter ***
+} // ****************************
+// transform
+// ****************************
+// ...
+// ****************************
+// filter
+// ****************************
 // export const filterFloat = (inputValue, decimalPlaces = null) => {
 //   const value = getSafelyValue(inputValue);
 //   const replaser = input => ('' + input).replace(/[^\.\d]/g, '');
@@ -312,9 +371,9 @@ var filterFloat = function filterFloat(inputValue) {
   var value = getSafelyValue(inputValue);
 
   var replacer = function replacer(input) {
-    var _ref3;
+    var _ref4;
 
-    return (_ref3 = '' + input) === null || _ref3 === void 0 ? void 0 : _ref3.replace(/[^\.\d,]/g, '');
+    return (_ref4 = '' + input) === null || _ref4 === void 0 ? void 0 : _ref4.replace(/[^\.\d,]/g, '');
   };
 
   if (value.length === 1 && (value[0] === '.' || value[0] === ',')) return '0.';
@@ -342,10 +401,10 @@ var filterNumeric = function filterNumeric(value, settings) {
 
   value = (_getSafelyValue = getSafelyValue(value)) === null || _getSafelyValue === void 0 ? void 0 : _getSafelyValue.replace(/,/g, '');
 
-  var _ref4 = settings || {},
-      _ref4$type = _ref4.type,
-      type = _ref4$type === void 0 ? 'float' : _ref4$type,
-      decimalPlaces = _ref4.decimalPlaces;
+  var _ref5 = settings || {},
+      _ref5$type = _ref5.type,
+      type = _ref5$type === void 0 ? 'float' : _ref5$type,
+      decimalPlaces = _ref5.decimalPlaces;
 
   var executor = type === 'float' ? filterFloat : formatOnlyNumbers;
   return executor(getSafelyValue(value), decimalPlaces);
@@ -354,13 +413,13 @@ var filterNumeric = function filterNumeric(value, settings) {
 exports.filterNumeric = filterNumeric;
 
 var formatToHideValuePartially = function formatToHideValuePartially(value, settings) {
-  var _ref5 = settings || {},
-      _ref5$showSymbolsCoun = _ref5.showSymbolsCount,
-      showSymbolsCount = _ref5$showSymbolsCoun === void 0 ? 4 : _ref5$showSymbolsCoun,
-      _ref5$isVisibleFromFr = _ref5.isVisibleFromFront,
-      isVisibleFromFront = _ref5$isVisibleFromFr === void 0 ? false : _ref5$isVisibleFromFr,
-      _ref5$isCutOutWhiteSp = _ref5.isCutOutWhiteSpaces,
-      isCutOutWhiteSpaces = _ref5$isCutOutWhiteSp === void 0 ? true : _ref5$isCutOutWhiteSp;
+  var _ref6 = settings || {},
+      _ref6$showSymbolsCoun = _ref6.showSymbolsCount,
+      showSymbolsCount = _ref6$showSymbolsCoun === void 0 ? 4 : _ref6$showSymbolsCoun,
+      _ref6$isVisibleFromFr = _ref6.isVisibleFromFront,
+      isVisibleFromFront = _ref6$isVisibleFromFr === void 0 ? false : _ref6$isVisibleFromFr,
+      _ref6$isCutOutWhiteSp = _ref6.isCutOutWhiteSpaces,
+      isCutOutWhiteSpaces = _ref6$isCutOutWhiteSp === void 0 ? true : _ref6$isCutOutWhiteSp;
 
   var safelyValue = getSafelyValue(value);
   var newValue = isCutOutWhiteSpaces ? safelyValue.replace(/\s/g, '') : safelyValue;

package/package.json

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