@koine/react 1.0.102 → 1.0.104

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/hooks/useSmoothScroll.d.ts

@@ -1,2 +1,2 @@
-export declare function useSmoothScroll(): (to?: number | string, offset?: number, callback?: () => void) => void;
+export declare function useSmoothScroll(): (to?: number | string, offset?: number, callback?: () => void, fallbackTimeout?: number, behavior?: ScrollBehavior) => void;
 export default useSmoothScroll;

package/hooks/useSmoothScroll.js

@@ -4,7 +4,7 @@ import { scrollTo } from "@koine/dom";
 import { useFixedOffset } from "./useFixedOffset";
 export function useSmoothScroll() {
     var fixedOffset = useFixedOffset();
-    var scroll = useCallback(function (to, offset, callback) {
+    var scroll = useCallback(function (to, offset, callback, fallbackTimeout, behavior) {
         if (offset === void 0) { offset = 0; }
         var top = undefined;
         if (isNumber(to)) {
@@ -18,7 +18,7 @@ export function useSmoothScroll() {
         }
         if (isNumber(top)) {
             top = top + window.scrollY - (fixedOffset.current + offset);
-            scrollTo(top, callback);
+            scrollTo(top, callback, fallbackTimeout, behavior);
         }
     }, [fixedOffset]);
     return scroll;

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/node/hooks/useSmoothScroll.js

@@ -7,7 +7,7 @@ var dom_1 = require("@koine/dom");
 var useFixedOffset_1 = require("./useFixedOffset");
 function useSmoothScroll() {
     var fixedOffset = (0, useFixedOffset_1.useFixedOffset)();
-    var scroll = (0, react_1.useCallback)(function (to, offset, callback) {
+    var scroll = (0, react_1.useCallback)(function (to, offset, callback, fallbackTimeout, behavior) {
         if (offset === void 0) { offset = 0; }
         var top = undefined;
         if ((0, utils_1.isNumber)(to)) {
@@ -21,7 +21,7 @@ function useSmoothScroll() {
         }
         if ((0, utils_1.isNumber)(top)) {
             top = top + window.scrollY - (fixedOffset.current + offset);
-            (0, dom_1.scrollTo)(top, callback);
+            (0, dom_1.scrollTo)(top, callback, fallbackTimeout, behavior);
         }
     }, [fixedOffset]);
     return scroll;

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.102",
+    "@koine/utils": "1.0.104",
     "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.102",
+    "@koine/dom": "1.0.104",
     "react-popper": "^2.3.0",
     "tslib": "^2.4.0"
   },
   "peerDependencies": {},
-  "version": "1.0.102",
+  "version": "1.0.104",
   "module": "./index.js",
   "types": "./index.d.ts"
 }