@thecb/components 10.7.2 → 10.7.3-beta.0

package/dist/index.cjs.js

@@ -24998,6 +24998,15 @@ var Dropdown = function Dropdown(_ref13) {
       }
     }
   };
+  var handleOnBlur = function handleOnBlur(inputVal) {
+    var selectedRefExists = selectedRef !== undefined && selectedRef.current !== null;
+    var inputRequired = options.required || isRequired;
+    var hasSelectedValue = value || selectedRefExists;
+    // Select the empty value to trigger a validation error if it's required.
+    if (inputRequired && !hasSelectedValue && inputVal === "") {
+      onSelect("");
+    }
+  };
   React.useEffect(function () {
     var selectedRefExists = selectedRef !== undefined && selectedRef.current !== null;
     if (isOpen && selectedRefExists && !focusedByClick) {
@@ -25096,6 +25105,9 @@ var Dropdown = function Dropdown(_ref13) {
         setInputChangedByAutofill(true);
       }
     },
+    onBlur: function onBlur(e) {
+      return handleOnBlur(e.target.value);
+    },
     padding: "12px 25px 12px 12px",
     placeholder: getSelection(),
     required: options.required || isRequired,
@@ -27037,6 +27049,12 @@ var FormInput = function FormInput(_ref15) {
     }
     return fieldActions.set(value);
   };
+  var handleOnBlur = function handleOnBlur(value) {
+    // Sets the empty value to trigger a validation error if it's required.
+    if (isRequired && value === "") {
+      setValue("");
+    }
+  };
   return /*#__PURE__*/React__default.createElement(Stack, {
     childGap: "0.25rem"
   }, /*#__PURE__*/React__default.createElement(Box, {
@@ -27090,6 +27108,9 @@ var FormInput = function FormInput(_ref15) {
     onChange: function onChange(value) {
       return setValue(value);
     },
+    onBlur: function onBlur(e) {
+      return handleOnBlur(e.target.value);
+    },
     type: type,
     value: field.rawValue,
     pattern: isNum ? "[0-9]*" : "",
@@ -27110,6 +27131,9 @@ var FormInput = function FormInput(_ref15) {
     onChange: function onChange(e) {
       return setValue(e.target.value);
     },
+    onBlur: function onBlur(e) {
+      return handleOnBlur(e.target.value);
+    },
     type: type === "password" && showPassword ? "text" : type,
     value: field.rawValue,
     pattern: isNum ? "[0-9]*" : "",
@@ -48313,9 +48337,9 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
   var showTerms = !!termsContent;
   var nameErrors = _defineProperty({}, required.error, "Name is required");
   var routingNumberErrors = _defineProperty(_defineProperty(_defineProperty({}, required.error, "Routing number is required"), hasLength.error, "Routing number must be 9 digits"), isRoutingNumber.error, "Invalid routing number");
-  var confirmRoutingNumberErrors = _defineProperty({}, matchesField.error, "Confirm routing number field must match routing number");
+  var confirmRoutingNumberErrors = _defineProperty(_defineProperty({}, required.error, "Confirm routing number is required"), matchesField.error, "Confirm routing number field must match routing number");
   var accountNumberErrors = _defineProperty(_defineProperty({}, required.error, "Account number is required"), hasLength.error, "Account number must be between 5 and 17 digits");
-  var confirmAccountNumberErrors = _defineProperty({}, matchesField.error, "Confirm account number field must match account number");
+  var confirmAccountNumberErrors = _defineProperty(_defineProperty({}, required.error, "Confirm account number is required"), matchesField.error, "Confirm account number field must match account number");
   var accountTypeErrors = _defineProperty({}, required.error, "Account type is required");
   return /*#__PURE__*/React__default.createElement(FormContainer$1, {
     variant: variant,
@@ -48457,7 +48481,7 @@ var formConfig$6 = {
     constraints: [onlyIntegers(), hasLength(0, 9)]
   },
   confirmRoutingNumber: {
-    validators: [matchesField("routingNumber")],
+    validators: [required(), matchesField("routingNumber")],
     constraints: [onlyIntegers(), hasLength(0, 9)]
   },
   accountNumber: {
@@ -48465,7 +48489,7 @@ var formConfig$6 = {
     constraints: [onlyIntegers(), hasLength(0, 17)]
   },
   confirmAccountNumber: {
-    validators: [matchesField("accountNumber")],
+    validators: [required(), matchesField("accountNumber")],
     constraints: [onlyIntegers(), hasLength(0, 17)]
   },
   accountType: {