@cube-dev/ui-kit 0.73.1 → 0.74.0

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.73.1
+ * @cube-dev/ui-kit v0.74.0
  * Released under the MIT license.
  */
 
@@ -12,7 +12,7 @@ import { Section as BaseSection, Item } from 'react-stately';
 import { useWarn } from '../../../_internal/hooks/use-warn';
 import { DirectionIcon, LoadingIcon } from '../../../icons';
 import { useProviderProps } from '../../../provider';
-import { BASE_STYLES, COLOR_STYLES, extractStyles, OUTER_STYLES, tasty, } from '../../../tasty';
+import { BASE_STYLES, COLOR_STYLES, extractStyles, filterBaseProps, OUTER_STYLES, tasty, } from '../../../tasty';
 import { generateRandomId } from '../../../utils/random';
 import { mergeProps } from '../../../utils/react';
 import { useEventBus } from '../../../utils/react/useEventBus';
@@ -146,7 +146,9 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
                         foundKey = element.key;
                     }
                 }
-                if (element.props?.children) {
+                if (element.props &&
+                    typeof element.props === 'object' &&
+                    'children' in element.props) {
                     traverse(element.props.children);
                 }
             });
@@ -231,14 +233,15 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
                             return;
                         const element = child;
                         if (element.type === Item) {
-                            const label = element.props.textValue ||
-                                (typeof element.props.children === 'string'
-                                    ? element.props.children
-                                    : '') ||
-                                String(element.props.children || '');
+                            const props = element.props;
+                            const label = props.textValue ||
+                                (typeof props.children === 'string' ? props.children : '') ||
+                                String(props.children || '');
                             allLabels.push(label);
                         }
-                        if (element.props?.children) {
+                        if (element.props &&
+                            typeof element.props === 'object' &&
+                            'children' in element.props) {
                             extractAllLabels(element.props.children);
                         }
                     });
@@ -300,16 +303,17 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
                     if (element.type === Item) {
                         const childKey = String(element.key);
                         if (selectedSet.has(normalizeKeyValue(childKey))) {
-                            const label = element.props.textValue ||
-                                (typeof element.props.children === 'string'
-                                    ? element.props.children
-                                    : '') ||
-                                String(element.props.children || '');
+                            const props = element.props;
+                            const label = props.textValue ||
+                                (typeof props.children === 'string' ? props.children : '') ||
+                                String(props.children || '');
                             labels.push(label);
                             processedKeys.add(normalizeKeyValue(childKey));
                         }
                     }
-                    if (element.props?.children) {
+                    if (element.props &&
+                        typeof element.props === 'object' &&
+                        'children' in element.props) {
                         extractLabelsWithTracking(element.props.children);
                     }
                 });
@@ -417,9 +421,10 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
                 // Handle sections - sort items within each section
                 if (element.type === BaseSection ||
                     element.type?.displayName === 'Section') {
-                    const sectionChildren = Array.isArray(element.props.children)
-                        ? element.props.children
-                        : [element.props.children];
+                    const props = element.props;
+                    const sectionChildren = Array.isArray(props.children)
+                        ? props.children
+                        : [props.children];
                     const selectedItems = [];
                     const unselectedItems = [];
                     sectionChildren.forEach((sectionChild) => {
@@ -649,7 +654,7 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
                 ...externalMods,
             }, icon: icon, rightIcon: isLoading ? (_jsx(LoadingIcon, {})) : rightIcon !== undefined ? (rightIcon) : (_jsx(DirectionIcon, { to: state.isOpen ? 'top' : 'bottom' })), prefix: prefix, suffix: suffix, hotkeys: hotkeys, tooltip: triggerTooltip, description: triggerDescription, descriptionPlacement: descriptionPlacement, styles: styles, ...keyboardProps, "aria-label": `${props['aria-label'] ?? props.label ?? ''}`, children: renderTriggerContent() }));
     };
