@koine/react 2.0.0-beta.80 → 2.0.0-beta.82

package/useMeasure.cjs.js

@@ -6,121 +6,7 @@ var react = require('react');
 var utils = require('@koine/utils');
 var dom = require('@koine/dom');
 
-let observer;
-let findScrollContainers = (element) => {
-    const result = [];
-    if (!element || element === document.body)
-        return result;
-    const { overflow, overflowX, overflowY } = window.getComputedStyle(element);
-    if ([overflow, overflowX, overflowY].some((prop) => prop === "auto" || prop === "scroll"))
-        result.push(element);
-    return [...result, ...findScrollContainers(element.parentElement)];
-};
-const keys = [
-    "x",
-    "y",
-    "top",
-    "bottom",
-    "left",
-    "right",
-    "width",
-    "height",
-];
-const areBoundsEqual = (a, b) => keys.every((key) => a[key] === b[key]);
-let useMeasure = (options) => {
-    const { scroll = false } = options || {};
-    const [bounds, setBounds] = react.useState({
-        left: 0,
-        top: 0,
-        width: 0,
-        height: 0,
-        bottom: 0,
-        right: 0,
-        x: 0,
-        y: 0,
-    });
-    const state = react.useRef([
-        null,
-        null,
-        null,
-        bounds,
-    ]);
-    const mounted = react.useRef(false);
-    react.useEffect(() => {
-        mounted.current = true;
-        return () => void (mounted.current = false);
-    }, []);
-    const [forceRefresh, , scrollChange] = react.useMemo(() => {
-        const callback = (..._args) => {
-            const [element, , , lastBounds] = state.current;
-            if (!element)
-                return;
-            const size = element.getBoundingClientRect();
-            Object.freeze(size);
-            if (mounted.current && !areBoundsEqual(lastBounds, size)) {
-                state.current[3] = size;
-                setBounds(size);
-            }
-        };
-        const debouncedCallback = utils.debounce(callback);
-        return [callback, debouncedCallback, debouncedCallback];
-    }, [setBounds]);
-    function removeListeners() {
-        const [, scrollContainers, resizeObserver] = state.current;
-        if (scrollContainers) {
-            scrollContainers.forEach((element) => dom.off(element, "scroll", scrollChange));
-            state.current[1] = null;
-        }
-        if (resizeObserver) {
-            resizeObserver.disconnect();
-            state.current[2] = null;
-        }
-    }
-    function addListeners() {
-        const [element, scrollContainers] = state.current;
-        if (!element)
-            return;
-        if (!observer && ResizeObserver) {
-            observer = new ResizeObserver(scrollChange);
-            state.current[2] = observer;
-            observer.observe(element);
-            if (scroll && scrollContainers) {
-                scrollContainers.forEach((scrollContainer) => dom.on(scrollContainer, "scroll", scrollChange, {
-                    capture: true,
-                    passive: true,
-                }));
-            }
-        }
-    }
-    const ref = (node) => {
-        if (!node || node === state.current[0])
-            return;
-        removeListeners();
-        state.current[0] = node;
-        state.current[1] = findScrollContainers(node);
-        addListeners();
-    };
-    react.useEffect(() => {
-        if (scroll) {
-            const listener = dom.listenScrollDebounced(0, forceRefresh, 100);
-            return listener;
-        }
-        return utils.noop;
-    }, [scroll, forceRefresh]);
-    react.useEffect(() => {
-        const listener = dom.listenResizeDebounced(0, forceRefresh, 100);
-        return listener;
-    }, [forceRefresh]);
-    react.useEffect(() => {
-        removeListeners();
-        addListeners();
-    }, [scroll]);
-    react.useEffect(() => {
-        forceRefresh();
-        return removeListeners;
-    }, []);
-    return [ref, bounds, forceRefresh];
-};
+let e;let m=e=>{let t=[];if(!e||e===document.body)return t;let{overflow:r,overflowX:n,overflowY:u}=window.getComputedStyle(e);return [r,n,u].some(e=>"auto"===e||"scroll"===e)&&t.push(e),[...t,...m(e.parentElement)]},p=["x","y","top","bottom","left","right","width","height"],d=(e,t)=>p.every(r=>e[r]===t[r]);let useMeasure=p=>{let{scroll:h=!1}=p||{},[a,b]=react.useState({left:0,top:0,width:0,height:0,bottom:0,right:0,x:0,y:0}),g=react.useRef([null,null,null,a]),v=react.useRef(!1);react.useEffect(()=>(v.current=!0,()=>void(v.current=!1)),[]);let[w,,y]=react.useMemo(()=>{let e=(...e)=>{let[t,,,r]=g.current;if(!t)return;let n=t.getBoundingClientRect();Object.freeze(n),v.current&&!d(r,n)&&(g.current[3]=n,b(n));},t=utils.debounce(e);return [e,t,t]},[b]);function x(){let[,e,t]=g.current;e&&(e.forEach(e=>dom.off(e,"scroll",y)),g.current[1]=null),t&&(t.disconnect(),g.current[2]=null);}function z(){let[t,r]=g.current;t&&!e&&ResizeObserver&&(e=new ResizeObserver(y),g.current[2]=e,e.observe(t),h&&r&&r.forEach(e=>dom.on(e,"scroll",y,{capture:!0,passive:!0})));}return react.useEffect(()=>h?dom.listenScrollDebounced(0,w,100):utils.noop,[h,w]),react.useEffect(()=>dom.listenResizeDebounced(0,w,100),[w]),react.useEffect(()=>{x(),z();},[h]),react.useEffect(()=>(w(),x),[]),[e=>{e&&e!==g.current[0]&&(x(),g.current[0]=e,g.current[1]=m(e),z());},a,w]};
 
 exports["default"] = useMeasure;
 exports.useMeasure = useMeasure;

