@thecb/components 8.4.11-beta.20 → 8.4.11-beta.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "8.4.11-beta.20",
+  "version": "8.4.11-beta.21",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/atoms/form-select/FormSelect.js

@@ -65,6 +65,7 @@ const FormSelect = ({
         </Cluster>
       </Box>
       <Dropdown
+        data-qa={labelTextWhenNoError}
         ariaLabelledby={createIdFromString(labelTextWhenNoError)}
         aria-describedby={createIdFromString(
           labelTextWhenNoError,
@@ -107,6 +108,7 @@ const FormSelect = ({
           `}
           id={createIdFromString(labelTextWhenNoError, "error message")}
           aria-live="polite"
+          data-qa={labelTextWhenNoError}
         >
           {(field.hasErrors && field.dirty) || (field.hasErrors && showErrors)
             ? errorMessages[field.errors[0]]

package/src/components/molecules/payment-form-ach/PaymentFormACH.js

@@ -69,7 +69,7 @@ const PaymentFormACH = ({
       <FormInputColumn>
         <FormInput
           labelTextWhenNoError="Name on checking account"
-          dataQa="Name on checking account"
+          data-qa={"Name on checking account"}
           errorMessages={nameErrors}
           field={fields.name}
           fieldActions={actions.fields.name}
@@ -79,7 +79,7 @@ const PaymentFormACH = ({
         />
         <FormInput
           labelTextWhenNoError="Routing number"
-          dataQa="Routing number"
+          data-qa={"Routing number"}
           errorMessages={routingNumberErrors}
           field={fields.routingNumber}
           fieldActions={actions.fields.routingNumber}
@@ -99,7 +99,7 @@ const PaymentFormACH = ({
         />
         <FormInput
           labelTextWhenNoError="Confirm routing number"
-          dataQa="Confirm routing number"
+          data-qa={"Confirm routing number"}
           errorMessages={confirmRoutingNumberErrors}
           field={fields.confirmRoutingNumber}
           fieldActions={actions.fields.confirmRoutingNumber}
@@ -109,7 +109,7 @@ const PaymentFormACH = ({
         />
         <FormInput
           labelTextWhenNoError="Account number"
-          dataQa="Account number"
+          data-qa={"Account number"}
           errorMessages={accountNumberErrors}
           field={fields.accountNumber}
           fieldActions={actions.fields.accountNumber}
@@ -130,7 +130,7 @@ const PaymentFormACH = ({
         />
         <FormInput
           labelTextWhenNoError="Confirm account number"
-          dataQa="Confirm account number"
+          data-qa={"Confirm account number"}
           errorMessages={confirmAccountNumberErrors}
           field={fields.confirmAccountNumber}
           fieldActions={actions.fields.confirmAccountNumber}
@@ -141,7 +141,7 @@ const PaymentFormACH = ({
         {allowBankAccountType && (
           <FormSelect
             labelTextWhenNoError="Account type"
-            dataQa="Account type"
+            data-qa={"Account type"}
             options={[
               { text: "Select account type", value: "" },
               { text: "Checking", value: "CHECKING" },
@@ -156,7 +156,7 @@ const PaymentFormACH = ({
         {!hideDefaultPayment && (
           <Checkbox
             title="Save as Default Payment Method"
-            dataQa="default-payment-ach"
+            data-qa={"default-payment-ach"}
             name="default-payment-ach"
             onChange={toggleCheckbox}
             checked={defaultMethod.value}
@@ -168,7 +168,7 @@ const PaymentFormACH = ({
             {showWalletCheckbox && (
               <Checkbox
                 name="bank checkbox"
-                dataQa="Save checking account to wallet"
+                data-qa={"Save checking account to wallet"}
                 title="Save checking account to wallet."
                 checked={walletCheckboxMarked}
                 onChange={saveToWallet}

package/src/components/molecules/payment-form-card/PaymentFormCard.js

@@ -113,7 +113,7 @@ const PaymentFormCard = ({
         )}
         <FormInput
           labelTextWhenNoError="Name on card"
-          dataQa="Name on card"
+          data-qa={"Name on card"}
           errorMessages={nameOnCardErrors}
           field={fields.nameOnCard}
           fieldActions={actions.fields.nameOnCard}
@@ -123,7 +123,7 @@ const PaymentFormCard = ({
         />
         <FormInput
           labelTextWhenNoError="Credit card number"
-          dataQa="Credit card number"
+          data-qa={"Credit card number"}
           errorMessages={creditCardNumberErrors}
           field={fields.creditCardNumber}
           fieldActions={actions.fields.creditCardNumber}
@@ -139,7 +139,7 @@ const PaymentFormCard = ({
         >
           <FormInput
             labelTextWhenNoError="Expiration date (MM/YY)"
-            dataQa="Expiration date"
+            data-qa={"Expiration date"}
             errorMessages={expirationDateErrors}
             field={fields.expirationDate}
             fieldActions={actions.fields.expirationDate}
@@ -152,7 +152,7 @@ const PaymentFormCard = ({
           />
           <FormInput
             labelTextWhenNoError="CVV"
-            dataQa="CVV"
+            data-qa={"CVV"}
             errorMessages={cvvErrors}
             field={fields.cvv}
             fieldActions={actions.fields.cvv}
@@ -176,7 +176,7 @@ const PaymentFormCard = ({
               isNum={isUS}
               formatter={isUS ? zipFormat : null}
               labelTextWhenNoError="Zip code"
-              dataQa="Zip code"
+              data-qa={"Zip code"}
               errorMessages={zipCodeErrors}
               field={fields.zipCode}
               fieldActions={actions.fields.zipCode}
@@ -191,7 +191,7 @@ const PaymentFormCard = ({
             {showWalletCheckbox && (
               <Checkbox
                 name="credit card checkbox"
-                dataQa="Save credit card to wallet"
+                data-qa={"Save credit card to wallet"}
                 title="Save credit card to wallet."
                 checked={walletCheckboxMarked}
                 onChange={saveToWallet}