@koine/react 2.0.0-beta.74 → 2.0.0-beta.76

package/{hooks → cjs}/useScrollPosition.d.ts

@@ -4,4 +4,4 @@ type Position = {
 };
 type ElementRef = React.MutableRefObject<HTMLElement | undefined>;
 export declare let useScrollPosition: (effect: (currentPosition: Position, prevPosition: Position) => void, deps?: import("react").DependencyList, element?: ElementRef, boundingElement?: ElementRef, wait?: number) => void;
-export {};
+export default useScrollPosition;

package/cjs/useScrollPosition.js

@@ -0,0 +1 @@
+import{useRef as t}from"react";import{isBrowser as r}from"@koine/utils";import{listenScroll as e}from"@koine/dom";import{useIsomorphicLayoutEffect as o}from"./useIsomorphicLayoutEffect";let l={x:0,y:0},n=t=>t?.getBoundingClientRect(),u=(t,e)=>{if(!r)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};export let useScrollPosition=(l,n=[],i,c,m)=>{let f=t(u(null,c)),s=null,d=()=>{let t=u(i,c);l(t,f.current),f.current=t,s=null};o(()=>{if(!r)return;let t=e(()=>{m?null===s&&(s=window.setTimeout(d,m)):d()},c?.current);return()=>{t(),s&&clearTimeout(s)}},n)};export default useScrollPosition;

package/{hooks → cjs}/useScrollThreshold.d.ts

@@ -1 +1,2 @@
 export declare let useScrollThreshold: (threshold?: number, callback?: ((isAbove: boolean, isBelow: boolean) => void) | undefined) => boolean;
+export default useScrollThreshold;

package/cjs/useScrollThreshold.js

@@ -0,0 +1 @@
+import{useCallback as r,useEffect as e,useState as o}from"react";import{noop as t}from"@koine/utils";import{listenScroll as l}from"@koine/dom";export let useScrollThreshold=(i,m)=>{let[u,f]=o(!1),n=r(()=>{if(i){let r=window.scrollY,e=r<i,o=r>i;f(o),m&&m(e,o)}},[i,m]);return e(()=>{if(i){let r=l(n);return n(),r}return t},[i,n]),u};export default useScrollThreshold;

package/{hooks → cjs}/useScrollTo.d.ts

@@ -1 +1,2 @@
 export declare let useScrollTo: (id?: string, offset?: number) => void;
+export default useScrollTo;

package/cjs/useScrollTo.js

