intelicoreact 1.0.30 → 1.0.31

package/dist/Atomic/FormElements/Dropdown/Dropdown.js

@@ -275,7 +275,7 @@ var Dropdown = function Dropdown(_ref) {
   };
 
   var setListContainerStyles = function setListContainerStyles() {
-    var _dropdownRef$current$, _getComputedStyle$mar, _getComputedStyle, _getComputedStyle$mar2, _getComputedStyle$max, _getComputedStyle2, _getComputedStyle2$ma;
+    var _dropdownRef$current$, _getComputedStyle$mar, _getComputedStyle, _getComputedStyle$mar2, _getComputedStyle$max, _getComputedStyle2, _getComputedStyle2$ma, _sw$getBoundingClient;
 
     var lc = getListContainer();
     if (!lc || !isOpen) return false;
@@ -293,12 +293,13 @@ var Dropdown = function Dropdown(_ref) {
     if (initListHeight === null) setInitListHeight(maxHeight);
     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 swHeight = sw === null || sw === void 0 ? void 0 : (_sw$getBoundingClient = sw.getBoundingClientRect()) === null || _sw$getBoundingClient === void 0 ? void 0 : _sw$getBoundingClient.height;
+    var maxSwHeight = toTop >= maxHeight || toBottom >= maxHeight ? maxHeight - 3 * margin : toTop > toBottom ? toTop - 3 * margin : toBottom - 4 * margin;
     var listPos = toTop < toBottom || toBottom >= swHeight ? 'bottom' : 'top';
     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");
-    sw.style.maxHeight = "".concat(swHeight, "px");
+    sw.style.maxHeight = "".concat(maxSwHeight, "px");
   };
 
   var renderListContainer = function renderListContainer() {

package/dist/Atomic/FormElements/FileLoader/FileLoader.js

@@ -0,0 +1,95 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _LoadZone = _interopRequireDefault(require("./partial/LoadZone"));
+
+var _LoadedContent = _interopRequireDefault(require("./partial/LoadedContent"));
+
+require("./FileLoader.scss");
+
+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 RC = 'file-loader';
+
+var FileLoader = function FileLoader(props) {
+  var _cn;
+
+  var fieldKey = props.fieldKey,
+      value = props.value,
+      onChange = props.onChange,
+      doLoad = props.doLoad,
+      className = props.className,
+      placeholder = props.placeholder,
+      uploadIcon = props.uploadIcon,
+      downloadIcon = props.downloadIcon,
+      deleteIcon = props.deleteIcon,
+      spiner = props.spiner,
+      isIconAfter = props.isIconAfter,
+      isBlockNullValues = props.isBlockNullValues,
+      filterFiles = props.filterFiles,
+      processErrors = props.processErrors,
+      _props$isUseLinkTitle = props.isUseLinkTitle,
+      isUseLinkTitle = _props$isUseLinkTitle === void 0 ? false : _props$isUseLinkTitle,
+      disabled = props.disabled,
+      error = props.error,
+      _props$isDisableError = props.isDisableErrorsClass,
+      isDisableErrorsClass = _props$isDisableError === void 0 ? true : _props$isDisableError;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isLoadContent = _useState2[0],
+      setIsLoadContent = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      dragenter = _useState4[0],
+      setDragenter = _useState4[1];
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(RC, className, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_load-content"), isLoadContent), (0, _defineProperty2.default)(_cn, "".concat(RC, "_load-zone"), !value), (0, _defineProperty2.default)(_cn, "".concat(RC, "_hover"), dragenter), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), (0, _defineProperty2.default)(_cn, "".concat(RC, "_error"), !isDisableErrorsClass && !!error), _cn))
+  }, isLoadContent && spiner, value ? /*#__PURE__*/_react.default.createElement(_LoadedContent.default, {
+    RC: RC,
+    value: value,
+    onDelete: function onDelete() {
+      return onChange(null);
+    },
+    icon: downloadIcon,
+    isIconAfter: isIconAfter,
+    deleteIcon: deleteIcon,
+    isUseLinkTitle: isUseLinkTitle
+  }) : /*#__PURE__*/_react.default.createElement(_LoadZone.default, {
+    RC: RC,
+    fieldKey: fieldKey,
+    onChange: onChange,
+    icon: uploadIcon,
+    doLoad: doLoad,
+    dragenter: dragenter,
+    setDragenter: setDragenter,
+    setIsLoadContent: setIsLoadContent,
+    placeholder: placeholder,
+    filterFiles: filterFiles,
+    processErrors: processErrors,
+    isBlockNullValues: isBlockNullValues
+  }));
+};
+
+var _default = FileLoader;
+exports.default = _default;

package/dist/Atomic/FormElements/FileLoader/FileLoader.scss

@@ -0,0 +1,134 @@
+// @import '../../scss/main.scss';
+
+.file-loader {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 28px;
+  padding: 4px 6px 4px 5px;
+  border: 1px solid #E2E5EC;
+  border-radius: 3px;
+  background-color: #FFF;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: space-between;
+  align-items: center;
+
+  &_hover {
+    filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
+    border-color: #6B81DD;
+  }
+
+  &_load-zone {
+    padding: 0;
+  }
+
+  &_load-content {
+    pointer-events: none;
+  }
+
+  &__value-link {
+    box-sizing: border-box;
+    width: fit-content;
+    height: 100%;
+    display: flex;
+    flex-flow: row nowrap;
+    justify-content: space-between;
+    align-items: center;
+    text-decoration: none;
+    outline: none;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 13px;
+    line-height: 20px;
+    color: #166EAD;
+
+    svg {
+      width: 16px;
+      height: 16px;
+      color: #9AA0B9;
+    }
+  }
+
+  &__value-name {
+    margin-left: 4px;
+  }
+  
+  &__value-link_icon-after {
+    .file-loader__value-name {
+      margin-left: 0;
+      margin-right: 4px;
+    }
+  }
+
+  &__delete-value-button {
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+
+    svg {
+      height: 100%;
+      width: auto;
+      color: #F06D8D;
+    }
+  }
+
+  &__icon-block {
+    pointer-events: none;
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    top: calc(50% - 8px);
+    left: 5px;
+    color: #9AA0B9;
+
+    svg {
+      height: 100%;
+      width: auto;
+    }
+  }
+
+  &__input-label {
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    padding: 4px 6px 4px 25px;
+    cursor: pointer;
+
+    font-style: normal;
+    font-weight: 300;
+    font-size: 13px;
+    line-height: 20px;
+    color: #1E1E2D;
+
+    &_no-icon {
+      padding-left: 5px;
+    }
+  }
+
+  &__input {
+    display: none;
+  }
+
+  .loader-box {
+    opacity: 0.2;
+
+    .lds-ring.lds-ring_little {
+      width: 20px;
+      height: 20px;
+  
+      div {
+        border-width: 2px !important;
+      }
+    }
+  }
+
+  &_error {
+    border-color: #F06D8D;
+  }
+  
+  &_disabled {
+    pointer-events: none;
+    opacity: 0.5;
+  }
+}

package/dist/Atomic/FormElements/FileLoader/partial/AnyOuterClass.scss

@@ -0,0 +1,9 @@
+.any-outer-class__file-loader {
+  font-family: 'Roboto';
+
+  .file-loader__icon-block {
+    svg {
+      transform: rotate(180deg);
+    }
+  }
+}

package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js

@@ -0,0 +1,173 @@
+"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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("../FileLoader.scss");
+
+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 DEFAULT_MAX_FILE_SIZE = 1024 * 1024 * 5; //5Мб
+
+var FILTER_FILES_DEFAULT = function FILTER_FILES_DEFAULT(file) {
+  return file.size <= DEFAULT_MAX_FILE_SIZE ? file : null;
+};
+
+var LoadZone = function LoadZone(_ref) {
+  var RC = _ref.RC,
+      fieldKey = _ref.fieldKey,
+      onChange = _ref.onChange,
+      doLoad = _ref.doLoad,
+      setDragenter = _ref.setDragenter,
+      setIsLoadContent = _ref.setIsLoadContent,
+      icon = _ref.icon,
+      _ref$placeholder = _ref.placeholder,
+      placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
+      _ref$filterFiles = _ref.filterFiles,
+      filterFiles = _ref$filterFiles === void 0 ? FILTER_FILES_DEFAULT : _ref$filterFiles,
+      processErrors = _ref.processErrors,
+      isBlockNullValues = _ref.isBlockNullValues;
+  var dropZoneId = "dropZone-".concat(fieldKey);
+  var handle = {
+    change: function () {
+      var _change = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
+        var file, validatedFile;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(true);
+                file = e.type === 'change' ? e.target.files[0] : e.dataTransfer.files[0];
+
+                if (!filterFiles) {
+                  _context.next = 8;
+                  break;
+                }
+
+                _context.next = 5;
+                return filterFiles(file);
+
+              case 5:
+                _context.t0 = _context.sent;
+                _context.next = 9;
+                break;
+
+              case 8:
+                _context.t0 = file;
+
+              case 9:
+                validatedFile = _context.t0;
+
+                if (!(processErrors && !validatedFile)) {
+                  _context.next = 13;
+                  break;
+                }
+
+                _context.next = 13;
+                return processErrors(file);
+
+              case 13:
+                if (!(!isBlockNullValues || validatedFile)) {
+                  _context.next = 19;
+                  break;
+                }
+
+                _context.t1 = onChange;
+                _context.next = 17;
+                return doLoad(validatedFile);
+
+              case 17:
+                _context.t2 = _context.sent;
+                (0, _context.t1)(_context.t2);
+
+              case 19:
+                setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(false);
+
+              case 20:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function change(_x) {
+        return _change.apply(this, arguments);
+      }
+
+      return change;
+    }(),
+    dragover: function dragover(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      return false;
+    },
+    dragenter: function dragenter(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      setDragenter(true);
+      return false;
+    },
+    dragleave: function dragleave(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      setDragenter(false);
+      return false;
+    },
+    drop: function drop(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      setDragenter(false);
+      handle.change(e);
+      return false;
+    }
+  };
+  (0, _react.useEffect)(function () {
+    var dropbox = document.getElementById(dropZoneId);
+    dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener('dragenter', handle.dragenter, false);
+    dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener('dragover', handle.dragover, false);
+    dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener('dragleave', handle.dragleave, false);
+    dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener('drop', handle.drop, false);
+    dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener('dragend', handle.dragleave, false);
+    return function () {
+      dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener('dragenter', handle.dragenter, false);
+      dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener('dragover', handle.dragover, false);
+      dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener('dragleave', handle.dragleave, false);
+      dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener('drop', handle.drop, false);
+      dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener('dragend', handle.dragleave, false);
+    };
+  }, [fieldKey, doLoad]);
+  return doLoad && typeof doLoad === 'function' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("".concat(RC, "__icon-block"))
+  }, icon), /*#__PURE__*/_react.default.createElement("label", {
+    id: dropZoneId,
+    className: (0, _classnames.default)("".concat(RC, "__input-label"), (0, _defineProperty2.default)({}, "".concat(RC, "__input-label_no-icon"), !icon)),
+    htmlFor: fieldKey
+  }, placeholder, /*#__PURE__*/_react.default.createElement("input", {
+    id: fieldKey,
+    className: (0, _classnames.default)("".concat(RC, "__input")),
+    type: "file",
+    onChange: handle.change
+  }))) : 'develop error: no doLoad';
+};
+
+var _default = LoadZone;
+exports.default = _default;