package/useMeasure.esm.js

@@ -2,120 +2,6 @@ import { useState, useRef, useEffect, useMemo } from 'react';
 import { debounce, noop } from '@koine/utils';
 import { listenScrollDebounced, listenResizeDebounced, off, on } from '@koine/dom';
 
-let observer;
-let findScrollContainers = (element) => {
-    const result = [];
-    if (!element || element === document.body)
-        return result;
-    const { overflow, overflowX, overflowY } = window.getComputedStyle(element);
-    if ([overflow, overflowX, overflowY].some((prop) => prop === "auto" || prop === "scroll"))
-        result.push(element);
-    return [...result, ...findScrollContainers(element.parentElement)];
-};
-const keys = [
-    "x",
-    "y",
-    "top",
-    "bottom",
-    "left",
-    "right",
-    "width",
-    "height",
-];
-const areBoundsEqual = (a, b) => keys.every((key) => a[key] === b[key]);
-let useMeasure = (options) => {
-    const { scroll = false } = options || {};
-    const [bounds, setBounds] = useState({
-        left: 0,
-        top: 0,
-        width: 0,
-        height: 0,
-        bottom: 0,
-        right: 0,
-        x: 0,
-        y: 0,
-    });
-    const state = useRef([
-        null,
-        null,
-        null,
-        bounds,
-    ]);
-    const mounted = useRef(false);
-    useEffect(() => {
-        mounted.current = true;
-        return () => void (mounted.current = false);
-    }, []);
-    const [forceRefresh, , scrollChange] = useMemo(() => {
-        const callback = (..._args) => {
-            const [element, , , lastBounds] = state.current;
-            if (!element)
-                return;
-            const size = element.getBoundingClientRect();
-            Object.freeze(size);
-            if (mounted.current && !areBoundsEqual(lastBounds, size)) {
-                state.current[3] = size;
-                setBounds(size);
-            }
-        };
-        const debouncedCallback = debounce(callback);
-        return [callback, debouncedCallback, debouncedCallback];
-    }, [setBounds]);
-    function removeListeners() {
-        const [, scrollContainers, resizeObserver] = state.current;
-        if (scrollContainers) {
-            scrollContainers.forEach((element) => off(element, "scroll", scrollChange));
-            state.current[1] = null;
-        }
-        if (resizeObserver) {
-            resizeObserver.disconnect();
-            state.current[2] = null;
-        }
-    }
-    function addListeners() {
-        const [element, scrollContainers] = state.current;
-        if (!element)
-            return;
-        if (!observer && ResizeObserver) {
-            observer = new ResizeObserver(scrollChange);
-            state.current[2] = observer;
-            observer.observe(element);
-            if (scroll && scrollContainers) {
-                scrollContainers.forEach((scrollContainer) => on(scrollContainer, "scroll", scrollChange, {
-                    capture: true,
-                    passive: true,
-                }));
-            }
-        }
-    }
-    const ref = (node) => {
-        if (!node || node === state.current[0])
-            return;
-        removeListeners();
-        state.current[0] = node;
-        state.current[1] = findScrollContainers(node);
-        addListeners();
-    };
-    useEffect(() => {
-        if (scroll) {
-            const listener = listenScrollDebounced(0, forceRefresh, 100);
-            return listener;
-        }
-        return noop;
-    }, [scroll, forceRefresh]);
-    useEffect(() => {
-        const listener = listenResizeDebounced(0, forceRefresh, 100);
-        return listener;
-    }, [forceRefresh]);
-    useEffect(() => {
-        removeListeners();
-        addListeners();
-    }, [scroll]);
-    useEffect(() => {
-        forceRefresh();
-        return removeListeners;
-    }, []);
-    return [ref, bounds, forceRefresh];
-};
+let e;let m=e=>{let t=[];if(!e||e===document.body)return t;let{overflow:r,overflowX:n,overflowY:u}=window.getComputedStyle(e);return [r,n,u].some(e=>"auto"===e||"scroll"===e)&&t.push(e),[...t,...m(e.parentElement)]},p=["x","y","top","bottom","left","right","width","height"],d=(e,t)=>p.every(r=>e[r]===t[r]);let useMeasure=p=>{let{scroll:h=!1}=p||{},[a,b]=useState({left:0,top:0,width:0,height:0,bottom:0,right:0,x:0,y:0}),g=useRef([null,null,null,a]),v=useRef(!1);useEffect(()=>(v.current=!0,()=>void(v.current=!1)),[]);let[w,,y]=useMemo(()=>{let e=(...e)=>{let[t,,,r]=g.current;if(!t)return;let n=t.getBoundingClientRect();Object.freeze(n),v.current&&!d(r,n)&&(g.current[3]=n,b(n));},t=debounce(e);return [e,t,t]},[b]);function x(){let[,e,t]=g.current;e&&(e.forEach(e=>off(e,"scroll",y)),g.current[1]=null),t&&(t.disconnect(),g.current[2]=null);}function z(){let[t,r]=g.current;t&&!e&&ResizeObserver&&(e=new ResizeObserver(y),g.current[2]=e,e.observe(t),h&&r&&r.forEach(e=>on(e,"scroll",y,{capture:!0,passive:!0})));}return useEffect(()=>h?listenScrollDebounced(0,w,100):noop,[h,w]),useEffect(()=>listenResizeDebounced(0,w,100),[w]),useEffect(()=>{x(),z();},[h]),useEffect(()=>(w(),x),[]),[e=>{e&&e!==g.current[0]&&(x(),g.current[0]=e,g.current[1]=m(e),z());},a,w]};
 
 export { useMeasure as default, useMeasure };

