fix(Field): pass qa prop (#498)

cube-js · Oct 9, 2024 · fbc301f · fbc301f
1 parent 136cc92
commit fbc301f
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 0 deletions.
diff --git a/.changeset/proud-emus-speak.md b/.changeset/proud-emus-speak.md
@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Pass `qa` prop for fields.
diff --git a/src/components/forms/FieldWrapper/FieldWrapper.tsx b/src/components/forms/FieldWrapper/FieldWrapper.tsx
@@ -77,6 +77,7 @@ export const FieldWrapper = forwardRef(function FieldWrapper(
 ) {
   const {
     as,
+    qa,
     labelPosition = 'top',
     label,
     extra,
@@ -157,6 +158,7 @@ export const FieldWrapper = forwardRef(function FieldWrapper(
     <>
       <FieldElement
         ref={ref}
+        qa={qa}
         as={as ?? 'div'}
         mods={mods}
         isHidden={isHidden}

diff --git a/src/components/forms/FieldWrapper/types.ts b/src/components/forms/FieldWrapper/types.ts
@@ -10,6 +10,7 @@ import { Props, Styles } from '../../../tasty';
 // ADDING NEW PROPS TO THIS INTERFACE REQUIRES ADDING THEM TO createFieldWrapperPropsKeys FUNCTION
 
 export type CubeFieldWrapperProps = {
+  qa?: string;
   as?: string;
   validationState?: ValidationState;
   styles?: Styles;

diff --git a/src/components/forms/wrapper.tsx b/src/components/forms/wrapper.tsx
@@ -15,6 +15,7 @@ export function wrapWithField<T extends WrapWithFieldProps>(
   props: T,
 ) {
   let {
+    qa,
     label,
     extra,
     labelPosition = 'top',
@@ -38,6 +39,7 @@ export function wrapWithField<T extends WrapWithFieldProps>(
   return (
     <FieldWrapper
       {...{
+        qa,
         labelPosition,
         label,
         extra,