@homecode/ui 4.21.0 → 4.21.1

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

@@ -89,10 +89,10 @@ function Autocomplete(props) {
         fetchOptions(val);
         return true;
     };
-    const handleSelect = (value) => {
-        setSearchValue(value);
+    const handleSelect = (option) => {
+        setSearchValue(option.label);
         setOptions([]);
-        onSelect(value);
+        onSelect(option);
         // set input caret to the end
         requestAnimationFrame(() => {
             const input = inputRef.current;
@@ -105,9 +105,7 @@ function Autocomplete(props) {
     const { focusedIndex, setFocusedIndex } = useListKeyboardControl({
         isActive: isOpen,
         itemsCount: options.length,
-        onSelect: index => {
-            handleSelect(options[index].label);
-        },
+        onSelect: index => handleSelect(options[index]),
     });
     const fetchOptions = debounce(async (inputValue) => {
         if (!inputValue) {
@@ -140,7 +138,7 @@ function Autocomplete(props) {
     const optionsList = useMemo(() => {
         if (!options.length)
             return null;
-        return (jsx(Menu, { className: S.options, size: size, offset: { y: { before: 20, after: 20 } }, children: options.map((option, index) => (jsx(Menu.Item, { focused: focusedIndex === index, className: S.option, onClick: () => handleSelect(option.label), onMouseEnter: () => setFocusedIndex(index), children: option.label }, option.id))) }));
+        return (jsx(Menu, { className: S.options, size: size, offset: { y: { before: 20, after: 20 } }, children: options.map((option, index) => (jsx(Menu.Item, { focused: focusedIndex === index, className: S.option, onClick: () => handleSelect(option), onMouseEnter: () => setFocusedIndex(index), children: option.label }, option.id))) }));
     }, [options, focusedIndex]);
     return (jsx(Popup, { className: classes, isOpen: isOpen, focusControl: true, size: size, direction: "bottom", ...popupProps, trigger: jsxs("div", { className: inputWrapperClassName, children: [jsx(Input, { ref: inputRef, 
                     // @ts-ignore

package/dist/esm/types/src/components/Autocomplete/Autocomplete.types.d.ts

@@ -12,7 +12,7 @@ export type Props = FormControl<Value, HTMLInputElement> & {
     size?: Size;
     value: Value;
     getOptions: (value: Value) => Promise<Option[]>;
-    onSelect: (value: Value) => void;
+    onSelect: (option: Option) => void;
     debounceDelay?: number;
     inputProps?: Partial<InputProps>;
     popupProps?: Partial<PopupProps>;

package/package.json

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