@thecb/components 6.1.0-beta.7 → 6.1.2

package/dist/index.esm.js

@@ -6092,17 +6092,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);
@@ -19169,7 +19161,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.createElement(StyledCheckbox, {
     error: error,
     disabled: disabled,
@@ -43317,12 +43311,14 @@ var PeriscopeDashboardIframe = function PeriscopeDashboardIframe(_ref) {
   };
   useEffect$1(function () {
     time.timer = setTimeout(function () {
-      periscopeDataRequestFailure();
+      if (!periscopeDataSuccess) {
+        periscopeDataRequestFailure();
+      }
     }, 10000);
     return function () {
       return clearTimeout(time.timer);
     };
-  }, []);
+  }, [periscopeDataSuccess]);
 
   var Dashboard = function Dashboard(height) {
     return function (url) {
@@ -43657,18 +43653,15 @@ var index$4 = /*#__PURE__*/Object.freeze({
 
 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
+  // 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
   useEffect$1(function () {
-    console.log("inside use effect show errors", hasErrors);
-
     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();
     }