intelicoreact 1.0.30 → 1.0.32

package/dist/Atomic/FormElements/InputColor/InputColor.scss

@@ -1,18 +1,21 @@
 .inputColor {
   position: relative;
+
   &__color-block {
     position: absolute;
-    left: 5px;
+    z-index: 1;
     top: 50%;
-    transform: translateY(-50%);
+    left: 5px;
+
     min-width: 16px;
     max-width: 16px;
     min-height: 16px;
     max-height: 16px;
-    z-index: 1;
+
+    transform: translateY(-50%);
   }
+
   .input {
     padding-left: 25px;
   }
-
 }

package/dist/Atomic/FormElements/InputLink/InputLink.js

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactFeather = require("react-feather");
+
+var _Input = _interopRequireDefault(require("../Input/Input"));
+
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
+require("./InputLink.scss");
+
+var _excluded = ["icon", "value", "withHttpsPrefix", "onRedirect", "testId", "onChange", "withDelete"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var InputColor = function InputColor(_ref) {
+  var icon = _ref.icon,
+      value = _ref.value,
+      _ref$withHttpsPrefix = _ref.withHttpsPrefix,
+      withHttpsPrefix = _ref$withHttpsPrefix === void 0 ? {
+    isTurnOn: false,
+    isSecure: false,
+    isBorderErrorWithEmptyHost: false
+  } : _ref$withHttpsPrefix,
+      onRedirect = _ref.onRedirect,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'input' : _ref$testId,
+      onChange = _ref.onChange,
+      withDelete = _ref.withDelete,
+      args = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _ref2 = withHttpsPrefix || {},
+      isSecure = _ref2.isSecure,
+      isPrefix = _ref2.isTurnOn;
+
+  var inputRef = (0, _react.useRef)(null);
+  var handle = {
+    redirect: function redirect() {
+      var _ref3 = withHttpsPrefix || {},
+          isBorderErrorWithEmptyHost = _ref3.isBorderErrorWithEmptyHost,
+          isSecure = _ref3.isSecure,
+          isPrefix = _ref3.isTurnOn;
+
+      if (isPrefix && isBorderErrorWithEmptyHost) {
+        if (isSecure && (value === null || value === void 0 ? void 0 : value.length) <= 8 || !isSecure && (value === null || value === void 0 ? void 0 : value.length) <= 7) {
+          return null;
+        }
+      }
+
+      window.open("http".concat(isSecure ? 's' : '', "://").concat(value.replace(/https?:\/\/?/g, '')), '_blank');
+      onRedirect === null || onRedirect === void 0 ? void 0 : onRedirect();
+    },
+    change: function change(e) {
+      var _inputRef$current;
+
+      var inputValue = e !== null && e !== void 0 && e.target ? (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(e.target.value) : (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(e);
+      var cursorPosition = (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.selectionStart;
+
+      if (isSecure && cursorPosition <= 8 || !isSecure && cursorPosition <= 7) {
+        cursorPosition++;
+      }
+
+      setTimeout(function () {
+        var _inputRef$current2;
+
+        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.setSelectionRange(cursorPosition, cursorPosition);
+      }, 0);
+      if (isPrefix) inputValue = (0, _fieldValueFormatters.formatToReplaceAllWhiteSpace)(inputValue.replace(/https?:\/\/?/g, ''));
+      onChange === null || onChange === void 0 ? void 0 : onChange(inputValue.toString());
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('inputLink', {
+      'inputLink--withDelete': withDelete && value && value.length > 0
+    })
+  }, isPrefix && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('inputColor__prefix')
+  }, isSecure ? 'https://' : 'http://'), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
+    withDelete: withDelete,
+    value: value,
+    onChange: handle.change,
+    testId: "inputLink--key-".concat(testId),
+    type: "text",
+    autoComplete: "url",
+    ref: inputRef,
+    className: (0, _classnames.default)({
+      'prefix-gutter--secured': isPrefix && isSecure,
+      'prefix-gutter--no-secured': isPrefix && !isSecure
+    })
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    onClick: function onClick() {
+      return handle.redirect();
+    },
+    className: (0, _classnames.default)('inputLink__icon pointer')
+  }, value && (icon || /*#__PURE__*/_react.default.createElement(_reactFeather.ExternalLink, null))));
+};
+
+var _default = InputColor;
+exports.default = _default;