package/useMountedState.cjs.js

@@ -4,17 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 
-let useMountedState = () => {
-    const mountedRef = react.useRef(false);
-    const get = react.useCallback(() => mountedRef.current, []);
-    react.useEffect(() => {
-        mountedRef.current = true;
-        return () => {
-            mountedRef.current = false;
-        };
-    }, []);
-    return get;
-};
+let useMountedState=()=>{let u=react.useRef(!1),n=react.useCallback(()=>u.current,[]);return react.useEffect(()=>(u.current=!0,()=>{u.current=!1;}),[]),n};
 
 exports["default"] = useMountedState;
 exports.useMountedState = useMountedState;

package/useMountedState.esm.js

@@ -1,15 +1,5 @@
 import { useRef, useCallback, useEffect } from 'react';
 
-let useMountedState = () => {
-    const mountedRef = useRef(false);
-    const get = useCallback(() => mountedRef.current, []);
-    useEffect(() => {
-        mountedRef.current = true;
-        return () => {
-            mountedRef.current = false;
-        };
-    }, []);
-    return get;
-};
+let useMountedState=()=>{let u=useRef(!1),n=useCallback(()=>u.current,[]);return useEffect(()=>(u.current=!0,()=>{u.current=!1;}),[]),n};
 
 export { useMountedState as default, useMountedState };

