diff --git a/.changeset/great-eggs-tell.md b/.changeset/great-eggs-tell.md new file mode 100644 index 000000000..166e11c75 --- /dev/null +++ b/.changeset/great-eggs-tell.md @@ -0,0 +1,5 @@ +--- +"@cube-dev/ui-kit": patch +--- + +Fix qa prop binding in ComboBox. diff --git a/src/components/fields/ComboBox/ComboBox.tsx b/src/components/fields/ComboBox/ComboBox.tsx index 59fa5a271..8a79b437f 100644 --- a/src/components/fields/ComboBox/ComboBox.tsx +++ b/src/components/fields/ComboBox/ComboBox.tsx @@ -62,6 +62,7 @@ type FilterFn = (textValue: string, inputValue: string) => boolean; export type PopoverTriggerAction = 'focus' | 'input' | 'manual'; const ComboBoxWrapperElement = tasty({ + qa: 'ComboBoxWrapper', styles: INPUT_WRAPPER_STYLES, }); @@ -695,6 +696,7 @@ function useComboBoxKeyboard({ // Component: ComboBoxInput // ============================================================================ interface ComboBoxInputProps { + qa?: string; inputRef: RefObject; id?: string; value: string; @@ -713,13 +715,12 @@ interface ComboBoxInputProps { hasResults: boolean; comboBoxId: string; listStateRef: RefObject; - isLoading?: boolean; - allowsCustomValue?: boolean; } const ComboBoxInput = forwardRef( function ComboBoxInput( { + qa, inputRef, id, value, @@ -738,8 +739,6 @@ const ComboBoxInput = forwardRef( hasResults, comboBoxId, listStateRef, - isLoading, - allowsCustomValue, }, ref, ) { @@ -748,7 +747,7 @@ const ComboBoxInput = forwardRef( return ( ( const comboBoxField = ( ( > {prefix ?
{prefix}
: null} ( hasResults={hasResults} comboBoxId={comboBoxId} listStateRef={listStateRef} - isLoading={isLoading} - allowsCustomValue={allowsCustomValue} onChange={handleInputChange} onFocus={handleInputFocus} />