-    const filterPickerField = (_jsx(FilterPickerWrapper, { qa: props.qa || 'FilterPicker', styles: styles, ...otherProps, children: _jsxs(DialogTrigger, { type: "popover", placement: "bottom start", styles: triggerStyles, shouldUpdatePosition: shouldUpdatePosition, shouldFlip: shouldFlip, isDismissable: true, shouldCloseOnInteractOutside: (el) => {
+    const filterPickerField = (_jsx(FilterPickerWrapper, { qa: props.qa || 'FilterPicker', styles: styles, ...filterBaseProps(otherProps, { eventProps: true }), children: _jsxs(DialogTrigger, { type: "popover", placement: "bottom start", styles: triggerStyles, shouldUpdatePosition: shouldUpdatePosition, shouldFlip: shouldFlip, isDismissable: true, shouldCloseOnInteractOutside: (el) => {
                 const menuTriggerEl = el.closest('[data-popover-trigger]');
                 // If no menu trigger was clicked, allow closing
                 if (!menuTriggerEl)

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.73.1
+ * @cube-dev/ui-kit v0.74.0
  * 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.73.1
+ * @cube-dev/ui-kit v0.74.0
  * 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.73.1
+ * @cube-dev/ui-kit v0.74.0
  * 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.73.1
+ * @cube-dev/ui-kit v0.74.0
  * 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.73.1
+ * @cube-dev/ui-kit v0.74.0
  * Released under the MIT license.
  */
 

package/es/components/fields/NumberInput/NumberInput.js

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

package/es/components/fields/NumberInput/StepButton.js

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

package/es/components/fields/PasswordInput/PasswordInput.js

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

package/es/components/fields/RadioGroup/Radio.js

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

package/es/components/fields/RadioGroup/RadioGroup.js

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

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

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

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

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

package/es/components/fields/SearchInput/SearchInput.js

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

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

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

package/es/components/fields/Select/Select.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.73.1
+ * @cube-dev/ui-kit v0.74.0
  * Released under the MIT license.
  */
 
 import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { cloneElement, forwardRef, useEffect, useMemo, useRef, } from 'react';
+import { cloneElement, useEffect, useMemo, useRef, } from 'react';
 import { DismissButton, FocusScope, HiddenSelect, useButton, useHover, useListBox, useListBoxSection, useOption, useOverlay, useOverlayPosition, useSelect, } from 'react-aria';
 import { Section as BaseSection, useSelectState } from 'react-stately';
 import styled from 'styled-components';
@@ -14,7 +14,7 @@ import { DirectionIcon, LoadingIcon } from '../../../icons/index';
 import { useProviderProps } from '../../../provider';
 import { BASE_STYLES, COLOR_STYLES, extractStyles, OUTER_STYLES, tasty, } from '../../../tasty/index';
 import { generateRandomId } from '../../../utils/random';
-import { mergeProps, useCombinedRefs } from '../../../utils/react/index';
+import { forwardRefWithGenerics, mergeProps, useCombinedRefs, } from '../../../utils/react/index';
 import { useFocus } from '../../../utils/react/interactions';
 import { useEventBus } from '../../../utils/react/useEventBus';
 import { getOverlayTransitionCSS } from '../../../utils/transitions';
@@ -190,7 +190,7 @@ function Select(props, ref) {
     }, [suffix, validationState, validation]);
     let selectField = (_jsxs(SelectWrapperElement, { qa: qa || 'Select', mods: modifiers, styles: { ...wrapperStyles, ...styles }, "data-size": size, "data-type": type, "data-theme": theme, children: [_jsx(HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }), _jsx(SelectTrigger, { ...mergeProps(buttonProps, hoverProps, focusProps), ref: triggerRef, "data-popover-trigger": true, styles: { ...inputStyles, ...triggerStyles }, theme: theme, size: size, 
                 // Ensure this button never submits a surrounding form in tests or runtime
-                buttonType: "button", 
+                htmlType: "button", 
                 // Preserve visual variant via data attribute instead of conflicting with HTML attribute
                 type: type, mods: modifiers, prefix: prefix, suffix: suffix, icon: icon, rightIcon: rightIcon !== undefined ? (rightIcon) : isLoading ? (_jsx(LoadingIcon, {})) : (_jsx(DirectionIcon, { to: state.isOpen ? 'up' : 'down' })), description: description, descriptionPlacement: descriptionPlacement, hotkeys: hotkeys, tooltip: tooltip, labelProps: valueProps, children: state.selectedItem
                     ? state.selectedItem.rendered
@@ -290,7 +290,7 @@ function SelectSection(props) {
                     .filter((node) => state.collection.getItem(node.key))
                     .map((node) => (_jsx(Option, { item: node, state: state, styles: optionStyles, shouldUseVirtualFocus: shouldUseVirtualFocus, size: size }, node.key))) })] }));
 }
-const _Select = forwardRef(Select);
+const _Select = forwardRefWithGenerics(Select);
 _Select.cubeInputType = 'Select';
 const SelectSectionComponent = Object.assign(BaseSection, {
     displayName: 'Section',

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

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

package/es/components/fields/Slider/Gradation.js

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

package/es/components/fields/Slider/Header.js

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

package/es/components/fields/Slider/RangeSlider.js

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

package/es/components/fields/Slider/Slider.js

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

package/es/components/fields/Slider/SliderBase.js

@@ -1,16 +1,17 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.73.1
+ * @cube-dev/ui-kit v0.74.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useFocusableRef } from '@react-spectrum/utils';
-import { forwardRef, useMemo, useRef } from 'react';
+import { useMemo, useRef, } from 'react';
 import { useNumberFormatter, useSlider } from 'react-aria';
 import { useSliderState } from 'react-stately';
 import { extractStyles, OUTER_STYLES, tasty } from '../../../tasty';
+import { forwardRefWithGenerics } from '../../../utils/react/forwardRefWithGenerics';
 import { Text } from '../../content/Text';
 import { useFieldProps, useFormProps, wrapWithField } from '../../form';
 import { SliderControlsElement, SliderElement } from './elements';
@@ -119,7 +120,7 @@ function SliderBase(allProps, ref) {
         labelProps,
     });
 }
-const _SliderBase = forwardRef(SliderBase);
+const _SliderBase = forwardRefWithGenerics(SliderBase);
 _SliderBase.displayName = 'SliderBase';
 export { _SliderBase as SliderBase };
 export { useSlider };

package/es/components/fields/Slider/SliderInput.js

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

package/es/components/fields/Slider/SliderThumb.js

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

package/es/components/fields/Slider/SliderTrack.js

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

package/es/components/fields/Slider/elements.js

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

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

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

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

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

package/es/components/fields/Switch/Switch.js

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

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

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

package/es/components/fields/TextArea/TextArea.js

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

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

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

package/es/components/fields/TextInput/TextInput.js

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

package/es/components/fields/TextInput/TextInputBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.73.1
+ * @cube-dev/ui-kit v0.74.0
  * Released under the MIT license.
  */
 
@@ -12,7 +12,7 @@ import { useHover } from 'react-aria';
 import { LoadingIcon } from '../../../icons';
 import { useProviderProps } from '../../../provider';
 import { BLOCK_STYLES, DIMENSION_STYLES, extractStyles, POSITION_STYLES, tasty, } from '../../../tasty';
-import { mergeProps } from '../../../utils/react';
+import { mergeProps, useCombinedRefs } from '../../../utils/react';
 import { useFocus } from '../../../utils/react/interactions';
 import { useFieldProps, useFormProps, wrapWithField } from '../../form';
 import { InvalidIcon } from '../../shared/InvalidIcon';
@@ -166,8 +166,7 @@ function _TextInputBase(props, ref) {
     let { isFocused, focusProps } = useFocus({ isDisabled });
     let { hoverProps, isHovered } = useHover({ isDisabled });
     let domRef = useRef(null);
-    let defaultInputRef = useRef(null);
-    inputRef = inputRef || defaultInputRef;
+    inputRef = useCombinedRefs(inputRef);
     // Expose imperative interface for ref
     useImperativeHandle(ref, () => ({
         ...createFocusableRef(domRef, inputRef),

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

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

package/es/components/fields/TextInputMapper/TextInputMapper.js

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

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

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

package/es/components/fields/index.js

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

package/es/components/form/FieldWrapper/FieldWrapper.js

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

package/es/components/form/FieldWrapper/extract-field-wrapper-props.js

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

package/es/components/form/FieldWrapper/index.js

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

package/es/components/form/FieldWrapper/types.js

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

package/es/components/form/Form/Field.js

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

package/es/components/form/Form/Form.js

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

package/es/components/form/Form/ResetButton/ResetButton.js

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

package/es/components/form/Form/ResetButton/index.js

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

package/es/components/form/Form/SubmitButton/SubmitButton.js

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

package/es/components/form/Form/SubmitButton/index.js

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