@homecode/ui 4.30.11 → 4.30.13

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

@@ -105,7 +105,7 @@ function Autocomplete(props) {
         ? filteredItems
         : itemsWithoutFilter.length
             ? itemsWithoutFilter
-            : items ?? [];
+            : (items ?? []);
     const displayCount = displayItems.length;
     const hasMore = totalCount > 0 && displayCount < totalCount;
     const classes = cn(S.root, className, popupProps.className);
@@ -272,6 +272,9 @@ function Autocomplete(props) {
         if (typeof value !== 'string')
             return;
         setSearchValue(value);
+        if (selectable && value) {
+            setSelectedLabel(value);
+        }
         if (!value) {
             savedScrollTopRef.current = undefined;
             setCurrentFilter('');
@@ -288,7 +291,7 @@ function Autocomplete(props) {
             setScrollTop(0); // Reset scroll when filter changes
             fetchOptions(value, 0);
         }
-    }, [value]);
+    }, [value, selectable]);
     useEffect(() => {
         if (selectable && !value) {
             setSelectedId(null);

package/dist/esm/src/components/Select/Select2.js

@@ -18,7 +18,7 @@ import useEvent from '../../hooks/useEvent.js';
 import S from './Select.styl.js';
 
 function Select2(props) {
-    const { className, value, onChange, onChipClick, onSearchChange, disableTriggerArrow, inputProps, popupProps, scrollProps, size = 'm', round, optionClassName, additionalOptions = [], options, variant, label, additionalLabel, error, blur, disabled, trigger, required, hideRequiredStar, isSearchable, presets = [], selectAllButton, clearButton, showSelectedCount, disableLabel, selectedChipRemoveTooltip, selectedChipIds, } = props;
+    const { className, value, onChange, onChipClick, onSearchChange, disableTriggerArrow, inputProps, popupProps, scrollProps, size = 'm', round, optionClassName, additionalOptions = [], options, variant, label, additionalLabel, error, blur, disabled, trigger, required, hideRequiredStar, isSearchable, presets = [], selectAllButton, clearButton, showSelectedCount, disableLabel, selectedChipRemoveTooltip, selectedChipIds, onOpen, onClose, } = props;
     const isMultiple$1 = isMultiple(value);
     const closeOnSelect = props.closeOnSelect ?? !isMultiple$1;
     const contentRef = useRef(null);
@@ -66,7 +66,6 @@ function Select2(props) {
         }
     };
     const setItemFocus = index => {
-        console.log('setItemFocus::', index);
         focusedItemId.current = items[index]?.id;
         setFocusedItemIndex(index);
     };
@@ -108,12 +107,16 @@ function Select2(props) {
         if (focusedItemIndex === -1) {
             setItemFocus(0);
         }
+        popupProps?.onOpen?.();
+        onOpen?.();
     };
     const onPopupClose = () => {
         setIsOpen(false);
         setSearchVal('');
         setIsSearchActive(false);
         setItemFocus(0);
+        popupProps?.onClose?.();
+        onClose?.();
     };
     const onFocus = () => {
         setIsFocused(true);

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

@@ -24,7 +24,7 @@ export type PresetButtonProps = {
 };
 type SelectPopupProps = Omit<PopupProps, 'disabled' | 'direction' | 'autoClose' | 'onOpen' | 'onClose' | 'trigger' | 'content'> & Partial<{
     direction: PopupProps['direction'];
-}>;
+}> & Partial<Pick<PopupProps, 'onOpen' | 'onClose'>>;
 type Selected = Record<string, true | Id[]>;
 export type Value = Id | Id[] | null;
 type InheritedInputProps = Partial<Pick<InputProps, 'onFocus' | 'onBlur'>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.30.11",
+  "version": "4.30.13",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",