Merge remote-tracking branch 'origin' into feat-picker

Author: tenphi

.changeset/mighty-steaks-hope.md

@@ -1,5 +1,21 @@
 # @cube-dev/ui-kit
 
+## 0.83.2
+
+### Patch Changes
+
+- [#835](https://github.com/cube-js/cube-ui-kit/pull/835) [`97925cab`](https://github.com/cube-js/cube-ui-kit/commit/97925cabf6babdfc546436cb59d24967a826fb74) Thanks [@tenphi](https://github.com/tenphi)! - Fix qa prop in Radio component.
+
+- [#837](https://github.com/cube-js/cube-ui-kit/pull/837) [`f80593b8`](https://github.com/cube-js/cube-ui-kit/commit/f80593b89bba6c638d8cfd795e9ad5b02609e75a) Thanks [@tenphi](https://github.com/tenphi)! - Fix qa prop on TextInputBase.
+
+## 0.83.1
+
+### Patch Changes
+
+- [#832](https://github.com/cube-js/cube-ui-kit/pull/832) [`50cf8a77`](https://github.com/cube-js/cube-ui-kit/commit/50cf8a77c6ce34d8d8be011a3fd9c897e80ef9c5) Thanks [@tenphi](https://github.com/tenphi)! - Fix qa prop binding in ComboBox.
+
+- [#831](https://github.com/cube-js/cube-ui-kit/pull/831) [`9995e8a5`](https://github.com/cube-js/cube-ui-kit/commit/9995e8a5ed4a31166d40e46f7e5e1d6f12d940f8) Thanks [@tenphi](https://github.com/tenphi)! - Fix popover transitions in ComboBox and Select. Fix transitions in Tooltip.
+
 ## 0.83.0
 
 ### Minor Changes

CHANGELOG.md

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.83.0",
+  "version": "0.83.2",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {

package.json

@@ -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,
 });
 
@@ -673,6 +674,7 @@ function useComboBoxKeyboard({
 // Component: ComboBoxInput
 // ============================================================================
 interface ComboBoxInputProps {
+  qa?: string;
   inputRef: RefObject<HTMLInputElement>;
   id?: string;
   value: string;
@@ -691,13 +693,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,
@@ -716,8 +717,6 @@ const ComboBoxInput = forwardRef<HTMLInputElement, ComboBoxInputProps>(
       hasResults,
       comboBoxId,
       listStateRef,
-      isLoading,
-      allowsCustomValue,
     },
     ref,
   ) {
@@ -726,7 +725,7 @@ const ComboBoxInput = forwardRef<HTMLInputElement, ComboBoxInputProps>(
     return (
       <InputElement
         ref={combinedRef}
-        qa="Input"
+        qa={qa}
         id={id}
         type="text"
         value={value}
@@ -1675,7 +1674,6 @@ export const ComboBox = forwardRef(function ComboBox<T extends object>(
   const comboBoxField = (
     <ComboBoxWrapperElement
       ref={wrapperRef}
-      qa={qa || 'ComboBox'}
       mods={mods}
       styles={styles}
       style={{
@@ -1686,6 +1684,7 @@ export const ComboBox = forwardRef(function ComboBox<T extends object>(
     >
       {prefix ? <div data-element="Prefix">{prefix}</div> : null}
       <ComboBoxInput
+        qa={qa || 'ComboBox'}
         inputRef={inputRef}
         id={id}
         value={effectiveInputValue}
@@ -1702,8 +1701,6 @@ export const ComboBox = forwardRef(function ComboBox<T extends object>(
         hasResults={hasResults}
         comboBoxId={comboBoxId}
         listStateRef={listStateRef}
-        isLoading={isLoading}
-        allowsCustomValue={allowsCustomValue}
         onChange={handleInputChange}
         onFocus={handleInputFocus}
       />

src/components/fields/ComboBox/ComboBox.tsx

@@ -128,7 +128,10 @@ export const INPUT_WRAPPER_STYLES: Styles = {
   },
 };
 
-const InputWrapperElement = tasty({ styles: INPUT_WRAPPER_STYLES });
+const InputWrapperElement = tasty({
+  qa: 'InputWrapper',
+  styles: INPUT_WRAPPER_STYLES,
+});
 
 const STYLE_LIST = [...POSITION_STYLES, ...DIMENSION_STYLES];
 
@@ -357,14 +360,14 @@ function _TextInputBase(props: CubeTextInputBaseProps, ref) {
   const textField = (
     <InputWrapperElement
       ref={wrapperRef}
-      qa={qa || 'TextInput'}
       mods={modifiers}
       data-size={size}
       styles={wrapperStyles}
       {...wrapperProps}
     >
       {prefix ? <div data-element="Prefix">{prefix}</div> : null}
       <InputElement
+        qa={qa || 'Input'}
         as={ElementType}
         {...mergeProps(inputProps, focusProps, hoverProps)}
         ref={inputRef}
@@ -397,6 +400,7 @@ function _TextInputBase(props: CubeTextInputBaseProps, ref) {
 
   return wrapWithField(textField, domRef, {
     ...props,
+    form: undefined,
     styles,
   });
 }