package/dist/Atomic/FormElements/InputLink/InputLink.scss

@@ -0,0 +1,58 @@
+.inputLink {
+  position: relative;
+
+  &__icon {
+    position: absolute;
+    z-index: 1;
+    top: 50%;
+    right: 5px;
+
+    width: fit-content;
+    height: fit-content;
+
+    transform: translateY(-50%);
+
+    svg {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      min-width: 16px;
+      max-width: 16px;
+      min-height: 16px;
+      max-height: 16px;
+
+      stroke: #6B81DD;
+    }
+  }
+
+  .input {
+    padding-right: 25px;
+  }
+
+  .input__close {
+    right: 20px;
+  }
+
+  .prefix-gutter--secured {
+    padding-left: 52px;
+  }
+
+  .prefix-gutter--no-secured {
+    padding-left: 45px;
+  }
+}
+
+.inputColor__prefix {
+  position: absolute;
+  z-index: 1;
+  top: 50%;
+  left: 11px;
+
+  cursor: default;
+  transform: translateY(-50%);
+  pointer-events: none;
+
+  font-size: 13px;
+  font-weight: 400;
+}

package/dist/Atomic/FormElements/NumericInput/NumericInput.js

@@ -133,7 +133,8 @@ var NumericInput = function NumericInput(_ref) {
     change: function change(e) {
       var inputValue = e.target ? (0, _fieldValueFormatters.filterNumeric)(e.target.value, {
         type: 'int'
-      }) : e; // ToDo - не совсем понятно что проверяется, т.к. при нажатии инкремента/декримента все равно в change приходит число, а не эвент
+      }) : e; // ToDo - не совсем понятно что проверяется, т.к. при нажатии инкремента/декримента
+      //ToDo все равно в change приходит число, а не эвент
       // ToDo - боюсь сломать, временно оставляю, выпилить через какое-то время
       // if (inputValue && (decRef.current?.contains?.(e.target) || incRef.current?.contains?.(e.target))) {
       // if (symbolsLimit) inputValue = inputValue.toString().substring(0, +symbolsLimit);

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js