@@ -0,0 +1 @@
+import{isBrowser as e}from"@koine/utils";export let useScrollTo=(o="",t=0)=>{if(!e)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 default useScrollTo;

package/{hooks → cjs}/useSmoothScroll.d.ts

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

package/cjs/useSmoothScroll.js

@@ -0,0 +1 @@
+import{useCallback as e}from"react";import{isNumber as t}from"@koine/utils";import{getOffsetTopSlim as o,scrollTo as r}from"@koine/dom";import{useFixedOffset as l}from"./useFixedOffset";export let useSmoothScroll=m=>{let i=l();return e((e,l,f,u,n)=>{let c;let p=!1;if(t(e))c=e;else if(e){let t=document.getElementById(e);t&&(c=o(t)-i.current,p=!0)}t(c)&&r(c=c+(l||0)+(m||p?0:i.current),f,u,n)},[m,i])};export default useSmoothScroll;

package/{hooks → cjs}/useSpinDelay.d.ts

@@ -1 +1,2 @@
 export declare let useSpinDelay: (loading: boolean, delay?: number, minDuration?: number) => boolean;
+export default useSpinDelay;

package/cjs/useSpinDelay.js

@@ -0,0 +1 @@
+import{useEffect as e,useRef as r,useState as t}from"react";export let useSpinDelay=(u,c=500,i=200)=>{let[n,o]=t(0),l=r();return e(()=>{u&&0===n&&(clearTimeout(l.current),l.current=setTimeout(()=>{if(!u)return o(0);l.current=setTimeout(()=>{o(3)},i),o(2)},c),o(1)),u||2===n||(clearTimeout(l.current),o(0))},[u,n,c,i]),e(()=>()=>clearTimeout(l.current),[]),2===n||3===n};export default useSpinDelay;

package/{hooks → cjs}/useTraceUpdate.d.ts

@@ -1 +1,2 @@
 export declare let useTraceUpdate: (props: any) => void;
+export default useTraceUpdate;

package/cjs/useTraceUpdate.js

@@ -0,0 +1 @@
+import{useEffect as e,useRef as t}from"react";export let useTraceUpdate=r=>{let c=t(r);e(()=>{let e=Object.entries(r).reduce((e,[t,r])=>(c.current[t]!==r&&(e[t]=[c.current[t],r]),e),{});Object.keys(e).length>0&&console.info("[@koine/react:useTraceUpdate] changed props:",e),c.current=r})};export default useTraceUpdate;

package/{hooks → cjs}/useUpdateEffect.d.ts

@@ -1,2 +1,3 @@
 import { useEffect } from "react";
 export declare let useUpdateEffect: typeof useEffect;
+export default useUpdateEffect;

package/cjs/useUpdateEffect.js

@@ -0,0 +1 @@
+import{useEffect as t}from"react";import{useFirstMountState as e}from"./useFirstMountState";export let useUpdateEffect=(r,f)=>{let o=e();t(()=>{if(!o)return r()},f)};export default useUpdateEffect;

package/{hooks → cjs}/useWindowSize.d.ts

@@ -1,2 +1,3 @@
 import { debounce } from "@koine/utils";
 export declare let useWindowSize: (wait?: Parameters<typeof debounce>[1], immediate?: Parameters<typeof debounce>[2]) => readonly [number, number];
+export default useWindowSize;

package/cjs/useWindowSize.js

@@ -0,0 +1 @@
+import{useEffect as e,useState as i}from"react";import{listenResize as r,listenResizeDebounced as t}from"@koine/dom";export let useWindowSize=(o,n)=>{let[d,w]=i(0),[m,u]=i(0);return e(()=>{let e=()=>{w(window.innerWidth),u(window.innerHeight)},i=o?t(0,e,o,n):r(e);return e(),i},[o,n]),[d,m]};export default useWindowSize;

package/classed.d.ts

@@ -4,5 +4,5 @@ type ClassedAugmentedProps<Props> = Props & {
     ref?: React.Ref<any>;
 };
 type ClassedFinalProps<Props, Component> = Component extends React.ReactHTML ? React.HTMLProps<Component> & ClassedAugmentedProps<Props> : ClassedAugmentedProps<Props>;
-export declare let classed: <Props, Component extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = any>(component: Component) => (strings: TemplateStringsArray, ...args: ((props: Props) => string)[] | string[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<ClassedFinalProps<Props, Component>> & React.RefAttributes<Component>>;
+export declare let classed: <Props, Component extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = any>(component: Component) => (strings: TemplateStringsArray, ...args: string[] | ((props: Props) => string)[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<ClassedFinalProps<Props, Component>> & React.RefAttributes<Component>>;
 export default classed;

package/classed.js

@@ -1,41 +1 @@
-import React, { createElement, forwardRef } from "react";
-export let classed = (component) => {
-    const type = component.type || component;
-    return function (strings, ...args) {
-        const WrappedComponent = forwardRef(function (props, ref) {
-            const argResolved = args
-                .map((arg, index) => {
-                let result = "";
-                if (typeof arg === "function") {
-                    result = arg(props);
-                }
-                else if (typeof arg !== "undefined") {
-                    result = arg.toString();
-                }
-                return strings[index] + result;
-            })
-                .join("");
-            const isNativeHtmlElement = typeof type === "string";
-            const propsToForward = isNativeHtmlElement
-                ? {}
-                : props;
-            if (isNativeHtmlElement) {
-                for (const key in props) {
-                    if (!key.startsWith("$")) {
-                        propsToForward[key] = props[key];
-                    }
-                }
-            }
-            let className = argResolved || strings[0];
-            className = className.match(/class="([^"]*)/)?.[1] || className;
-            className += props?.className ? " " + props?.className : "";
-            return createElement(type, {
-                ...propsToForward,
-                className: className || undefined,
-                ref,
-            });
-        });
-        return WrappedComponent;
-    };
-};
-export default classed;
+import{createElement as t,forwardRef as e}from"react";export let classed=r=>{let s=r.type||r;return function(r,...a){return e(function(e,n){let o=a.map((t,s)=>{let a="";return"function"==typeof t?a=t(e):void 0!==t&&(a=t.toString()),r[s]+a}).join(""),l="string"==typeof s,i=l?{}:e;if(l)for(let t in e)t.startsWith("$")||(i[t]=e[t]);let c=o||r[0];return c=(c.match(/class="([^"]*)/)?.[1]||c)+(e?.className?" "+e?.className:""),t(s,{...i,className:c||void 0,ref:n})})}};export default classed;

package/createUseMediaQueryWidth.js

@@ -1,38 +1 @@
-import { useState } from "react";
-import { getMediaQueryWidthResolvers, isUndefined, } from "@koine/utils";
-import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
-export let createUseMediaQueryWidth = (customBreakpoints) => {
-    const queryResolvers = getMediaQueryWidthResolvers(customBreakpoints);
-    return function useMediaQueryWidth(media, serverValue) {
-        const definition = media.substring(1);
-        let [rule, ruleBreakpoint] = definition.split("-");
-        if (isUndefined(ruleBreakpoint)) {
-            ruleBreakpoint = rule;
-        }
-        if (isUndefined(rule)) {
-            rule = "min";
-        }
-        const [br1, br2] = ruleBreakpoint.split("_");
-        const query = queryResolvers[rule](br1, br2);
-        const [matches, setMatches] = useState(isUndefined(serverValue) ? null : serverValue);
-        useIsomorphicLayoutEffect(() => {
-            const mq = window.matchMedia(query);
-            const handleChange = (event) => {
-                setMatches(event.matches);
-            };
-            setMatches(mq.matches);
-            if (!mq.addEventListener) {
-                mq.addListener(handleChange);
-                return () => {
-                    mq.removeListener(handleChange);
-                };
-            }
-            mq.addEventListener("change", handleChange);
-            return () => {
-                mq.removeEventListener("change", handleChange);
-            };
-        }, [query]);
-        return matches;
-    };
-};
-export default createUseMediaQueryWidth;
+import{useState as e}from"react";import{getMediaQueryWidthResolvers as t,isUndefined as r}from"@koine/utils";import{useIsomorphicLayoutEffect as i}from"./useIsomorphicLayoutEffect";export let createUseMediaQueryWidth=n=>{let a=t(n);return function(t,n){let[o,s]=t.substring(1).split("-");r(s)&&(s=o),r(o)&&(o="min");let[d,m]=s.split("_"),u=a[o](d,m),[c,l]=e(r(n)?null:n);return i(()=>{let e=window.matchMedia(u),t=e=>{l(e.matches)};return(l(e.matches),e.addEventListener)?(e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}):(e.addListener(t),()=>{e.removeListener(t)})},[u]),c}};export default createUseMediaQueryWidth;

