@thecb/components 7.7.8-beta.4 → 7.7.8-beta.6

package/dist/index.cjs.js

@@ -24466,14 +24466,11 @@ var useOutsideClickHook = function useOutsideClickHook(handler) {
   Hook that determines whether every element in an array of DOM selectors is fully present
   within the user's current viewport.
 
-  (elements: Array<String>, Function) => undefined;
+  (elements: Array<String>) => Boolean;
 
   Takes an array of strings that correspond to DOM selectors. Examples:
   "#submit-button", ".module-small", "h2.alert-title"
 
-  Also takes a handler function (such as a useState updater) to receive the Boolean
-  that the hook generates
-
   The document query function will return the *first* element in the document that matches
   the string given.
 
@@ -24483,13 +24480,10 @@ var useOutsideClickHook = function useOutsideClickHook(handler) {
   This will return the first element that matches *any* of the provided selectors
 
   If every element in the array is fully within the viewport, function returns true
-
-  Calls the provided handler function with the Boolean result
 */
 
 var useCheckElementsInViewport = function useCheckElementsInViewport() {
   var elements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var handler = arguments.length > 1 ? arguments[1] : undefined;
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -24500,15 +24494,17 @@ var useCheckElementsInViewport = function useCheckElementsInViewport() {
   var viewportHeight = window.innerHeight || document.documentElement.clientHeight;
   React.useEffect(function () {
     elements.forEach(function (element) {
+      console.log("element is", element);
       var domEl = document.querySelector(element);
-      var boundingBox = domEl.getBoundingClientRect();
+      console.log("domEl is", domEl);
+      var boundingBox = domEl === null || domEl === void 0 ? void 0 : domEl.getBoundingClientRect();
 
-      if (boundingBox.top >= 0 && boundingBox.left >= 0 && boundingBox.right <= viewportWidth && boundingBox.bottom <= viewportHeight) {
+      if ((boundingBox === null || boundingBox === void 0 ? void 0 : boundingBox.top) >= 0 && (boundingBox === null || boundingBox === void 0 ? void 0 : boundingBox.left) >= 0 && (boundingBox === null || boundingBox === void 0 ? void 0 : boundingBox.right) <= viewportWidth && (boundingBox === null || boundingBox === void 0 ? void 0 : boundingBox.bottom) <= viewportHeight) {
         setElementsVisible(true);
       }
     });
   }, [elements, viewportWidth, viewportHeight]);
-  handler(elementsVisible);
+  return elementsVisible;
 };