package/useNavigateAway.cjs.js

@@ -5,28 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('react');
 var dom = require('@koine/dom');
 
-let useNavigateAway = (handler) => {
-    const beforeUnloadHandlerRef = react.useRef();
-    react.useEffect(() => {
-        beforeUnloadHandlerRef.current = (event) => {
-            const customMessageOrCondition = handler(event);
-            if (customMessageOrCondition) {
-                event.preventDefault();
-            }
-            if (typeof customMessageOrCondition === "string") {
-                return (event.returnValue = customMessageOrCondition);
-            }
-            if (event.defaultPrevented) {
-                return (event.returnValue = "");
-            }
-            return;
-        };
-    }, [handler]);
-    react.useEffect(() => {
-        const listenerBeforeunload = dom.on(window, "beforeunload", (event) => beforeUnloadHandlerRef.current?.(event));
-        return listenerBeforeunload;
-    }, []);
-};
+let useNavigateAway=a=>{let o=react.useRef();react.useEffect(()=>{o.current=e=>{let t=a(e);return (t&&e.preventDefault(),"string"==typeof t)?e.returnValue=t:e.defaultPrevented?e.returnValue="":void 0};},[a]),react.useEffect(()=>dom.on(window,"beforeunload",e=>o.current?.(e)),[]);};
 
 exports["default"] = useNavigateAway;
 exports.useNavigateAway = useNavigateAway;

package/useNavigateAway.esm.js

@@ -1,27 +1,6 @@
 import { useRef, useEffect } from 'react';
 import { on } from '@koine/dom';
 
-let useNavigateAway = (handler) => {
-    const beforeUnloadHandlerRef = useRef();
-    useEffect(() => {
-        beforeUnloadHandlerRef.current = (event) => {
-            const customMessageOrCondition = handler(event);
-            if (customMessageOrCondition) {
-                event.preventDefault();
-            }
-            if (typeof customMessageOrCondition === "string") {
-                return (event.returnValue = customMessageOrCondition);
-            }
-            if (event.defaultPrevented) {
-                return (event.returnValue = "");
-            }
-            return;
-        };
-    }, [handler]);
-    useEffect(() => {
-        const listenerBeforeunload = on(window, "beforeunload", (event) => beforeUnloadHandlerRef.current?.(event));
-        return listenerBeforeunload;
-    }, []);
-};
+let useNavigateAway=a=>{let o=useRef();useEffect(()=>{o.current=e=>{let t=a(e);return (t&&e.preventDefault(),"string"==typeof t)?e.returnValue=t:e.defaultPrevented?e.returnValue="":void 0};},[a]),useEffect(()=>on(window,"beforeunload",e=>o.current?.(e)),[]);};
 
 export { useNavigateAway as default, useNavigateAway };

package/usePrevious.cjs.js

@@ -4,13 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 
-let usePrevious = (state, defaulValue) => {
-    const [tuple, setTuple] = react.useState([state, defaulValue]);
-    if (tuple[1] !== state) {
-        setTuple([tuple[1], state]);
-    }
-    return tuple[0];
-};
+let usePrevious=(r,t)=>{let[o,u]=react.useState([r,t]);return o[1]!==r&&u([o[1],r]),o[0]};
 
 exports["default"] = usePrevious;
 exports.usePrevious = usePrevious;

package/usePrevious.esm.js

@@ -1,11 +1,5 @@
 import { useState } from 'react';
 
-let usePrevious = (state, defaulValue) => {
-    const [tuple, setTuple] = useState([state, defaulValue]);
-    if (tuple[1] !== state) {
-        setTuple([tuple[1], state]);
-    }
-    return tuple[0];
-};
+let usePrevious=(r,t)=>{let[o,u]=useState([r,t]);return o[1]!==r&&u([o[1],r]),o[0]};
 
 export { usePrevious as default, usePrevious };

package/usePreviousRef.cjs.js

