@koine/react 1.0.101 → 1.0.103

package/hooks/useMeasure.js

@@ -3,22 +3,6 @@ import { useEffect, useState, useRef, useMemo } from "react";
 import { debounce } from "@koine/utils";
 import { listenResize, listenScroll, on, off } from "@koine/dom";
 var observer;
-// Adds native resize listener to window
-function useOnWindowResize(onWindowResize) {
-    useEffect(function () {
-        var listener = listenResize(onWindowResize);
-        return listener;
-    }, [onWindowResize]);
-}
-function useOnWindowScroll(onScroll, enabled) {
-    useEffect(function () {
-        if (enabled) {
-            var listener = listenScroll(onScroll);
-            return listener;
-        }
-        return function () { return 0; };
-    }, [onScroll, enabled]);
-}
 // Returns a list of scroll offsets
 function findScrollContainers(element) {
     var result = [];
@@ -143,8 +127,24 @@ export function useMeasure(options) {
         addListeners();
     };
     // add general event listeners
-    useOnWindowScroll(forceRefresh, Boolean(scroll));
-    useOnWindowResize(forceRefresh);
+    // useOnWindowScroll(forceRefresh, Boolean(scroll));
+    // useOnWindowResize(() => {
+    //   debugger;
+    //   forceRefresh();
+    // });
+    useEffect(function () {
+        if (scroll) {
+            var listener = listenScroll(forceRefresh, 100);
+            return listener;
+        }
+        return function () { return 0; };
+    }, [scroll, forceRefresh]);
+    useEffect(function () {
+        // const listener = listenResize(onWindowResize);
+        // return listener;
+        var listener = listenResize(forceRefresh, 100);
+        return listener;
+    }, [forceRefresh]);
     // respond to changes that are relevant for the listeners
     useEffect(function () {
         removeListeners();

package/node/hooks/useMeasure.js

@@ -6,22 +6,6 @@ var react_1 = require("react");
 var utils_1 = require("@koine/utils");
 var dom_1 = require("@koine/dom");
 var observer;
-// Adds native resize listener to window
-function useOnWindowResize(onWindowResize) {
-    (0, react_1.useEffect)(function () {
-        var listener = (0, dom_1.listenResize)(onWindowResize);
-        return listener;
-    }, [onWindowResize]);
-}
-function useOnWindowScroll(onScroll, enabled) {
-    (0, react_1.useEffect)(function () {
-        if (enabled) {
-            var listener = (0, dom_1.listenScroll)(onScroll);
-            return listener;
-        }
-        return function () { return 0; };
-    }, [onScroll, enabled]);
-}
 // Returns a list of scroll offsets
 function findScrollContainers(element) {
     var result = [];
@@ -146,8 +130,24 @@ function useMeasure(options) {
         addListeners();
     };
     // add general event listeners
-    useOnWindowScroll(forceRefresh, Boolean(scroll));
-    useOnWindowResize(forceRefresh);
+    // useOnWindowScroll(forceRefresh, Boolean(scroll));
+    // useOnWindowResize(() => {
+    //   debugger;
+    //   forceRefresh();
+    // });
+    (0, react_1.useEffect)(function () {
+        if (scroll) {
+            var listener = (0, dom_1.listenScroll)(forceRefresh, 100);
+            return listener;
+        }
+        return function () { return 0; };
+    }, [scroll, forceRefresh]);
+    (0, react_1.useEffect)(function () {
+        // const listener = listenResize(onWindowResize);
+        // return listener;
+        var listener = (0, dom_1.listenResize)(forceRefresh, 100);
+        return listener;
+    }, [forceRefresh]);
     // respond to changes that are relevant for the listeners
     (0, react_1.useEffect)(function () {
         removeListeners();

package/package.json

@@ -8,7 +8,7 @@
     "framer-motion": "^7.5.3",
     "react": "^18.2.0",
     "@mui/base": "^5.0.0-alpha.101",
-    "@koine/utils": "1.0.101",
+    "@koine/utils": "1.0.103",
     "ts-debounce": "^4.0.0",
     "react-icons": "^4.4.0",
     "date-fns": "^2.29.3",
@@ -17,12 +17,12 @@
     "@tiptap/starter-kit": "^2.0.0-beta.199",
     "@kuus/yup": "^1.0.0-beta.4",
     "react-hook-form": "^7.37.0",
-    "@koine/dom": "1.0.101",
+    "@koine/dom": "1.0.103",
     "react-popper": "^2.3.0",
     "tslib": "^2.4.0"
   },
   "peerDependencies": {},
-  "version": "1.0.101",
+  "version": "1.0.103",
   "module": "./index.js",
   "types": "./index.d.ts"
 }