intelicoreact 0.3.75 → 0.3.76

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; }
@@ -41,6 +37,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function InputMask2() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref$key = _ref.key,
+      key = _ref$key === void 0 ? '' : _ref$key,
       _ref$autocomplete = _ref.autocomplete,
       autocomplete = _ref$autocomplete === void 0 ? 'off' : _ref$autocomplete,
       maskPattern = _ref.maskPattern,
@@ -77,7 +75,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 +85,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,
@@ -363,25 +356,12 @@ function InputMask2() {
     }
   };
 
-  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;
-  };
-
   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 +370,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 //
+  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 +470,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();
   };
@@ -540,16 +500,17 @@ function InputMask2() {
 
 
   (0, _react.useEffect)(function () {
-    if (cursor === null) return false;
-    var input = inputRef.current;
-    if (input) input.setSelectionRange(cursor, cursor);
-    setPrevCursor(cursor);
-    setCursor(null);
+    if (cursor !== null) {
+      var input = inputRef.current;
+      if (input) input.setSelectionRange(cursor, cursor);
+      setPrevCursor(cursor);
+      setCursor(null);
+    }
   }, [inputRef, cursor, inputValue]); //Render Mask
 
   (0, _react.useEffect)(function () {
-    setInnerValue([]);
     setMaskRendered(false);
+    setValue('');
     if (!maskPattern) maskPattern = '';
     maskPattern.split('').map(function (char, id, i) {
       addInnerValueChar({
@@ -567,12 +528,10 @@ 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 !== "") return false;
-    if (value && value !== '') setValue(value);
-    setIsInitValue(true);
+    if (!(!isMaskRendered || isInitValue || value === getInputValue() && value !== '' && isInitValue)) {
+      setValue(value);
+      setIsInitValue(true);
+    }
   }, [isMaskRendered, value, isInitValue]); // Default Focused
 
   (0, _react.useEffect)(function () {
@@ -582,24 +541,26 @@ function InputMask2() {
   }, [isFocusedDefault, isMaskRendered]); // OnChange Observer
 
   (0, _react.useEffect)(function () {
-    var _prevValueRef$current, _prevValueRef$current2;
+    if (!(!isMaskRendered || !isInitValue)) {
+      var _prevValueRef$current, _prevValueRef$current2;
 
-    if (!isMaskRendered || !isInitValue) return false;
-    setError(false);
-    var values = [getClearInnerValueAsString(), getInputValue()];
-    if (returnMaskedValue) values.reverse();
+      setError(false);
+      var values = [getClearInnerValueAsString(), getInputValue()];
+      if (returnMaskedValue) values.reverse();
 
-    if ((prevValueRef === null || prevValueRef === void 0 ? void 0 : (_prevValueRef$current = prevValueRef.current) === null || _prevValueRef$current === void 0 ? void 0 : _prevValueRef$current[0]) !== values[0] && (prevValueRef === null || prevValueRef === void 0 ? void 0 : (_prevValueRef$current2 = prevValueRef.current) === null || _prevValueRef$current2 === void 0 ? void 0 : _prevValueRef$current2[1]) !== values[1] && value !== values[0] && value !== values[1]) {
-      prevValueRef.current = values;
-      onChangeProp.apply(void 0, values);
+      if ((prevValueRef === null || prevValueRef === void 0 ? void 0 : (_prevValueRef$current = prevValueRef.current) === null || _prevValueRef$current === void 0 ? void 0 : _prevValueRef$current[0]) !== values[0] && (prevValueRef === null || prevValueRef === void 0 ? void 0 : (_prevValueRef$current2 = prevValueRef.current) === null || _prevValueRef$current2 === void 0 ? void 0 : _prevValueRef$current2[1]) !== values[1] && value !== values[0] && value !== values[1]) {
+        prevValueRef.current = values;
+        onChangeProp.apply(void 0, values);
+      }
     }
   }, [innerValue, isMaskRendered, isInitValue]); // Blink Error
 
   (0, _react.useEffect)(function () {
-    if (!blinkError) return false;
-    setTimeout(function () {
-      setBlinkError(false);
-    }, blinkDuration);
+    if (blinkError) {
+      setTimeout(function () {
+        setBlinkError(false);
+      }, blinkDuration);
+    }
   }, [blinkError]);
   (0, _react.useEffect)(function () {
     setError(customError !== '');
@@ -663,10 +624,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 : '',
+      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,
@@ -691,7 +652,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
@@ -705,7 +666,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/package.json

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