@thecb/components 6.1.4-beta.1 → 6.1.4-beta.4

package/dist/index.cjs.js

@@ -22550,7 +22550,7 @@ var fallbackValues$i = {
 };
 
 var _excluded$p = ["showErrors", "themeValues"],
-    _excluded2 = ["type", "labelTextWhenNoError", "errorMessages", "isNum", "isEmail", "helperModal", "field", "fieldActions", "showErrors", "formatter", "decorator", "themeValues", "background", "customHeight", "autocomplete", "extraStyles"];
+    _excluded2 = ["type", "labelTextWhenNoError", "errorMessages", "isNum", "isEmail", "helperModal", "field", "fieldActions", "showErrors", "formatter", "decorator", "themeValues", "background", "customHeight", "autocomplete", "extraStyles", "removeFromValue"];
 var InputField = styled__default.input.withConfig({
   displayName: "FormInput__InputField",
   componentId: "sc-l094r1-0"
@@ -22634,6 +22634,7 @@ var FormInput = function FormInput(_ref15) {
       customHeight = _ref15.customHeight,
       autocomplete = _ref15.autocomplete,
       extraStyles = _ref15.extraStyles,
+      removeFromValue = _ref15.removeFromValue,
       props = _objectWithoutProperties(_ref15, _excluded2);
 
   var _useState = React.useState(false),
@@ -22698,7 +22699,7 @@ var FormInput = function FormInput(_ref15) {
     "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
     "aria-invalid": field.dirty && field.hasErrors || field.hasErrors && showErrors,
     onChange: function onChange(e) {
-      return fieldActions.set(e);
+      return console.log("e is", e) || fieldActions.set(e);
     },
     type: type,
     value: field.rawValue,
@@ -35136,10 +35137,24 @@ const runValidator = (validator, value, form) => {
   if (validatorFn === undefined) {
     throw new Error(runValidatorErrorMessage(validator.type));
   }
+  console.log(
+    "run validator (validator, value, form):",
+    validator.type,
+    validator.args,
+    value,
+    form
+  );
   return validatorFn(value, validator.args, form) ? null : validator.error;
 };
 
 const _computeErrors = (fieldName, form, validators) => {
+  console.log("field name is", fieldName);
+  console.log("form is", form);
+  console.log("validators are", validators);
+  const validatorsResult = validators.map(v =>
+    runValidator(v, form[fieldName].rawValue, form)
+  );
+  console.log("validators result is", validatorsResult);
   return validators
     .map(v => runValidator(v, form[fieldName].rawValue, form))
     .filter(x => x !== null);
@@ -42317,7 +42332,7 @@ var formConfig$8 = {
   },
   expirationDate: {
     validators: [required(), hasLength(4, 4), isValidMonth(0), dateAfterToday("MMYY", "month", true)],
-    constraints: [onlyExpirationDate(), hasLength(0, 4)]
+    constraints: [onlyExpirationDate(), hasLength(0, 5)]
   },
   cvv: {
     validators: [required(), hasLength(3, 4)],