package/extendComponent.js

@@ -1,9 +1 @@
-import { createElement } from "react";
-export let extendComponent = (component, defaultProps) => {
-    const NewComponent = (props) => createElement(component, props);
-    return Object.assign(NewComponent, {
-        ...defaultProps,
-        defaultProps,
-    });
-};
-export default extendComponent;
+import{createElement as e}from"react";export let extendComponent=(t,o)=>Object.assign(o=>e(t,o),{...o,defaultProps:o});export default extendComponent;

package/forms/antispam.js

@@ -1,29 +1 @@
-import { object } from "@kuus/yup";
-import { decode, encode, isUndefined } from "@koine/utils";
-export let encodeForm = (validationRules) => {
-    const encoded = {};
-    const encodedNames = {};
-    for (const name in validationRules) {
-        if (!name.startsWith("_")) {
-            const encodedName = encode(name);
-            encoded[encodedName] = validationRules[name];
-            encodedNames[name] = encodedName;
-        }
-    }
-    const encodedSchema = object(encoded).required();
-    return { encodedSchema, encodedNames };
-};
-export let decodeForm = (formData) => {
-    const json = {};
-    for (const encodedName in formData) {
-        const decodedName = decode(encodedName);
-        if (encodedName.startsWith("_")) {
-            json[encodedName.substring(1)] = formData[encodedName];
-        }
-        else if (!isUndefined(formData[encodedName]) &&
-            formData[decodedName] === "") {
-            json[decodedName] = formData[encodedName];
-        }
-    }
-    return json;
-};
+import{object as e}from"@kuus/yup";import{decode as t,encode as r,isUndefined as o}from"@koine/utils";export let encodeForm=t=>{let o={},i={};for(let e in t)if(!e.startsWith("_")){let l=r(e);o[l]=t[e],i[e]=l}return{encodedSchema:e(o).required(),encodedNames:i}};export let decodeForm=e=>{let r={};for(let i in e){let l=t(i);i.startsWith("_")?r[i.substring(1)]=e[i]:o(e[i])||""!==e[l]||(r[l]=e[i])}return r};

