intelicoreact 1.0.19 → 1.0.21

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

@@ -117,15 +117,10 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       onInputHover = _useState10[0],
       setOnInputHover = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(''),
+  var _useState11 = (0, _react.useState)(value),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      formatedValue = _useState12[0],
-      setFormatedValue = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(value),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      prevValue = _useState14[0],
-      setPreviousValue = _useState14[1];
+      prevValue = _useState12[0],
+      setPreviousValue = _useState12[1];
 
   var isUseBitDepthPoints = !!onlyNumbers && isPriceInput;
   var isUseErrorsBlink = !isNotBlinkErrors && !mask; // HANDLES
@@ -206,7 +201,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
 
       if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
       if (symbolsLimit && inputValue.length > +symbolsLimit) inputValue = inputValue.substring(0, +symbolsLimit);
-      if (isCropFirstNool && inputValue[0] == 0) return '';
+      if (isCropFirstNool && +inputValue[0] === 0) return '';
       if (onlyNumbers && isOnlyString || isOnlyString) inputValue = (0, _fieldValueFormatters.formatToLetters)(inputValue, softStringMode);else if (onlyNumbers) inputValue = handle.correctMinMax(inputValue, 'max');
       onChange((((_minusSymbol3 = minusSymbol) !== null && _minusSymbol3 !== void 0 ? _minusSymbol3 : '') + inputValue).toString());
     },
@@ -261,12 +256,6 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       onKeyUp(e.keyCode, e);
     }
   };
-  (0, _react.useLayoutEffect)(function () {
-    var inputValue = (0, _fieldValueFormatters.getSafelyValue)(value);
-    if (onlyNumbers !== null && onlyNumbers !== void 0 && onlyNumbers.isNoEmptyValues) inputValue = handle.correctMinMax(inputValue, 'min');
-    if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue, onlyNumbers);
-    setFormatedValue(inputValue);
-  }, [value]);
   (0, _react.useEffect)(function () {
     var _inputRef$current, _inputRef$current$foc;
 
@@ -288,43 +277,28 @@ 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]);
+  var formatedValue = (0, _fieldValueFormatters.getSafelyValue)(value);
+  if (onlyNumbers !== null && onlyNumbers !== void 0 && onlyNumbers.isNoEmptyValues) formatedValue = handle.correctMinMax(inputValue, 'min');
+  if (isUseBitDepthPoints) formatedValue = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue, onlyNumbers);
 
-  var renderInput = function renderInput() {
-    var uniProps = _objectSpread(_objectSpread({
-      className: (0, _classnames.default)('input', className, {
-        'input--with-icon': icon
-      }),
-      placeholder: placeholder,
-      value: formatedValue,
-      inputMode: isNumericMobileKeyboard ? 'numeric' : 'text',
-      disabled: disabled,
-      onChange: handle.change,
-      onFocus: handle.focus,
-      onBlur: handle.blur,
-      onKeyUp: handle.keyUp,
-      onKeyDown: handle.keyDown
-    }, maskChar ? {
-      maskChar: maskChar
-    } : {}), formatChars ? {
-      formatChars: formatChars
-    } : {});
-
-    if (mask) return /*#__PURE__*/_react.default.createElement(_reactInputMask.default, (0, _extends2.default)({}, uniProps, {
-      inputRef: inputRef,
-      mask: mask
-    }));
-    return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-      "data-testid": "input--key-".concat(testId, "--type-").concat(type)
-    }, uniProps, {
-      ref: inputRef,
-      type: isPriceInput ? 'text' : type,
-      autoComplete: autocomplete,
-      onFocus: function onFocus() {
-        if (isUseAutoSelect) inputRef.current.select();
-        if (uniProps.onFocus) uniProps.onFocus.apply(uniProps, arguments);
-      }
-    }));
-  };
+  var uniProps = _objectSpread(_objectSpread({
+    className: (0, _classnames.default)('input', className, {
+      'input--with-icon': icon
+    }),
+    placeholder: placeholder,
+    value: formatedValue,
+    inputMode: isNumericMobileKeyboard ? 'numeric' : 'text',
+    disabled: disabled,
+    onChange: handle.change,
+    onFocus: handle.focus,
+    onBlur: handle.blur,
+    onKeyUp: handle.keyUp,
+    onKeyDown: handle.keyDown
+  }, maskChar ? {
+    maskChar: maskChar
+  } : {}), formatChars ? {
+    formatChars: formatChars
+  } : {});
 
   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)),
@@ -334,7 +308,17 @@ 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", {
+  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
+    "data-testid": "input--key-".concat(testId, "--type-").concat(type)
+  }, uniProps, {
+    ref: inputRef,
+    type: isPriceInput ? 'text' : type,
+    autoComplete: autocomplete,
+    onFocus: function onFocus() {
+      if (isUseAutoSelect) inputRef.current.select();
+      if (uniProps.onFocus) uniProps.onFocus.apply(uniProps, arguments);
+    }
+  })), 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/package.json

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