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

package/dist/index.cjs.js

@@ -24466,24 +24466,30 @@ 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>) => Boolean;
+  (elements: Array<String>, Function) => undefined;
 
   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.
 
-  A combination string of multiple selectors can also be provided, e.g.:
+  A combination string of multiple selectors can also be provided as an item in the array, e.g.:
   ".alert-info, .alert-warning, .alert-error"
 
   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),
@@ -24501,8 +24507,8 @@ var useCheckElementsInViewport = function useCheckElementsInViewport() {
         setElementsVisible(true);
       }
     });
-  }, [elements]);
-  return elementsVisible;
+  }, [elements, viewportWidth, viewportHeight]);
+  handler(elementsVisible);
 };