package/forms.js

@@ -1 +1 @@
-export * from "./forms/antispam";
+export*from"./forms/antispam";

package/index.js

@@ -1,26 +1 @@
-export { classed } from "./classed";
-export { createUseMediaQueryWidth, } from "./createUseMediaQueryWidth";
-export { extendComponent, } from "./extendComponent";
-export { FaviconTags } from "./FaviconTags";
-export { mergeRefs } from "./mergeRefs";
-export { Meta } from "./Meta";
-export { NoJs } from "./NoJs";
-export { useAsyncFn, } from "./useAsyncFn";
-export { useFirstMountState } from "./useFirstMountState";
-export { useFixedOffset } from "./useFixedOffset";
-export { useFocus } from "./useFocus";
-export { useInterval } from "./useInterval";
-export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
-export { useKeyUp } from "./useKeyUp";
-export { useMeasure, } from "./useMeasure";
-export { useMountedState } from "./useMountedState";
-export { useNavigateAway, } from "./useNavigateAway";
-export { usePrevious } from "./usePrevious";
-export { usePreviousRef } from "./usePreviousRef";
-export { useScrollPosition } from "./useScrollPosition";
-export { useScrollThreshold } from "./useScrollThreshold";
-export { useSmoothScroll } from "./useSmoothScroll";
-export { useSpinDelay } from "./useSpinDelay";
-export { useTraceUpdate } from "./useTraceUpdate";
-export { useUpdateEffect } from "./useUpdateEffect";
-export { useWindowSize } from "./useWindowSize";
+export{classed}from"./classed";export{createUseMediaQueryWidth}from"./createUseMediaQueryWidth";export{extendComponent}from"./extendComponent";export{FaviconTags}from"./FaviconTags";export{mergeRefs}from"./mergeRefs";export{Meta}from"./Meta";export{NoJs}from"./NoJs";export{useAsyncFn}from"./useAsyncFn";export{useFirstMountState}from"./useFirstMountState";export{useFixedOffset}from"./useFixedOffset";export{useFocus}from"./useFocus";export{useInterval}from"./useInterval";export{useIsomorphicLayoutEffect}from"./useIsomorphicLayoutEffect";export{useKeyUp}from"./useKeyUp";export{useMeasure}from"./useMeasure";export{useMountedState}from"./useMountedState";export{useNavigateAway}from"./useNavigateAway";export{usePrevious}from"./usePrevious";export{usePreviousRef}from"./usePreviousRef";export{useScrollPosition}from"./useScrollPosition";export{useScrollThreshold}from"./useScrollThreshold";export{useSmoothScroll}from"./useSmoothScroll";export{useSpinDelay}from"./useSpinDelay";export{useTraceUpdate}from"./useTraceUpdate";export{useUpdateEffect}from"./useUpdateEffect";export{useWindowSize}from"./useWindowSize";

