intelicoreact 1.0.2 → 1.0.3

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

@@ -288,8 +288,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === 'boolean') setIsFocused(isFocusDefault);
     setEditing(isFocusDefault);
   }, [inputRef, isFocusDefault]);
-
-  function renderInput() {
+  var renderInput = (0, _react.useMemo)(function () {
     var uniProps = _objectSpread(_objectSpread({
       className: (0, _classnames.default)('input', className, {
         'input--with-icon': icon
@@ -324,8 +323,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
         if (uniProps.onFocus) uniProps.onFocus.apply(uniProps, arguments);
       }
     }));
-  }
-
+  }, [formatedValue]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("input__wrap", (0, _defineProperty2.default)({}, "input__wrap_focus", isFocused), (0, _defineProperty2.default)({}, "input__wrap_error", error || isToHighlightError), (0, _defineProperty2.default)({}, "input__wrap_disabled", disabled)),
     onMouseEnter: function onMouseEnter() {
@@ -334,7 +332,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     onMouseLeave: function onMouseLeave() {
       return setOnInputHover(false);
     }
-  }, renderInput(), icon, action, withDelete && onInputHover && /*#__PURE__*/_react.default.createElement("span", {
+  }, renderInput, icon, action, withDelete && onInputHover && /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": "icon-close",
     className: (0, _classnames.default)("input__close", {
       hidden: !(0, _fieldValueFormatters.getSafelyValue)(value)

package/dist/Atomic/FormElements/InputMask2/InputMask2.js

@@ -19,18 +19,14 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactFeather = require("react-feather");
 
-var _indexConstants = require("../../../Constants/index.constants.js");
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
+var _config = require("./config");
 
 var _functions = require("./functions");
 
 require("./InputMask2.scss");
 
-var _config = require("./config");
-
-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; }
@@ -49,8 +45,6 @@ function InputMask2() {
       maskDigitPlaceholder = _ref.maskDigitPlaceholder,
       maskLetterPlaceholder = _ref.maskLetterPlaceholder,
       usePatternPlaceholder = _ref.usePatternPlaceholder,
-      _ref$maskAsPlaceholde = _ref.maskAsPlaceholder,
-      maskAsPlaceholder = _ref$maskAsPlaceholde === void 0 ? true : _ref$maskAsPlaceholde,
       _ref$maxEditableIndex = _ref.maxEditableIndex,
       maxEditableIndex = _ref$maxEditableIndex === void 0 ? -1 : _ref$maxEditableIndex,
       _ref$isFocusedDefault = _ref.isFocusedDefault,
@@ -77,7 +71,6 @@ function InputMask2() {
       customErrors = _ref$errors === void 0 ? _config.DEFAULT_ERRORS : _ref$errors,
       _ref$error = _ref.error,
       customError = _ref$error === void 0 ? '' : _ref$error,
-      ref = _ref.ref,
       _ref$onChange = _ref.onChange,
       onChangeProp = _ref$onChange === void 0 ? function () {} : _ref$onChange,
       _ref$onFocus = _ref.onFocus,
@@ -88,10 +81,6 @@ function InputMask2() {
       onKeyDownProp = _ref$onKeyDown === void 0 ? function () {} : _ref$onKeyDown,
       _ref$onFilled = _ref.onFilled,
       onFilledProp = _ref$onFilled === void 0 ? function () {} : _ref$onFilled,
-      _ref$imitateTypingOnP = _ref.imitateTypingOnPaste,
-      imitateTypingOnPaste = _ref$imitateTypingOnP === void 0 ? false : _ref$imitateTypingOnP,
-      _ref$imitateTypingOnP2 = _ref.imitateTypingOnPasteDelay,
-      imitateTypingOnPasteDelay = _ref$imitateTypingOnP2 === void 0 ? 100 : _ref$imitateTypingOnP2,
       _ref$showHint = _ref.showHint,
       showHint = _ref$showHint === void 0 ? false : _ref$showHint,
       _ref$hintText = _ref.hintText,
@@ -234,7 +223,7 @@ function InputMask2() {
         }))) {
           whileLimit--;
           char = value[++valueCharIndex];
-        } //If Valid
+        } // If Valid
 
 
         if (isValidChar({
@@ -356,32 +345,19 @@ function InputMask2() {
 
     if (usePatternPlaceholder) {
       return maskPatternPlaceholder[i] || maskPlaceholder;
-    } else {
-      if ((0, _functions.isDigitMaskChar)(maskChar) && maskDigitPlaceholder) return maskDigitPlaceholder;
-      if ((0, _functions.isLetterMaskChar)(maskChar) && maskLetterPlaceholder) return maskLetterPlaceholder;
-      return maskPlaceholder;
     }
-  };
 
-  var getInnerValueAsString = function getInnerValueAsString() {
-    var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref7$replaceSpace = _ref7.replaceSpace,
-        replaceSpace = _ref7$replaceSpace === void 0 ? false : _ref7$replaceSpace;
-
-    var result = innerValue.slice().map(function (_ref8, i) {
-      var char = _ref8.char,
-          maskChar = _ref8.maskChar;
-      return char === '' ? getPlaceholderCharByIndex(i) || maskChar : char;
-    }).join('');
-    return replaceSpace ? result === null || result === void 0 ? void 0 : result.replace(/\u00A0/g, ' ') : result;
+    if ((0, _functions.isDigitMaskChar)(maskChar) && maskDigitPlaceholder) return maskDigitPlaceholder;
+    if ((0, _functions.isLetterMaskChar)(maskChar) && maskLetterPlaceholder) return maskLetterPlaceholder;
+    return maskPlaceholder;
   };
 
   var getClearInnerValueAsString = function getClearInnerValueAsString() {
     var _getInputValue, _getInputValue$split;
 
-    var symbolsInfo = innerValue === null || innerValue === void 0 ? void 0 : innerValue.map(function (_ref9) {
-      var isSpecialSymbol = _ref9.isSpecialSymbol,
-          isCharSymbol = _ref9.isCharSymbol;
+    var symbolsInfo = innerValue === null || innerValue === void 0 ? void 0 : innerValue.map(function (_ref7) {
+      var isSpecialSymbol = _ref7.isSpecialSymbol,
+          isCharSymbol = _ref7.isCharSymbol;
       return {
         isSpecialSymbol: isSpecialSymbol,
         isCharSymbol: isCharSymbol
@@ -390,53 +366,33 @@ function InputMask2() {
     var clearValue = (_getInputValue = getInputValue()) === null || _getInputValue === void 0 ? void 0 : (_getInputValue$split = _getInputValue.split('')) === null || _getInputValue$split === void 0 ? void 0 : _getInputValue$split.reduce(function (resultStr, symbol, i) {
       if (!symbolsInfo[i].isSpecialSymbol || symbolsInfo[i].isCharSymbol) resultStr += symbol;
       return resultStr;
-    }, "");
+    }, '');
     return clearValue;
   };
 
   var getInputValue = function getInputValue() {
-    var result = '';
     var isValid = true;
-    var value = innerValue.reduce(function (result, _ref10, i, arr) {
-      var char = _ref10.char,
-          maskChar = _ref10.maskChar,
-          isSpecialSymbol = _ref10.isSpecialSymbol,
-          isCharSymbol = _ref10.isCharSymbol;
+    var value = innerValue.reduce(function (result, _ref8) {
+      var char = _ref8.char;
 
-      // if (maxEditableIndex === maskPattern.length-1) {
       if (char !== '' && isValid) {
         result += char;
       } else {
         isValid = false;
-      } // } else {
-      //   result += char === '' ? getPlaceholderCharByIndex(i) : char;
-      // }
-
+      }
 
       return result;
     }, '');
     return value;
   };
 
-  var inputValue = (0, _react.useMemo)(getInputValue, [innerValue]);
-
-  var getLastFilledIndex = function getLastFilledIndex() {
-    return innerValue.reduce(function (result, _ref11, i, arr) {
-      var char = _ref11.char,
-          maskChar = _ref11.maskChar,
-          isSpecialSymbol = _ref11.isSpecialSymbol,
-          isCharSymbol = _ref11.isCharSymbol;
-      if (char !== '' && char !== maskChar && char !== getPlaceholderCharByIndex(i)) return i;
-      return result;
-    }, 0);
-  }; // GETTERS | END //
-  ///--- Event Handlers ---///
+  var inputValue = (0, _react.useMemo)(getInputValue, [innerValue]); // GETTERS | END //
+  /// --- Event Handlers ---///
   // GENERAL EVENT HANDLERS | START //
 
-
   var onChange = function onChange(e) {
     var value = e.target.value;
-    setErrorMessage(null);
+    clearErrorMessage();
     var char = e.nativeEvent.data;
     var cursor = e.target.selectionStart - 1;
 
@@ -510,15 +466,15 @@ function InputMask2() {
     resetInnerValue();
     inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
     setCursor(0);
-    setErrorMessage(null);
+    clearErrorMessage();
   };
 
-  var _onFocus = function onFocus(e) {
+  var _onFocus = function onFocus() {
     setFocused(true);
     onFocusProp();
   };
 
-  var onBlur = function onBlur(e) {
+  var onBlur = function onBlur() {
     setFocused(false);
     onBlurProp();
   };
@@ -536,7 +492,7 @@ function InputMask2() {
     setCursor(cursor > maxEditableIndex ? maxEditableIndex : cursor);
     onChange && onChange(e);
   }; // GENERAL EVENT HANDLERS | END //
-  ///--- OBSERVERS ---///
+  /// --- OBSERVERS ---///
 
 
   (0, _react.useEffect)(function () {
@@ -546,11 +502,11 @@ function InputMask2() {
       setPrevCursor(cursor);
       setCursor(null);
     }
-  }, [inputRef, cursor, inputValue]); //Render Mask
+  }, [inputRef, cursor, inputValue]); // Render Mask
 
   (0, _react.useEffect)(function () {
-    setInnerValue([]);
     setMaskRendered(false);
+    setValue('');
     if (!maskPattern) maskPattern = '';
     maskPattern.split('').map(function (char, id, i) {
       addInnerValueChar({
@@ -568,11 +524,8 @@ function InputMask2() {
     setMaskRendered(true);
   }, [maskPattern]);
   (0, _react.useEffect)(function () {
-    if (value !== getInputValue()) setIsInitValue(false);
-  }, [value]);
-  (0, _react.useEffect)(function () {
-    if (isMaskRendered && !isInitValue && !(value === getInputValue() && value !== "")) {
-      if (value && value !== '') setValue(value);
+    if (!(!isMaskRendered || isInitValue || value === getInputValue() && value !== '' && isInitValue)) {
+      setValue(value);
       setIsInitValue(true);
     }
   }, [isMaskRendered, value, isInitValue]); // Default Focused
@@ -584,7 +537,7 @@ function InputMask2() {
   }, [isFocusedDefault, isMaskRendered]); // OnChange Observer
 
   (0, _react.useEffect)(function () {
-    if (isMaskRendered && isInitValue) {
+    if (!(!isMaskRendered || !isInitValue)) {
       var _prevValueRef$current, _prevValueRef$current2;
 
       setError(false);
@@ -599,14 +552,16 @@ function InputMask2() {
   }, [innerValue, isMaskRendered, isInitValue]); // Blink Error
 
   (0, _react.useEffect)(function () {
-    if (blinkError) setTimeout(function () {
-      return setBlinkError(false);
-    }, blinkDuration);
+    if (blinkError) {
+      setTimeout(function () {
+        setBlinkError(false);
+      }, blinkDuration);
+    }
   }, [blinkError]);
   (0, _react.useEffect)(function () {
     setError(customError !== '');
     setErrorMessage(customError === '' ? errors.default : customError);
-  }, [customError, isError]); ///--- RENDER ---///
+  }, [customError, isError]); /// --- RENDER ---///
 
   var renderChar = function renderChar(obj, i) {
     var className = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
@@ -665,10 +620,10 @@ function InputMask2() {
   };
 
   var renderInput = function renderInput() {
-    var _ref12;
+    var _ref9;
 
-    return /*#__PURE__*/_react.default.createElement("input", (0, _defineProperty2.default)({
-      name: (_ref12 = name !== null && name !== void 0 ? name : testId) !== null && _ref12 !== void 0 ? _ref12 : '',
+    return /*#__PURE__*/_react.default.createElement("input", {
+      name: (_ref9 = name !== null && name !== void 0 ? name : testId) !== null && _ref9 !== void 0 ? _ref9 : '',
       "data-testid": testId,
       className: "input-mask_input ".concat(className),
       ref: inputRef,
@@ -676,14 +631,14 @@ function InputMask2() {
       onChange: handleChange,
       onKeyDown: onKeyDown,
       onKeyUp: onKeyUp,
-      onFocus: _onFocus,
       onBlur: onBlur,
       onClick: onClick,
-      autoComplete: autocomplete
-    }, "onFocus", function onFocus() {
-      if (isUseAutoSelect) inputRef.current.select();
-      if (_onFocus) _onFocus.apply(void 0, arguments);
-    }));
+      autoComplete: autocomplete,
+      onFocus: function onFocus() {
+        if (isUseAutoSelect) inputRef.current.select();
+        if (_onFocus) _onFocus.apply(void 0, arguments);
+      }
+    });
   };
 
   var render = function render() {
@@ -693,7 +648,7 @@ function InputMask2() {
       className: "\n            input-mask\n            ".concat(isError ? 'input-mask_error' : '', "\n            ").concat(isFocused ? 'input-mask_focus' : '', "\n            ").concat(blinkError ? 'input-mask_blink-error' : '', "\n          ")
     }, showHint && isHintLeft && /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_hint input-mask_hint--left"
-    }, /*#__PURE__*/_react.default.createElement(_Hint.default, {
+    }, /*#__PURE__*/_react.default.createElement(Hint, {
       hint: hintText,
       className: hintClassName,
       side: hintPosition
@@ -707,7 +662,7 @@ function InputMask2() {
       className: "input-mask_icon input-mask_icon--right"
     }, icon), showHint && isHintRight && /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_hint input-mask_hint--right"
-    }, /*#__PURE__*/_react.default.createElement(_Hint.default, {
+    }, /*#__PURE__*/_react.default.createElement(Hint, {
       hint: hintText,
       className: hintClassName,
       side: hintPosition

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js

@@ -330,6 +330,10 @@ function RangeSlider(_ref) {
       from: from,
       to: to
     });
+    if (isTriggerMoved) setFrezeedValues({
+      from: from,
+      to: to
+    });
   }, [from, to]);
   (0, _react.useLayoutEffect)(function () {
     setFrom(value.from);

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

@@ -282,7 +282,7 @@ var TagsDropdown = function TagsDropdown(_ref) {
   }, [getListContainer]);
   (0, _react.useEffect)(function () {
     setListContainerStyles();
-  }, [isOpen]);
+  }, [isOpen, chosenOptions]);
   (0, _react.useEffect)(function () {
     document.addEventListener('click', handleClickOutside, true);
     return function () {

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss

@@ -190,6 +190,8 @@
   }
 
   .tag-list_wrapper {
+    display: flex;
+    flex-wrap: wrap;
     box-sizing: border-box;
     background-color: rgba(0,0,0,0);
     padding: 0;

package/package.json

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