@koine/react 2.0.0-beta.1 → 2.0.0-beta.11

package/hooks/useFocus.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFocus = void 0;
-var react_1 = require("react");
-/**
- * @see https://stackoverflow.com/a/54159564/1938970
- */
-var useFocus = function () {
-    var elementRef = (0, react_1.useRef)(null);
-    var setFocus = function () {
-        elementRef.current && elementRef.current.focus();
-    };
-    return [elementRef, setFocus];
-};
-exports.useFocus = useFocus;
-exports.default = exports.useFocus;

package/hooks/useInterval.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInterval = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var noop_1 = tslib_1.__importDefault(require("@koine/utils/noop"));
-/**
- * @borrows [dan abramov](https://overreacted.io/making-setinterval-declarative-with-react-hooks/)
- *
- * We just add `deps` array argument and typescript support
- */
-function useInterval(callback, delay, deps) {
-    if (deps === void 0) { deps = []; }
-    var savedCallback = (0, react_1.useRef)();
-    (0, react_1.useEffect)(function () {
-        savedCallback.current = callback;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, tslib_1.__spreadArray([callback], deps, true));
-    (0, react_1.useEffect)(function () {
-        function tick() {
-            if (savedCallback.current)
-                savedCallback.current();
-        }
-        if (delay !== null) {
-            var id_1 = setInterval(tick, delay);
-            return function () { return clearInterval(id_1); };
-        }
-        return noop_1.default;
-    }, [delay]);
-}
-exports.useInterval = useInterval;
-exports.default = useInterval;

package/hooks/useIsomorphicLayoutEffect.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsomorphicLayoutEffect = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var isBrowser_1 = tslib_1.__importDefault(require("@koine/utils/isBrowser"));
-/**
- * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useIsomorphicLayoutEffect.ts)
- */
-exports.useIsomorphicLayoutEffect = isBrowser_1.default
-    ? react_1.useLayoutEffect
-    : react_1.useEffect;
-exports.default = exports.useIsomorphicLayoutEffect;

package/hooks/useKeyUp.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useKeyUp = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var on_1 = tslib_1.__importDefault(require("@koine/dom/on"));
-function useKeyUp(callback, deps) {
-    if (deps === void 0) { deps = []; }
-    (0, react_1.useEffect)(function () {
-        var listener = (0, on_1.default)(window, "keyup", function (event) {
-            // const { key } = event;
-            // be sure we do not intercept keys combinations maybe used for other
-            // actions like native browser navigation shortcuts
-            // @see https://stackoverflow.com/a/37559790/1938970
-            if (!event.ctrlKey &&
-                !event.altKey &&
-                !event.shiftKey &&
-                !event.metaKey) {
-                callback(event);
-            }
-        });
-        return listener;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, tslib_1.__spreadArray([callback], deps, true));
-}
-exports.useKeyUp = useKeyUp;
-exports.default = useKeyUp;

package/hooks/useMeasure.js

@@ -1,171 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMeasure = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var debounce_1 = tslib_1.__importDefault(require("@koine/utils/debounce"));
-var noop_1 = tslib_1.__importDefault(require("@koine/utils/noop"));
-var listenResizeDebounced_1 = tslib_1.__importDefault(require("@koine/dom/listenResizeDebounced"));
-var listenScrollDebounced_1 = tslib_1.__importDefault(require("@koine/dom/listenScrollDebounced"));
-var on_1 = tslib_1.__importDefault(require("@koine/dom/on"));
-var off_1 = tslib_1.__importDefault(require("@koine/dom/off"));
-var observer;
-// Returns a list of scroll offsets
-function findScrollContainers(element) {
-    var result = [];
-    if (!element || element === document.body)
-        return result;
-    var _a = window.getComputedStyle(element), overflow = _a.overflow, overflowX = _a.overflowX, overflowY = _a.overflowY;
-    if ([overflow, overflowX, overflowY].some(function (prop) { return prop === "auto" || prop === "scroll"; }))
-        result.push(element);
-    return tslib_1.__spreadArray(tslib_1.__spreadArray([], result, true), findScrollContainers(element.parentElement), true);
-}
-var keys = [
-    "x",
-    "y",
-    "top",
-    "bottom",
-    "left",
-    "right",
-    "width",
-    "height",
-];
-var areBoundsEqual = function (a, b) {
-    return keys.every(function (key) { return a[key] === b[key]; });
-};
-/**
- * Use measure hook
- *
- * @borrows [pmndrs/react-use-measure](https://github.com/pmndrs/react-use-measure)
- */
-function useMeasure(options) {
-    var _a = (options || {}).scroll /* offsetSize = false */, scroll = _a === void 0 ? false : _a /* offsetSize = false */;
-    var _b = (0, react_1.useState)({
-        left: 0,
-        top: 0,
-        width: 0,
-        height: 0,
-        bottom: 0,
-        right: 0,
-        x: 0,
-        y: 0,
-    }), bounds = _b[0], setBounds = _b[1];
-    // keep all state in a ref
-    var state = (0, react_1.useRef)([
-        // element
-        null,
-        // scrollContainers
-        null,
-        // resizeObserver
-        null,
-        // lastBounds
-        bounds,
-    ]);
-    // make sure to update state only as long as the component is truly mounted
-    var mounted = (0, react_1.useRef)(false);
-    (0, react_1.useEffect)(function () {
-        mounted.current = true;
-        return function () { return void (mounted.current = false); };
-    }, []);
-    // memoize handlers, so event-listeners know when they should update
-    var _c = (0, react_1.useMemo)(function () {
-        var callback = function () {
-            var _args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                _args[_i] = arguments[_i];
-            }
-            var _a = state.current, element = _a[0], lastBounds = _a[3];
-            if (!element)
-                return;
-            var size = element.getBoundingClientRect();
-            // if (element instanceof HTMLElement && offsetSize) {
-            //   size.height = element.offsetHeight;
-            //   size.width = element.offsetWidth;
-            // }
-            Object.freeze(size);
-            if (mounted.current && !areBoundsEqual(lastBounds, size)) {
-                state.current[3] = size;
-                setBounds(size);
-            }
-        };
-        var debouncedCallback = (0, debounce_1.default)(callback);
-        return [callback, debouncedCallback, debouncedCallback];
-    }, [setBounds /* , offsetSize */]), forceRefresh = _c[0] /* resizeChange */, scrollChange = _c[2];
-    // cleanup current scroll-listeners / observers
-    function removeListeners() {
-        var _a = state.current, scrollContainers = _a[1], resizeObserver = _a[2];
-        if (scrollContainers) {
-            scrollContainers.forEach(function (element) {
-                return (0, off_1.default)(element, "scroll", scrollChange);
-            });
-            state.current[1] = null;
-        }
-        if (resizeObserver) {
-            resizeObserver.disconnect();
-            state.current[2] = null;
-        }
-    }
-    // add scroll-listeners / observers
-    function addListeners() {
-        var _a = state.current, element = _a[0], scrollContainers = _a[1];
-        if (!element)
-            return;
-        if (!observer && ResizeObserver) {
-            observer = new ResizeObserver(scrollChange);
-            state.current[2] = observer;
-            observer.observe(element);
-            if (scroll && scrollContainers) {
-                scrollContainers.forEach(function (scrollContainer) {
-                    return (0, on_1.default)(scrollContainer, "scroll", scrollChange, {
-                        capture: true,
-                        passive: true,
-                    });
-                });
-            }
-        }
-    }
-    // the ref we expose to the user
-    var ref = function (node) {
-        if (!node || node === state.current[0])
-            return;
-        removeListeners();
-        state.current[0] = node;
-        state.current[1] = findScrollContainers(node);
-        addListeners();
-    };
-    // add general event listeners
-    // useOnWindowScroll(forceRefresh, Boolean(scroll));
-    // useOnWindowResize(() => {
-    //   debugger;
-    //   forceRefresh();
-    // });
-    (0, react_1.useEffect)(function () {
-        if (scroll) {
-            var listener = (0, listenScrollDebounced_1.default)(0, forceRefresh, 100);
-            return listener;
-        }
-        return noop_1.default;
-    }, [scroll, forceRefresh]);
-    (0, react_1.useEffect)(function () {
-        // const listener = listenResizeDebounced(onWindowResize);
-        // return listener;
-        var listener = (0, listenResizeDebounced_1.default)(0, forceRefresh, 100);
-        return listener;
-    }, [forceRefresh]);
-    // respond to changes that are relevant for the listeners
-    (0, react_1.useEffect)(function () {
-        removeListeners();
-        addListeners();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [scroll /* , scrollChange, resizeChange */]);
-    (0, react_1.useEffect)(function () {
-        // operate on mount, @kuus on the original version there is no call on mount?
-        forceRefresh();
-        // remove all listeners when the components unmounts
-        return removeListeners;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return [ref, bounds, forceRefresh];
-}
-exports.useMeasure = useMeasure;
-exports.default = useMeasure;

package/hooks/useMountedState.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMountedState = void 0;
-var react_1 = require("react");
-/**
- * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useMountedState.ts)
- */
-function useMountedState() {
-    var mountedRef = (0, react_1.useRef)(false);
-    var get = (0, react_1.useCallback)(function () { return mountedRef.current; }, []);
-    (0, react_1.useEffect)(function () {
-        mountedRef.current = true;
-        return function () {
-            mountedRef.current = false;
-        };
-    }, []);
-    return get;
-}
-exports.useMountedState = useMountedState;
-exports.default = useMountedState;

package/hooks/useNavigateAway.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useNavigateAway = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var on_1 = tslib_1.__importDefault(require("@koine/dom/on"));
-// type UseNavigateAwayPagehideHandler = (event: PageTransitionEvent) => unknown;
-/**
- * @resources
- *
- * About browser's specs see:
- * - https://developer.mozilla.org/en-US/docs/Web/API/Window/pagehide_event
- * - https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW5
- * - https://stackoverflow.com/questions/58009424/pagehide-event-on-google-chrome
- *
- * About react see:
- * - https://github.com/jacobbuck/react-beforeunload
- * - https://github.com/dioscarey/react-beforeunload-component
- *
- * About next.js see:
- * - https://github.com/vercel/next.js/issues/2476
- * - https://github.com/vercel/next.js/issues/2694
- *
- * For the callback technique see:
- * - https://stackoverflow.com/a/11835394/1938970
- */
-var useNavigateAway = function (handler) {
-    var beforeUnloadHandlerRef = (0, react_1.useRef)();
-    // const pagehideHandlerRef = useRef<UseNavigateAwayPagehideHandler | undefined>();
-    (0, react_1.useEffect)(function () {
-        beforeUnloadHandlerRef.current = function (event) {
-            var customMessageOrCondition = handler(event);
-            if (customMessageOrCondition) {
-                event.preventDefault();
-            }
-            // Handle legacy `event.returnValue` property
-            // https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event
-            if (typeof customMessageOrCondition === "string") {
-                return (event.returnValue = customMessageOrCondition);
-            }
-            // Chrome doesn't support `event.preventDefault()` on `BeforeUnloadEvent`,
-            // instead it requires `event.returnValue` to be set
-            // https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload#browser_compatibility
-            if (event.defaultPrevented) {
-                return (event.returnValue = "");
-            }
-            return;
-        };
-        // pagehideHandlerRef.current = (event) => {
-        //   const returnValue = handler?.(event);
-        //   if (event.persisted) {
-        //     // If the event's persisted property is `true` the page is about
-        //     // to enter the Back-Forward Cache, which is also in the frozen state.
-        //   } else {
-        //     // If the event's persisted property is not `true` the page is
-        //     // about to be unloaded.
-        //   }
-        // };
-    }, [handler]);
-    (0, react_1.useEffect)(function () {
-        var listenerBeforeunload = (0, on_1.default)(window, "beforeunload", function (event) { var _a; return (_a = beforeUnloadHandlerRef.current) === null || _a === void 0 ? void 0 : _a.call(beforeUnloadHandlerRef, event); });
-        // const listenerPagehide = on(window, "pagehide", (event) =>
-        //   pagehideHandlerRef.current?.(event)
-        // );
-        return listenerBeforeunload;
-        // return () => {
-        //   listenerBeforeunload();
-        //   // listenerPagehide();
-        // };
-    }, []);
-};
-exports.useNavigateAway = useNavigateAway;
-exports.default = exports.useNavigateAway;

package/hooks/usePrevious.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePrevious = void 0;
-var react_1 = require("react");
-/**
- * @borrows [samselikoff/animated-carousel](https://github.com/samselikoff/2022-06-02-animated-carousel/blob/main/pages/final.jsx)
- */
-function usePrevious(state, defaulValue) {
-    var _a = (0, react_1.useState)([state, defaulValue]), tuple = _a[0], setTuple = _a[1];
-    if (tuple[1] !== state) {
-        setTuple([tuple[1], state]);
-    }
-    return tuple[0];
-}
-exports.usePrevious = usePrevious;
-exports.default = usePrevious;

package/hooks/usePreviousRef.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePreviousRef = void 0;
-var react_1 = require("react");
-function usePreviousRef(value) {
-    var ref = (0, react_1.useRef)();
-    (0, react_1.useEffect)(function () {
-        ref.current = value;
-    });
-    return ref.current;
-}
-exports.usePreviousRef = usePreviousRef;
-exports.default = usePreviousRef;

package/hooks/useScrollPosition.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollPosition = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var isBrowser_1 = tslib_1.__importDefault(require("@koine/utils/isBrowser"));
-var listenScroll_1 = tslib_1.__importDefault(require("@koine/dom/listenScroll"));
-var useIsomorphicLayoutEffect_1 = tslib_1.__importDefault(require("./useIsomorphicLayoutEffect"));
-var zeroPosition = { x: 0, y: 0 };
-var getClientRect = function (element) {
-    return element === null || element === void 0 ? void 0 : element.getBoundingClientRect();
-};
-var getScrollPosition = function (element, boundingElement) {
-    if (!isBrowser_1.default) {
-        return zeroPosition;
-    }
-    if (!boundingElement) {
-        return { x: window.scrollX, y: window.scrollY };
-    }
-    var targetPosition = getClientRect((element === null || element === void 0 ? void 0 : element.current) || document.body);
-    var 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 };
-};
-/**
- * @borrows [@n8tb1t/use-scroll-position@2.0.3](https://github.com/n8tb1t/use-scroll-position) by `n8tb1t <n8tb1t@gmail.com>`
- *
- * We've just:
- * - reused internal helper functions
- * - compacted object arguments in functions as plain argument list to improve compression
- */
-var useScrollPosition = function (effect, deps, element, boundingElement, wait) {
-    if (deps === void 0) { deps = []; }
-    var position = (0, react_1.useRef)(getScrollPosition(null, boundingElement));
-    var throttleTimeout = null;
-    var callBack = function () {
-        var current = getScrollPosition(element, boundingElement);
-        effect(current, position.current);
-        position.current = current;
-        throttleTimeout = null;
-    };
-    (0, useIsomorphicLayoutEffect_1.default)(function () {
-        if (!isBrowser_1.default) {
-            return undefined;
-        }
-        var handleScroll = function () {
-            if (wait) {
-                if (throttleTimeout === null) {
-                    throttleTimeout = window.setTimeout(callBack, wait);
-                }
-            }
-            else {
-                callBack();
-            }
-        };
-        var listener = (0, listenScroll_1.default)(handleScroll, boundingElement === null || boundingElement === void 0 ? void 0 : boundingElement.current);
-        return function () {
-            listener();
-            if (throttleTimeout) {
-                clearTimeout(throttleTimeout);
-            }
-        };
-    }, deps);
-};
-exports.useScrollPosition = useScrollPosition;
-exports.default = exports.useScrollPosition;

package/hooks/useScrollThreshold.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollThreshold = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var noop_1 = tslib_1.__importDefault(require("@koine/utils/noop"));
-var listenScroll_1 = tslib_1.__importDefault(require("@koine/dom/listenScroll"));
-var useScrollThreshold = function (threshold, callback) {
-    var _a = (0, react_1.useState)(false), isBelow = _a[0], setIsBelow = _a[1];
-    var handler = (0, react_1.useCallback)(function () {
-        if (threshold) {
-            var posY = window.scrollY; // * -1;
-            var isAbove = posY < threshold;
-            var isBelow_1 = posY > threshold;
-            // console.log("useScrollThreshold setIsBelow", isBelow, posY, threshold);
-            setIsBelow(isBelow_1);
-            if (callback)
-                callback(isAbove, isBelow_1);
-        }
-    }, [threshold, callback]);
-    (0, react_1.useEffect)(function () {
-        if (threshold) {
-            // const listener = listenScrollThrottled(0, handler, 50);
-            var listener = (0, listenScroll_1.default)(handler);
-            handler();
-            return listener;
-        }
-        return noop_1.default;
-    }, [threshold, handler]);
-    return isBelow;
-};
-exports.useScrollThreshold = useScrollThreshold;
-exports.default = exports.useScrollThreshold;

package/hooks/useScrollTo.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollTo = void 0;
-var tslib_1 = require("tslib");
-var isBrowser_1 = tslib_1.__importDefault(require("@koine/utils/isBrowser"));
-var useHeader_1 = tslib_1.__importDefault(require("../Header/useHeader"));
-function useScrollTo(id, offset) {
-    if (id === void 0) { id = ""; }
-    if (offset === void 0) { offset = 0; }
-    var _a = (0, useHeader_1.default)(), headerHeight = _a[2];
-    if (!isBrowser_1.default) {
-        return;
-    }
-    var headerOffset = headerHeight || 0;
-    var element = document.getElementById(id);
-    var top = 0;
-    if (element && element.offsetParent) {
-        do {
-            top += element.offsetTop;
-        } while ((element = element.offsetParent));
-    }
-    top -= offset;
-    top -= headerOffset;
-    window.scroll(0, top);
-}
-exports.useScrollTo = useScrollTo;
-exports.default = useScrollTo;

package/hooks/useSmoothScroll.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSmoothScroll = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var isNumber_1 = tslib_1.__importDefault(require("@koine/utils/isNumber"));
-var getOffsetTopSlim_1 = tslib_1.__importDefault(require("@koine/dom/getOffsetTopSlim"));
-var scrollTo_1 = tslib_1.__importDefault(require("@koine/dom/scrollTo"));
-var useFixedOffset_1 = tslib_1.__importDefault(require("./useFixedOffset"));
-/**
- *
- * @param disregardAutomaticFixedOffset When the `to` scroll argument is a DOM
- * selector we will keep into account the _fixedOffset_ despite this option.
- * @returns
- */
-function useSmoothScroll(disregardAutomaticFixedOffset) {
-    var fixedOffset = (0, useFixedOffset_1.default)();
-    var scroll = (0, react_1.useCallback)(function (to, customOffset, callback, fallbackTimeout, behavior) {
-        var top = undefined;
-        var toIsElement = false;
-        if ((0, isNumber_1.default)(to)) {
-            top = to;
-        }
-        else if (to) {
-            var el = document.getElementById(to);
-            if (el) {
-                top = (0, getOffsetTopSlim_1.default)(el) - fixedOffset.current;
-                toIsElement = true;
-            }
-        }
-        if ((0, isNumber_1.default)(top)) {
-            top =
-                top +
-                    (customOffset || 0) +
-                    (disregardAutomaticFixedOffset || toIsElement
-                        ? 0
-                        : fixedOffset.current);
-            (0, scrollTo_1.default)(top, callback, fallbackTimeout, behavior);
-        }
-    }, [disregardAutomaticFixedOffset, fixedOffset]);
-    return scroll;
-}
-exports.useSmoothScroll = useSmoothScroll;
-exports.default = useSmoothScroll;

package/hooks/useSpinDelay.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSpinDelay = void 0;
-var react_1 = require("react");
-var State;
-(function (State) {
-    State[State["IDLE"] = 0] = "IDLE";
-    State[State["DELAY"] = 1] = "DELAY";
-    State[State["DISPLAY"] = 2] = "DISPLAY";
-    State[State["EXPIRE"] = 3] = "EXPIRE";
-})(State || (State = {}));
-/**
- * Wraps your booleans only returning true after the `delay`, and for a minimum
- * time of `minDuration`. This way you're sure that you don't show unnecessary
- * or very short living spinners.
- *
- * @borrows [smeijer/spin-delay](https://github.com/smeijer/spin-delay)
- *
- * - Smaller footprint and options object as argument
- *
- * @param delay [500]
- * @param minDuration [200]
- */
-function useSpinDelay(loading, delay, minDuration) {
-    if (delay === void 0) { delay = 500; }
-    if (minDuration === void 0) { minDuration = 200; }
-    var _a = (0, react_1.useState)(State.IDLE), state = _a[0], setState = _a[1];
-    var timeout = (0, react_1.useRef)();
-    (0, react_1.useEffect)(function () {
-        if (loading && state === State.IDLE) {
-            clearTimeout(timeout.current);
-            timeout.current = setTimeout(function () {
-                if (!loading) {
-                    return setState(State.IDLE);
-                }
-                timeout.current = setTimeout(function () {
-                    setState(State.EXPIRE);
-                }, minDuration);
-                setState(State.DISPLAY);
-            }, delay);
-            setState(State.DELAY);
-        }
-        if (!loading && state !== State.DISPLAY) {
-            clearTimeout(timeout.current);
-            setState(State.IDLE);
-        }
-    }, [loading, state, delay, minDuration]);
-    (0, react_1.useEffect)(function () {
-        return function () { return clearTimeout(timeout.current); };
-    }, []);
-    return state === State.DISPLAY || state === State.EXPIRE;
-}
-exports.useSpinDelay = useSpinDelay;
-exports.default = useSpinDelay;

package/hooks/useTraceUpdate.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTraceUpdate = void 0;
-var react_1 = require("react");
-/**
- * @see https://stackoverflow.com/a/51082563/9122820
- */
-function useTraceUpdate(props) {
-    var prev = (0, react_1.useRef)(props);
-    (0, react_1.useEffect)(function () {
-        var changedProps = Object.entries(props).reduce(function (ps, _a) {
-            var k = _a[0], v = _a[1];
-            if (prev.current[k] !== v) {
-                // @ts-expect-error Does not matter here...
-                ps[k] = [prev.current[k], v];
-            }
-            return ps;
-        }, {});
-        if (Object.keys(changedProps).length > 0) {
-            console.info("[@koine/react:useTraceUpdate] changed props:", changedProps);
-        }
-        prev.current = props;
-    });
-}
-exports.useTraceUpdate = useTraceUpdate;
-exports.default = useTraceUpdate;

package/hooks/useUpdateEffect.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUpdateEffect = void 0;
-var react_1 = require("react");
-var useFirstMountState_1 = require("./useFirstMountState");
-/**
- * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useUpdateEffect.ts)
- */
-var useUpdateEffect = function (effect, deps) {
-    var isFirstMount = (0, useFirstMountState_1.useFirstMountState)();
-    (0, react_1.useEffect)(function () {
-        if (!isFirstMount) {
-            return effect();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, deps);
-};
-exports.useUpdateEffect = useUpdateEffect;
-exports.default = exports.useUpdateEffect;