@@ -215,13 +215,13 @@ var TagsDropdown = function TagsDropdown(_ref) {
   };
 
   var setListContainerStyles = function setListContainerStyles() {
-    var _getComputedStyle$mar, _getComputedStyle, _getComputedStyle$mar2, _getComputedStyle$max, _getComputedStyle2, _getComputedStyle2$ma, _sw$getBoundingClient, _dl$getBoundingClient;
+    var _dropdownRef$current$, _dropdownRef$current, _getComputedStyle$mar, _getComputedStyle, _getComputedStyle$mar2, _getComputedStyle$max, _getComputedStyle2, _getComputedStyle2$ma, _dl$getBoundingClient, _sw$getBoundingClient;
 
     var lc = getListContainer();
     if (!lc || !isOpen) return false;
     var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
 
-    var _ref6 = (dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current.getBoundingClientRect()) || {},
+    var _ref6 = (_dropdownRef$current$ = dropdownRef === null || dropdownRef === void 0 ? void 0 : (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === void 0 ? void 0 : _dropdownRef$current.getBoundingClientRect()) !== null && _dropdownRef$current$ !== void 0 ? _dropdownRef$current$ : {},
         width = _ref6.width,
         height = _ref6.height,
         left = _ref6.left,
@@ -232,15 +232,19 @@ var TagsDropdown = function TagsDropdown(_ref) {
     var margin = parseInt((_getComputedStyle$mar = (_getComputedStyle = getComputedStyle(sw)) === null || _getComputedStyle === void 0 ? void 0 : (_getComputedStyle$mar2 = _getComputedStyle.marginTop) === null || _getComputedStyle$mar2 === void 0 ? void 0 : _getComputedStyle$mar2.replace('px', '')) !== null && _getComputedStyle$mar !== void 0 ? _getComputedStyle$mar : 0);
     var maxHeight = initListHeight !== null && initListHeight !== void 0 ? initListHeight : parseInt((_getComputedStyle$max = (_getComputedStyle2 = getComputedStyle(dl)) === null || _getComputedStyle2 === void 0 ? void 0 : (_getComputedStyle2$ma = _getComputedStyle2.maxHeight) === null || _getComputedStyle2$ma === void 0 ? void 0 : _getComputedStyle2$ma.replace('px', '')) !== null && _getComputedStyle$max !== void 0 ? _getComputedStyle$max : 0);
     if (initListHeight === null) setInitListHeight(maxHeight);
-    var delta = ((_sw$getBoundingClient = sw.getBoundingClientRect()) === null || _sw$getBoundingClient === void 0 ? void 0 : _sw$getBoundingClient.height) - ((_dl$getBoundingClient = dl.getBoundingClientRect()) === null || _dl$getBoundingClient === void 0 ? void 0 : _dl$getBoundingClient.height);
     var toTop = top - margin;
     var toBottom = windowHeight - top - height - margin * 2;
-    var swHeight = toTop >= maxHeight || toBottom >= maxHeight ? maxHeight - 3 * margin : toTop > toBottom ? toTop - 3 * margin : toBottom - 4 * margin;
+    var dlHeight = dl === null || dl === void 0 ? void 0 : (_dl$getBoundingClient = dl.getBoundingClientRect()) === null || _dl$getBoundingClient === void 0 ? void 0 : _dl$getBoundingClient.height;
+    var swHeight = sw === null || sw === void 0 ? void 0 : (_sw$getBoundingClient = sw.getBoundingClientRect()) === null || _sw$getBoundingClient === void 0 ? void 0 : _sw$getBoundingClient.height;
+    var controlsHeight = swHeight - dlHeight;
+    if (swHeight > maxHeight) swHeight = maxHeight - 2 * margin;
+    var maxSwHeight = toTop - margin >= maxHeight || toBottom - margin >= maxHeight ? maxHeight - 3 * margin : toTop > toBottom ? toTop - 3 * margin : toBottom - 4 * margin;
     var listPos = toTop < toBottom || toBottom >= swHeight ? 'bottom' : 'top';
+    if (swHeight > (listPos === 'top' ? toTop : toBottom)) swHeight = (listPos === 'top' ? toTop : toBottom) - 3 * margin;
     lc.style.minWidth = "".concat(width, "px");
     lc.style.left = "".concat(left, "px");
-    lc.style.top = "".concat(listPos === 'bottom' ? top + height : top - swHeight - 3 * margin, "px");
-    dl.style.maxHeight = "".concat(swHeight - delta, "px");
+    lc.style.top = "".concat(listPos === 'bottom' ? top + height : top - swHeight - 2 * margin, "px");
+    dl.style.maxHeight = "".concat(maxSwHeight - controlsHeight, "px");
   };
 
   var renderListContainer = function renderListContainer() {
@@ -282,10 +286,6 @@ var TagsDropdown = function TagsDropdown(_ref) {
     }, footerContent) : null);
   };
 
