@thecb/components 6.1.0-beta.6 → 6.1.0-beta.7

package/dist/index.cjs.js

@@ -43663,23 +43663,27 @@ var index$4 = /*#__PURE__*/Object.freeze({
   fontWeights: style_constants
 });
 
-var useFocusInvalidInput = function useFocusInvalidInput() {
-  var showErrors = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  console.log("hey show errors", showErrors); // Only move focus when "showErrors" is true
-  // "showErrors" is managed by container page of form
+var useFocusInvalidInput = function useFocusInvalidInput(hasErrors) {
+  var resetHasErrors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
+  console.log("hey show errors", hasErrors); // Only move focus when "hasErrors" is true
+  // "hasErrors" 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);
+    console.log("inside use effect show errors", hasErrors);
 
-    if (showErrors) {
+    if (hasErrors) {
       var _inputsWithErrors$;
 
       var inputsWithErrors = document.querySelectorAll("input[aria-invalid=true]");
       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]);
+
+    return function () {
+      return resetHasErrors(false);
+    };
+  });
 };