package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js

@@ -0,0 +1,59 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("../FileLoader.scss");
+
+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; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+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 LoadedContent = function LoadedContent(props) {
+  var RC = props.RC,
+      value = props.value,
+      onDelete = props.onDelete,
+      icon = props.icon,
+      isIconAfter = props.isIconAfter,
+      deleteIcon = props.deleteIcon,
+      isUseLinkTitle = props.isUseLinkTitle;
+  var additionalProps = (0, _react.useMemo)(function () {
+    return _objectSpread(_objectSpread({}, isUseLinkTitle ? {
+      title: value.path
+    } : {}), {}, {
+      key: "LoadedContent-isNotUseLinkTitle-".concat(isUseLinkTitle)
+    });
+  }, [isUseLinkTitle]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({}, additionalProps, {
+    href: value.path,
+    target: "_blank",
+    rel: "noreferrer",
+    className: (0, _classnames.default)("".concat(RC, "__value-link"), (0, _defineProperty2.default)({}, "".concat(RC, "__value-link_icon-after"), isIconAfter))
+  }), !isIconAfter && icon, /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)("".concat(RC, "__value-name"))
+  }, value.name), isIconAfter && icon), /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)("".concat(RC, "__delete-value-button")),
+    onClick: onDelete
+  }, deleteIcon || 'X'));
+};
+
+var _default = LoadedContent;
+exports.default = _default;

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