@@ -4,13 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 
-let usePreviousRef = (value) => {
-    const ref = react.useRef();
-    react.useEffect(() => {
-        ref.current = value;
-    });
-    return ref.current;
-};
+let usePreviousRef=t=>{let u=react.useRef();return react.useEffect(()=>{u.current=t;}),u.current};
 
 exports["default"] = usePreviousRef;
 exports.usePreviousRef = usePreviousRef;

package/usePreviousRef.esm.js

@@ -1,11 +1,5 @@
 import { useRef, useEffect } from 'react';
 
-let usePreviousRef = (value) => {
-    const ref = useRef();
-    useEffect(() => {
-        ref.current = value;
-    });
-    return ref.current;
-};
+let usePreviousRef=t=>{let u=useRef();return useEffect(()=>{u.current=t;}),u.current};
 
 export { usePreviousRef as default, usePreviousRef };

package/useScrollPosition.cjs.js

@@ -7,59 +7,7 @@ var utils = require('@koine/utils');
 var dom = require('@koine/dom');
 var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.cjs.js');
 
-const zeroPosition = { x: 0, y: 0 };
-const getClientRect = (element) => element?.getBoundingClientRect();
-const getScrollPosition = (element, boundingElement) => {
-    if (!utils.isBrowser) {
-        return zeroPosition;
-    }
-    if (!boundingElement) {
-        return { x: window.scrollX, y: window.scrollY };
-    }
-    const targetPosition = getClientRect(element?.current || document.body);
-    const containerPosition = getClientRect(boundingElement.current);
-    if (!targetPosition) {
-        return zeroPosition;
-    }
-    return containerPosition
-        ? {
-            x: (containerPosition.x || 0) - (targetPosition.x || 0),
-            y: (containerPosition.y || 0) - (targetPosition.y || 0),
-        }
-        : { x: targetPosition.left, y: targetPosition.top };
-};
-let useScrollPosition = (effect, deps = [], element, boundingElement, wait) => {
-    const position = react.useRef(getScrollPosition(null, boundingElement));
-    let throttleTimeout = null;
-    const callBack = () => {
-        const current = getScrollPosition(element, boundingElement);
-        effect(current, position.current);
-        position.current = current;
-        throttleTimeout = null;
-    };
-    useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
-        if (!utils.isBrowser) {
-            return undefined;
-        }
-        const handleScroll = () => {
-            if (wait) {
-                if (throttleTimeout === null) {
-                    throttleTimeout = window.setTimeout(callBack, wait);
-                }
-            }
-            else {
-                callBack();
-            }
-        };
-        const listener = dom.listenScroll(handleScroll, boundingElement?.current);
-        return () => {
-            listener();
-            if (throttleTimeout) {
-                clearTimeout(throttleTimeout);
-            }
-        };
-    }, deps);
-};
+let l={x:0,y:0},n=t=>t?.getBoundingClientRect(),u=(t,e)=>{if(!utils.isBrowser)return l;if(!e)return {x:window.scrollX,y:window.scrollY};let o=n(t?.current||document.body),u=n(e.current);return o?u?{x:(u.x||0)-(o.x||0),y:(u.y||0)-(o.y||0)}:{x:o.left,y:o.top}:l};let useScrollPosition=(l,n=[],i,c,m)=>{let f=react.useRef(u(null,c)),s=null,d=()=>{let t=u(i,c);l(t,f.current),f.current=t,s=null;};useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(()=>{if(!utils.isBrowser)return;let t=dom.listenScroll(()=>{m?null===s&&(s=window.setTimeout(d,m)):d();},c?.current);return ()=>{t(),s&&clearTimeout(s);}},n);};
 
 exports["default"] = useScrollPosition;
 exports.useScrollPosition = useScrollPosition;

package/useScrollPosition.esm.js

@@ -3,58 +3,6 @@ import { isBrowser } from '@koine/utils';
 import { listenScroll } from '@koine/dom';
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.esm.js';
 