-  (0, _react.useEffect)(function () {
-    initListContainer();
-  }, []);
-
   var closeList = function closeList(e) {
     var _inputRef$current;
 
@@ -293,6 +293,9 @@ var TagsDropdown = function TagsDropdown(_ref) {
     inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.blur();
   };
 
+  (0, _react.useLayoutEffect)(function () {
+    initListContainer();
+  }, []);
   (0, _react.useLayoutEffect)(function () {
     window.addEventListener('resize', setListContainerStyles);
     window.addEventListener('mousewheel', closeList);
@@ -303,7 +306,7 @@ var TagsDropdown = function TagsDropdown(_ref) {
       window.removeEventListener('mouseup', handleClickOutside);
     };
   }, [getListContainer]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useLayoutEffect)(function () {
     setListContainerStyles();
   }, [isOpen, chosenOptions]);
   (0, _react.useEffect)(function () {

package/dist/Atomic/Layout/Spinner/Spinner.scss

@@ -26,6 +26,8 @@
 }
 
 .lds-ring.lds-ring_little {
+  top: calc(50% - 15px);
+
   width: 30px;
   height: 30px;
 }
@@ -48,10 +50,11 @@
 }
 
 .lds-ring_little div {
-  top: -10px;
+  top: -15%;
+  left: -15%;
 
-  width: 30px !important;
-  height: 30px !important;
+  width: 100% !important;
+  height: 100% !important;
 
   border: 4px solid #000 !important;
   border-color: #000 transparent transparent !important;

package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js

@@ -45,6 +45,10 @@ var AdvancedTags = function AdvancedTags(_ref) {
   var onShowMoreClick = function onShowMoreClick() {
     setShowedItems(showMore ? items : [items[0], items[1]]);
     setShowMore(!showMore);
+    return function () {
+      setShowedItems([items[0], items[1]]);
+      setShowMore(true);
+    };
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {

package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js

@@ -18,7 +18,8 @@ var _Button = _interopRequireDefault(require("../Button/Button"));
 require("./ButtonsBar.scss");
 
 var ButtonsBar = function ButtonsBar(_ref) {
-  var rejectBtnLabel = _ref.rejectBtnLabel,
+  var className = _ref.className,
+      rejectBtnLabel = _ref.rejectBtnLabel,
       rejectBtnIcon = _ref.rejectBtnIcon,
       rejectBtnVariant = _ref.rejectBtnVariant,
       rejectBtnClass = _ref.rejectBtnClass,
@@ -36,7 +37,7 @@ var ButtonsBar = function ButtonsBar(_ref) {
       _ref$testIdSecondBtn = _ref.testIdSecondBtn,
       testIdSecondBtn = _ref$testIdSecondBtn === void 0 ? 'test-btn-bar-second' : _ref$testIdSecondBtn;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "button-bar"
+    className: (0, _classnames.default)('button-bar', className)
   }, rejectLink ? /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
     className: "text-decoration-none",
     to: rejectLink

package/dist/Functions/fieldValueFormatters.js

@@ -3,10 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.formatToReplaceAllWhiteSpace = formatToReplaceAllWhiteSpace;
 exports.filterNumeric = exports.filterFloat = exports.formatToHex = exports.formatToLimitLength = exports.formatNumberValueToMask = exports.formatToCutOffDotAtTheEnd = exports.formatToOnlyASCIICodeText = exports.formatToLetters = exports.formatToPriceWithUSD = exports.formatToTwoDigitAfterDot = exports.formatToDollarSign = 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
+// 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
+
+/**
+ * If the value is not undefined or null, return the value's toString() method, otherwise return an
+ * empty string.
+ */
 var getSafelyValue = function getSafelyValue(value) {
   var _value$toString;
 
@@ -81,8 +89,8 @@ var intlNumbersFormatter = function intlNumbersFormatter(inputValue) {
     //валюта
     currencyDisplay: currencyDisplay,
     //валюта в виде символа
-    minimumFractionDigits: isRenderAlways ? quantity : 0,
     //минимально не надо отображать центы, если их нет, иначе всегда будет .00
+    minimumFractionDigits: isRenderAlways ? quantity : 0,
     maximumFractionDigits: quantity //максимально отображать 2 цифры после запятой, если центы всё же есть
 
   };
@@ -214,19 +222,39 @@ var formatToLimitLength = function formatToLimitLength(inputValue, limit) {
   var value = getSafelyValue(inputValue);
   return limit && typeof limit === 'number' && !Number.isNaN(limit) && (value === null || value === void 0 ? void 0 : value.length) > limit ? value.substr(0, limit) : value;
 };
+/**
+ * It takes a string and returns a hexadecimal string
+ * @param inputValue - The value to be formatted.
+ * @param withSharp - boolean - if true, the returned value will have a sharp (#) at the beginning.
+ * @returns A function that takes two arguments, inputValue and withSharp.
+ */
+
 
 exports.formatToLimitLength = formatToLimitLength;
 
-var formatToHex = function formatToHex(inputValue) {
+var formatToHex = function formatToHex(_ref2) {
+  var inputValue = _ref2.inputValue,
+      withSharp = _ref2.withSharp;
   var value = getSafelyValue(inputValue);
-  return "#".concat(value.toString().replace(/[^a-f0-9]/gi, ''));
-}; // *** filter ***
+  return "".concat(withSharp ? '#' : '').concat(value.toString().replace(/[^a-f0-9]/gi, ''));
+};
+/**
+ * It takes a string and returns a string with all white space removed
+ * @param str - The string to be formatted.
+ * @returns A string with all white space removed.
+ */
 
 
 exports.formatToHex = formatToHex;
 
+function formatToReplaceAllWhiteSpace(str) {
+  var value = getSafelyValue(str);
+  return value.replace(/\s+/g, '');
+} // *** filter ***
+
+
 var filterFloat = function filterFloat(inputValue) {
-  var _ref2;
+  var _ref3;
 
   var decimalPlaces = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var value = getSafelyValue(inputValue);
@@ -236,7 +264,7 @@ var filterFloat = function filterFloat(inputValue) {
   };
 
   if (value.length === 1 && (value[0] === '.' || value[0] === ',')) return '0.';
-  var output = (_ref2 = '' + value) === null || _ref2 === void 0 ? void 0 : _ref2.replace(/,/g, '.');
+  var output = (_ref3 = '' + value) === null || _ref3 === void 0 ? void 0 : _ref3.replace(/,/g, '.');
   if (value.length > 1 && value[0] === '0' && value[1] !== '.' && value[0] !== ',') output = value.slice(1);
   var previousValue = '' + output.slice(0, -1);
   var lastSym = '' + output.slice(-1);
@@ -247,10 +275,10 @@ var filterFloat = function filterFloat(inputValue) {
 exports.filterFloat = filterFloat;
 
 var filterNumeric = function filterNumeric(value, settings) {
-  var _ref3 = settings || {},
-      _ref3$type = _ref3.type,
-      type = _ref3$type === void 0 ? 'float' : _ref3$type,
-      decimalPlaces = _ref3.decimalPlaces;
+  var _ref4 = settings || {},
+      _ref4$type = _ref4.type,
+      type = _ref4$type === void 0 ? 'float' : _ref4$type,
+      decimalPlaces = _ref4.decimalPlaces;
 
   var executor = type === 'float' ? filterFloat : formatOnlyNumbers;
   return executor(getSafelyValue(value), decimalPlaces);

package/dist/Functions/operations.js

@@ -10,7 +10,8 @@ exports.addRangeDefault = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 // Взято из https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/round
-// При импорте любой ф-и из этого файла отработает самовызывающаяся ф-я и расширит объект Math 3-мя ф-ми: round10, floor10, ceil10
+// При импорте любой ф-и из этого файла отработает самовызывающаяся ф-я и расширит
+// объект Math 3-мя ф-ми: round10, floor10, ceil10
 (function () {
   /**
    * Корректировка округления десятичных дробей.

package/dist/Functions/useInputHighlightError.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.useInputHighlightError = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _index = require("../Constants/index.constants");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var useInputHighlightError = function useInputHighlightError(_ref) {
+  var value = _ref.value,
+      blinkTime = _ref.blinkTime,
+      isUseErrorsBlink = _ref.isUseErrorsBlink;
+  var DEFAULT_BLINK_TIME = 100;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isToHighlightError = _useState2[0],
+      setIsToHighlightError = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      isAttemptToChange = _useState4[0],
+      setIsAttemptToChange = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(value),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      prevValue = _useState6[0],
+      setPreviousValue = _useState6[1];
+
+  function hasHighlightError(e) {
+    var changedValue = "".concat(value !== null && value !== void 0 ? value : '');
+    var previousValue = "".concat(prevValue !== null && prevValue !== void 0 ? prevValue : '');
+    var short = previousValue.length <= changedValue.length ? previousValue : changedValue;
+    var long = previousValue.length > changedValue.length ? previousValue : changedValue;
+    var infoAboutDifferencesSameness = short.split('').reduce(function (acc, symbol, idx) {
+      if (acc.countOn && symbol === long[idx]) acc.same.push(symbol);else {
+        acc.countOn = false;
+        acc.differences.push([idx, symbol]);
+      }
+      return acc;
+    }, {
+      same: [],
+      countOn: true,
+      differences: []
+    });
+    var samePart = infoAboutDifferencesSameness.same.join('');
+    var differencesLength = infoAboutDifferencesSameness.differences.length;
+    var currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, '');
+    if (!_index.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
+  }
+
+  (0, _react.useEffect)(function () {
+    if (isUseErrorsBlink && isAttemptToChange) {
+      setIsAttemptToChange(null);
+      setIsToHighlightError(true);
+      setTimeout(function () {
+        setIsToHighlightError(false);
+      }, blinkTime || DEFAULT_BLINK_TIME);
+    }
+  }, [isAttemptToChange]);
+  return {
+    isToHighlightError: isToHighlightError,
+    setPreviousValue: setPreviousValue,
+    setIsToHighlightError: setIsToHighlightError,
+    hasHighlightError: hasHighlightError
+  };
+};
+
+exports.useInputHighlightError = useInputHighlightError;
+var _default = useInputHighlightError;
+exports.default = _default;

package/dist/Functions/usePasswordChecker.js

@@ -135,7 +135,7 @@ function usePasswordChecker() {
         })
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "password-checker__body-item__icon"
-      }, " ", icon, " "), " ", /*#__PURE__*/_react.default.createElement("div", {
+      }, " ", icon, " "), ' ', /*#__PURE__*/_react.default.createElement("div", {
         className: "password-checker__body-item__text"
       }, " ", text, " "), ' ');
     }), ' '), ' ');

package/dist/Functions/utils.js

@@ -7,7 +7,12 @@ var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.checkedRef = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
+exports.downloadEmulation = downloadEmulation;
+exports.downloadFile = exports.checkedRef = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -205,4 +210,83 @@ var checkedRef = function checkedRef(ref) {
   } : ref : null;
 };
 
-exports.checkedRef = checkedRef;
+exports.checkedRef = checkedRef;
+
+function downloadEmulation(data, filename) {
+  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'image/*';
+  var file = new Blob([data], {
+    type: type
+  });
+  if (window.navigator.msSaveOrOpenBlob) // IE10+
+    window.navigator.msSaveOrOpenBlob(file, filename);else {
+    // Others
+    var a = document.createElement('a'),
+        url = URL.createObjectURL(file);
+    a.href = url;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    setTimeout(function () {
+      document.body.removeChild(a);
+      window.URL.revokeObjectURL(url);
+    }, 0);
+  }
+}
+
+var downloadFile = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref) {
+    var url, name, type, response;
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            url = _ref.url, name = _ref.name, type = _ref.type;
+            _context2.next = 3;
+            return fetch(url).then( /*#__PURE__*/function () {
+              var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(res) {
+                return _regenerator.default.wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        _context.next = 2;
+                        return res.blob();
+
+                      case 2:
+                        _context.t0 = _context.sent;
+                        _context.t1 = type !== null && type !== void 0 ? type : res.headers.get('content-type');
+                        return _context.abrupt("return", {
+                          data: _context.t0,
+                          type: _context.t1
+                        });
+
+                      case 5:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee);
+              }));
+
+              return function (_x2) {
+                return _ref3.apply(this, arguments);
+              };
+            }());
+
+          case 3:
+            response = _context2.sent;
+            downloadEmulation(response.data, name, response.type);
+
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function downloadFile(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+exports.downloadFile = downloadFile;

package/package.json

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