@thecb/components 7.7.8-beta.8 → 7.7.8-beta.9

package/dist/index.cjs.js

@@ -24487,8 +24487,33 @@ var useOutsideClickHook = function useOutsideClickHook(handler) {
 var useCheckElementsInViewport = function useCheckElementsInViewport() {
   var elements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var elementsVisible = true;
-  var viewportWidth = window.innerWidth || document.documentElement.clientWidth;
-  var viewportHeight = window.innerHeight || document.documentElement.clientHeight;
+  var timeoutID = false;
+  var delay = 250;
+
+  var _useState = React.useState(window.innerWidth || document.documentElement.clientWidth),
+      _useState2 = _slicedToArray(_useState, 2),
+      viewportWidth = _useState2[0],
+      setViewportWidth = _useState2[1];
+
+  var _useState3 = React.useState(window.innerHeight || document.documentElement.clientHeight),
+      _useState4 = _slicedToArray(_useState3, 2),
+      viewportHeight = _useState4[0],
+      setViewportHeight = _useState4[1];
+
+  var updateViewportValues = function updateViewportValues() {
+    clearTimeout(timeoutID);
+    timeoutID = setTimeout(function () {
+      setViewportWidth(window.innerWidth || document.documentElement.clientWidth);
+      setViewportHeight(window.innerHeight || document.documentElement.clientHeight);
+    }, delay);
+  };
+
+  React.useEffect(function () {
+    window.addEventListener("resize", updateViewportValues);
+    return function () {
+      clearTimeout(timeoutID);
+    };
+  }, []);
   React.useLayoutEffect(function () {
     elements.forEach(function (element) {
       var domEl = document.querySelector(element);