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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "6.1.0-beta.4",
+  "version": "6.1.0-beta.7",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/util/focusFirstInvalidInputHook.js

@@ -1,20 +1,21 @@
 import { useEffect } from "react";
 
-const useFocusInvalidInput = (showErrors = false) => {
-  console.log("hey show errors", showErrors);
-  // Only move focus when "showErrors" is true
-  // "showErrors" is managed by container page of form
+const useFocusInvalidInput = (hasErrors, resetHasErrors = () => {}) => {
+  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
   useEffect(() => {
-    console.log("inside use effect show errors", showErrors);
-    if (showErrors) {
+    console.log("inside use effect show errors", hasErrors);
+    if (hasErrors) {
       const inputsWithErrors = document.querySelectorAll(
         "input[aria-invalid=true]"
       );
       console.log("inputs with errors is", inputsWithErrors);
       inputsWithErrors?.[0]?.focus();
     }
-  }, [showErrors]);
+    return () => resetHasErrors(false);
+  });
 };
 
 export default useFocusInvalidInput;

package/src/util/general.js

@@ -54,9 +54,10 @@ export const generateClickHandler = (
 ) => 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();
+    resetErrors(false);
   }
   const formHasError = Object.values(form.fields).reduce(
     (acc, curr) => acc || curr.hasErrors,