@koine/react 2.0.0-alpha.4 → 2.0.0-beta.10

package/hooks/useScrollPosition.js

@@ -1,67 +1,78 @@
 "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();
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useScrollPosition: function() {
+        return useScrollPosition;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _react = require("react");
+const _isBrowser = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isBrowser"));
+const _listenScroll = /*#__PURE__*/ _interop_require_default._(require("@koine/dom/listenScroll"));
+const _useIsomorphicLayoutEffect = /*#__PURE__*/ _interop_require_default._(require("./useIsomorphicLayoutEffect"));
+const zeroPosition = {
+    x: 0,
+    y: 0
 };
-var getScrollPosition = function (element, boundingElement) {
-    if (!isBrowser_1.default) {
+const getClientRect = (element)=>element?.getBoundingClientRect();
+const getScrollPosition = (element, boundingElement)=>{
+    if (!_isBrowser.default) {
         return zeroPosition;
     }
     if (!boundingElement) {
-        return { x: window.scrollX, y: window.scrollY };
+        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);
+    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 };
+    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);
+const useScrollPosition = (effect, deps = [], element, boundingElement, wait)=>{
+    const position = (0, _react.useRef)(getScrollPosition(null, boundingElement));
+    let throttleTimeout = null;
+    const callBack = ()=>{
+        const current = getScrollPosition(element, boundingElement);
         effect(current, position.current);
         position.current = current;
         throttleTimeout = null;
     };
-    (0, useIsomorphicLayoutEffect_1.default)(function () {
-        if (!isBrowser_1.default) {
+    (0, _useIsomorphicLayoutEffect.default)(()=>{
+        if (!_isBrowser.default) {
             return undefined;
         }
-        var handleScroll = function () {
+        const handleScroll = ()=>{
             if (wait) {
                 if (throttleTimeout === null) {
                     throttleTimeout = window.setTimeout(callBack, wait);
                 }
-            }
-            else {
+            } else {
                 callBack();
             }
         };
-        var listener = (0, listenScroll_1.default)(handleScroll, boundingElement === null || boundingElement === void 0 ? void 0 : boundingElement.current);
-        return function () {
+        const listener = (0, _listenScroll.default)(handleScroll, boundingElement?.current);
+        return ()=>{
             listener();
             if (throttleTimeout) {
                 clearTimeout(throttleTimeout);
@@ -69,5 +80,4 @@ var useScrollPosition = function (effect, deps, element, boundingElement, wait)
         };
     }, deps);
 };
-exports.useScrollPosition = useScrollPosition;
-exports.default = exports.useScrollPosition;
+const _default = useScrollPosition;

package/hooks/useScrollPosition.mjs

@@ -2,28 +2,33 @@ import { useRef } from "react";
 import isBrowser from "@koine/utils/isBrowser";
 import listenScroll from "@koine/dom/listenScroll";
 import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect";
-var zeroPosition = { x: 0, y: 0 };
-var getClientRect = function (element) {
-    return element === null || element === void 0 ? void 0 : element.getBoundingClientRect();
+const zeroPosition = {
+    x: 0,
+    y: 0
 };
-var getScrollPosition = function (element, boundingElement) {
+const getClientRect = (element)=>element?.getBoundingClientRect();
+const getScrollPosition = (element, boundingElement)=>{
     if (!isBrowser) {
         return zeroPosition;
     }
     if (!boundingElement) {
-        return { x: window.scrollX, y: window.scrollY };
+        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);
+    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 };
+    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>`
@@ -31,33 +36,30 @@ var getScrollPosition = function (element, boundingElement) {
  * We've just:
  * - reused internal helper functions
  * - compacted object arguments in functions as plain argument list to improve compression
- */
-export var useScrollPosition = function (effect, deps, element, boundingElement, wait) {
-    if (deps === void 0) { deps = []; }
-    var position = useRef(getScrollPosition(null, boundingElement));
-    var throttleTimeout = null;
-    var callBack = function () {
-        var current = getScrollPosition(element, boundingElement);
+ */ export const 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(function () {
+    useIsomorphicLayoutEffect(()=>{
         if (!isBrowser) {
             return undefined;
         }
-        var handleScroll = function () {
+        const handleScroll = ()=>{
             if (wait) {
                 if (throttleTimeout === null) {
                     throttleTimeout = window.setTimeout(callBack, wait);
                 }
-            }
-            else {
+            } else {
                 callBack();
             }
         };
-        var listener = listenScroll(handleScroll, boundingElement === null || boundingElement === void 0 ? void 0 : boundingElement.current);
-        return function () {
+        const listener = listenScroll(handleScroll, boundingElement?.current);
+        return ()=>{
             listener();
             if (throttleTimeout) {
                 clearTimeout(throttleTimeout);

package/hooks/useScrollThreshold.js

@@ -1,33 +1,52 @@
 "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 () {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useScrollThreshold: function() {
+        return useScrollThreshold;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _react = require("react");
+const _noop = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/noop"));
+const _listenScroll = /*#__PURE__*/ _interop_require_default._(require("@koine/dom/listenScroll"));
+const useScrollThreshold = (threshold, callback)=>{
+    const [isBelow, setIsBelow] = (0, _react.useState)(false);
+    const handler = (0, _react.useCallback)(()=>{
         if (threshold) {
-            var posY = window.scrollY; // * -1;
-            var isAbove = posY < threshold;
-            var isBelow_1 = posY > threshold;
+            const posY = window.scrollY; // * -1;
+            const isAbove = posY < threshold;
+            const isBelow = posY > threshold;
             // console.log("useScrollThreshold setIsBelow", isBelow, posY, threshold);
-            setIsBelow(isBelow_1);
-            if (callback)
-                callback(isAbove, isBelow_1);
+            setIsBelow(isBelow);
+            if (callback) callback(isAbove, isBelow);
         }
-    }, [threshold, callback]);
-    (0, react_1.useEffect)(function () {
+    }, [
+        threshold,
+        callback
+    ]);
+    (0, _react.useEffect)(()=>{
         if (threshold) {
             // const listener = listenScrollThrottled(0, handler, 50);
-            var listener = (0, listenScroll_1.default)(handler);
+            const listener = (0, _listenScroll.default)(handler);
             handler();
             return listener;
         }
-        return noop_1.default;
-    }, [threshold, handler]);
+        return _noop.default;
+    }, [
+        threshold,
+        handler
+    ]);
     return isBelow;
 };
-exports.useScrollThreshold = useScrollThreshold;
-exports.default = exports.useScrollThreshold;
+const _default = useScrollThreshold;

package/hooks/useScrollThreshold.mjs

@@ -1,28 +1,33 @@
 import { useCallback, useEffect, useState } from "react";
 import noop from "@koine/utils/noop";
 import listenScroll from "@koine/dom/listenScroll";
-export var useScrollThreshold = function (threshold, callback) {
-    var _a = useState(false), isBelow = _a[0], setIsBelow = _a[1];
-    var handler = useCallback(function () {
+export const useScrollThreshold = (threshold, callback)=>{
+    const [isBelow, setIsBelow] = useState(false);
+    const handler = useCallback(()=>{
         if (threshold) {
-            var posY = window.scrollY; // * -1;
-            var isAbove = posY < threshold;
-            var isBelow_1 = posY > threshold;
+            const posY = window.scrollY; // * -1;
+            const isAbove = posY < threshold;
+            const isBelow = posY > threshold;
             // console.log("useScrollThreshold setIsBelow", isBelow, posY, threshold);
-            setIsBelow(isBelow_1);
-            if (callback)
-                callback(isAbove, isBelow_1);
+            setIsBelow(isBelow);
+            if (callback) callback(isAbove, isBelow);
         }
-    }, [threshold, callback]);
-    useEffect(function () {
+    }, [
+        threshold,
+        callback
+    ]);
+    useEffect(()=>{
         if (threshold) {
             // const listener = listenScrollThrottled(0, handler, 50);
-            var listener = listenScroll(handler);
+            const listener = listenScroll(handler);
             handler();
             return listener;
         }
         return noop;
-    }, [threshold, handler]);
+    }, [
+        threshold,
+        handler
+    ]);
     return isBelow;
 };
 export default useScrollThreshold;

package/hooks/useScrollTo.js

@@ -1,27 +1,39 @@
 "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) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useScrollTo: function() {
+        return useScrollTo;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _isBrowser = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isBrowser"));
+const _useHeader = /*#__PURE__*/ _interop_require_default._(require("../Header/useHeader"));
+function useScrollTo(id = "", offset = 0) {
+    const [, , headerHeight] = (0, _useHeader.default)();
+    if (!_isBrowser.default) {
         return;
     }
-    var headerOffset = headerHeight || 0;
-    var element = document.getElementById(id);
-    var top = 0;
+    const headerOffset = headerHeight || 0;
+    let element = document.getElementById(id);
+    let top = 0;
     if (element && element.offsetParent) {
         do {
             top += element.offsetTop;
-        } while ((element = element.offsetParent));
+        }while (element = element.offsetParent)
     }
     top -= offset;
     top -= headerOffset;
     window.scroll(0, top);
 }
-exports.useScrollTo = useScrollTo;
-exports.default = useScrollTo;
+const _default = useScrollTo;

package/hooks/useScrollTo.mjs

@@ -1,19 +1,17 @@
 import isBrowser from "@koine/utils/isBrowser";
 import useHeader from "../Header/useHeader";
-export function useScrollTo(id, offset) {
-    if (id === void 0) { id = ""; }
-    if (offset === void 0) { offset = 0; }
-    var _a = useHeader(), headerHeight = _a[2];
+export function useScrollTo(id = "", offset = 0) {
+    const [, , headerHeight] = useHeader();
     if (!isBrowser) {
         return;
     }
-    var headerOffset = headerHeight || 0;
-    var element = document.getElementById(id);
-    var top = 0;
+    const headerOffset = headerHeight || 0;
+    let element = document.getElementById(id);
+    let top = 0;
     if (element && element.offsetParent) {
         do {
             top += element.offsetTop;
-        } while ((element = element.offsetParent));
+        }while (element = element.offsetParent)
     }
     top -= offset;
     top -= headerOffset;

package/hooks/useSmoothScroll.js

@@ -1,44 +1,49 @@
 "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
- */
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useSmoothScroll: function() {
+        return useSmoothScroll;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _react = require("react");
+const _isNumber = /*#__PURE__*/ _interop_require_default._(require("@koine/utils/isNumber"));
+const _getOffsetTopSlim = /*#__PURE__*/ _interop_require_default._(require("@koine/dom/getOffsetTopSlim"));
+const _scrollTo = /*#__PURE__*/ _interop_require_default._(require("@koine/dom/scrollTo"));
+const _useFixedOffset = /*#__PURE__*/ _interop_require_default._(require("./useFixedOffset"));
 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)) {
+    const fixedOffset = (0, _useFixedOffset.default)();
+    const scroll = (0, _react.useCallback)((to, customOffset, callback, fallbackTimeout, behavior)=>{
+        let top = undefined;
+        let toIsElement = false;
+        if ((0, _isNumber.default)(to)) {
             top = to;
-        }
-        else if (to) {
-            var el = document.getElementById(to);
+        } else if (to) {
+            const el = document.getElementById(to);
             if (el) {
-                top = (0, getOffsetTopSlim_1.default)(el) - fixedOffset.current;
+                top = (0, _getOffsetTopSlim.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);
+        if ((0, _isNumber.default)(top)) {
+            top = top + (customOffset || 0) + (disregardAutomaticFixedOffset || toIsElement ? 0 : fixedOffset.current);
+            (0, _scrollTo.default)(top, callback, fallbackTimeout, behavior);
         }
-    }, [disregardAutomaticFixedOffset, fixedOffset]);
+    }, [
+        disregardAutomaticFixedOffset,
+        fixedOffset
+    ]);
     return scroll;
 }
-exports.useSmoothScroll = useSmoothScroll;
-exports.default = useSmoothScroll;
+const _default = useSmoothScroll;

package/hooks/useSmoothScroll.mjs

@@ -8,32 +8,28 @@ import useFixedOffset from "./useFixedOffset";
  * @param disregardAutomaticFixedOffset When the `to` scroll argument is a DOM
  * selector we will keep into account the _fixedOffset_ despite this option.
  * @returns
- */
-export function useSmoothScroll(disregardAutomaticFixedOffset) {
-    var fixedOffset = useFixedOffset();
-    var scroll = useCallback(function (to, customOffset, callback, fallbackTimeout, behavior) {
-        var top = undefined;
-        var toIsElement = false;
+ */ export function useSmoothScroll(disregardAutomaticFixedOffset) {
+    const fixedOffset = useFixedOffset();
+    const scroll = useCallback((to, customOffset, callback, fallbackTimeout, behavior)=>{
+        let top = undefined;
+        let toIsElement = false;
         if (isNumber(to)) {
             top = to;
-        }
-        else if (to) {
-            var el = document.getElementById(to);
+        } else if (to) {
+            const el = document.getElementById(to);
             if (el) {
                 top = getOffsetTopSlim(el) - fixedOffset.current;
                 toIsElement = true;
             }
         }
         if (isNumber(top)) {
-            top =
-                top +
-                    (customOffset || 0) +
-                    (disregardAutomaticFixedOffset || toIsElement
-                        ? 0
-                        : fixedOffset.current);
+            top = top + (customOffset || 0) + (disregardAutomaticFixedOffset || toIsElement ? 0 : fixedOffset.current);
             scrollTo(top, callback, fallbackTimeout, behavior);
         }
-    }, [disregardAutomaticFixedOffset, fixedOffset]);
+    }, [
+        disregardAutomaticFixedOffset,
+        fixedOffset
+    ]);
     return scroll;
 }
 export default useSmoothScroll;

package/hooks/useSpinDelay.js

@@ -1,54 +1,59 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSpinDelay = void 0;
-var react_1 = require("react");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useSpinDelay: function() {
+        return useSpinDelay;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _react = require("react");
 var State;
-(function (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) {
+function useSpinDelay(loading, delay = 500, minDuration = 200) {
+    const [state, setState] = (0, _react.useState)(0);
+    const timeout = (0, _react.useRef)();
+    (0, _react.useEffect)(()=>{
+        if (loading && state === 0) {
             clearTimeout(timeout.current);
-            timeout.current = setTimeout(function () {
+            timeout.current = setTimeout(()=>{
                 if (!loading) {
-                    return setState(State.IDLE);
+                    return setState(0);
                 }
-                timeout.current = setTimeout(function () {
-                    setState(State.EXPIRE);
+                timeout.current = setTimeout(()=>{
+                    setState(3);
                 }, minDuration);
-                setState(State.DISPLAY);
+                setState(2);
             }, delay);
-            setState(State.DELAY);
+            setState(1);
         }
-        if (!loading && state !== State.DISPLAY) {
+        if (!loading && state !== 2) {
             clearTimeout(timeout.current);
-            setState(State.IDLE);
+            setState(0);
         }
-    }, [loading, state, delay, minDuration]);
-    (0, react_1.useEffect)(function () {
-        return function () { return clearTimeout(timeout.current); };
+    }, [
+        loading,
+        state,
+        delay,
+        minDuration
+    ]);
+    (0, _react.useEffect)(()=>{
+        return ()=>clearTimeout(timeout.current);
     }, []);
-    return state === State.DISPLAY || state === State.EXPIRE;
+    return state === 2 || state === 3;
 }
-exports.useSpinDelay = useSpinDelay;
-exports.default = useSpinDelay;
+const _default = useSpinDelay;