@@ -53,7 +53,6 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       onKeyDown = _ref$onKeyDown === void 0 ? function () {} : _ref$onKeyDown,
       isNotBlinkErrors = _ref.isNotBlinkErrors,
       isPriceInput = _ref.isPriceInput,
-      isHexFormat = _ref.isHexFormat,
       onlyNumbers = _ref.onlyNumbers,
       isOnlyString = _ref.isOnlyString,
       disabled = _ref.disabled,
@@ -201,7 +200,6 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       }
 
       if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
-      if (isHexFormat) inputValue = (0, _fieldValueFormatters.formatToHex)(inputValue);
       if (symbolsLimit && inputValue.length > +symbolsLimit) inputValue = inputValue.substring(0, +symbolsLimit);
       if (isCropFirstNool && inputValue[0] == 0) return '';
       if (onlyNumbers && isOnlyString || isOnlyString) inputValue = (0, _fieldValueFormatters.formatToLetters)(inputValue, softStringMode);else if (onlyNumbers) inputValue = handle.correctMinMax(inputValue, 'max');

package/dist/Atomic/FormElements/InputColor/InputColor.js

@@ -11,37 +11,60 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireDefault(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _Input = _interopRequireDefault(require("../Input/Input"));
 
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
 require("./InputColor.scss");
 
-var _excluded = ["className", "symbolsLimit", "isHexFormat", "initialHexColorBlock"];
+var _excluded = ["value", "className", "symbolsLimit", "onChange", "withHexFormat", "initialHexOfColorBlock", "testId"];
 
-//todo подумать куда повесить класснейм
 var InputColor = function InputColor(_ref) {
-  var className = _ref.className,
+  var value = _ref.value,
+      className = _ref.className,
       symbolsLimit = _ref.symbolsLimit,
-      _ref$isHexFormat = _ref.isHexFormat,
-      isHexFormat = _ref$isHexFormat === void 0 ? true : _ref$isHexFormat,
-      _ref$initialHexColorB = _ref.initialHexColorBlock,
-      initialHexColorBlock = _ref$initialHexColorB === void 0 ? 'transparent' : _ref$initialHexColorB,
+      onChange = _ref.onChange,
+      _ref$withHexFormat = _ref.withHexFormat,
+      withHexFormat = _ref$withHexFormat === void 0 ? {
+    withSharp: true,
+    isTurnOn: true
+  } : _ref$withHexFormat,
+      _ref$initialHexOfColo = _ref.initialHexOfColorBlock,
+      initialHexOfColorBlock = _ref$initialHexOfColo === void 0 ? 'transparent' : _ref$initialHexOfColo,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'inputColor' : _ref$testId,
       args = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  // HANDLES
+  var handle = {
+    change: function change(e) {
+      var inputValue = e !== null && e !== void 0 && e.target ? e.target.value : e;
+      inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
+      if (withHexFormat !== null && withHexFormat !== void 0 && withHexFormat.isTurnOn) inputValue = (0, _fieldValueFormatters.formatToHex)({
+        inputValue: inputValue,
+        withSharp: withHexFormat === null || withHexFormat === void 0 ? void 0 : withHexFormat.withSharp
+      });
+      if (symbolsLimit && inputValue.length > +symbolsLimit) inputValue = inputValue.substring(0, +symbolsLimit);
+      onChange === null || onChange === void 0 ? void 0 : onChange(inputValue);
+    }
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('inputColor', className)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('inputColor__color-block'),
     style: {
-      backgroundColor: args.value || initialHexColorBlock
+      backgroundColor: value && value.length === 7 ? value : initialHexOfColorBlock
     }
   }), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
+    value: value,
+    onChange: handle.change,
     symbolsLimit: symbolsLimit || 7,
-    isHexFormat: isHexFormat,
-    className: (0, _classnames.default)(className, 'inputColor__input'),
-    type: "text"
+    className: (0, _classnames.default)('input inputColor__input'),
+    type: "text",
+    testId: testId
   })));
 };
 

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,53 @@
+.inputLink {
+  position: relative;
+  &__icon {
+    width: fit-content;
+    height: fit-content;
+    position: absolute;
+    right: 5px;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 1;
+    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 {
+  font-size: 13px;
+  font-weight: 400;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  left: 11px;
+  pointer-events: none;
+  cursor: default;
+  z-index: 1;
+}
+

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,7 @@
 }
 
 .lds-ring.lds-ring_little {
+  top: calc(50% - 15px);
   width: 30px;
   height: 30px;
 }
@@ -48,10 +49,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/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,16 @@
 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
+
+/**
+ * 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;
 
@@ -214,19 +220,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 +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);
@@ -247,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/package.json

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