package/mergeRefs.js

@@ -1,13 +1 @@
-export let mergeRefs = (refs) => {
-    return (value) => {
-        refs.forEach((ref) => {
-            if (typeof ref === "function") {
-                ref(value);
-            }
-            else if (ref != null) {
-                ref.current = value;
-            }
-        });
-    };
-};
-export default mergeRefs;
+export let mergeRefs=e=>r=>{e.forEach(e=>{"function"==typeof e?e(r):null!=e&&(e.current=r)})};export default mergeRefs;

package/package.json

@@ -2,8 +2,8 @@
   "name": "@koine/react",
   "sideEffects": false,
   "dependencies": {
-    "@koine/dom": "2.0.0-beta.74",
-    "@koine/utils": "2.0.0-beta.74"
+    "@koine/dom": "2.0.0-beta.76",
+    "@koine/utils": "2.0.0-beta.76"
   },
   "peerDependencies": {
     "@kuus/yup": "1.0.0-beta.7",
@@ -25,25 +25,182 @@
       "optional": true
     }
   },
+  "module": "./index.js",
+  "type": "module",
+  "main": "./cjs/index.js",
   "exports": {
-    "./package.json": "./package.json",
     ".": {
-      "module": "./index.esm.js",
-      "import": "./index.cjs.mjs",
-      "default": "./index.cjs.js"
+      "require": "./cjs/index.js",
+      "import": "./index.js"
+    },
+    "./FaviconTags": {
+      "require": "./cjs/FaviconTags.js",
+      "import": "./FaviconTags.js"
+    },
+    "./Meta": {
+      "require": "./cjs/Meta.js",
+      "import": "./Meta.js"
+    },
+    "./NoJs": {
+      "require": "./cjs/NoJs.js",
+      "import": "./NoJs.js"
+    },
+    "./Polymorphic": {
+      "require": "./cjs/Polymorphic.js",
+      "import": "./Polymorphic.js"
     },
     "./calendar": {
-      "module": "./calendar.esm.js",
-      "import": "./calendar.cjs.mjs",
-      "default": "./calendar.cjs.js"
+      "require": "./cjs/calendar.js",
+      "import": "./calendar.js"
+    },
+    "./calendar/CalendarDaygridCell": {
+      "require": "./cjs/calendar/CalendarDaygridCell.js",
+      "import": "./calendar/CalendarDaygridCell.js"
+    },
+    "./calendar/CalendarDaygridNav": {
+      "require": "./cjs/calendar/CalendarDaygridNav.js",
+      "import": "./calendar/CalendarDaygridNav.js"
+    },
+    "./calendar/CalendarDaygridTable": {
+      "require": "./cjs/calendar/CalendarDaygridTable.js",
+      "import": "./calendar/CalendarDaygridTable.js"
+    },
+    "./calendar/CalendarLegend": {
+      "require": "./cjs/calendar/CalendarLegend.js",
+      "import": "./calendar/CalendarLegend.js"
+    },
+    "./calendar/calendar-api-google": {
+      "require": "./cjs/calendar/calendar-api-google.js",
+      "import": "./calendar/calendar-api-google.js"
+    },
+    "./calendar/types": {
+      "require": "./cjs/calendar/types.js",
+      "import": "./calendar/types.js"
+    },
+    "./calendar/useCalendar": {
+      "require": "./cjs/calendar/useCalendar.js",
+      "import": "./calendar/useCalendar.js"
+    },
+    "./calendar/useDateLocale": {
+      "require": "./cjs/calendar/useDateLocale.js",
+      "import": "./calendar/useDateLocale.js"
+    },
+    "./calendar/utils": {
+      "require": "./cjs/calendar/utils.js",
+      "import": "./calendar/utils.js"
+    },
+    "./classed": {
+      "require": "./cjs/classed.js",
+      "import": "./classed.js"
+    },
+    "./createUseMediaQueryWidth": {
+      "require": "./cjs/createUseMediaQueryWidth.js",
+      "import": "./createUseMediaQueryWidth.js"
+    },
+    "./extendComponent": {
+      "require": "./cjs/extendComponent.js",
+      "import": "./extendComponent.js"
     },
     "./forms": {
-      "module": "./forms.esm.js",
-      "import": "./forms.cjs.mjs",
-      "default": "./forms.cjs.js"
+      "require": "./cjs/forms.js",
+      "import": "./forms.js"
+    },
+    "./forms/antispam": {
+      "require": "./cjs/forms/antispam.js",
+      "import": "./forms/antispam.js"
+    },
+    "./mergeRefs": {
+      "require": "./cjs/mergeRefs.js",
+      "import": "./mergeRefs.js"
+    },
+    "./types": {
+      "require": "./cjs/types.js",
+      "import": "./types.js"
+    },
+    "./useAsyncFn": {
+      "require": "./cjs/useAsyncFn.js",
+      "import": "./useAsyncFn.js"
+    },
+    "./useFirstMountState": {
+      "require": "./cjs/useFirstMountState.js",
+      "import": "./useFirstMountState.js"
+    },
+    "./useFixedOffset": {
+      "require": "./cjs/useFixedOffset.js",
+      "import": "./useFixedOffset.js"
+    },
+    "./useFocus": {
+      "require": "./cjs/useFocus.js",
+      "import": "./useFocus.js"
+    },
+    "./useInterval": {
+      "require": "./cjs/useInterval.js",
+      "import": "./useInterval.js"
+    },
+    "./useIsomorphicLayoutEffect": {
+      "require": "./cjs/useIsomorphicLayoutEffect.js",
+      "import": "./useIsomorphicLayoutEffect.js"
+    },
+    "./useKeyUp": {
+      "require": "./cjs/useKeyUp.js",
+      "import": "./useKeyUp.js"
+    },
+    "./useMeasure": {
+      "require": "./cjs/useMeasure.js",
+      "import": "./useMeasure.js"
+    },
+    "./useMountedState": {
+      "require": "./cjs/useMountedState.js",
+      "import": "./useMountedState.js"
+    },
+    "./useNavigateAway": {
+      "require": "./cjs/useNavigateAway.js",
+      "import": "./useNavigateAway.js"
+    },
+    "./usePrevious": {
+      "require": "./cjs/usePrevious.js",
+      "import": "./usePrevious.js"
+    },
+    "./usePreviousRef": {
+      "require": "./cjs/usePreviousRef.js",
+      "import": "./usePreviousRef.js"
+    },
+    "./useReveal": {
+      "require": "./cjs/useReveal.js",
+      "import": "./useReveal.js"
+    },
+    "./useScrollPosition": {
+      "require": "./cjs/useScrollPosition.js",
+      "import": "./useScrollPosition.js"
+    },
+    "./useScrollThreshold": {
+      "require": "./cjs/useScrollThreshold.js",
+      "import": "./useScrollThreshold.js"
+    },
+    "./useScrollTo": {
+      "require": "./cjs/useScrollTo.js",
+      "import": "./useScrollTo.js"
+    },
+    "./useSmoothScroll": {
+      "require": "./cjs/useSmoothScroll.js",
+      "import": "./useSmoothScroll.js"
+    },
+    "./useSpinDelay": {
+      "require": "./cjs/useSpinDelay.js",
+      "import": "./useSpinDelay.js"
+    },
+    "./useTraceUpdate": {
+      "require": "./cjs/useTraceUpdate.js",
+      "import": "./useTraceUpdate.js"
+    },
+    "./useUpdateEffect": {
+      "require": "./cjs/useUpdateEffect.js",
+      "import": "./useUpdateEffect.js"
+    },
+    "./useWindowSize": {
+      "require": "./cjs/useWindowSize.js",
+      "import": "./useWindowSize.js"
     }
   },