-const zeroPosition = { x: 0, y: 0 };
-const getClientRect = (element) => element?.getBoundingClientRect();
-const getScrollPosition = (element, boundingElement) => {
-    if (!isBrowser) {
-        return zeroPosition;
-    }
-    if (!boundingElement) {
-        return { x: window.scrollX, y: window.scrollY };
-    }
-    const targetPosition = getClientRect(element?.current || document.body);
-    const containerPosition = getClientRect(boundingElement.current);
-    if (!targetPosition) {
-        return zeroPosition;
-    }
-    return containerPosition
-        ? {
-            x: (containerPosition.x || 0) - (targetPosition.x || 0),
-            y: (containerPosition.y || 0) - (targetPosition.y || 0),
-        }
-        : { x: targetPosition.left, y: targetPosition.top };
-};
-let useScrollPosition = (effect, deps = [], element, boundingElement, wait) => {
-    const position = useRef(getScrollPosition(null, boundingElement));
-    let throttleTimeout = null;
-    const callBack = () => {
-        const current = getScrollPosition(element, boundingElement);
-        effect(current, position.current);
-        position.current = current;
-        throttleTimeout = null;
-    };
-    useIsomorphicLayoutEffect(() => {
-        if (!isBrowser) {
-            return undefined;
-        }
-        const handleScroll = () => {
-            if (wait) {
-                if (throttleTimeout === null) {
-                    throttleTimeout = window.setTimeout(callBack, wait);
-                }
-            }
-            else {
-                callBack();
-            }
-        };
-        const listener = listenScroll(handleScroll, boundingElement?.current);
-        return () => {
-            listener();
-            if (throttleTimeout) {
-                clearTimeout(throttleTimeout);
-            }
-        };
-    }, deps);
-};
+let l={x:0,y:0},n=t=>t?.getBoundingClientRect(),u=(t,e)=>{if(!isBrowser)return l;if(!e)return {x:window.scrollX,y:window.scrollY};let o=n(t?.current||document.body),u=n(e.current);return o?u?{x:(u.x||0)-(o.x||0),y:(u.y||0)-(o.y||0)}:{x:o.left,y:o.top}:l};let useScrollPosition=(l,n=[],i,c,m)=>{let f=useRef(u(null,c)),s=null,d=()=>{let t=u(i,c);l(t,f.current),f.current=t,s=null;};useIsomorphicLayoutEffect(()=>{if(!isBrowser)return;let t=listenScroll(()=>{m?null===s&&(s=window.setTimeout(d,m)):d();},c?.current);return ()=>{t(),s&&clearTimeout(s);}},n);};
 
 export { useScrollPosition as default, useScrollPosition };

package/useScrollThreshold.cjs.js

@@ -6,28 +6,7 @@ var react = require('react');
 var utils = require('@koine/utils');
 var dom = require('@koine/dom');
 
-let useScrollThreshold = (threshold, callback) => {
-    const [isBelow, setIsBelow] = react.useState(false);
-    const handler = react.useCallback(() => {
-        if (threshold) {
-            const posY = window.scrollY;
-            const isAbove = posY < threshold;
-            const isBelow = posY > threshold;
-            setIsBelow(isBelow);
-            if (callback)
-                callback(isAbove, isBelow);
-        }
-    }, [threshold, callback]);
-    react.useEffect(() => {
-        if (threshold) {
-            const listener = dom.listenScroll(handler);
-            handler();
-            return listener;
-        }
-        return utils.noop;
-    }, [threshold, handler]);
-    return isBelow;
-};
+let useScrollThreshold=(i,m)=>{let[u,f]=react.useState(!1),n=react.useCallback(()=>{if(i){let r=window.scrollY,e=r<i,o=r>i;f(o),m&&m(e,o);}},[i,m]);return react.useEffect(()=>{if(i){let r=dom.listenScroll(n);return n(),r}return utils.noop},[i,n]),u};
 
 exports["default"] = useScrollThreshold;
 exports.useScrollThreshold = useScrollThreshold;

package/useScrollThreshold.esm.js

@@ -2,27 +2,6 @@ import { useState, useCallback, useEffect } from 'react';
 import { noop } from '@koine/utils';
 import { listenScroll } from '@koine/dom';
 
