@evergis/uilib-gl 1.0.39 → 1.0.40

package/dist/organisms/AutoComplete/AutoComplete.d.ts

@@ -13,7 +13,7 @@ export declare class AutoComplete extends Component<IAutoCompleteProps, IAutoCom
         filterOptions: (value: string, options: IOption<string>[]) => IOption<string>[];
     };
     state: IAutoCompleteState;
-    input: HTMLElement | null;
+    input: HTMLInputElement | null;
     loadSuggestionsDebounced: (value: string) => void;
     loadSuggestionsThrottled: (value: string) => void;
     constructor(props: IAutoCompleteProps);

package/dist/uilib-gl.esm.js

@@ -11556,7 +11556,7 @@ var textOverflowEllipsisMixin = "\n  overflow: hidden;\n  text-overflow: ellipsi
 
 var _templateObject$h, _templateObject2$a;
 var IconBefore = /*#__PURE__*/styled.span(_templateObject$h || (_templateObject$h = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 2rem;\n  min-width: 2rem;\n  height: 2rem;\n  width: 2rem;\n"])));
-var IconAfter = /*#__PURE__*/styled.span(_templateObject2$a || (_templateObject2$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  right: ", "rem;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 2rem;\n  min-width: 2rem;\n  height: 2rem;\n  width: 2rem;\n"])), function (_ref) {
+var IconAfter = /*#__PURE__*/styled.span(_templateObject2$a || (_templateObject2$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  right: ", "rem;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 2rem;\n  min-width: 2rem;\n  height: 2rem;\n  width: 2rem;\n\n  button {\n    width: auto;\n  }\n"])), function (_ref) {
   var indent = _ref.indent;
   return indent;
 });
@@ -11566,7 +11566,7 @@ var inputMixin = /*#__PURE__*/css(_templateObject$i || (_templateObject$i = /*#_
   return props.height || "auto";
 }, function (_ref) {
   var paddingRight = _ref.paddingRight;
-  return (paddingRight || 0) + "rem";
+  return (paddingRight || 0) + "px";
 }, function (_ref2) {
   var extraLeftPaddingWidth = _ref2.extraLeftPaddingWidth;
   return extraLeftPaddingWidth ? (extraLeftPaddingWidth != null ? extraLeftPaddingWidth : 0) + 8 + "px" : "0.5rem";
@@ -12408,7 +12408,7 @@ var InputComponent = function InputComponent(_ref) {
 
   var realChildren = getRealChildren(children);
   var childrenCount = realChildren.length;
-  var paddingRight = childrenCount * 2;
+  var paddingRight = childrenCount * 2 + (iconAfter ? 32 : 0);
   return React__default.createElement(InputContainer, {
     disabled: disabled,
     error: props.error,
@@ -18022,13 +18022,13 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       onSuggestionSelected: this.onSuggestionSelected,
       getSuggestionValue: getSuggestionValue,
       renderSuggestion: function renderSuggestion(suggestion, _ref3) {
+        var _this2$input;
+
         var query = _ref3.query;
         return React__default.createElement(Option$1, {
           suggestion: suggestion,
           query: query,
-          isHighlighted: selectedSuggestions.some(function (item) {
-            return item.value === suggestion.value;
-          }),
+          isHighlighted: ((_this2$input = _this2.input) == null ? void 0 : _this2$input.value) === suggestion.value,
           multiSelect: multiSelect,
           optionStyle: optionStyle
         });