@thecb/components 6.1.0-beta.6 → 6.1.1

package/dist/index.cjs.js

@@ -6100,17 +6100,9 @@ var safeChildren = function safeChildren(children) {
 
   return unsafeValues.includes(children) ? replacement : children;
 };
-var generateClickHandler = function generateClickHandler(form, handleErrors, submitForm, resetErrors) {
+var generateClickHandler = function generateClickHandler(form, handleErrors, submitForm) {
   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(false);
-    }
-
     var formHasError = Object.values(form.fields).reduce(function (acc, curr) {
       return acc || curr.hasErrors;
     }, false);
@@ -19177,7 +19169,9 @@ var Checkbox = function Checkbox(_ref4) {
     "aria-label": name,
     checked: checked,
     onChange: onChange,
-    tabIndex: "-1"
+    tabIndex: "-1",
+    "aria-invalid": error,
+    "aria-describedby": "".concat(name, "-error-message")
   }), /*#__PURE__*/React__default.createElement(StyledCheckbox, {
     error: error,
     disabled: disabled,
@@ -43663,23 +43657,24 @@ 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 () {};
+  // 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
-
+  // Reset errors, if provided, resets the error state tracking in order to properly re-run
   React.useEffect(function () {
-    console.log("inside use effect show errors", showErrors);
-
-    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);
+    };
+  });
 };