intelicoreact 1.0.20 → 1.0.22

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

@@ -271,7 +271,7 @@ var Dropdown = function Dropdown(_ref) {
   };
 
   var setListContainerStyles = function setListContainerStyles() {
-    var _sw$getBoundingClient;
+    var _getComputedStyle$mar, _getComputedStyle, _getComputedStyle$mar2, _sw$getBoundingClient;
 
     var lc = getListContainer();
     if (!lc || !isOpen) return false;
@@ -284,10 +284,11 @@ var Dropdown = function Dropdown(_ref) {
         bottom = _dropdownRef$current$.bottom;
 
     var sw = lc.getElementsByClassName('dropdown__list')[0];
+    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 swHeight = sw === null || sw === void 0 ? void 0 : (_sw$getBoundingClient = sw.getBoundingClientRect()) === null || _sw$getBoundingClient === void 0 ? void 0 : _sw$getBoundingClient.height;
     lc.style.minWidth = "".concat(width, "px");
     lc.style.left = "".concat(left, "px");
-    lc.style.top = "".concat(windowHeight - top - height >= swHeight ? top + height : top - swHeight, "px");
+    lc.style.top = "".concat(windowHeight - top - height >= swHeight ? top + height : top - swHeight - margin * 2, "px");
     lc.style.maxHeight = "".concat(swHeight, "px");
   };
 

package/dist/Atomic/FormElements/Dropdown/Dropdown.scss

@@ -23,14 +23,13 @@
     height: 28px;
     align-items: center;
     cursor: pointer;
-    padding-left: 9px;
-    padding-right: 16px;
     font-weight: 400;
     display: block;
     position: relative;
     text-align: left;
 
     .text {
+      padding: 0 16px 0 8px;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -49,7 +48,6 @@
     width: 100%;
     background: none;
     border: none;
-    padding: 0 15px 0 0;
     height: 16px;
     text-overflow: ellipsis;
     font-weight: 400;
@@ -103,7 +101,7 @@
       width: 100%;
       height: 24px;
       white-space: nowrap;
-      overflow-x: hidden;
+      overflow: hidden;
 
       &--modal {
         color: #1f7499;

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
@@ -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(formatedValue, 'min');
+  if (isUseBitDepthPoints) formatedValue = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(formatedValue, 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.20",
+  "version": "1.0.22",
   "description": "",
   "main": "dist/index.js",
   "files": [