-let useScrollThreshold = (threshold, callback) => {
-    const [isBelow, setIsBelow] = useState(false);
-    const handler = useCallback(() => {
-        if (threshold) {
-            const posY = window.scrollY;
-            const isAbove = posY < threshold;
-            const isBelow = posY > threshold;
-            setIsBelow(isBelow);
-            if (callback)
-                callback(isAbove, isBelow);
-        }
-    }, [threshold, callback]);
-    useEffect(() => {
-        if (threshold) {
-            const listener = listenScroll(handler);
-            handler();
-            return listener;
-        }
-        return noop;
-    }, [threshold, handler]);
-    return isBelow;
-};
+let useScrollThreshold=(i,m)=>{let[u,f]=useState(!1),n=useCallback(()=>{if(i){let r=window.scrollY,e=r<i,o=r>i;f(o),m&&m(e,o);}},[i,m]);return useEffect(()=>{if(i){let r=listenScroll(n);return n(),r}return noop},[i,n]),u};
 
 export { useScrollThreshold as default, useScrollThreshold };

package/useScrollTo.cjs.js

@@ -4,22 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils = require('@koine/utils');
 
-let useScrollTo = (id = "", offset = 0) => {
-    if (!utils.isBrowser) {
-        return;
-    }
-    const headerOffset = 0;
-    let element = document.getElementById(id);
-    let top = 0;
-    if (element && element.offsetParent) {
-        do {
-            top += element.offsetTop;
-        } while ((element = element.offsetParent));
-    }
-    top -= offset;
-    top -= headerOffset;
-    window.scroll(0, top);
-};
+let useScrollTo=(o="",t=0)=>{if(!utils.isBrowser)return;let l=document.getElementById(o),r=0;if(l&&l.offsetParent)do r+=l.offsetTop;while(l=l.offsetParent)r-=t,r-=0,window.scroll(0,r);};
 
 exports["default"] = useScrollTo;
 exports.useScrollTo = useScrollTo;

package/useScrollTo.esm.js

@@ -1,20 +1,5 @@
 import { isBrowser } from '@koine/utils';
 
-let useScrollTo = (id = "", offset = 0) => {
-    if (!isBrowser) {
-        return;
-    }
-    const headerOffset = 0;
-    let element = document.getElementById(id);
-    let top = 0;
-    if (element && element.offsetParent) {
-        do {
-            top += element.offsetTop;
-        } while ((element = element.offsetParent));
-    }
-    top -= offset;
-    top -= headerOffset;
-    window.scroll(0, top);
-};
+let useScrollTo=(o="",t=0)=>{if(!isBrowser)return;let l=document.getElementById(o),r=0;if(l&&l.offsetParent)do r+=l.offsetTop;while(l=l.offsetParent)r-=t,r-=0,window.scroll(0,r);};
 
 export { useScrollTo as default, useScrollTo };

package/useSmoothScroll.cjs.js

@@ -8,33 +8,7 @@ var dom = require('@koine/dom');
 var useFixedOffset = require('./useFixedOffset.cjs.js');
 require('./useIsomorphicLayoutEffect.cjs.js');
 
-let useSmoothScroll = (disregardAutomaticFixedOffset) => {
-    const fixedOffset = useFixedOffset.useFixedOffset();
-    const scroll = react.useCallback((to, customOffset, callback, fallbackTimeout, behavior) => {
-        let top = undefined;
-        let toIsElement = false;
-        if (utils.isNumber(to)) {
-            top = to;
-        }
-        else if (to) {
-            const el = document.getElementById(to);
-            if (el) {
-                top = dom.getOffsetTopSlim(el) - fixedOffset.current;
-                toIsElement = true;
-            }
-        }
-        if (utils.isNumber(top)) {
-            top =
-                top +
-                    (customOffset || 0) +
-                    (disregardAutomaticFixedOffset || toIsElement
-                        ? 0
-                        : fixedOffset.current);
-            dom.scrollTo(top, callback, fallbackTimeout, behavior);
-        }
-    }, [disregardAutomaticFixedOffset, fixedOffset]);
-    return scroll;
-};
+let useSmoothScroll=m=>{let i=useFixedOffset.useFixedOffset();return react.useCallback((e,l,f,u,n)=>{let c;let p=!1;if(utils.isNumber(e))c=e;else if(e){let t=document.getElementById(e);t&&(c=dom.getOffsetTopSlim(t)-i.current,p=!0);}utils.isNumber(c)&&dom.scrollTo(c=c+(l||0)+(m||p?0:i.current),f,u,n);},[m,i])};
 
 exports["default"] = useSmoothScroll;
 exports.useSmoothScroll = useSmoothScroll;