@thecb/components 6.1.0-beta.2 → 6.1.0-beta.5

package/dist/index.cjs.js

@@ -6100,9 +6100,17 @@ var safeChildren = function safeChildren(children) {
 
   return unsafeValues.includes(children) ? replacement : children;
 };
-var generateClickHandler = function generateClickHandler(form, handleErrors, submitForm) {
+var generateClickHandler = function generateClickHandler(form, handleErrors, submitForm, resetErrors) {
   return function (e) {
     e.preventDefault();
+
+    if (resetErrors) {
+      console.log("reset errors", resetErrors); // if provided, will reset error state tracker
+      // allows hooks that depend on error state to re-run
+
+      resetErrors();
+    }
+
     var formHasError = Object.values(form.fields).reduce(function (acc, curr) {
       return acc || curr.hasErrors;
     }, false);
@@ -43657,13 +43665,19 @@ var index$4 = /*#__PURE__*/Object.freeze({
 
 var useFocusInvalidInput = function useFocusInvalidInput() {
   var showErrors = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  // Only move focus when "showErrors" is true
+  console.log("hey show errors", showErrors); // Only move focus when "showErrors" is true
   // "showErrors" is managed by container page of form
   // typically set to "true" on attempted form submission, if errors exist
+
   React.useEffect(function () {
+    console.log("inside use effect show errors", showErrors);
+
     if (showErrors) {
+      var _inputsWithErrors$;
+
       var inputsWithErrors = document.querySelectorAll("input[aria-invalid=true]");
-      console.log("inputs with errors...", inputsWithErrors);
+      console.log("inputs with errors is", inputsWithErrors);
+      inputsWithErrors === null || inputsWithErrors === void 0 ? void 0 : (_inputsWithErrors$ = inputsWithErrors[0]) === null || _inputsWithErrors$ === void 0 ? void 0 : _inputsWithErrors$.focus();
     }
   }, [showErrors]);
 };