fix(ComboBox): qa prop

Author: tenphi

.changeset/great-eggs-tell.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Fix qa prop binding in ComboBox.

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<HTMLInputElement>;
   id?: string;
   value: string;
@@ -713,13 +715,12 @@ interface ComboBoxInputProps {
   hasResults: boolean;
   comboBoxId: string;
   listStateRef: RefObject<any>;
-  isLoading?: boolean;
-  allowsCustomValue?: boolean;
 }
 
 const ComboBoxInput = forwardRef<HTMLInputElement, ComboBoxInputProps>(
   function ComboBoxInput(
     {
+      qa,
       inputRef,
       id,
       value,
@@ -738,8 +739,6 @@ const ComboBoxInput = forwardRef<HTMLInputElement, ComboBoxInputProps>(
       hasResults,
       comboBoxId,
       listStateRef,
-      isLoading,
-      allowsCustomValue,
     },
     ref,
   ) {
@@ -748,7 +747,6 @@ const ComboBoxInput = forwardRef<HTMLInputElement, ComboBoxInputProps>(
     return (
       <InputElement
         ref={combinedRef}
-        qa="Input"
         id={id}
         type="text"
         value={value}
@@ -1565,7 +1563,6 @@ export const ComboBox = forwardRef(function ComboBox<T extends object>(
   const comboBoxField = (
     <ComboBoxWrapperElement
       ref={wrapperRef}
-      qa={qa || 'ComboBox'}
       mods={mods}
       styles={styles}
       style={{
@@ -1576,6 +1573,7 @@ export const ComboBox = forwardRef(function ComboBox<T extends object>(
     >
       {prefix ? <div data-element="Prefix">{prefix}</div> : null}
       <ComboBoxInput
+        qa={qa}
         inputRef={inputRef}
         id={id}
         value={effectiveInputValue}
@@ -1592,8 +1590,6 @@ export const ComboBox = forwardRef(function ComboBox<T extends object>(
         hasResults={hasResults}
         comboBoxId={comboBoxId}
         listStateRef={listStateRef}
-        isLoading={isLoading}
-        allowsCustomValue={allowsCustomValue}
         onChange={handleInputChange}
         onFocus={handleInputFocus}
       />