@cube-dev/ui-kit 0.80.0 → 0.80.2

package/es/components/content/HotKeys/HotKeys.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/content/HotKeys/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/content/ItemBase/ItemBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 
@@ -12,7 +12,7 @@ import { DANGER_CLEAR_STYLES, DANGER_ITEM_STYLES, DANGER_LINK_STYLES, DANGER_NEU
 import { CheckIcon } from '../../../icons/CheckIcon';
 import { LoadingIcon } from '../../../icons/LoadingIcon';
 import { CONTAINER_STYLES, tasty, } from '../../../tasty';
-import { mergeProps, useCombinedRefs } from '../../../utils/react';
+import { mergeProps } from '../../../utils/react';
 import { TooltipProvider, } from '../../overlays/Tooltip/TooltipProvider';
 import { HotKeys } from '../HotKeys';
 const DEFAULT_ICON_STYLES = {
@@ -240,19 +240,19 @@ export function useAutoTooltip({ tooltip, children, labelProps, }) {
         return false;
     }, [tooltip, children]);
     // Track label overflow for auto tooltip (only when enabled)
-    const mergedLabelRef = useCombinedRefs(labelProps?.ref);
+    const externalLabelRef = labelProps?.ref;
     const [isLabelOverflowed, setIsLabelOverflowed] = useState(false);
-    const observedElementRef = useRef(null);
+    const elementRef = useRef(null);
     const resizeObserverRef = useRef(null);
     const checkLabelOverflow = useCallback(() => {
-        const label = mergedLabelRef.current;
+        const label = elementRef.current;
         if (!label) {
             setIsLabelOverflowed(false);
             return;
         }
         const hasOverflow = label.scrollWidth > label.clientWidth;
         setIsLabelOverflowed(hasOverflow);
-    }, [mergedLabelRef]);
+    }, []);
     useEffect(() => {
         if (isAutoTooltipEnabled) {
             checkLabelOverflow();
@@ -260,8 +260,15 @@ export function useAutoTooltip({ tooltip, children, labelProps, }) {
     }, [isAutoTooltipEnabled, checkLabelOverflow]);
     // Attach ResizeObserver via callback ref to handle DOM node changes
     const handleLabelElementRef = useCallback((element) => {
-        // Sync to combined ref so external refs receive the node
-        mergedLabelRef.current = element;
+        // Call external callback ref to notify external refs
+        if (externalLabelRef) {
+            if (typeof externalLabelRef === 'function') {
+                externalLabelRef(element);
+            }
+            else {
+                externalLabelRef.current = element;
+            }
+        }
         // Disconnect previous observer
         if (resizeObserverRef.current) {
             try {
@@ -272,7 +279,7 @@ export function useAutoTooltip({ tooltip, children, labelProps, }) {
             }
             resizeObserverRef.current = null;
         }
-        observedElementRef.current = element;
+        elementRef.current = element;
         if (element && isAutoTooltipEnabled) {
             // Create a fresh observer to capture the latest callback
             const obs = new ResizeObserver(() => {
@@ -286,7 +293,7 @@ export function useAutoTooltip({ tooltip, children, labelProps, }) {
         else {
             setIsLabelOverflowed(false);
         }
-    }, [mergedLabelRef, isAutoTooltipEnabled, checkLabelOverflow]);
+    }, [externalLabelRef, isAutoTooltipEnabled, checkLabelOverflow]);
     // Cleanup on unmount
     useEffect(() => {
         return () => {
@@ -299,7 +306,7 @@ export function useAutoTooltip({ tooltip, children, labelProps, }) {
                 }
                 resizeObserverRef.current = null;
             }
-            observedElementRef.current = null;
+            elementRef.current = null;
         };
     }, []);
     const finalLabelProps = useMemo(() => {

package/es/components/content/ItemBase/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/content/List/SectionHeading.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/content/List/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/content/Paragraph.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/content/Placeholder/Placeholder.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/content/PrismCode/PrismCode.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/content/PrismCode/prismSetup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/content/PrismDiffCode/PrismDiffCode.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/content/Result/Result.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/content/Skeleton/Skeleton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/content/Tag/Tag.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/content/Text.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/content/Title.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/Checkbox/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/Checkbox/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/Checkbox/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/ComboBox/ComboBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/ComboBox/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DateInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DateInputBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DatePicker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DatePickerButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DatePickerElement.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DatePickerInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DatePickerSegment.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DateRangePicker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DateRangeSeparatedPicker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/TimeInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/intl.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/parseDate.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/props.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/utils.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/FileInput/FileInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/FilterListBox/FilterListBox.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { forwardRef, useLayoutEffect, useMemo, useRef, useState, } from 'react';
+import React, { forwardRef, useCallback, useLayoutEffect, useMemo, useRef, useState, } from 'react';
 import { useFilter, useKeyboard } from 'react-aria';
 import { Section as BaseSection, Item } from 'react-stately';
 import { LoadingIcon } from '../../../icons';
@@ -113,7 +113,7 @@ export const FilterListBox = forwardRef(function FilterListBox(props, ref) {
             return fieldProps;
         },
     });
-    let { qa, label, extra, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, searchPlaceholder = 'Search...', autoFocus, filter, mods: externalMods, emptyLabel, searchInputStyles, listStyles, optionStyles, sectionStyles, headingStyles, searchInputRef, listRef, message, description, styles, focusOnHover, shouldFocusWrap, labelSuffix, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, onSelectionChange: externalOnSelectionChange, allowsCustomValue = false, showSelectAll, selectAllLabel, header, footer, size = 'medium', headerStyles, footerStyles, listBoxStyles, items, children: renderChildren, onEscape, isCheckable, onOptionClick, selectionMode = 'single', allValueProps, customValueProps, newCustomValueProps, ...otherProps } = props;
+    let { qa, label, extra, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, searchPlaceholder = 'Search...', autoFocus, filter, mods: externalMods, emptyLabel, searchInputStyles, listStyles, optionStyles, sectionStyles, headingStyles, searchInputRef, listRef, message, description, styles, focusOnHover, shouldFocusWrap, labelSuffix, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, onSelectionChange: externalOnSelectionChange, allowsCustomValue = false, showSelectAll, selectAllLabel, header, footer, size = 'medium', headerStyles, footerStyles, listBoxStyles, items, children: renderChildren, onEscape, isCheckable, onOptionClick, selectionMode = 'single', allValueProps, customValueProps, newCustomValueProps, searchValue: controlledSearchValue, onSearchChange, ...otherProps } = props;
     // Preserve the original `children` (may be a render function) before we
     // potentially overwrite it.
     let children = renderChildren;
@@ -227,11 +227,23 @@ export const FilterListBox = forwardRef(function FilterListBox(props, ref) {
     // Determine an aria-label for the internal ListBox to avoid React Aria warnings.
     const innerAriaLabel = props['aria-label'] ||
         (typeof label === 'string' ? label : undefined);
-    const [searchValue, setSearchValue] = useState('');
+    // Controlled/uncontrolled search value pattern
+    const [internalSearchValue, setInternalSearchValue] = useState('');
+    const isSearchControlled = controlledSearchValue !== undefined;
+    const searchValue = isSearchControlled
+        ? controlledSearchValue
+        : internalSearchValue;
+    const handleSearchChange = useCallback((value) => {
+        if (!isSearchControlled) {
+            setInternalSearchValue(value);
+        }
+        onSearchChange?.(value);
+    }, [isSearchControlled, onSearchChange]);
     const { contains } = useFilter({ sensitivity: 'base' });
-    // Choose the text filter function: user-provided `filter` prop (if any)
+    // Choose the text filter function: user-provided `filter` prop (if any),
     // or the default `contains` helper from `useFilter`.
-    const textFilterFn = useMemo(() => filter || contains, [filter, contains]);
+    // When filter={false}, disable filtering completely.
+    const textFilterFn = useMemo(() => (filter === false ? () => true : filter || contains), [filter, contains]);
     // Filter children based on search value
     const filteredChildren = useMemo(() => {
         const term = searchValue.trim();
@@ -542,7 +554,7 @@ export const FilterListBox = forwardRef(function FilterListBox(props, ref) {
                 if (searchValue) {
                     // Clear the current search if any text is present.
                     e.preventDefault();
-                    setSearchValue('');
+                    handleSearchChange('');
                 }
                 else {
                     // Notify parent that Escape was pressed on an empty input.
@@ -621,7 +633,7 @@ export const FilterListBox = forwardRef(function FilterListBox(props, ref) {
                     ? `ListBoxItem-${listStateRef.current?.selectionManager.focusedKey}`
                     : undefined, onChange: (e) => {
                     const value = e.target.value;
-                    setSearchValue(value);
+                    handleSearchChange(value);
                 }, ...keyboardProps, ...modAttrs(mods) })] }));
     const filterListBoxField = (_jsxs(FilterListBoxWrapperElement, { ref: ref, qa: qa || 'FilterListBox', ...modAttrs(mods), styles: styles, ...focusProps, children: [header ? (_jsx(StyledHeaderWithoutBorder, { "data-size": size, styles: headerStyles, children: header })) : (_jsx("div", { role: "presentation" })), searchInput, showEmptyMessage ? (_jsx(ItemBase, { preset: "t4", color: "#dark-03", size: size, padding: "(.5x - 1bw)", children: emptyLabel !== undefined ? emptyLabel : 'No results found' })) : (_jsx(ListBox, { ref: listBoxRef, "aria-label": innerAriaLabel, selectedKey: selectedKey, defaultSelectedKey: defaultSelectedKey, selectedKeys: selectedKeys, defaultSelectedKeys: defaultSelectedKeys, selectionMode: selectionMode, isDisabled: isDisabled, listRef: listRef, stateRef: listStateRef, listStyles: listStyles, shouldFocusWrap: shouldFocusWrap, optionStyles: optionStyles, sectionStyles: sectionStyles, headingStyles: headingStyles, validationState: validationState, disallowEmptySelection: props.disallowEmptySelection, disabledKeys: props.disabledKeys, focusOnHover: focusOnHover, shouldUseVirtualFocus: true, showSelectAll: showSelectAll, selectAllLabel: selectAllLabel, footer: footer, footerStyles: footerStyles, mods: mods, size: size, styles: listBoxStyles, isCheckable: isCheckable, items: items, allValueProps: allValueProps, onSelectionChange: handleSelectionChange, onEscape: onEscape, onOptionClick: handleOptionClick, children: finalChildren }))] }));
     return wrapWithField(filterListBoxField, ref, mergeProps({ ...props, styles: undefined }, {}));

package/es/components/fields/FilterListBox/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/FilterPicker/FilterPicker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 
@@ -63,7 +63,7 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
             return fieldProps;
         },
     });
-    let { qa, label, extra, icon, rightIcon, prefix, suffix, hotkeys, triggerTooltip, triggerDescription, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, message, mods: externalMods, description, descriptionPlacement, placeholder, size = 'medium', styles, listBoxStyles, popoverStyles, type = 'outline', theme = 'default', labelSuffix, shouldFocusWrap, children, shouldFlip = true, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, disabledKeys, onSelectionChange, selectionMode = 'single', listStateRef, focusOnHover, showSelectAll, selectAllLabel = 'All', items, header, footer, headerStyles, footerStyles, triggerStyles, allowsCustomValue, renderSummary, isCheckable, allValueProps, customValueProps, newCustomValueProps, searchPlaceholder, autoFocus, filter, emptyLabel, searchInputStyles, searchInputRef, listStyles, optionStyles, sectionStyles, headingStyles, listRef, disallowEmptySelection, shouldUseVirtualFocus, onEscape, onOptionClick, isClearable, ...otherProps } = props;
+    let { qa, label, extra, icon, rightIcon, prefix, suffix, hotkeys, triggerTooltip, triggerDescription, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, message, mods: externalMods, description, descriptionPlacement, placeholder, size = 'medium', styles, listBoxStyles, popoverStyles, type = 'outline', theme = 'default', labelSuffix, shouldFocusWrap, children, shouldFlip = true, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, disabledKeys, onSelectionChange, selectionMode = 'single', listStateRef, focusOnHover, showSelectAll, selectAllLabel = 'All', items, header, footer, headerStyles, footerStyles, triggerStyles, allowsCustomValue, renderSummary, isCheckable, allValueProps, customValueProps, newCustomValueProps, searchPlaceholder, autoFocus, filter, emptyLabel, searchInputStyles, searchInputRef, listStyles, optionStyles, sectionStyles, headingStyles, listRef, disallowEmptySelection, shouldUseVirtualFocus, onEscape, onOptionClick, isClearable, searchValue, onSearchChange, ...otherProps } = props;
     styles = extractStyles(otherProps, PROP_STYLES, styles);
     // Generate a unique ID for this FilterPicker instance
     const filterPickerId = useMemo(() => generateRandomId(), []);
@@ -700,9 +700,9 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
                         gridRows: '1sf',
                         width: '30x max-content 50vw',
                         ...popoverStyles,
-                    }, children: _jsx(FocusScope, { restoreFocus: true, children: _jsx(FilterListBox, { autoFocus: true, items: items ? finalItems : undefined, "aria-label": `${props['aria-label'] ?? props.label ?? ''} Picker`, selectedKey: selectionMode === 'single' ? mappedSelectedKey : undefined, selectedKeys: selectionMode === 'multiple' ? mappedSelectedKeys : undefined, searchPlaceholder: searchPlaceholder, filter: filter, listStyles: listStyles, optionStyles: optionStyles, sectionStyles: sectionStyles, headingStyles: headingStyles, listRef: listRef, disallowEmptySelection: disallowEmptySelection, emptyLabel: emptyLabel, searchInputStyles: searchInputStyles, searchInputRef: searchInputRef, disabledKeys: disabledKeys, focusOnHover: focusOnHover, shouldFocusWrap: shouldFocusWrap, allowsCustomValue: allowsCustomValue, selectionMode: selectionMode, validationState: validationState, isDisabled: isDisabled, isLoading: isLoading, stateRef: listStateRef, isCheckable: isCheckable, mods: {
+                    }, children: _jsx(FocusScope, { restoreFocus: true, children: _jsx(FilterListBox, { autoFocus: true, items: items ? finalItems : undefined, "aria-label": `${props['aria-label'] ?? props.label ?? ''} Picker`, selectedKey: selectionMode === 'single' ? mappedSelectedKey : undefined, selectedKeys: selectionMode === 'multiple' ? mappedSelectedKeys : undefined, searchPlaceholder: searchPlaceholder, filter: filter, searchValue: searchValue, listStyles: listStyles, optionStyles: optionStyles, sectionStyles: sectionStyles, headingStyles: headingStyles, listRef: listRef, disallowEmptySelection: disallowEmptySelection, emptyLabel: emptyLabel, searchInputStyles: searchInputStyles, searchInputRef: searchInputRef, disabledKeys: disabledKeys, focusOnHover: focusOnHover, shouldFocusWrap: shouldFocusWrap, allowsCustomValue: allowsCustomValue, selectionMode: selectionMode, validationState: validationState, isDisabled: isDisabled, isLoading: isLoading, stateRef: listStateRef, isCheckable: isCheckable, mods: {
                                 popover: true,
-                            }, size: size === 'small' ? 'medium' : size, showSelectAll: showSelectAll, selectAllLabel: selectAllLabel, header: header, footer: footer, headerStyles: headerStyles, footerStyles: footerStyles, qa: `${props.qa || 'FilterPicker'}ListBox`, allValueProps: allValueProps, customValueProps: customValueProps, newCustomValueProps: newCustomValueProps, onEscape: () => close(), onOptionClick: (key) => {
+                            }, size: size === 'small' ? 'medium' : size, showSelectAll: showSelectAll, selectAllLabel: selectAllLabel, header: header, footer: footer, headerStyles: headerStyles, footerStyles: footerStyles, qa: `${props.qa || 'FilterPicker'}ListBox`, allValueProps: allValueProps, customValueProps: customValueProps, newCustomValueProps: newCustomValueProps, onSearchChange: onSearchChange, onEscape: () => close(), onOptionClick: (key) => {
                                 // For FilterPicker, clicking the content area should close the popover
                                 // in multiple selection mode (single mode already closes via onSelectionChange)
                                 if ((selectionMode === 'multiple' && isCheckable) ||

package/es/components/fields/FilterPicker/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/Input/Input.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/Input/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/ListBox/ListBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/components/fields/ListBox/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */