intelicoreact 1.2.52 → 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/InputDateRange/InputDateRange.js

@@ -37,6 +37,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+var checkFormat = function checkFormat(date, format) {
+  var momentObj = (0, _momentTimezone.default)(date, format);
+  return momentObj.isValid() ? momentObj.format(format) : null;
+};
+
 var InputDateRange = function InputDateRange(props) {
   var _ref, _INTERVALS$actualValu;
 
@@ -61,15 +66,15 @@ var InputDateRange = function InputDateRange(props) {
       minDate = _props$minDate === void 0 ? null : _props$minDate,
       _props$maxDate = props.maxDate,
       maxDate = _props$maxDate === void 0 ? null : _props$maxDate,
-      _props$format = props.format,
-      format = _props$format === void 0 ? 'MM/DD/YYYY' : _props$format,
+      _props$minMaxDatePars = props.minMaxDateParseFormat,
+      minMaxDateParseFormat = _props$minMaxDatePars === void 0 ? 'MM/DD/YYYY' : _props$minMaxDatePars,
       isDontLimitFuture = props.isDontLimitFuture,
       isListTop = props.isListTop,
       isAltArrows = props.isAltArrows;
-  var formatedMinDate = (0, _momentTimezone.default)(minDate).format(format) !== 'Invalid date' ? (0, _momentTimezone.default)(minDate).format(format) : null;
-  var formatedMaxDate = (0, _momentTimezone.default)(maxDate).format(format) !== 'Invalid date' ? (0, _momentTimezone.default)(maxDate).format(format) : null;
-  var momentMinDate = (0, _momentTimezone.default)(formatedMinDate, format).startOf('day');
-  var momentMaxDate = (0, _momentTimezone.default)(formatedMaxDate, format).startOf('day');
+  var formatedMinDate = checkFormat(minDate, minMaxDateParseFormat);
+  var formatedMaxDate = checkFormat(maxDate, minMaxDateParseFormat);
+  var momentMinDate = (0, _momentTimezone.default)(formatedMinDate, minMaxDateParseFormat).startOf('day');
+  var momentMaxDate = (0, _momentTimezone.default)(formatedMaxDate, minMaxDateParseFormat).startOf('day');
   var actualValues = (0, _dependencies.getActualDateRange)(value);
 
   var _useToggle = (0, _dependencies.useToggle)(false),
@@ -97,14 +102,14 @@ var InputDateRange = function InputDateRange(props) {
 
     var formatedValue = _objectSpread(_objectSpread(_objectSpread({
       intervalKey: newValue.intervalKey,
-      start: newValue.start ? (0, _momentTimezone.default)(newValue.start).format('YYYY-MM-DDTHH:mm') : newValue.start,
-      end: newValue.end ? (0, _momentTimezone.default)(newValue.end).format('YYYY-MM-DDTHH:mm') : newValue.end
+      start: newValue.start ? (0, _momentTimezone.default)(newValue.start).format(_dependencies.MAIN_FORMAT) : newValue.start,
+      end: newValue.end ? (0, _momentTimezone.default)(newValue.end).format(_dependencies.MAIN_FORMAT) : newValue.end
     }, newValue.compare ? {
       compare: newValue.compare
     } : {}), newValue.startPrevDate ? {
-      startPrevDate: (0, _momentTimezone.default)(newValue.startPrevDate).format('YYYY-MM-DDTHH:mm')
+      startPrevDate: (0, _momentTimezone.default)(newValue.startPrevDate).format(_dependencies.MAIN_FORMAT)
     } : {}), newValue.endPrevDate ? {
-      endPrevDate: (0, _momentTimezone.default)(newValue.endPrevDate).format('YYYY-MM-DDTHH:mm')
+      endPrevDate: (0, _momentTimezone.default)(newValue.endPrevDate).format(_dependencies.MAIN_FORMAT)
     } : {});
 
     onChange(formatedValue);
@@ -122,8 +127,8 @@ var InputDateRange = function InputDateRange(props) {
     var start = actualValues.start,
         end = actualValues.end;
     if (!start || !end) return null;
-    var startTime = (0, _momentTimezone.default)(start).format('HH:mm');
-    var endTime = (0, _momentTimezone.default)(end).format('HH:mm');
+    var startTime = (0, _momentTimezone.default)(start).format(_dependencies.MAIN_TIME_FORMAT);
+    var endTime = (0, _momentTimezone.default)(end).format(_dependencies.MAIN_TIME_FORMAT);
     var firstPart = "".concat((0, _momentTimezone.default)(start).format('ll'), " ").concat(startTime !== '00:00' ? "(".concat(startTime, ")") : '');
     var secondPart = "".concat((endTime !== '00:00' ? (0, _momentTimezone.default)(end) : (0, _momentTimezone.default)(end).subtract(1, 'days')).format('ll'), " ").concat(endTime !== '00:00' ? "(".concat(endTime, ")") : '');
 
@@ -248,7 +253,6 @@ var InputDateRange = function InputDateRange(props) {
     onChange: handleChange,
     minDate: formatedMinDate,
     maxDate: formatedMaxDate,
-    format: format,
     momentMinDate: momentMinDate,
     momentMaxDate: momentMaxDate,
     isDontLimitFuture: isDontLimitFuture,

package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js

@@ -38,6 +38,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var outsideScope = {
   handleHoverTimerId: null
 };
+var DATE_INPUT_FORMAT = 'MM/DD/YYYY';
 
 var padTime = function padTime(time) {
   return "".concat(time.toString().padStart(2, '0'), ":00");
@@ -87,8 +88,8 @@ var Datepicker = function Datepicker(props) {
       setEndDate = _useState4[1];
 
   var dateInterval = getSelectedMode({
-    start: startDate.format('YYYY-MM-DDTHH:mm'),
-    end: endDate.format('YYYY-MM-DDTHH:mm')
+    start: startDate.format(_dependencies.MAIN_FORMAT),
+    end: endDate.format(_dependencies.MAIN_FORMAT)
   });
 
   var _useState5 = (0, _react.useState)(null),
@@ -165,7 +166,7 @@ var Datepicker = function Datepicker(props) {
   }, [startDate, endDate, isCompare]);
   var title = (0, _react.useMemo)(function () {
     if (isCompare && !isCompareHidden && startDate && endDate) {
-      return "".concat((0, _momentTimezone.default)(startPrevDate).format('ll'), " (").concat((0, _momentTimezone.default)(startPrevDate).format('HH:mm'), ") - ").concat((0, _momentTimezone.default)(endPrevDate).format('ll'), " (").concat((0, _momentTimezone.default)(endPrevDate).format('HH:mm'), ")");
+      return "".concat((0, _momentTimezone.default)(startPrevDate).format('ll'), " (").concat((0, _momentTimezone.default)(startPrevDate).format(_dependencies.MAIN_TIME_FORMAT), ") - ").concat((0, _momentTimezone.default)(endPrevDate).format('ll'), " (").concat((0, _momentTimezone.default)(endPrevDate).format(_dependencies.MAIN_TIME_FORMAT), ")");
     } else return '';
   }, [startDate, endDate, isCompare]); // ********************
   // Methods
@@ -317,7 +318,7 @@ var Datepicker = function Datepicker(props) {
   };
 
   var processOverflow = function processOverflow(newDateAsString, valueForRollback, key) {
-    var newDateAsMomentObj = (0, _momentTimezone.default)(newDateAsString, 'MM/DD/YYYY'); // console.log('processOverflow - newDateAsString - ', newDateAsString);
+    var newDateAsMomentObj = (0, _momentTimezone.default)(newDateAsString, DATE_INPUT_FORMAT); // console.log('processOverflow - newDateAsString - ', newDateAsString);
     // console.log('processOverflow - valueForRollback - ', valueForRollback);
     // console.log('----------');
     // console.log('processOverflow - minDate - ', minDate);
@@ -423,10 +424,10 @@ var Datepicker = function Datepicker(props) {
       disabled: !startDate || !endDate,
       onClick: function onClick() {
         return onChange({
-          start: startDate,
-          end: endDate,
-          startPrevDate: startPrevDate,
-          endPrevDate: endPrevDate,
+          start: (0, _momentTimezone.default)(startDate).format(_dependencies.MAIN_FORMAT),
+          end: (0, _momentTimezone.default)(endDate).format(_dependencies.MAIN_FORMAT),
+          startPrevDate: (0, _momentTimezone.default)(startPrevDate).format(_dependencies.MAIN_FORMAT),
+          endPrevDate: (0, _momentTimezone.default)(endPrevDate).format(_dependencies.MAIN_FORMAT),
           compare: isCompare
         });
       }

package/dist/Atomic/FormElements/InputDateRange/dependencies.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getActualDateRange = exports.CUSTOM_INTERVAL_KEY_TEXT = exports.CUSTOM_INTERVAL_KEY = exports.ALL_TIME_KEY = exports.INTERVALS = exports.useToggle = exports.useClickOutside = exports.getIsDateValid = void 0;
+exports.getActualDateRange = exports.MAIN_TIME_FORMAT = exports.MAIN_DATE_FORMAT = exports.MAIN_FORMAT = exports.CUSTOM_INTERVAL_KEY_TEXT = exports.CUSTOM_INTERVAL_KEY = exports.ALL_TIME_KEY = exports.INTERVALS = exports.useToggle = exports.useClickOutside = exports.getIsDateValid = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -237,6 +237,12 @@ var CUSTOM_INTERVAL_KEY = 'customDate';
 exports.CUSTOM_INTERVAL_KEY = CUSTOM_INTERVAL_KEY;
 var CUSTOM_INTERVAL_KEY_TEXT = 'Custom Date';
 exports.CUSTOM_INTERVAL_KEY_TEXT = CUSTOM_INTERVAL_KEY_TEXT;
+var MAIN_FORMAT = 'YYYY-MM-DDTHH:mm';
+exports.MAIN_FORMAT = MAIN_FORMAT;
+var MAIN_DATE_FORMAT = 'YYYY-MM-DD';
+exports.MAIN_DATE_FORMAT = MAIN_DATE_FORMAT;
+var MAIN_TIME_FORMAT = 'HH:mm';
+exports.MAIN_TIME_FORMAT = MAIN_TIME_FORMAT;
 
 var getActualDateRange = function getActualDateRange(inputDateRange) {
   var getActualIntervalKey = function getActualIntervalKey() {
@@ -270,8 +276,8 @@ var getActualDateRange = function getActualDateRange(inputDateRange) {
       endPrevDate: null
     };
     var actualValues = {
-      start: (_INTERVALS$intervalKe = INTERVALS[intervalKey]) === null || _INTERVALS$intervalKe === void 0 ? void 0 : (_INTERVALS$intervalKe2 = _INTERVALS$intervalKe.start()) === null || _INTERVALS$intervalKe2 === void 0 ? void 0 : _INTERVALS$intervalKe2.format('YYYY-MM-DDTHH:mm'),
-      end: (_INTERVALS$intervalKe3 = INTERVALS[intervalKey]) === null || _INTERVALS$intervalKe3 === void 0 ? void 0 : (_INTERVALS$intervalKe4 = _INTERVALS$intervalKe3.end()) === null || _INTERVALS$intervalKe4 === void 0 ? void 0 : _INTERVALS$intervalKe4.format('YYYY-MM-DDTHH:mm'),
+      start: (_INTERVALS$intervalKe = INTERVALS[intervalKey]) === null || _INTERVALS$intervalKe === void 0 ? void 0 : (_INTERVALS$intervalKe2 = _INTERVALS$intervalKe.start()) === null || _INTERVALS$intervalKe2 === void 0 ? void 0 : _INTERVALS$intervalKe2.format(MAIN_FORMAT),
+      end: (_INTERVALS$intervalKe3 = INTERVALS[intervalKey]) === null || _INTERVALS$intervalKe3 === void 0 ? void 0 : (_INTERVALS$intervalKe4 = _INTERVALS$intervalKe3.end()) === null || _INTERVALS$intervalKe4 === void 0 ? void 0 : _INTERVALS$intervalKe4.format(MAIN_FORMAT),
       compare: inputDateRange.compare
     };
 

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.52",
+  "version": "1.2.54",
   "description": "",
   "main": "dist/index.js",
   "files": [