-  "module": "./index.esm.js",
-  "main": "./index.cjs.js",
-  "version": "2.0.0-beta.74"
+  "version": "2.0.0-beta.76"
 }

package/types.js

@@ -1 +1 @@
-export {};
+export{};

package/useAsyncFn.js

@@ -1,26 +1 @@
-import React, { useCallback, useRef, useState } from "react";
-import { useMountedState } from "./useMountedState";
-export let useAsyncFn = (fn, deps = [], initialState = { loading: false }) => {
-    const lastCallId = useRef(0);
-    const isMounted = useMountedState();
-    const [state, set] = useState(initialState);
-    const callback = useCallback((...args) => {
-        const callId = ++lastCallId.current;
-        if (!state.loading) {
-            set((prevState) => ({ ...prevState, loading: true }));
-        }
-        return fn(...args).then((value) => {
-            isMounted() &&
-                callId === lastCallId.current &&
-                set({ value, loading: false });
-            return value;
-        }, (error) => {
-            isMounted() &&
-                callId === lastCallId.current &&
-                set({ error, loading: false });
-            return error;
-        });
-    }, deps);
-    return [state, callback];
-};
-export default useAsyncFn;
+import{useCallback as e,useRef as t,useState as r}from"react";import{useMountedState as n}from"./useMountedState";export let useAsyncFn=(o,u=[],l={loading:!1})=>{let a=t(0),d=n(),[i,c]=r(l),g=e((...e)=>{let t=++a.current;return i.loading||c(e=>({...e,loading:!0})),o(...e).then(e=>(d()&&t===a.current&&c({value:e,loading:!1}),e),e=>(d()&&t===a.current&&c({error:e,loading:!1}),e))},u);return[i,g]};export default useAsyncFn;

