intelicoreact 1.0.29 → 1.0.31

package/dist/Atomic/UI/Tag/Tag.scss

@@ -1,21 +1,26 @@
 @import "../../../scss/vars";
 
 .tag {
+  position: relative;
+
   display: inline-flex;
-  background-color: $color--gray--light;
-  height: 22px;
   align-items: center;
-  border-radius: 3px;
-  padding: 0 6px;
+
+  height: 22px;
   margin-right: 4px;
-  white-space: nowrap;
-  vertical-align: middle;
-  position: relative;
-  user-select: none;
+  padding: 0 6px;
+
   cursor: pointer;
+  user-select: none;
+  vertical-align: middle;
+  white-space: nowrap;
+
+  border-radius: 3px;
+  background-color: $color--gray--light;
 
   &__label {
     color: $color--dark;
+
     font-size: 11px;
   }
 
@@ -23,44 +28,53 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    cursor: pointer;
-    margin-left: 8px;
+
     width: 16px;
     height: 16px;
-    color: #1e1e2d;
+    margin-left: 8px;
+
+    cursor: pointer;
+
     opacity: 0.3;
+    color: #1E1E2D;
   }
 
   &-warn {
     background-color: $color--error-bg;
 
     .tag__label {
-      color: #b9002c;
+      color: #B9002C;
     }
   }
 
   &__warn-hint {
     position: absolute;
-    background-color: #6b81dd;
-    color: #fff;
-    font-size: 10px;
-    line-height: 16px;
-    border-radius: 4px;
-    max-width: 270px;
-    min-width: 80px;
-    padding: 8px;
     z-index: 2;
     top: 30px;
     left: 2px;
 
-    &:before {
-      content: '';
+    min-width: 80px;
+    max-width: 270px;
+    padding: 8px;
+
+    color: #FFF;
+    border-radius: 4px;
+    background-color: #6B81DD;
+
+    font-size: 10px;
+    line-height: 16px;
+
+    &::before {
       position: absolute;
+      top: -4px;
+
       width: 8.5px;
       height: 8.5px;
-      background-color: #6b81dd;
+
+      content: "";
       transform: rotate(45deg);
-      top: -4px;
+
+      background-color: #6B81DD;
     }
   }
 

package/dist/Atomic/UI/TagList/TagList.js

@@ -19,12 +19,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _io = require("react-icons/io5");
-
-var _reactFeather = require("react-feather");
-
 var _Tag = _interopRequireDefault(require("../Tag/Tag"));
 
 var _utils = require("../../../Functions/utils");
@@ -96,7 +90,7 @@ var TagList = function TagList(_ref) {
     return tagList.map(function (_ref2) {
       var itemRef = _ref2.itemRef;
       return itemRef;
-    }).reduce(function (result, itemRef, i) {
+    }).reduce(function (result, itemRef) {
       if (!(itemRef !== null && itemRef !== void 0 && itemRef.current)) return false;
       return result;
     }, true);

package/dist/Atomic/UI/TagList/TagList.scss

@@ -1,29 +1,32 @@
-.tag-list_wrapper{
+.tag-list_wrapper {
   display: flex;
   flex-wrap: wrap;
+
   width: 100%;
-  max-width: 100%;
   min-width: 100%;
+  max-width: 100%;
 
-  &--only-static-items{
+  &--only-static-items {
     display: flex;
-    .tag-list_wrapper_item{
+
+    .tag-list_wrapper_item {
       margin-bottom: 0;
     }
   }
 
-  &_item{
+  &_item {
     display: inline-block;
 
-    &--hidden{
+    &--hidden {
       display: none;
     }
   }
 
   &_render-more,
-  &_hide-more{
-    background: #FFEDC8;
+  &_hide-more {
     cursor: pointer;
+
+    background: #FFEDC8;
   }
 
   .tag {

package/dist/Atomic/UI/UserBox/UserBox.scss

@@ -5,29 +5,36 @@
 
   &__avatar {
     display: flex;
-    align-items:center;
+    align-items: center;
     justify-content: center;
-    color: #FFFFFF;
+
     width: 24px;
     height: 24px;
+
+    user-select: none;
+
+    color: #FFF;
     border-radius: 30px;
+
     font-size: 16px;
     font-weight: 400;
-    user-select: none;
   }
 
   .button_link {
+    height: unset;
     padding-left: 8px;
+
     font-size: 14px;
     font-weight: 400;
-    height: unset;
   }
 
   .label {
-    color: #171d33;
-    font-size: 14px;
-    font-weight: 400;
     margin-bottom: 0;
     margin-left: 8px;
+
+    color: #171D33;
+
+    font-size: 14px;
+    font-weight: 400;
   }
 }

package/dist/Functions/fieldValueFormatters.js

@@ -3,12 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.filterNumeric = exports.filterFloat = 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;
-
-var _index = require("../Constants/index.constants");
+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
+
+/**
+ * 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;
 
@@ -25,7 +29,7 @@ var intlNumbersFormatter = function intlNumbersFormatter(inputValue) {
   var value = lastSym === '.' ? previousValue : inputValue;
   if (Number.isNaN(+value) || !getSafelyValue(value)) return '';
   var _settings$locale = settings.locale,
-      locale = _settings$locale === void 0 ? "en-US" : _settings$locale,
+      locale = _settings$locale === void 0 ? 'en-US' : _settings$locale,
       withSymbol = settings.withSymbol,
       _settings$useGrouping = settings.useGrouping,
       useGrouping = _settings$useGrouping === void 0 ? true : _settings$useGrouping,
@@ -34,40 +38,40 @@ var intlNumbersFormatter = function intlNumbersFormatter(inputValue) {
       _settings$fractionDig = settings.fractionDigits,
       fractionDigits = _settings$fractionDig === void 0 ? {} : _settings$fractionDig;
   var _currency$currencyTyp = currency.currencyType,
-      currencyType = _currency$currencyTyp === void 0 ? "USD" : _currency$currencyTyp,
+      currencyType = _currency$currencyTyp === void 0 ? 'USD' : _currency$currencyTyp,
       inputCurrencyDisplay = currency.currencyDisplay;
   var currencyDisplay;
 
   switch (inputCurrencyDisplay) {
-    case "name":
-      currencyDisplay = "name";
+    case 'name':
+      currencyDisplay = 'name';
       break;
 
-    case "code":
-      currencyDisplay = "code";
+    case 'code':
+      currencyDisplay = 'code';
       break;
 
-    case "narrowSymbol":
-      currencyDisplay = "narrowSymbol";
+    case 'narrowSymbol':
+      currencyDisplay = 'narrowSymbol';
       break;
 
     default:
-      currencyDisplay = "symbol";
+      currencyDisplay = 'symbol';
   }
 
   var numberStyle;
 
   switch (withSymbol) {
-    case "percent":
-      numberStyle = "percent";
+    case 'percent':
+      numberStyle = 'percent';
       break;
 
-    case "currency":
-      numberStyle = "currency";
+    case 'currency':
+      numberStyle = 'currency';
       break;
 
     default:
-      numberStyle = "decimal";
+      numberStyle = 'decimal';
       break;
   }
 
@@ -215,13 +219,40 @@ exports.formatNumberValueToMask = formatNumberValueToMask;
 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;
-}; // *** filter ***
+};
+/**
+ * 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(_ref2) {
+  var inputValue = _ref2.inputValue,
+      withSharp = _ref2.withSharp;
+  var value = getSafelyValue(inputValue);
+  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);
@@ -231,7 +262,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);
@@ -242,10 +273,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/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

@@ -17,6 +17,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 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; }
@@ -123,9 +125,14 @@ function usePasswordChecker() {
     }, ' ', checkRules.map(function (_ref) {
       var icon = _ref.icon,
           text = _ref.text,
-          isMatch = _ref.isMatch;
+          isMatch = _ref.isMatch,
+          key = _ref.key;
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: "\n                  password-checker__body-item\n                  ".concat(isMatch === true ? 'password-checker__body-item--match' : '', "\n                  ").concat(isMatch === false ? 'password-checker__body-item--dont-match' : '', "\n                ")
+        key: key,
+        className: (0, _classnames.default)('password-checker__body-item', {
+          'password-checker__body-item--match': isMatch,
+          'password-checker__body-item--dont-match': !isMatch
+        })
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "password-checker__body-item__icon"
       }, " ", icon, " "), " ", /*#__PURE__*/_react.default.createElement("div", {

package/dist/Functions/utils.js

@@ -187,7 +187,7 @@ var changeMeta = function changeMeta(key) {
       return i.key === key;
     });
     document.title = (_item$title = item === null || item === void 0 ? void 0 : item.title) !== null && _item$title !== void 0 ? _item$title : defaultMeta === null || defaultMeta === void 0 ? void 0 : defaultMeta.title;
-    document.querySelector('meta[name="description"]').setAttribute("content", (_item$description = item === null || item === void 0 ? void 0 : item.description) !== null && _item$description !== void 0 ? _item$description : defaultMeta === null || defaultMeta === void 0 ? void 0 : defaultMeta.description);
+    document.querySelector('meta[name="description"]').setAttribute('content', (_item$description = item === null || item === void 0 ? void 0 : item.description) !== null && _item$description !== void 0 ? _item$description : defaultMeta === null || defaultMeta === void 0 ? void 0 : defaultMeta.description);
   }
 };
 

package/dist/Molecular/FormElement/FormElement.scss

@@ -3,10 +3,14 @@
 }
 
 .form-element__error {
-  margin-top: 2px;
-  margin-left: 1px;
   position: absolute;
+
   display: block;
+
+  margin-top: 2px;
+  margin-left: 1px;
+
+  color: #F06D8D;
+
   font-size: 10px;
-  color: #f06d8d;
 }