@homecode/ui 4.19.0 → 4.19.1

package/dist/esm/src/components/Autocomplete/Autocomplete.js

@@ -4,7 +4,6 @@ import '../AssistiveText/AssistiveText.styl.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import debounce from '../../tools/debounce.js';
 import { useIsMounted } from '../../hooks/useIsMounted.js';
-import Time from 'timen';
 import S from './Autocomplete.styl.js';
 import Shimmer from '../Shimmer/Shimmer.js';
 import { useListKeyboardControl } from '../../hooks/useListKeyboardControl.js';
@@ -15,6 +14,7 @@ import '../Calendar/Calendar.styl.js';
 import { Input } from '../Input/Input.js';
 import '../../tools/dom.js';
 import '../Icon/Icon.js';
+import 'timen';
 import '../Label/Label.styl.js';
 import { Popup } from '../Popup/Popup.js';
 import '../RequiredStar/RequiredStar.styl.js';
@@ -126,7 +126,13 @@ function Autocomplete(props) {
     }, [options, focusedIndex]);
     return (jsx(Popup, { className: classes, isOpen: isOpen, focusControl: true, size: size, ...popupProps, trigger: jsxs("div", { className: inputWrapperClassName, children: [jsx(Input, { ref: inputRef, 
                     // @ts-ignore
-                    size: size, ...inputProps, value: searchValue, onChange: handleInputChange, className: inputProps.className, onFocus: () => setIsFocused(true), onBlur: () => Time.after(100, () => setIsFocused(false)) }), isLoading && jsx(Shimmer, { className: S.shimmer, size: size })] }), content: optionsList, contentProps: {
+                    size: size, ...inputProps, value: searchValue, onChange: handleInputChange, className: inputProps.className, onFocus: e => {
+                        setIsFocused(true);
+                        inputProps.onFocus?.(e);
+                    }, onBlur: e => {
+                        setIsFocused(false);
+                        inputProps.onBlur?.(e);
+                    } }), isLoading && jsx(Shimmer, { className: S.shimmer, size: size })] }), content: optionsList, contentProps: {
             className: S.popupContent,
         } }));
 }

package/dist/esm/src/components/Input/Input.js

@@ -13,12 +13,12 @@ import { capitalize } from '../../tools/string.js';
 import { generateUID } from '../../tools/uid.js';
 import S from './Input.styl.js';
 import debounce from '../../tools/debounce.js';
-import 'timen';
 import '../Autocomplete/Autocomplete.styl.js';
 import '../Shimmer/Shimmer.styl.js';
 import '../ButtonGroup/ButtonGroup.styl.js';
 import '../Calendar/Calendar.styl.js';
 import '../../tools/dom.js';
+import 'timen';
 import '../Portal/Portal.js';
 import '../Paranja/Paranja.styl.js';
 import 'compareq';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.19.0",
+  "version": "4.19.1",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",