package/useFirstMountState.js

@@ -1,10 +1 @@
-import { useRef } from "react";
-export let useFirstMountState = () => {
-    const isFirst = useRef(true);
-    if (isFirst.current) {
-        isFirst.current = false;
-        return true;
-    }
-    return isFirst.current;
-};
-export default useFirstMountState;
+import{useRef as t}from"react";export let useFirstMountState=()=>{let r=t(!0);return r.current?(r.current=!1,!0):r.current};export default useFirstMountState;

package/useFixedOffset.js

@@ -1,42 +1 @@
-import { useRef } from "react";
-import { debounce } from "@koine/utils";
-import { $each, calculateFixedOffset, injectCss, listenResizeDebounced, } from "@koine/dom";
-import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
-const inject = (value) => {
-    injectCss("useFixedOffset", `html{scroll-padding-top: ${value}px}`);
-};
-export let useFixedOffset = (selector) => {
-    const fixedOffset = useRef(0);
-    useIsomorphicLayoutEffect(() => {
-        const update = () => {
-            const newFixedOffset = calculateFixedOffset();
-            fixedOffset.current = newFixedOffset;
-            inject(newFixedOffset);
-        };
-        update();
-        if (ResizeObserver) {
-            const observer = new ResizeObserver((entries) => {
-                let newFixedOffset = 0;
-                entries.forEach((entry) => {
-                    newFixedOffset += entry.contentRect.height;
-                });
-                fixedOffset.current = newFixedOffset;
-                const updateOnResize = debounce(() => inject(newFixedOffset), 400, true);
-                updateOnResize();
-            });
-            $each(selector || "[data-fixed]", ($el) => {
-                if (observer)
-                    observer.observe($el);
-            });
-            return () => {
-                observer?.disconnect();
-            };
-        }
-        else {
-            const listener = listenResizeDebounced(0, update);
-            return listener;
-        }
-    }, [selector]);
-    return fixedOffset;
-};
-export default useFixedOffset;
+import{useRef as e}from"react";import{debounce as t}from"@koine/utils";import{$each as r,calculateFixedOffset as o,injectCss as i,listenResizeDebounced as f}from"@koine/dom";import{useIsomorphicLayoutEffect as s}from"./useIsomorphicLayoutEffect";let n=e=>{i("useFixedOffset",`html{scroll-padding-top: ${e}px}`)};export let useFixedOffset=i=>{let l=e(0);return s(()=>{let e=()=>{let e=o();l.current=e,n(e)};if(e(),!ResizeObserver)return f(0,e);{let e=new ResizeObserver(e=>{let r=0;e.forEach(e=>{r+=e.contentRect.height}),l.current=r,t(()=>n(r),400,!0)()});return r(i||"[data-fixed]",t=>{e&&e.observe(t)}),()=>{e?.disconnect()}}},[i]),l};export default useFixedOffset;

