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

package/package.json

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

package/src/util/focusFirstInvalidInputHook.js

@@ -1,14 +1,17 @@
 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
   // typically set to "true" on attempted form submission, if errors exist
   useEffect(() => {
+    console.log("inside use effect show errors", showErrors);
     if (showErrors) {
       const inputsWithErrors = document.querySelectorAll(
         "input[aria-invalid=true]"
       );
+      console.log("inputs with errors is", inputsWithErrors);
       inputsWithErrors?.[0]?.focus();
     }
   }, [showErrors]);

package/src/util/general.js

@@ -46,8 +46,18 @@ export const safeChildren = (children, replacement = []) => {
   return unsafeValues.includes(children) ? replacement : children;
 };
 
-export const generateClickHandler = (form, handleErrors, submitForm) => e => {
+export const generateClickHandler = (
+  form,
+  handleErrors,
+  submitForm,
+  resetErrors
+) => e => {
   e.preventDefault();
+  if (resetErrors) {
+    // if provided, will reset error state tracker
+    // allows hooks that depend on error state to re-run
+    resetErrors();
+  }
   const formHasError = Object.values(form.fields).reduce(
     (acc, curr) => acc || curr.hasErrors,
     false