package/useFocus.js

@@ -1,9 +1 @@
-import { useRef } from "react";
-export let useFocus = () => {
-    const elementRef = useRef(null);
-    const setFocus = () => {
-        elementRef.current && elementRef.current.focus();
-    };
-    return [elementRef, setFocus];
-};
-export default useFocus;
+import{useRef as e}from"react";export let useFocus=()=>{let r=e(null);return[r,()=>{r.current&&r.current.focus()}]};export default useFocus;

package/useInterval.js

@@ -1,20 +1 @@
-import { useEffect, useRef } from "react";
-import { noop } from "@koine/utils";
-export let useInterval = (callback, delay, deps = []) => {
-    const savedCallback = useRef();
-    useEffect(() => {
-        savedCallback.current = callback;
-    }, [callback, ...deps]);
-    useEffect(() => {
-        function tick() {
-            if (savedCallback.current)
-                savedCallback.current();
-        }
-        if (delay !== null) {
-            const id = setInterval(tick, delay);
-            return () => clearInterval(id);
-        }
-        return noop;
-    }, [delay]);
-};
-export default useInterval;
+import{useEffect as r,useRef as e}from"react";import{noop as t}from"@koine/utils";export let useInterval=(n,l,u=[])=>{let o=e();r(()=>{o.current=n},[n,...u]),r(()=>{if(null!==l){let r=setInterval(function(){o.current&&o.current()},l);return()=>clearInterval(r)}return t},[l])};export default useInterval;

package/useIsomorphicLayoutEffect.d.ts

@@ -1,3 +1,3 @@
-import { useLayoutEffect } from "react";
-export declare let useIsomorphicLayoutEffect: typeof useLayoutEffect;
+import { useEffect } from "react";
+export declare let useIsomorphicLayoutEffect: typeof useEffect;
 export default useIsomorphicLayoutEffect;

package/useIsomorphicLayoutEffect.js

@@ -1,4 +1 @@
-import { useEffect, useLayoutEffect } from "react";
-import { isBrowser } from "@koine/utils";
-export let useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;
-export default useIsomorphicLayoutEffect;
+import{useEffect as o,useLayoutEffect as t}from"react";import{isBrowser as e}from"@koine/utils";export let useIsomorphicLayoutEffect=e?t:o;export default useIsomorphicLayoutEffect;

package/useKeyUp.js

@@ -1,16 +1 @@
-import { useEffect } from "react";
-import { on } from "@koine/dom";
-export let useKeyUp = (callback, deps = []) => {
-    useEffect(() => {
-        const listener = on(window, "keyup", (event) => {
-            if (!event.ctrlKey &&
-                !event.altKey &&
-                !event.shiftKey &&
-                !event.metaKey) {
-                callback(event);
-            }
-        });
-        return listener;
-    }, [callback, ...deps]);
-};
-export default useKeyUp;
+import{useEffect as e}from"react";import{on as t}from"@koine/dom";export let useKeyUp=(o,r=[])=>{e(()=>t(window,"keyup",e=>{e.ctrlKey||e.altKey||e.shiftKey||e.metaKey||o(e)}),[o,...r])};export default useKeyUp;